From 3cb32c222665b9c8a56e3756afb56a4b2216e1dd Mon Sep 17 00:00:00 2001 From: MidhunSureshR Date: Thu, 4 Jul 2024 13:04:07 +0000 Subject: [PATCH] deploy: e74725164a667326d53c3b510243aad6af381ca8 --- assets/{Action-gu5CsAAF.js => Action-Sivhy_un.js} | 2 +- ...tories-Cu6--gtj.js => Action.stories-Dqgw_dl0.js} | 2 +- ...-4lWpCFUm.js => ActionButton.stories-Bu_PYT6G.js} | 2 +- assets/{Alert-Cu-IqS6W.js => Alert-Chbl0DQy.js} | 2 +- ...stories-DPT27AbY.js => Alert.stories-CYMQQZ_O.js} | 2 +- assets/Avatar-C7bwcWJr.js | 2 ++ assets/Avatar-D_h5K73j.js | 2 -- ...tories-C2nZE1XQ.js => Avatar.stories-Dpl-QgYR.js} | 2 +- ...atarStack-zKeD_o_3.js => AvatarStack-DYL0IFZz.js} | 2 +- ...s-BvsUyEBD.js => AvatarStack.stories-BkEbCap3.js} | 2 +- assets/{Badge-CYnSY-vQ.js => Badge-WKNr98HF.js} | 2 +- ...stories-C9kSY7pi.js => Badge.stories-DqHDIvBe.js} | 2 +- assets/{Button-BPkQI5Wr.js => Button-BUToQOmF.js} | 2 +- ...tories-DWXk1T1o.js => Button.stories-CVVXAZwI.js} | 2 +- ...SJMWNM-BBX2R-1y.js => Color-PRSJMWNM-4s-Q3amI.js} | 2 +- ...ntextMenu-Bphw9l-j.js => ContextMenu-D1C0YtaW.js} | 2 +- ...s-DbRBce56.js => ContextMenu.stories-B_yyrbd_.js} | 2 +- ...BEY9NkMV.js => DocsRenderer-K4EAMTCU-CBysHTar.js} | 10 +++++----- ...es-12-Jex-_.js => DrawerMenu.stories-Dog2tTD6.js} | 2 +- ...s-CTGcwKHN.js => EditInPlace.stories-BIb4y2uR.js} | 2 +- ...tingMenu-Eb22vTDs.js => FloatingMenu-AlLZwHuz.js} | 2 +- ...-CYBfXj22.js => FloatingMenu.stories-DeHq0iAy.js} | 2 +- ....stories-NZuFsXUA.js => Form.stories-CNvTd73_.js} | 2 +- ...stories-D5q-_LCL.js => Glass.stories-CcGQJR70.js} | 2 +- assets/{Heading-D0UD_l3r.js => Heading-DT4z2IB4.js} | 2 +- ...ories-DyPm4Wk1.js => Heading.stories-0gPwzL9d.js} | 2 +- ...IconButton-xJ_A4zMW.js => IconButton-9C8cD-i_.js} | 4 ++-- ...es-DxpOo9Q8.js => IconButton.stories-DwU-skw4.js} | 2 +- ...torIcon-CVdpdEcx.js => IndicatorIcon-iinDG_Nf.js} | 2 +- ...B3Ge9BB4.js => IndicatorIcon.stories-paSJsMog.js} | 2 +- assets/{Link-Do2tSqaM.js => Link-DCPbMbAN.js} | 2 +- ....stories-DGuz63_T.js => Link.stories-9rjSVisW.js} | 2 +- assets/{Menu-6-qq6z8w.js => Menu-DAEcuzUw.js} | 2 +- ....stories-B6DWwITK.js => Menu.stories-DVKMGT8P.js} | 2 +- .../{MenuItem-C3kYcHjL.js => MenuItem-DC_cEudJ.js} | 6 +++--- ...ries-CG_Gn6hh.js => MenuItem.stories-C2JkgwSr.js} | 2 +- ...tories-BfLMAlrA.js => NavBar.stories-DkVLwIpF.js} | 2 +- assets/NavItem-C5tFZGTi.js | 6 ------ assets/NavItem-DbwpsiHc.js | 6 ++++++ ...ories-aMqD5c0S.js => NavItem.stories-FEbowCDU.js} | 2 +- .../{Password-BfDlh9ty.js => Password-C8zUj04C.js} | 2 +- ...ries-B3KvmFJ-.js => Password.stories-BS2mPDrY.js} | 2 +- ...t-BLK3qHtV.js => ReleaseAnnouncement-D-CfCt3D.js} | 4 ++-- ...7w.js => ReleaseAnnouncement.stories-B6PTjEOW.js} | 2 +- assets/{Search-BC8R2E3L.js => Search-CaODHiwC.js} | 12 ++++++------ assets/Search.stories-D7Edh4s6.js | 3 --- assets/Search.stories-DBXFPmtk.js | 3 +++ .../{Separator-D8gjKPDD.js => Separator-243SrNoD.js} | 2 +- ...ies-DDb_xykp.js => Separator.stories-DPnpymUH.js} | 2 +- assets/{Text-BrcN_buA.js => Text-CFqa5qYe.js} | 2 +- ....stories-y5kTSo8T.js => Text.stories-CaAeRy1N.js} | 2 +- ...nuItem-BFL0wjw-.js => ToggleMenuItem-CMUj3A0o.js} | 4 ++-- ...Y3rKUVa.js => ToggleMenuItem.stories-BIIaHCbw.js} | 2 +- assets/{Tooltip-C1h05kI8.js => Tooltip-BXywdbkR.js} | 8 ++++---- ...ories-DhXo4OKN.js => Tooltip.stories-Mj4Ko2E8.js} | 2 +- ...Typography-BcgMUEGb.js => Typography-D4-afh9Z.js} | 2 +- ...-DeQlhPeX.js => WithTooltip-KJL26V4Q-E_pJ8cpk.js} | 2 +- ...ZP-DmRM40rq.js => formatter-2WMMO6ZP-C-v4sw_c.js} | 2 +- assets/{iframe-aQXmb4Qa.js => iframe-WyPkcAPc.js} | 4 ++-- assets/{index-CjTrpfS1.js => index-n8rlHWvF.js} | 2 +- assets/{preview-BZGRUOL7.js => preview-BhnlCHJr.js} | 4 ++-- ...d7E.js => syntaxhighlighter-BP7B2CQK-CNhuD_JZ.js} | 2 +- components/Nav/NavItem.d.ts | 2 +- components/Nav/NavItem.d.ts.map | 2 +- iframe.html | 2 +- project.json | 2 +- 66 files changed, 90 insertions(+), 90 deletions(-) rename assets/{Action-gu5CsAAF.js => Action-Sivhy_un.js} (98%) rename assets/{Action.stories-Cu6--gtj.js => Action.stories-Dqgw_dl0.js} (96%) rename assets/{ActionButton.stories-4lWpCFUm.js => ActionButton.stories-Bu_PYT6G.js} (87%) rename assets/{Alert-Cu-IqS6W.js => Alert-Chbl0DQy.js} (96%) rename assets/{Alert.stories-DPT27AbY.js => Alert.stories-CYMQQZ_O.js} (92%) create mode 100644 assets/Avatar-C7bwcWJr.js delete mode 100644 assets/Avatar-D_h5K73j.js rename assets/{Avatar.stories-C2nZE1XQ.js => Avatar.stories-Dpl-QgYR.js} (97%) rename assets/{AvatarStack-zKeD_o_3.js => AvatarStack-DYL0IFZz.js} (97%) rename assets/{AvatarStack.stories-BvsUyEBD.js => AvatarStack.stories-BkEbCap3.js} (93%) rename assets/{Badge-CYnSY-vQ.js => Badge-WKNr98HF.js} (76%) rename assets/{Badge.stories-C9kSY7pi.js => Badge.stories-DqHDIvBe.js} (85%) rename assets/{Button-BPkQI5Wr.js => Button-BUToQOmF.js} (94%) rename assets/{Button.stories-DWXk1T1o.js => Button.stories-CVVXAZwI.js} (98%) rename assets/{Color-PRSJMWNM-BBX2R-1y.js => Color-PRSJMWNM-4s-Q3amI.js} (99%) rename assets/{ContextMenu-Bphw9l-j.js => ContextMenu-D1C0YtaW.js} (96%) rename assets/{ContextMenu.stories-DbRBce56.js => ContextMenu.stories-B_yyrbd_.js} (81%) rename assets/{DocsRenderer-K4EAMTCU-BEY9NkMV.js => DocsRenderer-K4EAMTCU-CBysHTar.js} (99%) rename assets/{DrawerMenu.stories-12-Jex-_.js => DrawerMenu.stories-Dog2tTD6.js} (84%) rename assets/{EditInPlace.stories-CTGcwKHN.js => EditInPlace.stories-BIb4y2uR.js} (76%) rename assets/{FloatingMenu-Eb22vTDs.js => FloatingMenu-AlLZwHuz.js} (95%) rename assets/{FloatingMenu.stories-CYBfXj22.js => FloatingMenu.stories-DeHq0iAy.js} (80%) rename assets/{Form.stories-NZuFsXUA.js => Form.stories-CNvTd73_.js} (72%) rename assets/{Glass.stories-D5q-_LCL.js => Glass.stories-CcGQJR70.js} (91%) rename assets/{Heading-D0UD_l3r.js => Heading-DT4z2IB4.js} (91%) rename assets/{Heading.stories-DyPm4Wk1.js => Heading.stories-0gPwzL9d.js} (78%) rename assets/{IconButton-xJ_A4zMW.js => IconButton-9C8cD-i_.js} (61%) rename assets/{IconButton.stories-DxpOo9Q8.js => IconButton.stories-DwU-skw4.js} (95%) rename assets/{IndicatorIcon-CVdpdEcx.js => IndicatorIcon-iinDG_Nf.js} (94%) rename assets/{IndicatorIcon.stories-B3Ge9BB4.js => IndicatorIcon.stories-paSJsMog.js} (96%) rename assets/{Link-Do2tSqaM.js => Link-DCPbMbAN.js} (86%) rename assets/{Link.stories-DGuz63_T.js => Link.stories-9rjSVisW.js} (87%) rename assets/{Menu-6-qq6z8w.js => Menu-DAEcuzUw.js} (96%) rename assets/{Menu.stories-B6DWwITK.js => Menu.stories-DVKMGT8P.js} (88%) rename assets/{MenuItem-C3kYcHjL.js => MenuItem-DC_cEudJ.js} (88%) rename assets/{MenuItem.stories-CG_Gn6hh.js => MenuItem.stories-C2JkgwSr.js} (96%) rename assets/{NavBar.stories-BfLMAlrA.js => NavBar.stories-DkVLwIpF.js} (96%) delete mode 100644 assets/NavItem-C5tFZGTi.js create mode 100644 assets/NavItem-DbwpsiHc.js rename assets/{NavItem.stories-aMqD5c0S.js => NavItem.stories-FEbowCDU.js} (96%) rename assets/{Password-BfDlh9ty.js => Password-C8zUj04C.js} (98%) rename assets/{Password.stories-B3KvmFJ-.js => Password.stories-BS2mPDrY.js} (94%) rename assets/{ReleaseAnnouncement-BLK3qHtV.js => ReleaseAnnouncement-D-CfCt3D.js} (85%) rename assets/{ReleaseAnnouncement.stories-BAMnvZ7w.js => ReleaseAnnouncement.stories-B6PTjEOW.js} (81%) rename assets/{Search-BC8R2E3L.js => Search-CaODHiwC.js} (69%) delete mode 100644 assets/Search.stories-D7Edh4s6.js create mode 100644 assets/Search.stories-DBXFPmtk.js rename assets/{Separator-D8gjKPDD.js => Separator-243SrNoD.js} (75%) rename assets/{Separator.stories-DDb_xykp.js => Separator.stories-DPnpymUH.js} (93%) rename assets/{Text-BrcN_buA.js => Text-CFqa5qYe.js} (70%) rename assets/{Text.stories-y5kTSo8T.js => Text.stories-CaAeRy1N.js} (78%) rename assets/{ToggleMenuItem-BFL0wjw-.js => ToggleMenuItem-CMUj3A0o.js} (50%) rename assets/{ToggleMenuItem.stories-dY3rKUVa.js => ToggleMenuItem.stories-BIIaHCbw.js} (78%) rename assets/{Tooltip-C1h05kI8.js => Tooltip-BXywdbkR.js} (90%) rename assets/{Tooltip.stories-DhXo4OKN.js => Tooltip.stories-Mj4Ko2E8.js} (96%) rename assets/{Typography-BcgMUEGb.js => Typography-D4-afh9Z.js} (89%) rename assets/{WithTooltip-KJL26V4Q-DeQlhPeX.js => WithTooltip-KJL26V4Q-E_pJ8cpk.js} (74%) rename assets/{formatter-2WMMO6ZP-DmRM40rq.js => formatter-2WMMO6ZP-C-v4sw_c.js} (99%) rename assets/{iframe-aQXmb4Qa.js => iframe-WyPkcAPc.js} (69%) rename assets/{index-CjTrpfS1.js => index-n8rlHWvF.js} (99%) rename assets/{preview-BZGRUOL7.js => preview-BhnlCHJr.js} (72%) rename assets/{syntaxhighlighter-BP7B2CQK-DW1xYd7E.js => syntaxhighlighter-BP7B2CQK-CNhuD_JZ.js} (88%) diff --git a/assets/Action-gu5CsAAF.js b/assets/Action-Sivhy_un.js similarity index 98% rename from assets/Action-gu5CsAAF.js rename to assets/Action-Sivhy_un.js index c7dab248..6e843c4c 100644 --- a/assets/Action-gu5CsAAF.js +++ b/assets/Action-Sivhy_un.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{c as f}from"./index-C2KoGaFq.js";import{r as c}from"./index-Cu9bd8lq.js";import{T as h}from"./Text-DOGHqVyt.js";import{u as b}from"./useId-D5m2XpUu.js";import{a as g}from"./index-C6FLQqRT.js";import{T as y}from"./Tooltip-C1h05kI8.js";const _="_container_1qov4_17",x="_control_1qov4_22",C="_action_1qov4_33",a={container:_,control:x,action:C},i=c.forwardRef(function({Icon:n,className:o,actionLabel:r,onActionClick:u,...p},d){const l=b(),m=f(a.container,o);return e.jsxs("div",{className:m,id:l,children:[e.jsx(h,{ref:d,...p,className:a.control}),e.jsx(y,{label:r,children:e.jsx("button",{type:"button",className:a.action,onClick:u,"aria-controls":l,"aria-label":r,children:e.jsx(n,{"aria-hidden":!0})})})]})}),s=c.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-DoxjgJx5.js";import{c as f}from"./index-C2KoGaFq.js";import{r as c}from"./index-Cu9bd8lq.js";import{T as h}from"./Text-DOGHqVyt.js";import{u as b}from"./useId-D5m2XpUu.js";import{a as g}from"./index-C6FLQqRT.js";import{T as y}from"./Tooltip-BXywdbkR.js";const _="_container_1qov4_17",x="_control_1qov4_22",C="_action_1qov4_33",a={container:_,control:x,action:C},i=c.forwardRef(function({Icon:n,className:o,actionLabel:r,onActionClick:u,...p},d){const l=b(),m=f(a.container,o);return e.jsxs("div",{className:m,id:l,children:[e.jsx(h,{ref:d,...p,className:a.control}),e.jsx(y,{label:r,children:e.jsx("button",{type:"button",className:a.action,onClick:u,"aria-controls":l,"aria-label":r,children:e.jsx(n,{"aria-hidden":!0})})})]})}),s=c.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 For example on an in-place editing field diff --git a/assets/Action.stories-Cu6--gtj.js b/assets/Action.stories-Dqgw_dl0.js similarity index 96% rename from assets/Action.stories-Cu6--gtj.js rename to assets/Action.stories-Dqgw_dl0.js index 73a5b583..3ec17c74 100644 --- a/assets/Action.stories-Cu6--gtj.js +++ b/assets/Action.stories-Dqgw_dl0.js @@ -1,4 +1,4 @@ -import{j as m}from"./jsx-runtime-DoxjgJx5.js";import{S as c}from"./chat-Ce9sY079.js";import{S as d}from"./check-CXsFGzWm.js";import{S as u}from"./close-D55JIkKE.js";import{A as s}from"./Action-gu5CsAAF.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./Text-DOGHqVyt.js";import"./index-C6FLQqRT.js";import"./extends-DhVGKg3b.js";import"./index-s2Ee__EW.js";import"./useId-D5m2XpUu.js";import"./Tooltip-C1h05kI8.js";import"./floating-ui.react-DRrg5oqz.js";const i={chat:c,check:d,close:u},V={title:"Form/Controls/Action",component:s,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(i),mapping:i,defaultValue:"check",control:{type:"select"}}},render:({invalid:p,...l})=>m.jsx(s,{"data-invalid":p||void 0,...l}),args:{placeholder:"",autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1,actionLabel:"Action",Icon:d}},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"}}},n={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"}}},o={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-DoxjgJx5.js";import{S as c}from"./chat-Ce9sY079.js";import{S as d}from"./check-CXsFGzWm.js";import{S as u}from"./close-D55JIkKE.js";import{A as s}from"./Action-Sivhy_un.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./Text-DOGHqVyt.js";import"./index-C6FLQqRT.js";import"./extends-DhVGKg3b.js";import"./index-s2Ee__EW.js";import"./useId-D5m2XpUu.js";import"./Tooltip-BXywdbkR.js";import"./floating-ui.react-DRrg5oqz.js";const i={chat:c,check:d,close:u},V={title:"Form/Controls/Action",component:s,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(i),mapping:i,defaultValue:"check",control:{type:"select"}}},render:({invalid:p,...l})=>m.jsx(s,{"data-invalid":p||void 0,...l}),args:{placeholder:"",autoFocus:!1,disabled:!1,readOnly:!1,invalid:!1,actionLabel:"Action",Icon:d}},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"}}},n={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"}}},o={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-4lWpCFUm.js b/assets/ActionButton.stories-Bu_PYT6G.js similarity index 87% rename from assets/ActionButton.stories-4lWpCFUm.js rename to assets/ActionButton.stories-Bu_PYT6G.js index 1db9a198..627005e6 100644 --- a/assets/ActionButton.stories-4lWpCFUm.js +++ b/assets/ActionButton.stories-Bu_PYT6G.js @@ -1,4 +1,4 @@ -import{j as f}from"./jsx-runtime-DoxjgJx5.js";import{f as B}from"./index-B-6fpdcS.js";import{S as k}from"./check-CXsFGzWm.js";import{S as y}from"./close-D55JIkKE.js";import{S as C,a as v,b as h,c as O,d as E,e as z,f as V,g as b,h as M,i as T,j as x}from"./video-call-solid-DZxiZyaz.js";import{S as A}from"./search-CWkX64tk.js";import{S as F}from"./visibility-on-BrkRTjSX.js";import{B as U}from"./Button-BPkQI5Wr.js";import"./Alert-Cu-IqS6W.js";import"./Avatar-D_h5K73j.js";import"./AvatarStack-zKeD_o_3.js";import"./Badge-CYnSY-vQ.js";import"./IconButton-xJ_A4zMW.js";import"./Search-BC8R2E3L.js";import"./Text-BrcN_buA.js";import"./ContextMenu-Bphw9l-j.js";import"./Glass-CwZVZZDo.js";import"./Heading-D0UD_l3r.js";import"./IndicatorIcon-CVdpdEcx.js";import"./Link-Do2tSqaM.js";import"./NavItem-C5tFZGTi.js";import"./Menu-6-qq6z8w.js";import"./MenuItem-C3kYcHjL.js";import"./Separator-D8gjKPDD.js";import"./ToggleMenuItem-BFL0wjw-.js";import{T as _}from"./Tooltip-C1h05kI8.js";import"./ReleaseAnnouncement-BLK3qHtV.js";import"./Toast-DiTTZX7x.js";import"./Action-gu5CsAAF.js";import"./Password-BfDlh9ty.js";import"./Text-DOGHqVyt.js";import"./MFA-C9IlUuRU.js";import"./Checkbox-2E2p-REM.js";import"./Radio-Ckv_MoIU.js";import"./Toggle-Bf6I5dOM.js";/* empty css */import"./index-Cu9bd8lq.js";import"./index-CVRyq5ci.js";import"./index-C2KoGaFq.js";import"./UnstyledButton-CUaD5tB8.js";import"./Typography-BcgMUEGb.js";import"./index-C6FLQqRT.js";import"./extends-DhVGKg3b.js";import"./index-s2Ee__EW.js";import"./InlineSpinner-CZEeBvQo.js";import"./useId-D5m2XpUu.js";import"./index-CjTrpfS1.js";import"./index-B2VpcjXg.js";import"./index-_X4q1Xs8.js";import"./FloatingMenu-Eb22vTDs.js";import"./DrawerMenu-BYj777Pr.js";import"./floating-ui.react-DRrg5oqz.js";const D=({label:L,...j})=>f.jsx(_,{label:L,children:f.jsx(U,{iconOnly:!0,...j})}),_r={title:"Button/Actions",component:D,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:["CheckIcon","CloseIcon","EditIcon","EndCallIcon","ExpandIcon","LinkIcon","MicOnSolidIcon","MicOffSolidIcon","SearchIcon","SettingsSolidIcon","ShareScreenSolidIcon","UserAddIcon","VideoCallOffSolidIcon","VideoCallSolidIcon","VisibilityOnIcon"],mapping:{CheckIcon:k,CloseIcon:y,EditIcon:C,EndCallIcon:v,ExpandIcon:h,LinkIcon:O,MicOnSolidIcon:E,MicOffSolidIcon:z,SearchIcon:A,SettingsSolidIcon:V,ShareScreenSolidIcon:b,UserAddIcon:M,VideoCallOffSolidIcon:T,VideoCallSolidIcon:x,VisibilityOnIcon:F},control:{type:"inline-radio"}},onClick:{action:"onClick"}},args:{label:"Action",size:"lg",as:"button",destructive:!1,disabled:!1,onClick:B()},controls:{exclude:["children"]}},r={args:{label:"Settings",kind:"secondary",Icon:V}},e={args:{label:"Copy link",kind:"secondary",Icon:O}},o={args:{label:"Turn video off",kind:"secondary",Icon:x}},n={args:{label:"Turn video on",kind:"primary",Icon:T}},a={args:{label:"Turn mic off",kind:"secondary",Icon:E}},s={args:{label:"Turn mic on",kind:"primary",Icon:z}},i={args:{label:"Share screen",kind:"secondary",Icon:b}},c={args:{label:"Stop sharing screen",kind:"primary",Icon:b}},t={args:{label:"Full screen",kind:"secondary",Icon:h}},l={args:{label:"End call",kind:"primary",destructive:!0,Icon:v}},d={args:{label:"Invite",kind:"primary",size:"sm",Icon:M}},m={args:{label:"Edit",kind:"primary",size:"sm",Icon:C}},p={args:{label:"Search",kind:"secondary",size:"sm",Icon:A}},S={args:{label:"Save",kind:"primary",size:"sm",Icon:k}},g={args:{label:"Save",kind:"primary",size:"sm",Icon:k,disabled:!0}},I={args:{label:"Cancel",kind:"secondary",size:"sm",Icon:y}},u={args:{label:"Close",kind:"secondary",size:"sm",Icon:y}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ +import{j as f}from"./jsx-runtime-DoxjgJx5.js";import{f as B}from"./index-B-6fpdcS.js";import{S as k}from"./check-CXsFGzWm.js";import{S as y}from"./close-D55JIkKE.js";import{S as C,a as v,b as h,c as O,d as E,e as z,f as V,g as b,h as M,i as T,j as x}from"./video-call-solid-DZxiZyaz.js";import{S as A}from"./search-CWkX64tk.js";import{S as F}from"./visibility-on-BrkRTjSX.js";import{B as U}from"./Button-BUToQOmF.js";import"./Alert-Chbl0DQy.js";import"./Avatar-C7bwcWJr.js";import"./AvatarStack-DYL0IFZz.js";import"./Badge-WKNr98HF.js";import"./IconButton-9C8cD-i_.js";import"./Search-CaODHiwC.js";import"./Text-CFqa5qYe.js";import"./ContextMenu-D1C0YtaW.js";import"./Glass-CwZVZZDo.js";import"./Heading-DT4z2IB4.js";import"./IndicatorIcon-iinDG_Nf.js";import"./Link-DCPbMbAN.js";import"./NavItem-DbwpsiHc.js";import"./Menu-DAEcuzUw.js";import"./MenuItem-DC_cEudJ.js";import"./Separator-243SrNoD.js";import"./ToggleMenuItem-CMUj3A0o.js";import{T as _}from"./Tooltip-BXywdbkR.js";import"./ReleaseAnnouncement-D-CfCt3D.js";import"./Toast-DiTTZX7x.js";import"./Action-Sivhy_un.js";import"./Password-C8zUj04C.js";import"./Text-DOGHqVyt.js";import"./MFA-C9IlUuRU.js";import"./Checkbox-2E2p-REM.js";import"./Radio-Ckv_MoIU.js";import"./Toggle-Bf6I5dOM.js";/* empty css */import"./index-Cu9bd8lq.js";import"./index-CVRyq5ci.js";import"./index-C2KoGaFq.js";import"./UnstyledButton-CUaD5tB8.js";import"./Typography-D4-afh9Z.js";import"./index-C6FLQqRT.js";import"./extends-DhVGKg3b.js";import"./index-s2Ee__EW.js";import"./InlineSpinner-CZEeBvQo.js";import"./useId-D5m2XpUu.js";import"./index-n8rlHWvF.js";import"./index-B2VpcjXg.js";import"./index-_X4q1Xs8.js";import"./FloatingMenu-AlLZwHuz.js";import"./DrawerMenu-BYj777Pr.js";import"./floating-ui.react-DRrg5oqz.js";const D=({label:L,...j})=>f.jsx(_,{label:L,children:f.jsx(U,{iconOnly:!0,...j})}),_r={title:"Button/Actions",component:D,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:["CheckIcon","CloseIcon","EditIcon","EndCallIcon","ExpandIcon","LinkIcon","MicOnSolidIcon","MicOffSolidIcon","SearchIcon","SettingsSolidIcon","ShareScreenSolidIcon","UserAddIcon","VideoCallOffSolidIcon","VideoCallSolidIcon","VisibilityOnIcon"],mapping:{CheckIcon:k,CloseIcon:y,EditIcon:C,EndCallIcon:v,ExpandIcon:h,LinkIcon:O,MicOnSolidIcon:E,MicOffSolidIcon:z,SearchIcon:A,SettingsSolidIcon:V,ShareScreenSolidIcon:b,UserAddIcon:M,VideoCallOffSolidIcon:T,VideoCallSolidIcon:x,VisibilityOnIcon:F},control:{type:"inline-radio"}},onClick:{action:"onClick"}},args:{label:"Action",size:"lg",as:"button",destructive:!1,disabled:!1,onClick:B()},controls:{exclude:["children"]}},r={args:{label:"Settings",kind:"secondary",Icon:V}},e={args:{label:"Copy link",kind:"secondary",Icon:O}},o={args:{label:"Turn video off",kind:"secondary",Icon:x}},n={args:{label:"Turn video on",kind:"primary",Icon:T}},a={args:{label:"Turn mic off",kind:"secondary",Icon:E}},s={args:{label:"Turn mic on",kind:"primary",Icon:z}},i={args:{label:"Share screen",kind:"secondary",Icon:b}},c={args:{label:"Stop sharing screen",kind:"primary",Icon:b}},t={args:{label:"Full screen",kind:"secondary",Icon:h}},l={args:{label:"End call",kind:"primary",destructive:!0,Icon:v}},d={args:{label:"Invite",kind:"primary",size:"sm",Icon:M}},m={args:{label:"Edit",kind:"primary",size:"sm",Icon:C}},p={args:{label:"Search",kind:"secondary",size:"sm",Icon:A}},S={args:{label:"Save",kind:"primary",size:"sm",Icon:k}},g={args:{label:"Save",kind:"primary",size:"sm",Icon:k,disabled:!0}},I={args:{label:"Cancel",kind:"secondary",size:"sm",Icon:y}},u={args:{label:"Close",kind:"secondary",size:"sm",Icon:y}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{ args: { label: "Settings", kind: "secondary", diff --git a/assets/Alert-Cu-IqS6W.js b/assets/Alert-Chbl0DQy.js similarity index 96% rename from assets/Alert-Cu-IqS6W.js rename to assets/Alert-Chbl0DQy.js index 0f76f650..c2298e73 100644 --- a/assets/Alert-Cu-IqS6W.js +++ b/assets/Alert-Chbl0DQy.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-DoxjgJx5.js";import{c as p}from"./index-C2KoGaFq.js";import{r as x}from"./index-Cu9bd8lq.js";import{S as v}from"./close-D55JIkKE.js";import{T as l}from"./Text-BrcN_buA.js";import"./Button-BPkQI5Wr.js";import{I as g}from"./IconButton-xJ_A4zMW.js";const f=t=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...t,children:e.jsx("path",{d:"m10.6 13.8-2.15-2.15a.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275.948.948 0 0 0-.275.7.95.95 0 0 0 .275.7L9.9 15.9c.2.2.433.3.7.3.267 0 .5-.1.7-.3l5.65-5.65a.948.948 0 0 0 .275-.7.948.948 0 0 0-.275-.7.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275L10.6 13.8ZM12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Zm0-2c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z"})}),A=t=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...t,children:e.jsx("path",{d:"M12 17a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 16a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 15a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 16c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-4c.283 0 .52-.096.713-.287A.968.968 0 0 0 13 12V8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 12 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 8v4c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 9a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z"})}),w=t=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...t,children:[e.jsx("path",{d:"M11.287 7.287A.968.968 0 0 1 12 7c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 12 9a.968.968 0 0 1-.713-.287A.967.967 0 0 1 11 8c0-.283.096-.52.287-.713Zm0 4A.968.968 0 0 1 12 11c.283 0 .52.096.713.287.191.192.287.43.287.713v4a.97.97 0 0 1-.287.712A.968.968 0 0 1 12 17a.968.968 0 0 1-.713-.288A.968.968 0 0 1 11 16v-4c0-.283.096-.52.287-.713Z"}),e.jsx("path",{fillRule:"evenodd",d:"M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z",clipRule:"evenodd"})]}),_="_alert_1bz08_19",j="_content_1bz08_46",C="_title_1bz08_57",y="_icon_1bz08_57",b="_actions_1bz08_73",s={alert:_,content:j,"text-content":"_text-content_1bz08_53",title:C,icon:y,actions:b},i=({type:t,title:o,children:r,className:m,actions:n,onClose:c,...d})=>{const h=p(s.alert,m),u=x.useCallback(a=>{switch(t){case"critical":return e.jsx(A,{...a});case"info":return e.jsx(w,{...a});case"success":return e.jsx(f,{...a})}},[t]);return e.jsxs("div",{...d,className:h,"data-type":t,children:[u({width:24,height:24,className:s.icon,"aria-hidden":!0}),e.jsxs("div",{className:s.content,children:[e.jsxs("div",{className:s["text-content"],children:[e.jsx(l,{size:"md",weight:"semibold",children:o}),e.jsx(l,{size:"sm",weight:"regular",children:r})]}),n&&e.jsx("div",{className:s.actions,children:n})]}),c&&e.jsx(g,{onClick:c,"aria-label":"Close",role:"button",className:s.close,children:e.jsx(v,{})})]})};try{i.displayName="Alert",i.__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:'"critical"'},{value:'"success"'},{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-DoxjgJx5.js";import{c as p}from"./index-C2KoGaFq.js";import{r as x}from"./index-Cu9bd8lq.js";import{S as v}from"./close-D55JIkKE.js";import{T as l}from"./Text-CFqa5qYe.js";import"./Button-BUToQOmF.js";import{I as g}from"./IconButton-9C8cD-i_.js";const f=t=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...t,children:e.jsx("path",{d:"m10.6 13.8-2.15-2.15a.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275.948.948 0 0 0-.275.7.95.95 0 0 0 .275.7L9.9 15.9c.2.2.433.3.7.3.267 0 .5-.1.7-.3l5.65-5.65a.948.948 0 0 0 .275-.7.948.948 0 0 0-.275-.7.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275L10.6 13.8ZM12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Zm0-2c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z"})}),A=t=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...t,children:e.jsx("path",{d:"M12 17a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 16a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 15a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 16c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-4c.283 0 .52-.096.713-.287A.968.968 0 0 0 13 12V8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 12 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 8v4c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 9a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z"})}),w=t=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24",className:"cpd-icon",...t,children:[e.jsx("path",{d:"M11.287 7.287A.968.968 0 0 1 12 7c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 12 9a.968.968 0 0 1-.713-.287A.967.967 0 0 1 11 8c0-.283.096-.52.287-.713Zm0 4A.968.968 0 0 1 12 11c.283 0 .52.096.713.287.191.192.287.43.287.713v4a.97.97 0 0 1-.287.712A.968.968 0 0 1 12 17a.968.968 0 0 1-.713-.288A.968.968 0 0 1 11 16v-4c0-.283.096-.52.287-.713Z"}),e.jsx("path",{fillRule:"evenodd",d:"M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z",clipRule:"evenodd"})]}),_="_alert_1bz08_19",j="_content_1bz08_46",C="_title_1bz08_57",y="_icon_1bz08_57",b="_actions_1bz08_73",s={alert:_,content:j,"text-content":"_text-content_1bz08_53",title:C,icon:y,actions:b},i=({type:t,title:o,children:r,className:m,actions:n,onClose:c,...d})=>{const h=p(s.alert,m),u=x.useCallback(a=>{switch(t){case"critical":return e.jsx(A,{...a});case"info":return e.jsx(w,{...a});case"success":return e.jsx(f,{...a})}},[t]);return e.jsxs("div",{...d,className:h,"data-type":t,children:[u({width:24,height:24,className:s.icon,"aria-hidden":!0}),e.jsxs("div",{className:s.content,children:[e.jsxs("div",{className:s["text-content"],children:[e.jsx(l,{size:"md",weight:"semibold",children:o}),e.jsx(l,{size:"sm",weight:"regular",children:r})]}),n&&e.jsx("div",{className:s.actions,children:n})]}),c&&e.jsx(g,{onClick:c,"aria-label":"Close",role:"button",className:s.close,children:e.jsx(v,{})})]})};try{i.displayName="Alert",i.__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-DPT27AbY.js b/assets/Alert.stories-CYMQQZ_O.js similarity index 92% rename from assets/Alert.stories-DPT27AbY.js rename to assets/Alert.stories-CYMQQZ_O.js index 3dba734c..59505904 100644 --- a/assets/Alert.stories-DPT27AbY.js +++ b/assets/Alert.stories-CYMQQZ_O.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-DoxjgJx5.js";import{B as a}from"./Button-BPkQI5Wr.js";import{A as n}from"./Alert-Cu-IqS6W.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./UnstyledButton-CUaD5tB8.js";import"./close-D55JIkKE.js";import"./Text-BrcN_buA.js";import"./Typography-BcgMUEGb.js";import"./IconButton-xJ_A4zMW.js";import"./IndicatorIcon-CVdpdEcx.js";import"./Tooltip-C1h05kI8.js";import"./floating-ui.react-DRrg5oqz.js";import"./index-s2Ee__EW.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-DoxjgJx5.js";import{B as a}from"./Button-BUToQOmF.js";import{A as n}from"./Alert-Chbl0DQy.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.js";import"./UnstyledButton-CUaD5tB8.js";import"./close-D55JIkKE.js";import"./Text-CFqa5qYe.js";import"./Typography-D4-afh9Z.js";import"./IconButton-9C8cD-i_.js";import"./IndicatorIcon-iinDG_Nf.js";import"./Tooltip-BXywdbkR.js";import"./floating-ui.react-DRrg5oqz.js";import"./index-s2Ee__EW.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-C7bwcWJr.js b/assets/Avatar-C7bwcWJr.js new file mode 100644 index 00000000..178d7e61 --- /dev/null +++ b/assets/Avatar-C7bwcWJr.js @@ -0,0 +1,2 @@ +import{j as u}from"./jsx-runtime-DoxjgJx5.js";import{c as d}from"./index-C2KoGaFq.js";import{r as _,a as m}from"./index-Cu9bd8lq.js";const v="@",h="#",y="+",A=new Intl.Segmenter;function I(e){if(e.length<1)return"";const a=e[0];[v,h,y].includes(a)&&(e=e.substring(1));const t=A.segment(e)[Symbol.iterator]().next();return t.done?"":t.value.segment}const M="_avatar_mcap2_17",R="_image_mcap2_50",i={avatar:M,image:R,"avatar-imageless":"_avatar-imageless_mcap2_61","stacked-avatars":"_stacked-avatars_mcap2_111","clip-path":"_clip-path_mcap2_130"};function S(e){return e.split("").reduce((r,n)=>r+n.charCodeAt(0),0)%6+1}function x(e){return!!(e.onClick||e.onKeyDown||e.onKeyUp)}const p=_.forwardRef(function({src:a,id:t,name:o="",type:r="round",className:n="",size:s,style:l={},onError:f,...c},g){return m.createElement(x(c)?"button":"span",{ref:g,role:"img","aria-label":t,...c,"data-type":r,"data-color":S(t),className:d(i.avatar,n,{[i["avatar-imageless"]]:!a}),style:{...l,"--cpd-avatar-size":s}},u.jsx(m.Fragment,{children:a?u.jsx("img",{loading:"lazy",alt:"",src:a,referrerPolicy:"no-referrer",className:d(i.image),"data-type":r,style:l,width:s,height:s,onError:f}):I(o)}))});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:{name:{defaultValue:{value:""},description:"The name used for the initial letter displayed when no image source is provided.",name:"name",required:!1,type:{name:"string"}},type:{defaultValue:{value:"round"},description:"Defines the avatar type, typically round, square is usually for spaces.",name:"type",required:!1,type:{name:"enum",value:[{value:'"square"'},{value:'"round"'}]}},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,i as s}; diff --git a/assets/Avatar-D_h5K73j.js b/assets/Avatar-D_h5K73j.js deleted file mode 100644 index 2b5c135c..00000000 --- a/assets/Avatar-D_h5K73j.js +++ /dev/null @@ -1,2 +0,0 @@ -import{j as m}from"./jsx-runtime-DoxjgJx5.js";import{c as d}from"./index-C2KoGaFq.js";import{r as f,a as u}from"./index-Cu9bd8lq.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}; diff --git a/assets/Avatar.stories-C2nZE1XQ.js b/assets/Avatar.stories-Dpl-QgYR.js similarity index 97% rename from assets/Avatar.stories-C2nZE1XQ.js rename to assets/Avatar.stories-Dpl-QgYR.js index f67d2ecb..ffc4be73 100644 --- a/assets/Avatar.stories-C2nZE1XQ.js +++ b/assets/Avatar.stories-Dpl-QgYR.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-DoxjgJx5.js";import{A as s}from"./Avatar-D_h5K73j.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.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-DoxjgJx5.js";import{A as s}from"./Avatar-C7bwcWJr.js";import"./index-Cu9bd8lq.js";import"./index-C2KoGaFq.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-zKeD_o_3.js b/assets/AvatarStack-DYL0IFZz.js similarity index 97% rename from assets/AvatarStack-zKeD_o_3.js rename to assets/AvatarStack-DYL0IFZz.js index 40595678..0238e584 100644 --- a/assets/AvatarStack-zKeD_o_3.js +++ b/assets/AvatarStack-DYL0IFZz.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-DoxjgJx5.js";import{c}from"./index-C2KoGaFq.js";import{r as d}from"./index-Cu9bd8lq.js";import{s as n}from"./Avatar-D_h5K73j.js";const p=`