From b1c4717f02d9e43d7920bd424abc8f1db7a8b2be Mon Sep 17 00:00:00 2001 From: robintown Date: Thu, 18 Jul 2024 12:37:46 +0000 Subject: [PATCH] deploy: 00334e91b0b94870a79772b498d01ab72be07dd5 --- assets/{Action-DpWob5LS.js => Action-BnHPbiOZ.js} | 6 +++--- ...ion.stories-7EZd4mfz.js => Action.stories-KcX8NXsZ.js} | 2 +- ...ories-CXHi7bmm.js => ActionButton.stories-CTSVilcG.js} | 2 +- assets/{Alert-B-hND-IY.js => Alert-CRpBfD9a.js} | 2 +- ...lert.stories-H2GkfpIB.js => Alert.stories-GoOh6jzq.js} | 2 +- assets/{Avatar-Bzl0WR0v.js => Avatar-BSTe3LpV.js} | 2 +- ...tar.stories-CHsKyFzs.js => Avatar.stories--0y9uMXO.js} | 2 +- .../{AvatarStack-Bcn5PWWK.js => AvatarStack-DkNfjvk5.js} | 2 +- ...tories-CnD3bmwg.js => AvatarStack.stories-Bf6Fek49.js} | 2 +- assets/{Badge-DERiemOv.js => Badge-CVqqsKU2.js} | 2 +- ...adge.stories-5pA0gj_3.js => Badge.stories-CXZYwO_y.js} | 2 +- ...or-KGDBMAHA-4xsICktp.js => Color-KGDBMAHA-DawoFEcj.js} | 2 +- .../{ContextMenu-CvgE_T27.js => ContextMenu-D7YbtuQ_.js} | 2 +- ...tories-vJhdxfHl.js => ContextMenu.stories-B2LQTm6G.js} | 2 +- ...ORMH-qmRkuWvH.js => DocsRenderer-PKQXORMH-QutXW32P.js} | 8 ++++---- ...stories-CaAMZCjE.js => DrawerMenu.stories-CLw5lQcb.js} | 2 +- ...tories-D5wNVPi6.js => EditInPlace.stories-Cfx2KeuE.js} | 2 +- ...{FloatingMenu-ChdMoh_x.js => FloatingMenu-Bh96dAM3.js} | 2 +- ...ories-D5pHth55.js => FloatingMenu.stories-CdJnupoF.js} | 2 +- ...{Form.stories-CkVfm_pH.js => Form.stories-BNaDjeAO.js} | 2 +- ...lass.stories-CaSAMGob.js => Glass.stories-BUlTBAMI.js} | 2 +- assets/{Heading-BzQEB82_.js => Heading-BJzoNNuu.js} | 2 +- ...ng.stories-E8psTr3J.js => Heading.stories-CqTrqd2z.js} | 2 +- assets/{IconButton-Db7JTW02.js => IconButton-DWF2dIdC.js} | 6 +++--- ...stories-BfFyRFnX.js => IconButton.stories-BaCKWIle.js} | 2 +- ...ndicatorIcon-yC0g9ajQ.js => IndicatorIcon-BAe7lg0o.js} | 2 +- ...ries-DM3xDLjR.js => IndicatorIcon.stories-KwaLPe1g.js} | 2 +- assets/{Link-H_Ar01eM.js => Link-zrkAu2Ho.js} | 2 +- ...{Link.stories-C5V8kfRN.js => Link.stories-C7MFCjw9.js} | 2 +- assets/{MFA-BcsE-4m7.js => MFA-CXKePhxN.js} | 2 +- .../{MFA.stories-CoVJDgQC.js => MFA.stories-6qOC5jPR.js} | 2 +- assets/{Menu-CK5oJ9qx.js => Menu-Cecy--r7.js} | 2 +- ...{Menu.stories-CtG4qgJW.js => Menu.stories-17NNEMY6.js} | 2 +- assets/{MenuItem-D5bjBLJv.js => MenuItem-DyAc03nM.js} | 4 ++-- ...m.stories-MtyhArRC.js => MenuItem.stories-CJClNcet.js} | 2 +- assets/{Password-DPDp-Eyb.js => Password-BOcbW_8L.js} | 2 +- ...d.stories-BaqN6Qky.js => Password.stories-CkmfPCBo.js} | 2 +- ...ories-gpAQV9W2.js => PasswordForm.stories-BPm7kdp2.js} | 2 +- assets/{Progress-kAo68Ncz.js => Progress-CXZoBeWb.js} | 2 +- ...s.stories-DvutEaeK.js => Progress.stories-rgehrSMd.js} | 2 +- ...cement-BKItNgir.js => ReleaseAnnouncement-DES3rrHS.js} | 4 ++-- ...ogG-EbQ.js => ReleaseAnnouncement.stories-CBsKH3zG.js} | 2 +- assets/{Search-CjNpLk5E.js => Search-vaJfvP-p.js} | 8 ++++---- assets/Search.stories-BW7pMhd4.js | 3 --- assets/Search.stories-DwofSZjD.js | 3 +++ assets/{Separator-YkkwOwd9.js => Separator-DGFWAXNA.js} | 2 +- ....stories-CQ2zmjs-.js => Separator.stories-CLXddMJ5.js} | 2 +- assets/{Text-DQA-v0me.js => Text-BbTw4EGb.js} | 2 +- ...{Text.stories-qxfaNc1K.js => Text.stories-CKfEKnS0.js} | 2 +- ...gleMenuItem-_3rdvkj3.js => ToggleMenuItem-CJljrQdD.js} | 4 ++-- ...ies-BL25z3AH.js => ToggleMenuItem.stories-B6Mh7Dkv.js} | 2 +- assets/{Tooltip-CHeTE3nE.js => Tooltip-Ci0GGlGn.js} | 8 ++++---- ...ip.stories-DHDk3QOl.js => Tooltip.stories-BPc9nzgP.js} | 2 +- assets/{Typography-DW1jQAHD.js => Typography-Du42WgpX.js} | 2 +- assets/{iframe-D7xBi9tw.js => iframe-kwI3wL9e.js} | 4 ++-- assets/{index-D7UtoSPN.js => index-yD7WsR74.js} | 2 +- assets/{preview-CRp2VOXc.js => preview-Bexffc6I.js} | 4 ++-- iframe.html | 2 +- project.json | 2 +- 59 files changed, 78 insertions(+), 78 deletions(-) rename assets/{Action-DpWob5LS.js => Action-BnHPbiOZ.js} (74%) rename assets/{Action.stories-7EZd4mfz.js => Action.stories-KcX8NXsZ.js} (95%) rename assets/{ActionButton.stories-CXHi7bmm.js => ActionButton.stories-CTSVilcG.js} (88%) rename assets/{Alert-B-hND-IY.js => Alert-CRpBfD9a.js} (94%) rename assets/{Alert.stories-H2GkfpIB.js => Alert.stories-GoOh6jzq.js} (92%) rename assets/{Avatar-Bzl0WR0v.js => Avatar-BSTe3LpV.js} (84%) rename assets/{Avatar.stories-CHsKyFzs.js => Avatar.stories--0y9uMXO.js} (97%) rename assets/{AvatarStack-Bcn5PWWK.js => AvatarStack-DkNfjvk5.js} (97%) rename assets/{AvatarStack.stories-CnD3bmwg.js => AvatarStack.stories-Bf6Fek49.js} (93%) rename assets/{Badge-DERiemOv.js => Badge-CVqqsKU2.js} (76%) rename assets/{Badge.stories-5pA0gj_3.js => Badge.stories-CXZYwO_y.js} (85%) rename assets/{Color-KGDBMAHA-4xsICktp.js => Color-KGDBMAHA-DawoFEcj.js} (99%) rename assets/{ContextMenu-CvgE_T27.js => ContextMenu-D7YbtuQ_.js} (97%) rename assets/{ContextMenu.stories-vJhdxfHl.js => ContextMenu.stories-B2LQTm6G.js} (84%) rename assets/{DocsRenderer-PKQXORMH-qmRkuWvH.js => DocsRenderer-PKQXORMH-QutXW32P.js} (99%) rename assets/{DrawerMenu.stories-CaAMZCjE.js => DrawerMenu.stories-CLw5lQcb.js} (84%) rename assets/{EditInPlace.stories-D5wNVPi6.js => EditInPlace.stories-Cfx2KeuE.js} (78%) rename assets/{FloatingMenu-ChdMoh_x.js => FloatingMenu-Bh96dAM3.js} (95%) rename assets/{FloatingMenu.stories-D5pHth55.js => FloatingMenu.stories-CdJnupoF.js} (85%) rename assets/{Form.stories-CkVfm_pH.js => Form.stories-BNaDjeAO.js} (76%) rename assets/{Glass.stories-CaSAMGob.js => Glass.stories-BUlTBAMI.js} (91%) rename assets/{Heading-BzQEB82_.js => Heading-BJzoNNuu.js} (97%) rename assets/{Heading.stories-E8psTr3J.js => Heading.stories-CqTrqd2z.js} (78%) rename assets/{IconButton-Db7JTW02.js => IconButton-DWF2dIdC.js} (57%) rename assets/{IconButton.stories-BfFyRFnX.js => IconButton.stories-BaCKWIle.js} (96%) rename assets/{IndicatorIcon-yC0g9ajQ.js => IndicatorIcon-BAe7lg0o.js} (94%) rename assets/{IndicatorIcon.stories-DM3xDLjR.js => IndicatorIcon.stories-KwaLPe1g.js} (95%) rename assets/{Link-H_Ar01eM.js => Link-zrkAu2Ho.js} (51%) rename assets/{Link.stories-C5V8kfRN.js => Link.stories-C7MFCjw9.js} (87%) rename assets/{MFA-BcsE-4m7.js => MFA-CXKePhxN.js} (73%) rename assets/{MFA.stories-CoVJDgQC.js => MFA.stories-6qOC5jPR.js} (98%) rename assets/{Menu-CK5oJ9qx.js => Menu-Cecy--r7.js} (97%) rename assets/{Menu.stories-CtG4qgJW.js => Menu.stories-17NNEMY6.js} (88%) rename assets/{MenuItem-D5bjBLJv.js => MenuItem-DyAc03nM.js} (94%) rename assets/{MenuItem.stories-MtyhArRC.js => MenuItem.stories-CJClNcet.js} (95%) rename assets/{Password-DPDp-Eyb.js => Password-BOcbW_8L.js} (96%) rename assets/{Password.stories-BaqN6Qky.js => Password.stories-CkmfPCBo.js} (96%) rename assets/{PasswordForm.stories-gpAQV9W2.js => PasswordForm.stories-BPm7kdp2.js} (81%) rename assets/{Progress-kAo68Ncz.js => Progress-CXZoBeWb.js} (90%) rename assets/{Progress.stories-DvutEaeK.js => Progress.stories-rgehrSMd.js} (97%) rename assets/{ReleaseAnnouncement-BKItNgir.js => ReleaseAnnouncement-DES3rrHS.js} (91%) rename assets/{ReleaseAnnouncement.stories-BogG-EbQ.js => ReleaseAnnouncement.stories-CBsKH3zG.js} (84%) rename assets/{Search-CjNpLk5E.js => Search-vaJfvP-p.js} (76%) delete mode 100644 assets/Search.stories-BW7pMhd4.js create mode 100644 assets/Search.stories-DwofSZjD.js rename assets/{Separator-YkkwOwd9.js => Separator-DGFWAXNA.js} (80%) rename assets/{Separator.stories-CQ2zmjs-.js => Separator.stories-CLXddMJ5.js} (93%) rename assets/{Text-DQA-v0me.js => Text-BbTw4EGb.js} (88%) rename assets/{Text.stories-qxfaNc1K.js => Text.stories-CKfEKnS0.js} (78%) rename assets/{ToggleMenuItem-_3rdvkj3.js => ToggleMenuItem-CJljrQdD.js} (50%) rename assets/{ToggleMenuItem.stories-BL25z3AH.js => ToggleMenuItem.stories-B6Mh7Dkv.js} (84%) rename assets/{Tooltip-CHeTE3nE.js => Tooltip-Ci0GGlGn.js} (76%) rename assets/{Tooltip.stories-DHDk3QOl.js => Tooltip.stories-BPc9nzgP.js} (96%) rename assets/{Typography-DW1jQAHD.js => Typography-Du42WgpX.js} (97%) rename assets/{iframe-D7xBi9tw.js => iframe-kwI3wL9e.js} (71%) rename assets/{index-D7UtoSPN.js => index-yD7WsR74.js} (92%) rename assets/{preview-CRp2VOXc.js => preview-Bexffc6I.js} (69%) diff --git a/assets/Action-DpWob5LS.js b/assets/Action-BnHPbiOZ.js similarity index 74% rename from assets/Action-DpWob5LS.js rename to assets/Action-BnHPbiOZ.js index 87bcb912..fae79cea 100644 --- a/assets/Action-DpWob5LS.js +++ b/assets/Action-BnHPbiOZ.js @@ -1,9 +1,9 @@ -import{j as e}from"./jsx-runtime-CexXSJP5.js";import{c as f}from"./index-BSFQGMYZ.js";import{r as l}from"./index-BP8_t0zE.js";import{T as h}from"./Text-BpUtDsRn.js";import{u as b}from"./useId-DIHOOv91.js";import{$ as g}from"./index-DA5mkyhX.js";import{T as y}from"./Tooltip-CHeTE3nE.js";const _="_container_1qov4_17",x="_control_1qov4_22",C="_action_1qov4_33",a={container:_,control:x,action:C},i=l.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})})})]})}),s=l.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-BSFQGMYZ.js";import{r as l}from"./index-BP8_t0zE.js";import{T as h}from"./Text-BpUtDsRn.js";import{u as b}from"./useId-DIHOOv91.js";import{$ as g}from"./index-DA5mkyhX.js";import{T as y}from"./Tooltip-Ci0GGlGn.js";const _="_container_1qov4_17",x="_control_1qov4_22",C="_action_1qov4_33",a={container:_,control:x,action:C},i=l.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})})})]})}),s=l.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:{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 +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 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{s.displayName="ActionControl",s.__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 +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{s.displayName="ActionControl",s.__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 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-7EZd4mfz.js b/assets/Action.stories-KcX8NXsZ.js similarity index 95% rename from assets/Action.stories-7EZd4mfz.js rename to assets/Action.stories-KcX8NXsZ.js index f55a1db7..ced0bd42 100644 --- a/assets/Action.stories-7EZd4mfz.js +++ b/assets/Action.stories-KcX8NXsZ.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-DpWob5LS.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-BSFQGMYZ.js";import"./Text-BpUtDsRn.js";import"./index-DA5mkyhX.js";import"./extends-CF3RwP-h.js";import"./index-DG4CWwun.js";import"./index-BvxdkTda.js";import"./useId-DIHOOv91.js";import"./Tooltip-CHeTE3nE.js";import"./floating-ui.react-BampJf39.js";const x={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-BnHPbiOZ.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-BSFQGMYZ.js";import"./Text-BpUtDsRn.js";import"./index-DA5mkyhX.js";import"./extends-CF3RwP-h.js";import"./index-DG4CWwun.js";import"./index-BvxdkTda.js";import"./useId-DIHOOv91.js";import"./Tooltip-Ci0GGlGn.js";import"./floating-ui.react-BampJf39.js";const x={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-CXHi7bmm.js b/assets/ActionButton.stories-CTSVilcG.js similarity index 88% rename from assets/ActionButton.stories-CXHi7bmm.js rename to assets/ActionButton.stories-CTSVilcG.js index 3b59af3e..94556168 100644 --- a/assets/ActionButton.stories-CXHi7bmm.js +++ b/assets/ActionButton.stories-CTSVilcG.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-BLPDHEoz.js";import"./Alert-B-hND-IY.js";import"./Avatar-Bzl0WR0v.js";import"./AvatarStack-Bcn5PWWK.js";import"./Badge-DERiemOv.js";import"./IconButton-Db7JTW02.js";import"./Search-CjNpLk5E.js";import"./Text-DQA-v0me.js";import"./ContextMenu-CvgE_T27.js";import"./Glass-CSik8Dag.js";import"./Heading-BzQEB82_.js";import"./IndicatorIcon-yC0g9ajQ.js";import"./Link-H_Ar01eM.js";import"./NavItem-BeIhRN_Q.js";import"./Menu-CK5oJ9qx.js";import"./MenuItem-D5bjBLJv.js";import"./Progress-kAo68Ncz.js";import"./Separator-YkkwOwd9.js";import"./ToggleMenuItem-_3rdvkj3.js";import{T as _}from"./Tooltip-CHeTE3nE.js";import"./ReleaseAnnouncement-BKItNgir.js";import"./Toast-DFHCLnMH.js";import"./Action-DpWob5LS.js";import"./Password-DPDp-Eyb.js";import"./Text-BpUtDsRn.js";import"./MFA-BcsE-4m7.js";import"./Checkbox-BHW8qkwR.js";import"./Radio-CFt7gJUV.js";import"./Toggle-BlCbqmZl.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-BSFQGMYZ.js";import"./UnstyledButton-C9fNLva5.js";import"./Typography-DW1jQAHD.js";import"./index-DA5mkyhX.js";import"./extends-CF3RwP-h.js";import"./index-DG4CWwun.js";import"./index-BvxdkTda.js";import"./InlineSpinner-DZ2uBgAt.js";import"./useId-DIHOOv91.js";import"./index-CHUZ5_qD.js";import"./index-vl_XNHfj.js";import"./index-Dp4tTk3o.js";import"./index-ChBlSHh4.js";import"./FloatingMenu-ChdMoh_x.js";import"./DrawerMenu-DPEIp9Qb.js";import"./floating-ui.react-BampJf39.js";const R=({label:h,...v})=>y.jsx(_,{label:h,children:y.jsx(L,{iconOnly:!0,...v})}),Qr={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}},p={args:{label:"Edit",kind:"primary",size:"sm",Icon:F}},d={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-BLPDHEoz.js";import"./Alert-CRpBfD9a.js";import"./Avatar-BSTe3LpV.js";import"./AvatarStack-DkNfjvk5.js";import"./Badge-CVqqsKU2.js";import"./IconButton-DWF2dIdC.js";import"./Search-vaJfvP-p.js";import"./Text-BbTw4EGb.js";import"./ContextMenu-D7YbtuQ_.js";import"./Glass-CSik8Dag.js";import"./Heading-BJzoNNuu.js";import"./IndicatorIcon-BAe7lg0o.js";import"./Link-zrkAu2Ho.js";import"./NavItem-BeIhRN_Q.js";import"./Menu-Cecy--r7.js";import"./MenuItem-DyAc03nM.js";import"./Progress-CXZoBeWb.js";import"./Separator-DGFWAXNA.js";import"./ToggleMenuItem-CJljrQdD.js";import{T as _}from"./Tooltip-Ci0GGlGn.js";import"./ReleaseAnnouncement-DES3rrHS.js";import"./Toast-DFHCLnMH.js";import"./Action-BnHPbiOZ.js";import"./Password-BOcbW_8L.js";import"./Text-BpUtDsRn.js";import"./MFA-CXKePhxN.js";import"./Checkbox-BHW8qkwR.js";import"./Radio-CFt7gJUV.js";import"./Toggle-BlCbqmZl.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-BSFQGMYZ.js";import"./UnstyledButton-C9fNLva5.js";import"./Typography-Du42WgpX.js";import"./index-DA5mkyhX.js";import"./extends-CF3RwP-h.js";import"./index-DG4CWwun.js";import"./index-BvxdkTda.js";import"./InlineSpinner-DZ2uBgAt.js";import"./useId-DIHOOv91.js";import"./index-CHUZ5_qD.js";import"./index-vl_XNHfj.js";import"./index-Dp4tTk3o.js";import"./index-ChBlSHh4.js";import"./FloatingMenu-Bh96dAM3.js";import"./DrawerMenu-DPEIp9Qb.js";import"./floating-ui.react-BampJf39.js";const R=({label:h,...v})=>y.jsx(_,{label:h,children:y.jsx(L,{iconOnly:!0,...v})}),Qr={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}},p={args:{label:"Edit",kind:"primary",size:"sm",Icon:F}},d={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-B-hND-IY.js b/assets/Alert-CRpBfD9a.js similarity index 94% rename from assets/Alert-B-hND-IY.js rename to assets/Alert-CRpBfD9a.js index 04020b57..529ad915 100644 --- a/assets/Alert-B-hND-IY.js +++ b/assets/Alert-CRpBfD9a.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-CexXSJP5.js";import{c as h}from"./index-BSFQGMYZ.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-DQA-v0me.js";import"./Button-BLPDHEoz.js";import{I as g}from"./IconButton-Db7JTW02.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-BSFQGMYZ.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-BbTw4EGb.js";import"./Button-BLPDHEoz.js";import{I as g}from"./IconButton-DWF2dIdC.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-H2GkfpIB.js b/assets/Alert.stories-GoOh6jzq.js similarity index 92% rename from assets/Alert.stories-H2GkfpIB.js rename to assets/Alert.stories-GoOh6jzq.js index 18b11c06..9c593da1 100644 --- a/assets/Alert.stories-H2GkfpIB.js +++ b/assets/Alert.stories-GoOh6jzq.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-CexXSJP5.js";import{B as a}from"./Button-BLPDHEoz.js";import{A as n}from"./Alert-B-hND-IY.js";import"./index-BP8_t0zE.js";import"./index-BSFQGMYZ.js";import"./UnstyledButton-C9fNLva5.js";import"./close-BapqxG5D.js";import"./Text-DQA-v0me.js";import"./Typography-DW1jQAHD.js";import"./IconButton-Db7JTW02.js";import"./IndicatorIcon-yC0g9ajQ.js";import"./Tooltip-CHeTE3nE.js";import"./floating-ui.react-BampJf39.js";import"./index-BvxdkTda.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-BLPDHEoz.js";import{A as n}from"./Alert-CRpBfD9a.js";import"./index-BP8_t0zE.js";import"./index-BSFQGMYZ.js";import"./UnstyledButton-C9fNLva5.js";import"./close-BapqxG5D.js";import"./Text-BbTw4EGb.js";import"./Typography-Du42WgpX.js";import"./IconButton-DWF2dIdC.js";import"./IndicatorIcon-BAe7lg0o.js";import"./Tooltip-Ci0GGlGn.js";import"./floating-ui.react-BampJf39.js";import"./index-BvxdkTda.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-Bzl0WR0v.js b/assets/Avatar-BSTe3LpV.js similarity index 84% rename from assets/Avatar-Bzl0WR0v.js rename to assets/Avatar-BSTe3LpV.js index c6c9424a..8f0b616c 100644 --- a/assets/Avatar-Bzl0WR0v.js +++ b/assets/Avatar-BSTe3LpV.js @@ -1,2 +1,2 @@ import{j as m}from"./jsx-runtime-CexXSJP5.js";import{c as d}from"./index-BSFQGMYZ.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:{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}; +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}; diff --git a/assets/Avatar.stories-CHsKyFzs.js b/assets/Avatar.stories--0y9uMXO.js similarity index 97% rename from assets/Avatar.stories-CHsKyFzs.js rename to assets/Avatar.stories--0y9uMXO.js index 1804f71a..beaaa66f 100644 --- a/assets/Avatar.stories-CHsKyFzs.js +++ b/assets/Avatar.stories--0y9uMXO.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-CexXSJP5.js";import{A as s}from"./Avatar-Bzl0WR0v.js";import"./index-BP8_t0zE.js";import"./index-BSFQGMYZ.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-BSTe3LpV.js";import"./index-BP8_t0zE.js";import"./index-BSFQGMYZ.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-Bcn5PWWK.js b/assets/AvatarStack-DkNfjvk5.js similarity index 97% rename from assets/AvatarStack-Bcn5PWWK.js rename to assets/AvatarStack-DkNfjvk5.js index 3138cdb7..3f41d93f 100644 --- a/assets/AvatarStack-Bcn5PWWK.js +++ b/assets/AvatarStack-DkNfjvk5.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-CexXSJP5.js";import{c}from"./index-BSFQGMYZ.js";import{r as d}from"./index-BP8_t0zE.js";import{s as n}from"./Avatar-Bzl0WR0v.js";const p=`