From dfda7b79b96a30971a3dd8a84e510de16a66b32b Mon Sep 17 00:00:00 2001 From: t3chguy Date: Mon, 29 Jul 2024 10:48:16 +0000 Subject: [PATCH] deploy: 338cca690e2cc8ec7aebcc4510f97749f300ff2d --- assets/{Action-JMYNzy5J.js => Action-CWepeJGG.js} | 6 +++--- ...ion.stories-Cs-LssTv.js => Action.stories-DHbYDykd.js} | 2 +- ...ories-CTG5rRie.js => ActionButton.stories-CCb8-5E-.js} | 2 +- assets/{Alert-kO35A4tX.js => Alert-ydgRwkxX.js} | 2 +- ...lert.stories-RCe0Qlfh.js => Alert.stories-C-MsyXEB.js} | 2 +- assets/{Avatar-OPpxc4CT.js => Avatar-DyB-Y6ln.js} | 2 +- ...tar.stories-BVjcXUo5.js => Avatar.stories-5GNcD0iH.js} | 2 +- .../{AvatarStack-Ba__udwu.js => AvatarStack-DBPldPV8.js} | 2 +- ...tories-KO3NmMg4.js => AvatarStack.stories-wdnsGuiY.js} | 2 +- assets/{Badge-CDnfCw2C.js => Badge-Cf9Fivpi.js} | 2 +- ...adge.stories-CK1qrIhb.js => Badge.stories-Bit9ymx4.js} | 2 +- ...or-KGDBMAHA-AC_C-lSD.js => Color-KGDBMAHA-BAWGD9V9.js} | 2 +- .../{ContextMenu-C02nebHs.js => ContextMenu-DTzt9ghB.js} | 2 +- ...tories-Di9Mcz9r.js => ContextMenu.stories-WBgq7U4G.js} | 2 +- ...ORMH-DG8iag7u.js => DocsRenderer-PKQXORMH-D6J9EgjD.js} | 8 ++++---- ...stories-rbe3U1Qp.js => DrawerMenu.stories-Cv6IIkTd.js} | 2 +- ...tories-CZHntu5S.js => EditInPlace.stories-CgIxibMo.js} | 2 +- ...{FloatingMenu-CL2la2kV.js => FloatingMenu-t36h7pay.js} | 2 +- ...ories-9GPDffYs.js => FloatingMenu.stories-BTsyYtIm.js} | 2 +- ...{Form.stories-Y0z1LQfv.js => Form.stories-BuHwz_9x.js} | 2 +- ...lass.stories-DbmZ8lNM.js => Glass.stories-CZNcNFEl.js} | 2 +- assets/{Heading-DUAGg0Hg.js => Heading-DqG7uK5Y.js} | 2 +- ...ng.stories-CpsD7GGW.js => Heading.stories-CHYUY4vG.js} | 2 +- assets/{IconButton-DWB0NNu-.js => IconButton-D6wkAs9e.js} | 6 +++--- ...stories-4EKsZR8f.js => IconButton.stories-LM8Bwtcc.js} | 2 +- ...ndicatorIcon-B59qELJf.js => IndicatorIcon-_PMFIuo8.js} | 2 +- ...ries-DuqrdiH8.js => IndicatorIcon.stories-DxLbbjh4.js} | 2 +- assets/{Link-CCSCFCbW.js => Link-DttFLitk.js} | 2 +- ...{Link.stories-IXMBWgfq.js => Link.stories-cdvzg468.js} | 2 +- assets/{MFA-1X7uPcX5.js => MFA-QkHhz391.js} | 2 +- .../{MFA.stories-BGS-7MMe.js => MFA.stories-CIpFh1Oq.js} | 2 +- assets/{Menu-0jcVIraJ.js => Menu-BDkXLAb-.js} | 2 +- ...{Menu.stories-xk-kJDvN.js => Menu.stories-dYuzEVQo.js} | 2 +- assets/{MenuItem-DakIqoyJ.js => MenuItem-DTeHnbO2.js} | 4 ++-- ...m.stories-BM8yVS1I.js => MenuItem.stories-BFhmRD9T.js} | 2 +- assets/{Password-B9k2Af8o.js => Password-CGBCIgRd.js} | 2 +- ...d.stories-DuhtRpRi.js => Password.stories-jZa2jZ5b.js} | 2 +- ...ories-B5fA0IN8.js => PasswordForm.stories-QnDe2mRn.js} | 2 +- assets/{Progress-C3rwhIWa.js => Progress-CTwHYCo_.js} | 4 ++-- ...s.stories-Dg6ffN9q.js => Progress.stories-BReUmr8m.js} | 2 +- ...cement-Dsr75Ow7.js => ReleaseAnnouncement-ViECv-cV.js} | 4 ++-- ...vGI64E7.js => ReleaseAnnouncement.stories-BpJK3w8d.js} | 2 +- assets/{Search-D2o03kc0.js => Search-nw2ZnRXI.js} | 8 ++++---- assets/Search.stories-1TI7r3Wt.js | 3 --- assets/Search.stories-hz7qBvUJ.js | 3 +++ assets/{Separator-BX8LXA58.js => Separator-MYmqMLpp.js} | 2 +- ....stories-DkhSZ2__.js => Separator.stories-XnhkE42O.js} | 2 +- assets/{Text-43GasnQW.js => Text-BgCCN_GG.js} | 2 +- ...{Text.stories-DEQpK8_4.js => Text.stories-LnqBI7_q.js} | 2 +- ...gleMenuItem-BC_hGi6M.js => ToggleMenuItem-Byr46rko.js} | 4 ++-- ...ies-DE2BO38w.js => ToggleMenuItem.stories-DlGAkU-_.js} | 2 +- assets/{Tooltip-BZNLLHxc.js => Tooltip-D3X7zSTe.js} | 8 ++++---- ...ip.stories-CvFNcgHb.js => Tooltip.stories-1I1bjke0.js} | 2 +- assets/{Typography-BWOtt-hZ.js => Typography-DuHxGDyc.js} | 2 +- assets/{iframe-Q8cTae2l.js => iframe-K5grWl2A.js} | 4 ++-- assets/{index-DQ_0HPJr.js => index-CCuaVIkF.js} | 2 +- assets/{preview-BaHBqshk.js => preview-C8nnu86J.js} | 4 ++-- iframe.html | 2 +- project.json | 2 +- 59 files changed, 79 insertions(+), 79 deletions(-) rename assets/{Action-JMYNzy5J.js => Action-CWepeJGG.js} (74%) rename assets/{Action.stories-Cs-LssTv.js => Action.stories-DHbYDykd.js} (97%) rename assets/{ActionButton.stories-CTG5rRie.js => ActionButton.stories-CCb8-5E-.js} (88%) rename assets/{Alert-kO35A4tX.js => Alert-ydgRwkxX.js} (94%) rename assets/{Alert.stories-RCe0Qlfh.js => Alert.stories-C-MsyXEB.js} (92%) rename assets/{Avatar-OPpxc4CT.js => Avatar-DyB-Y6ln.js} (84%) rename assets/{Avatar.stories-BVjcXUo5.js => Avatar.stories-5GNcD0iH.js} (97%) rename assets/{AvatarStack-Ba__udwu.js => AvatarStack-DBPldPV8.js} (97%) rename assets/{AvatarStack.stories-KO3NmMg4.js => AvatarStack.stories-wdnsGuiY.js} (93%) rename assets/{Badge-CDnfCw2C.js => Badge-Cf9Fivpi.js} (76%) rename assets/{Badge.stories-CK1qrIhb.js => Badge.stories-Bit9ymx4.js} (85%) rename assets/{Color-KGDBMAHA-AC_C-lSD.js => Color-KGDBMAHA-BAWGD9V9.js} (99%) rename assets/{ContextMenu-C02nebHs.js => ContextMenu-DTzt9ghB.js} (98%) rename assets/{ContextMenu.stories-Di9Mcz9r.js => ContextMenu.stories-WBgq7U4G.js} (84%) rename assets/{DocsRenderer-PKQXORMH-DG8iag7u.js => DocsRenderer-PKQXORMH-D6J9EgjD.js} (99%) rename assets/{DrawerMenu.stories-rbe3U1Qp.js => DrawerMenu.stories-Cv6IIkTd.js} (84%) rename assets/{EditInPlace.stories-CZHntu5S.js => EditInPlace.stories-CgIxibMo.js} (79%) rename assets/{FloatingMenu-CL2la2kV.js => FloatingMenu-t36h7pay.js} (95%) rename assets/{FloatingMenu.stories-9GPDffYs.js => FloatingMenu.stories-BTsyYtIm.js} (85%) rename assets/{Form.stories-Y0z1LQfv.js => Form.stories-BuHwz_9x.js} (75%) rename assets/{Glass.stories-DbmZ8lNM.js => Glass.stories-CZNcNFEl.js} (91%) rename assets/{Heading-DUAGg0Hg.js => Heading-DqG7uK5Y.js} (97%) rename assets/{Heading.stories-CpsD7GGW.js => Heading.stories-CHYUY4vG.js} (78%) rename assets/{IconButton-DWB0NNu-.js => IconButton-D6wkAs9e.js} (57%) rename assets/{IconButton.stories-4EKsZR8f.js => IconButton.stories-LM8Bwtcc.js} (96%) rename assets/{IndicatorIcon-B59qELJf.js => IndicatorIcon-_PMFIuo8.js} (94%) rename assets/{IndicatorIcon.stories-DuqrdiH8.js => IndicatorIcon.stories-DxLbbjh4.js} (95%) rename assets/{Link-CCSCFCbW.js => Link-DttFLitk.js} (51%) rename assets/{Link.stories-IXMBWgfq.js => Link.stories-cdvzg468.js} (87%) rename assets/{MFA-1X7uPcX5.js => MFA-QkHhz391.js} (73%) rename assets/{MFA.stories-BGS-7MMe.js => MFA.stories-CIpFh1Oq.js} (98%) rename assets/{Menu-0jcVIraJ.js => Menu-BDkXLAb-.js} (97%) rename assets/{Menu.stories-xk-kJDvN.js => Menu.stories-dYuzEVQo.js} (88%) rename assets/{MenuItem-DakIqoyJ.js => MenuItem-DTeHnbO2.js} (94%) rename assets/{MenuItem.stories-BM8yVS1I.js => MenuItem.stories-BFhmRD9T.js} (95%) rename assets/{Password-B9k2Af8o.js => Password-CGBCIgRd.js} (96%) rename assets/{Password.stories-DuhtRpRi.js => Password.stories-jZa2jZ5b.js} (96%) rename assets/{PasswordForm.stories-B5fA0IN8.js => PasswordForm.stories-QnDe2mRn.js} (81%) rename assets/{Progress-C3rwhIWa.js => Progress-CTwHYCo_.js} (78%) rename assets/{Progress.stories-Dg6ffN9q.js => Progress.stories-BReUmr8m.js} (97%) rename assets/{ReleaseAnnouncement-Dsr75Ow7.js => ReleaseAnnouncement-ViECv-cV.js} (91%) rename assets/{ReleaseAnnouncement.stories-VvGI64E7.js => ReleaseAnnouncement.stories-BpJK3w8d.js} (84%) rename assets/{Search-D2o03kc0.js => Search-nw2ZnRXI.js} (76%) delete mode 100644 assets/Search.stories-1TI7r3Wt.js create mode 100644 assets/Search.stories-hz7qBvUJ.js rename assets/{Separator-BX8LXA58.js => Separator-MYmqMLpp.js} (64%) rename assets/{Separator.stories-DkhSZ2__.js => Separator.stories-XnhkE42O.js} (93%) rename assets/{Text-43GasnQW.js => Text-BgCCN_GG.js} (88%) rename assets/{Text.stories-DEQpK8_4.js => Text.stories-LnqBI7_q.js} (78%) rename assets/{ToggleMenuItem-BC_hGi6M.js => ToggleMenuItem-Byr46rko.js} (50%) rename assets/{ToggleMenuItem.stories-DE2BO38w.js => ToggleMenuItem.stories-DlGAkU-_.js} (84%) rename assets/{Tooltip-BZNLLHxc.js => Tooltip-D3X7zSTe.js} (76%) rename assets/{Tooltip.stories-CvFNcgHb.js => Tooltip.stories-1I1bjke0.js} (96%) rename assets/{Typography-BWOtt-hZ.js => Typography-DuHxGDyc.js} (97%) rename assets/{iframe-Q8cTae2l.js => iframe-K5grWl2A.js} (71%) rename assets/{index-DQ_0HPJr.js => index-CCuaVIkF.js} (92%) rename assets/{preview-BaHBqshk.js => preview-C8nnu86J.js} (76%) diff --git a/assets/Action-JMYNzy5J.js b/assets/Action-CWepeJGG.js similarity index 74% rename from assets/Action-JMYNzy5J.js rename to assets/Action-CWepeJGG.js index 70994511..bcff6ffb 100644 --- a/assets/Action-JMYNzy5J.js +++ b/assets/Action-CWepeJGG.js @@ -1,9 +1,9 @@ -import{j as e}from"./jsx-runtime-CexXSJP5.js";import{c as f}from"./index-CSpfAsmC.js";import{r as s}from"./index-BP8_t0zE.js";import{T as h}from"./Text-Cz5oMJIL.js";import{u as b}from"./useId-DIHOOv91.js";import{C as g}from"./index-Dn9bhuYh.js";import{T as y}from"./Tooltip-BZNLLHxc.js";const _="_container_1qov4_17",x="_control_1qov4_22",C="_action_1qov4_33",a={container:_,control:x,action:C},i=s.forwardRef(function({Icon:n,className:o,actionLabel:c,onActionClick:u,...p},d){const r=b(),m=f(a.container,o);return e.jsxs("div",{className:m,id:r,children:[e.jsx(h,{ref:d,...p,className:a.control}),e.jsx(y,{label:c,children:e.jsx("button",{type:"button",className:a.action,onClick:u,"aria-controls":r,children:e.jsx(n,{"aria-hidden":!0})})})]})}),l=s.forwardRef(function(n,o){return e.jsx(g,{asChild:!0,children:e.jsx(i,{ref:o,...n})})});try{i.displayName="ActionInput",i.__docgenInfo={description:`A generic input with an action icon on the right hand side. +import{j as e}from"./jsx-runtime-CexXSJP5.js";import{c as f}from"./index-CSpfAsmC.js";import{r as s}from"./index-BP8_t0zE.js";import{T as h}from"./Text-Cz5oMJIL.js";import{u as b}from"./useId-DIHOOv91.js";import{C as g}from"./index-Dn9bhuYh.js";import{T as y}from"./Tooltip-D3X7zSTe.js";const _="_container_1qov4_17",x="_control_1qov4_22",C="_action_1qov4_33",a={container:_,control:x,action:C},i=s.forwardRef(function({Icon:n,className:o,actionLabel:c,onActionClick:u,...p},d){const r=b(),m=f(a.container,o);return e.jsxs("div",{className:m,id:r,children:[e.jsx(h,{ref:d,...p,className:a.control}),e.jsx(y,{label:c,children:e.jsx("button",{type:"button",className:a.action,onClick:u,"aria-controls":r,children:e.jsx(n,{"aria-hidden":!0})})})]})}),l=s.forwardRef(function(n,o){return e.jsx(g,{asChild:!0,children:e.jsx(i,{ref:o,...n})})});try{i.displayName="ActionInput",i.__docgenInfo={description:`A generic input with an action icon on the right hand side. You should rarely use it directly, -but it is powering the likes of "copy to clipboard input", "password reveal", ...`,displayName:"ActionInput",props:{Icon:{defaultValue:null,description:"The React component to display on the right hand side of the icon.",name:"Icon",required:!0,type:{name:"FunctionComponent>"}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text +but it is powering the likes of "copy to clipboard input", "password reveal", ...`,displayName:"ActionInput",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},Icon:{defaultValue:null,description:"The React component to display on the right hand side of the icon.",name:"Icon",required:!0,type:{name:"FunctionComponent>"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text For example on an in-place editing field https://github.com/rsms/inter/issues/222 -https://github.com/rsms/inter/blob/master/src/features/calt.fea`,name:"enableLigatures",required:!1,type:{name:"boolean"}},actionLabel:{defaultValue:null,description:'The name of the action to perform (e.g. "Copy to clipboard")',name:"actionLabel",required:!0,type:{name:"string"}},onActionClick:{defaultValue:null,description:"On click callback for the icon on the right hand side",name:"onActionClick",required:!0,type:{name:"(e: MouseEvent) => void"}}}}}catch{}try{l.displayName="ActionControl",l.__docgenInfo={description:"A styled text input wrapped in a `Control` component, for use in Radix forms.",displayName:"ActionControl",props:{Icon:{defaultValue:null,description:"The React component to display on the right hand side of the icon.",name:"Icon",required:!0,type:{name:"FunctionComponent>"}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text +https://github.com/rsms/inter/blob/master/src/features/calt.fea`,name:"enableLigatures",required:!1,type:{name:"boolean"}},actionLabel:{defaultValue:null,description:'The name of the action to perform (e.g. "Copy to clipboard")',name:"actionLabel",required:!0,type:{name:"string"}},onActionClick:{defaultValue:null,description:"On click callback for the icon on the right hand side",name:"onActionClick",required:!0,type:{name:"(e: MouseEvent) => void"}}}}}catch{}try{l.displayName="ActionControl",l.__docgenInfo={description:"A styled text input wrapped in a `Control` component, for use in Radix forms.",displayName:"ActionControl",props:{className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},Icon:{defaultValue:null,description:"The React component to display on the right hand side of the icon.",name:"Icon",required:!0,type:{name:"FunctionComponent>"}},enableLigatures:{defaultValue:null,description:`Enable contextual alternate ligatures on input text For example on an in-place editing field https://github.com/rsms/inter/issues/222 https://github.com/rsms/inter/blob/master/src/features/calt.fea`,name:"enableLigatures",required:!1,type:{name:"boolean"}},actionLabel:{defaultValue:null,description:'The name of the action to perform (e.g. "Copy to clipboard")',name:"actionLabel",required:!0,type:{name:"string"}},onActionClick:{defaultValue:null,description:"On click callback for the icon on the right hand side",name:"onActionClick",required:!0,type:{name:"(e: MouseEvent) => void"}}}}}catch{}export{i as A}; diff --git a/assets/Action.stories-Cs-LssTv.js b/assets/Action.stories-DHbYDykd.js similarity index 97% rename from assets/Action.stories-Cs-LssTv.js rename to assets/Action.stories-DHbYDykd.js index c9b91951..9eb9b39f 100644 --- a/assets/Action.stories-Cs-LssTv.js +++ b/assets/Action.stories-DHbYDykd.js @@ -1,4 +1,4 @@ -import{j as m}from"./jsx-runtime-CexXSJP5.js";import{i as s}from"./index-DvDDli3q.js";import{A as i}from"./Action-JMYNzy5J.js";import{C as l}from"./check-DrA_wPr-.js";import"./index-BP8_t0zE.js";import"./notifications-CmnzXmCw.js";import"./extensions-DlgbNgpo.js";import"./search-BC9ffyhQ.js";import"./close-BapqxG5D.js";import"./chevron-right-CaLdGLa3.js";import"./settings-DxGsE2C2.js";import"./spinner-DszwWdC7.js";import"./threads-BMeJ5mkW.js";import"./user-profile-EvkA4CON.js";import"./visibility-on-CjnqbRsU.js";import"./warning-ChS4d0Jy.js";import"./index-CSpfAsmC.js";import"./Text-Cz5oMJIL.js";import"./index-Dn9bhuYh.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-vl_XNHfj.js";import"./index-CkD-EKAR.js";import"./index-Cw6ikIwd.js";import"./useId-DIHOOv91.js";import"./Tooltip-BZNLLHxc.js";import"./floating-ui.react-B-qURRA4.js";const j={title:"Form/Controls/Action",component:i,tags:["autodocs"],parameters:{controls:{include:["onActionClick","defaultValue","placeholder","disabled","autoFocus","readOnly","invalid","actionLabel","Icon"]}},argTypes:{onActionClick:{action:"clicked"},defaultValue:{type:"string"},placeholder:{type:"string"},disabled:{type:"boolean"},autoFocus:{type:"boolean"},readOnly:{type:"boolean"},invalid:{type:"boolean"},actionLabel:{type:"string"},Icon:{options:Object.keys(s),mapping:s,defaultValue:"check",control:{type:"select"}}},render:({invalid:p,...d})=>m.jsx(i,{"data-invalid":p||void 0,...d}),args:{placeholder:"",autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1,actionLabel:"Action",Icon:l}},e={parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4477"}}},a={args:{defaultValue:"Filled"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4536"}}},o={args:{defaultValue:"Disabled",disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4530"}}},n={args:{defaultValue:"Read only",readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2126-21984"}}},r={args:{autoFocus:!0}},t={args:{defaultValue:"Invalid",invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4514"}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ +import{j as m}from"./jsx-runtime-CexXSJP5.js";import{i as s}from"./index-DvDDli3q.js";import{A as i}from"./Action-CWepeJGG.js";import{C as l}from"./check-DrA_wPr-.js";import"./index-BP8_t0zE.js";import"./notifications-CmnzXmCw.js";import"./extensions-DlgbNgpo.js";import"./search-BC9ffyhQ.js";import"./close-BapqxG5D.js";import"./chevron-right-CaLdGLa3.js";import"./settings-DxGsE2C2.js";import"./spinner-DszwWdC7.js";import"./threads-BMeJ5mkW.js";import"./user-profile-EvkA4CON.js";import"./visibility-on-CjnqbRsU.js";import"./warning-ChS4d0Jy.js";import"./index-CSpfAsmC.js";import"./Text-Cz5oMJIL.js";import"./index-Dn9bhuYh.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-vl_XNHfj.js";import"./index-CkD-EKAR.js";import"./index-Cw6ikIwd.js";import"./useId-DIHOOv91.js";import"./Tooltip-D3X7zSTe.js";import"./floating-ui.react-B-qURRA4.js";const j={title:"Form/Controls/Action",component:i,tags:["autodocs"],parameters:{controls:{include:["onActionClick","defaultValue","placeholder","disabled","autoFocus","readOnly","invalid","actionLabel","Icon"]}},argTypes:{onActionClick:{action:"clicked"},defaultValue:{type:"string"},placeholder:{type:"string"},disabled:{type:"boolean"},autoFocus:{type:"boolean"},readOnly:{type:"boolean"},invalid:{type:"boolean"},actionLabel:{type:"string"},Icon:{options:Object.keys(s),mapping:s,defaultValue:"check",control:{type:"select"}}},render:({invalid:p,...d})=>m.jsx(i,{"data-invalid":p||void 0,...d}),args:{placeholder:"",autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1,actionLabel:"Action",Icon:l}},e={parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4477"}}},a={args:{defaultValue:"Filled"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4536"}}},o={args:{defaultValue:"Disabled",disabled:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4530"}}},n={args:{defaultValue:"Read only",readOnly:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=2126-21984"}}},r={args:{autoFocus:!0}},t={args:{defaultValue:"Invalid",invalid:!0},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-4514"}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ parameters: { design: { type: "figma", diff --git a/assets/ActionButton.stories-CTG5rRie.js b/assets/ActionButton.stories-CCb8-5E-.js similarity index 88% rename from assets/ActionButton.stories-CTG5rRie.js rename to assets/ActionButton.stories-CCb8-5E-.js index bbf16779..32ac40f5 100644 --- a/assets/ActionButton.stories-CTG5rRie.js +++ b/assets/ActionButton.stories-CCb8-5E-.js @@ -1,4 +1,4 @@ -import{j as y}from"./jsx-runtime-CexXSJP5.js";import{f as O}from"./index-BSM_bQPn.js";import{i as b,s as z,l as E,v as T,a as x,m as M,b as V,c as k,e as j,d as A,u as B,f as F}from"./index-DvDDli3q.js";import{B as L}from"./Button-iukP6Ype.js";import"./Alert-kO35A4tX.js";import"./Avatar-OPpxc4CT.js";import"./AvatarStack-Ba__udwu.js";import"./Badge-CDnfCw2C.js";import"./IconButton-DWB0NNu-.js";import"./Search-D2o03kc0.js";import"./Text-43GasnQW.js";import"./ContextMenu-C02nebHs.js";import"./Glass-COqtBFQM.js";import"./Heading-DUAGg0Hg.js";import"./IndicatorIcon-B59qELJf.js";import"./Link-CCSCFCbW.js";import"./NavItem-CCdVkP0k.js";import"./Menu-0jcVIraJ.js";import"./MenuItem-DakIqoyJ.js";import"./Progress-C3rwhIWa.js";import"./Separator-BX8LXA58.js";import"./ToggleMenuItem-BC_hGi6M.js";import{T as _}from"./Tooltip-BZNLLHxc.js";import"./ReleaseAnnouncement-Dsr75Ow7.js";import"./Toast-BFUH-DR1.js";import"./Action-JMYNzy5J.js";import"./Password-B9k2Af8o.js";import"./Text-Cz5oMJIL.js";import"./MFA-1X7uPcX5.js";import"./Checkbox-C46Ejh3M.js";import"./Radio-CvV1BscZ.js";import"./Toggle-Q78m7eTC.js";/* empty css */import{S as D}from"./search-BC9ffyhQ.js";import{C as f}from"./check-DrA_wPr-.js";import{C}from"./close-BapqxG5D.js";import"./index-BP8_t0zE.js";import"./index-C8k3Z-3Y.js";import"./notifications-CmnzXmCw.js";import"./extensions-DlgbNgpo.js";import"./chevron-right-CaLdGLa3.js";import"./settings-DxGsE2C2.js";import"./spinner-DszwWdC7.js";import"./threads-BMeJ5mkW.js";import"./user-profile-EvkA4CON.js";import"./visibility-on-CjnqbRsU.js";import"./warning-ChS4d0Jy.js";import"./index-CSpfAsmC.js";import"./UnstyledButton-C9fNLva5.js";import"./Typography-BWOtt-hZ.js";import"./index-Dn9bhuYh.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-vl_XNHfj.js";import"./index-CkD-EKAR.js";import"./index-Cw6ikIwd.js";import"./InlineSpinner-DZ2uBgAt.js";import"./useId-DIHOOv91.js";import"./index-CTpxkypK.js";import"./floating-ui.react-B-qURRA4.js";import"./FloatingMenu-CL2la2kV.js";import"./DrawerMenu-BgyYdqxq.js";const R=({label:h,...v})=>y.jsx(_,{label:h,children:y.jsx(L,{iconOnly:!0,...v})}),Pr={title:"Button/Actions",component:R,tags:["autodocs"],argTypes:{label:{type:"string"},size:{options:["sm","lg"],control:{type:"inline-radio"}},kind:{options:["primary","secondary","tertiary"],control:{type:"inline-radio"}},destructive:{type:"boolean"},disabled:{type:"boolean"},as:{options:["a","button"],control:{type:"inline-radio"}},Icon:{options:Object.keys(b),mapping:b,control:{type:"select"}},onClick:{action:"onClick"}},args:{label:"Action",size:"lg",as:"button",destructive:!1,disabled:!1,onClick:O()},controls:{exclude:["children"]}},r={args:{label:"Settings",kind:"secondary",Icon:z}},e={args:{label:"Copy link",kind:"secondary",Icon:E}},o={args:{label:"Turn video off",kind:"secondary",Icon:T}},n={args:{label:"Turn video on",kind:"primary",Icon:x}},s={args:{label:"Turn mic off",kind:"secondary",Icon:M}},a={args:{label:"Turn mic on",kind:"primary",Icon:V}},i={args:{label:"Share screen",kind:"secondary",Icon:k}},c={args:{label:"Stop sharing screen",kind:"primary",Icon:k}},t={args:{label:"Full screen",kind:"secondary",Icon:j}},m={args:{label:"End call",kind:"primary",destructive:!0,Icon:A}},l={args:{label:"Invite",kind:"primary",size:"sm",Icon:B}},d={args:{label:"Edit",kind:"primary",size:"sm",Icon:F}},p={args:{label:"Search",kind:"secondary",size:"sm",Icon:D}},u={args:{label:"Save",kind:"primary",size:"sm",Icon:f}},S={args:{label:"Save",kind:"primary",size:"sm",Icon:f,disabled:!0}},g={args:{label:"Cancel",kind:"secondary",size:"sm",Icon:C}},I={args:{label:"Close",kind:"secondary",size:"sm",Icon:C}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ +import{j as y}from"./jsx-runtime-CexXSJP5.js";import{f as O}from"./index-BSM_bQPn.js";import{i as b,s as z,l as E,v as T,a as x,m as M,b as V,c as k,e as j,d as A,u as B,f as F}from"./index-DvDDli3q.js";import{B as L}from"./Button-iukP6Ype.js";import"./Alert-ydgRwkxX.js";import"./Avatar-DyB-Y6ln.js";import"./AvatarStack-DBPldPV8.js";import"./Badge-Cf9Fivpi.js";import"./IconButton-D6wkAs9e.js";import"./Search-nw2ZnRXI.js";import"./Text-BgCCN_GG.js";import"./ContextMenu-DTzt9ghB.js";import"./Glass-COqtBFQM.js";import"./Heading-DqG7uK5Y.js";import"./IndicatorIcon-_PMFIuo8.js";import"./Link-DttFLitk.js";import"./NavItem-CCdVkP0k.js";import"./Menu-BDkXLAb-.js";import"./MenuItem-DTeHnbO2.js";import"./Progress-CTwHYCo_.js";import"./Separator-MYmqMLpp.js";import"./ToggleMenuItem-Byr46rko.js";import{T as _}from"./Tooltip-D3X7zSTe.js";import"./ReleaseAnnouncement-ViECv-cV.js";import"./Toast-BFUH-DR1.js";import"./Action-CWepeJGG.js";import"./Password-CGBCIgRd.js";import"./Text-Cz5oMJIL.js";import"./MFA-QkHhz391.js";import"./Checkbox-C46Ejh3M.js";import"./Radio-CvV1BscZ.js";import"./Toggle-Q78m7eTC.js";/* empty css */import{S as D}from"./search-BC9ffyhQ.js";import{C as f}from"./check-DrA_wPr-.js";import{C}from"./close-BapqxG5D.js";import"./index-BP8_t0zE.js";import"./index-C8k3Z-3Y.js";import"./notifications-CmnzXmCw.js";import"./extensions-DlgbNgpo.js";import"./chevron-right-CaLdGLa3.js";import"./settings-DxGsE2C2.js";import"./spinner-DszwWdC7.js";import"./threads-BMeJ5mkW.js";import"./user-profile-EvkA4CON.js";import"./visibility-on-CjnqbRsU.js";import"./warning-ChS4d0Jy.js";import"./index-CSpfAsmC.js";import"./UnstyledButton-C9fNLva5.js";import"./Typography-DuHxGDyc.js";import"./index-Dn9bhuYh.js";import"./index-DD7XHAoh.js";import"./index-Dp4tTk3o.js";import"./index-vl_XNHfj.js";import"./index-CkD-EKAR.js";import"./index-Cw6ikIwd.js";import"./InlineSpinner-DZ2uBgAt.js";import"./useId-DIHOOv91.js";import"./index-CTpxkypK.js";import"./floating-ui.react-B-qURRA4.js";import"./FloatingMenu-t36h7pay.js";import"./DrawerMenu-BgyYdqxq.js";const R=({label:h,...v})=>y.jsx(_,{label:h,children:y.jsx(L,{iconOnly:!0,...v})}),Pr={title:"Button/Actions",component:R,tags:["autodocs"],argTypes:{label:{type:"string"},size:{options:["sm","lg"],control:{type:"inline-radio"}},kind:{options:["primary","secondary","tertiary"],control:{type:"inline-radio"}},destructive:{type:"boolean"},disabled:{type:"boolean"},as:{options:["a","button"],control:{type:"inline-radio"}},Icon:{options:Object.keys(b),mapping:b,control:{type:"select"}},onClick:{action:"onClick"}},args:{label:"Action",size:"lg",as:"button",destructive:!1,disabled:!1,onClick:O()},controls:{exclude:["children"]}},r={args:{label:"Settings",kind:"secondary",Icon:z}},e={args:{label:"Copy link",kind:"secondary",Icon:E}},o={args:{label:"Turn video off",kind:"secondary",Icon:T}},n={args:{label:"Turn video on",kind:"primary",Icon:x}},s={args:{label:"Turn mic off",kind:"secondary",Icon:M}},a={args:{label:"Turn mic on",kind:"primary",Icon:V}},i={args:{label:"Share screen",kind:"secondary",Icon:k}},c={args:{label:"Stop sharing screen",kind:"primary",Icon:k}},t={args:{label:"Full screen",kind:"secondary",Icon:j}},m={args:{label:"End call",kind:"primary",destructive:!0,Icon:A}},l={args:{label:"Invite",kind:"primary",size:"sm",Icon:B}},d={args:{label:"Edit",kind:"primary",size:"sm",Icon:F}},p={args:{label:"Search",kind:"secondary",size:"sm",Icon:D}},u={args:{label:"Save",kind:"primary",size:"sm",Icon:f}},S={args:{label:"Save",kind:"primary",size:"sm",Icon:f,disabled:!0}},g={args:{label:"Cancel",kind:"secondary",size:"sm",Icon:C}},I={args:{label:"Close",kind:"secondary",size:"sm",Icon:C}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ args: { label: "Settings", kind: "secondary", diff --git a/assets/Alert-kO35A4tX.js b/assets/Alert-ydgRwkxX.js similarity index 94% rename from assets/Alert-kO35A4tX.js rename to assets/Alert-ydgRwkxX.js index edc7a3bc..a3c0a0c8 100644 --- a/assets/Alert-kO35A4tX.js +++ b/assets/Alert-ydgRwkxX.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-CexXSJP5.js";import{c as h}from"./index-CSpfAsmC.js";import{r as _}from"./index-BP8_t0zE.js";import{a as f,I as x,E as y,C as b}from"./close-BapqxG5D.js";import{T as i}from"./Text-43GasnQW.js";import"./Button-iukP6Ype.js";import{I as g}from"./IconButton-DWB0NNu-.js";const j="_alert_1bz08_19",v="_content_1bz08_46",C="_title_1bz08_57",N="_icon_1bz08_57",I="_actions_1bz08_73",t={alert:j,content:v,"text-content":"_text-content_1bz08_53",title:C,icon:N,actions:I},l=({type:n,title:r,children:c,className:d,actions:a,onClose:o,...m})=>{const u=h(t.alert,d),p=_.useCallback(s=>{switch(n){case"critical":return e.jsx(y,{...s});case"info":return e.jsx(x,{...s});case"success":return e.jsx(f,{...s})}},[n]);return e.jsxs("div",{...m,className:u,"data-type":n,children:[p({width:24,height:24,className:t.icon,"aria-hidden":!0}),e.jsxs("div",{className:t.content,children:[e.jsxs("div",{className:t["text-content"],children:[e.jsx(i,{size:"md",weight:"semibold",children:r}),e.jsx(i,{size:"sm",weight:"regular",children:c})]}),a&&e.jsx("div",{className:t.actions,children:a})]}),o&&e.jsx(g,{onClick:o,"aria-label":"Close",role:"button",className:t.close,children:e.jsx(b,{})})]})};try{l.displayName="Alert",l.__docgenInfo={description:"An alert component component that is dismissable when passing an `onClose`\nproperty.",displayName:"Alert",props:{type:{defaultValue:null,description:"The type of alert",name:"type",required:!0,type:{name:"enum",value:[{value:'"success"'},{value:'"critical"'},{value:'"info"'}]}},title:{defaultValue:null,description:"The headline of the alert.",name:"title",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},actions:{defaultValue:null,description:`Actions that will be displayed to the right of the content +import{j as e}from"./jsx-runtime-CexXSJP5.js";import{c as h}from"./index-CSpfAsmC.js";import{r as _}from"./index-BP8_t0zE.js";import{a as f,I as x,E as y,C as b}from"./close-BapqxG5D.js";import{T as i}from"./Text-BgCCN_GG.js";import"./Button-iukP6Ype.js";import{I as g}from"./IconButton-D6wkAs9e.js";const j="_alert_1bz08_19",v="_content_1bz08_46",C="_title_1bz08_57",N="_icon_1bz08_57",I="_actions_1bz08_73",t={alert:j,content:v,"text-content":"_text-content_1bz08_53",title:C,icon:N,actions:I},l=({type:n,title:r,children:c,className:d,actions:a,onClose:o,...m})=>{const u=h(t.alert,d),p=_.useCallback(s=>{switch(n){case"critical":return e.jsx(y,{...s});case"info":return e.jsx(x,{...s});case"success":return e.jsx(f,{...s})}},[n]);return e.jsxs("div",{...m,className:u,"data-type":n,children:[p({width:24,height:24,className:t.icon,"aria-hidden":!0}),e.jsxs("div",{className:t.content,children:[e.jsxs("div",{className:t["text-content"],children:[e.jsx(i,{size:"md",weight:"semibold",children:r}),e.jsx(i,{size:"sm",weight:"regular",children:c})]}),a&&e.jsx("div",{className:t.actions,children:a})]}),o&&e.jsx(g,{onClick:o,"aria-label":"Close",role:"button",className:t.close,children:e.jsx(b,{})})]})};try{l.displayName="Alert",l.__docgenInfo={description:"An alert component component that is dismissable when passing an `onClose`\nproperty.",displayName:"Alert",props:{type:{defaultValue:null,description:"The type of alert",name:"type",required:!0,type:{name:"enum",value:[{value:'"success"'},{value:'"critical"'},{value:'"info"'}]}},title:{defaultValue:null,description:"The headline of the alert.",name:"title",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"The CSS class name.",name:"className",required:!1,type:{name:"string"}},actions:{defaultValue:null,description:`Actions that will be displayed to the right of the content Wraps and stacks actions under content when alert's size is <=600px eg \`\`\` diff --git a/assets/Alert.stories-RCe0Qlfh.js b/assets/Alert.stories-C-MsyXEB.js similarity index 92% rename from assets/Alert.stories-RCe0Qlfh.js rename to assets/Alert.stories-C-MsyXEB.js index e8bdbe2d..8c7a762d 100644 --- a/assets/Alert.stories-RCe0Qlfh.js +++ b/assets/Alert.stories-C-MsyXEB.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-CexXSJP5.js";import{B as a}from"./Button-iukP6Ype.js";import{A as n}from"./Alert-kO35A4tX.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./UnstyledButton-C9fNLva5.js";import"./close-BapqxG5D.js";import"./Text-43GasnQW.js";import"./Typography-BWOtt-hZ.js";import"./IconButton-DWB0NNu-.js";import"./IndicatorIcon-B59qELJf.js";import"./Tooltip-BZNLLHxc.js";import"./floating-ui.react-B-qURRA4.js";import"./index-Cw6ikIwd.js";const b={title:"Alert",component:n,tags:["autodocs"],argTypes:{type:{options:["success","critical","info"],control:{type:"inline-radio"}}},args:{title:"Title",children:"Description",onClose:()=>{console.log("Clicked!")}},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=795-7802&mode=design&t=g71gv6nZdJA7QSGB-0"}}},e={args:{type:"success"}},t={args:{type:"critical"}},i={args:{type:"info"}},s={args:{type:"info",title:"Long title. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",children:"Actions are vertically centered against alert content. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",actions:o.jsxs(o.Fragment,{children:[o.jsx(a,{children:"Yes"}),o.jsx(a,{children:"No"})]})}},r={...e,args:{...e.args,onClose:void 0}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ +import{j as o}from"./jsx-runtime-CexXSJP5.js";import{B as a}from"./Button-iukP6Ype.js";import{A as n}from"./Alert-ydgRwkxX.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";import"./UnstyledButton-C9fNLva5.js";import"./close-BapqxG5D.js";import"./Text-BgCCN_GG.js";import"./Typography-DuHxGDyc.js";import"./IconButton-D6wkAs9e.js";import"./IndicatorIcon-_PMFIuo8.js";import"./Tooltip-D3X7zSTe.js";import"./floating-ui.react-B-qURRA4.js";import"./index-Cw6ikIwd.js";const b={title:"Alert",component:n,tags:["autodocs"],argTypes:{type:{options:["success","critical","info"],control:{type:"inline-radio"}}},args:{title:"Title",children:"Description",onClose:()=>{console.log("Clicked!")}},parameters:{design:{type:"figma",url:"https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=795-7802&mode=design&t=g71gv6nZdJA7QSGB-0"}}},e={args:{type:"success"}},t={args:{type:"critical"}},i={args:{type:"info"}},s={args:{type:"info",title:"Long title. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",children:"Actions are vertically centered against alert content. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",actions:o.jsxs(o.Fragment,{children:[o.jsx(a,{children:"Yes"}),o.jsx(a,{children:"No"})]})}},r={...e,args:{...e.args,onClose:void 0}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{ args: { type: "success" } diff --git a/assets/Avatar-OPpxc4CT.js b/assets/Avatar-DyB-Y6ln.js similarity index 84% rename from assets/Avatar-OPpxc4CT.js rename to assets/Avatar-DyB-Y6ln.js index b806fb92..331e1a7f 100644 --- a/assets/Avatar-OPpxc4CT.js +++ b/assets/Avatar-DyB-Y6ln.js @@ -1,2 +1,2 @@ import{j as m}from"./jsx-runtime-CexXSJP5.js";import{c as d}from"./index-CSpfAsmC.js";import{r as f,a as u}from"./index-BP8_t0zE.js";const v="@",h="#",y="+",A=new Intl.Segmenter;function I(a){if(a.length<1)return"";const e=a[0];[v,h,y].includes(e)&&(a=a.substring(1));const t=A.segment(a)[Symbol.iterator]().next();return t.done?"":t.value.segment}const M="_avatar_mcap2_17",R="_image_mcap2_50",o={avatar:M,image:R,"avatar-imageless":"_avatar-imageless_mcap2_61","stacked-avatars":"_stacked-avatars_mcap2_111","clip-path":"_clip-path_mcap2_130"};function S(a){return a.split("").reduce((r,n)=>r+n.charCodeAt(0),0)%6+1}function x(a){return!!(a.onClick||a.onKeyDown||a.onKeyUp)}const p=f.forwardRef(function({src:e,id:t,name:i="",type:r="round",className:n="",size:s,style:c={},onError:_,...l},g){return u.createElement(x(l)?"button":"span",{ref:g,role:"img","aria-label":t,...l,"data-type":r,"data-color":S(t),className:d(o.avatar,n,{[o["avatar-imageless"]]:!e}),style:{...c,"--cpd-avatar-size":s}},m.jsx(u.Fragment,{children:e?m.jsx("img",{loading:"lazy",alt:"",src:e,referrerPolicy:"no-referrer",className:d(o.image),"data-type":r,style:c,width:s,height:s,onError:_}):I(i)}))});try{p.displayName="Avatar",p.__docgenInfo={description:`Avatar component that will fallback to an initial letter over a coloured -background if no source is provided or if the source has failed to load.`,displayName:"Avatar",props:{size:{defaultValue:null,description:'The avatar size in CSS units, e.g. `"24px"`.',name:"size",required:!1,type:{name:"string"}},src:{defaultValue:null,description:"The avatar image URL, if any.",name:"src",required:!1,type:{name:"string"}}}}}catch{}export{p as A,o as s}; +background if no source is provided or if the source has failed to load.`,displayName:"Avatar",props:{src:{defaultValue:null,description:"The avatar image URL, if any.",name:"src",required:!1,type:{name:"string"}},size:{defaultValue:null,description:'The avatar size in CSS units, e.g. `"24px"`.',name:"size",required:!1,type:{name:"string"}}}}}catch{}export{p as A,o as s}; diff --git a/assets/Avatar.stories-BVjcXUo5.js b/assets/Avatar.stories-5GNcD0iH.js similarity index 97% rename from assets/Avatar.stories-BVjcXUo5.js rename to assets/Avatar.stories-5GNcD0iH.js index 31fa1d45..5edf0647 100644 --- a/assets/Avatar.stories-BVjcXUo5.js +++ b/assets/Avatar.stories-5GNcD0iH.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-CexXSJP5.js";import{A as s}from"./Avatar-OPpxc4CT.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";const b={title:"Avatar",component:s,tags:["autodocs"],argTypes:{},args:{name:"Bob",size:"64px",id:"@bob:example.org",src:"/images/__test__/kitten.jpg",type:"round"}},m=r=>a.jsx(s,{...r}),e=m.bind({});e.args={type:"round"};const o=m.bind({});o.args={type:"square"};const t=m.bind({});t.args={type:"round",onClick:()=>console.log("clicked!")};const n=m.bind({});n.args={src:""};const c=m.bind({});c.args={src:"",size:"128px"};const d=r=>a.jsxs(a.Fragment,{children:[a.jsx(s,{...r,id:"1"})," ",a.jsx(s,{...r,id:"2"})," ",a.jsx(s,{...r,id:"3"})," ",a.jsx(s,{...r,id:"4"})," ",a.jsx(s,{...r,id:"5"})," ",a.jsx(s,{...r,id:"6"})," "]}),p=d.bind({});p.args={src:"",size:"36px"};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:"args => ",...e.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:"args => ",...o.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:"args => ",...t.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:"args => ",...n.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:"args => ",...c.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`args => <> +import{j as a}from"./jsx-runtime-CexXSJP5.js";import{A as s}from"./Avatar-DyB-Y6ln.js";import"./index-BP8_t0zE.js";import"./index-CSpfAsmC.js";const b={title:"Avatar",component:s,tags:["autodocs"],argTypes:{},args:{name:"Bob",size:"64px",id:"@bob:example.org",src:"/images/__test__/kitten.jpg",type:"round"}},m=r=>a.jsx(s,{...r}),e=m.bind({});e.args={type:"round"};const o=m.bind({});o.args={type:"square"};const t=m.bind({});t.args={type:"round",onClick:()=>console.log("clicked!")};const n=m.bind({});n.args={src:""};const c=m.bind({});c.args={src:"",size:"128px"};const d=r=>a.jsxs(a.Fragment,{children:[a.jsx(s,{...r,id:"1"})," ",a.jsx(s,{...r,id:"2"})," ",a.jsx(s,{...r,id:"3"})," ",a.jsx(s,{...r,id:"4"})," ",a.jsx(s,{...r,id:"5"})," ",a.jsx(s,{...r,id:"6"})," "]}),p=d.bind({});p.args={src:"",size:"36px"};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:"args => ",...e.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:"args => ",...o.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:"args => ",...t.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:"args => ",...n.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:"args => ",...c.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`args => <>   diff --git a/assets/AvatarStack-Ba__udwu.js b/assets/AvatarStack-DBPldPV8.js similarity index 97% rename from assets/AvatarStack-Ba__udwu.js rename to assets/AvatarStack-DBPldPV8.js index f457e73e..2fd589c1 100644 --- a/assets/AvatarStack-Ba__udwu.js +++ b/assets/AvatarStack-DBPldPV8.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-CexXSJP5.js";import{c}from"./index-CSpfAsmC.js";import{r as d}from"./index-BP8_t0zE.js";import{s as n}from"./Avatar-OPpxc4CT.js";const p=`