@preply/ds-docs 1.1.0 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preply/ds-docs",
-    "version": "1.1.0",
+    "version": "1.2.0",
     "publishConfig": {
         "access": "public"
     },
@@ -17,28 +17,28 @@
         "serve": "run --top-level http-server dist/"
     },
     "devDependencies": {
-        "@storybook/addon-a11y": "8.4.4",
-        "@storybook/addon-essentials": "8.4.4",
-        "@storybook/addon-interactions": "^8.4.4",
-        "@storybook/addon-links": "8.4.4",
-        "@storybook/blocks": "8.4.4",
-        "@storybook/components": "8.4.4",
-        "@storybook/manager-api": "8.4.4",
-        "@storybook/react": "8.4.4",
-        "@storybook/react-vite": "8.4.4",
-        "@storybook/test": "^8.4.4",
-        "@vitejs/plugin-react": "^4.3.3",
+        "@storybook/addon-a11y": "8.4.6",
+        "@storybook/addon-essentials": "8.4.6",
+        "@storybook/addon-interactions": "^8.4.6",
+        "@storybook/addon-links": "8.4.6",
+        "@storybook/blocks": "8.4.6",
+        "@storybook/components": "8.4.6",
+        "@storybook/manager-api": "8.4.6",
+        "@storybook/react": "8.4.6",
+        "@storybook/react-vite": "8.4.6",
+        "@storybook/test": "^8.4.6",
+        "@vitejs/plugin-react": "^4.3.4",
         "cpx": "1.5.0",
-        "eslint": "9.14.0",
-        "less": "4.2.0",
+        "eslint": "9.16.0",
+        "less": "4.2.1",
         "react": "18.2.0",
         "react-dom": "18.2.0",
-        "storybook": "8.4.4",
+        "storybook": "8.4.6",
         "storybook-addon-code-editor": "^3.1.0",
         "styled-components": "6.1.13",
         "typescript": "^4.9.5",
-        "vite": "5.4.11",
+        "vite": "6.0.1",
         "vite-plugin-svgr": "4.3.0"
     },
-    "gitHead": "b30916df700a819078ec141d95f746282eea8f3a"
+    "gitHead": "f468d844d821169952a399904e338df8955b4e7f"
 }

package/dist/assets/01.semantic-tokens-BKiOEwph.js

@@ -1,2 +0,0 @@
-import{j as r}from"./jsx-runtime-BkBIjjFT.js";import{useMDXComponents as k}from"./index-CNwVr1BN.js";import{ae as m}from"./index-D1znvQCa.js";import{H as a,B as s}from"./Heading-BAV7van3.js";import{L as d}from"./LayoutGrid-DLUPUIXq.js";import{L as l}from"./LayoutGridItem-CUSkp0EL.js";import"./index-KmaxkdDD.js";import{t as x}from"./tokens-D22H5zrO.js";import"./iframe-Ce8o_BH_.js";import"../sb-preview/runtime.js";import"./index-Cr7eDsRK.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./render-icon-DG1EeCBs.js";import"./classNames-BhD67HvA.js";import"./useHostname-1VY2skfn.js";import"./index-CC6DAVyL.js";import"./componentNames-BSriaIOD.js";import"./text-accent-CmSbWWbc.js";import"./text-centered-Ba4Oo1IB.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";import"./layout-padding-sFoT2rMg.js";import"./constants-mdQROz_Y.js";const o=({inverted:t,textToken:n})=>{const c=x.color.text[n];return Array.isArray(c)?r.jsxs(l,{children:[r.jsx(a,{level:"h4",children:n}),r.jsx("div",{style:{color:`var(--${c[1]})`,maxWidth:"240px",padding:"10px",background:`var(--${t?x.color.background.primaryInverted[1]:x.color.background.primary[1]})`},children:r.jsxs("code",{children:["color.text.",n]})})]},n):null};o.defaultProps={inverted:!1};const e=({inverted:t,bgToken:n})=>{const c=x.color.background[n];return Array.isArray(c)?r.jsxs(l,{children:[r.jsx(a,{level:"h4",children:n}),r.jsxs("div",{style:{background:`var(--${x.color.background[n][1]})`,color:`var(--${t?x.color.text.inverted[1]:x.color.text.primary[1]})`,maxWidth:"240px",padding:"10px"},children:["Background token: ",r.jsxs("code",{children:["color.background.",n]})]})]},n):null};e.defaultProps={inverted:!1};const i=({contentToken:t})=>{const n=x.color.border[t];return Array.isArray(n)?r.jsxs(l,{children:[r.jsx(a,{level:"h4",children:t}),r.jsx("br",{}),r.jsxs("div",{style:{border:`1px solid var(--${n[1]})`,background:"transparent",color:`var(--${n[1]})`,maxWidth:"240px",height:"50px",padding:"10px"},children:["color.border.",t]})]},t):null};i.defaultProps={};const p=()=>r.jsxs(d,{gap:"xs",columns:2,children:[r.jsx(s,{children:"Token family: action.variant.primary.*"}),r.jsx(s,{variant:"secondary",children:"Token family: action.variant.secondary.*"}),r.jsx(s,{variant:"tertiary",children:"Token family: action.variant.tertiary.*"}),r.jsx(s,{variant:"ghost",children:"Token family: action.variant.ghost.*"}),r.jsx(s,{variant:"critical",children:"Token family: action.variant.critical.*"}),r.jsx(s,{variant:"onColor",children:"Token family: action.variant.onColor.*"}),r.jsx(s,{variant:"inverted",children:"Token family: action.variant.inverted.*"}),r.jsx(s,{disabled:!0,children:"Token family: action.variant.disabled.*"})]}),h=()=>r.jsxs("div",{children:[r.jsx(a,{level:"h1",children:"Semantic token examples"}),r.jsx("p",{children:"With Tokyo UI the semantic tokens have been renamed and expanded to cover more use cases. Here is a list of the most important ones."}),r.jsx("br",{}),r.jsx("hr",{}),r.jsx("br",{}),r.jsx(a,{level:"h2",children:"Text tokens"}),r.jsx("br",{}),r.jsx("br",{}),r.jsxs(d,{gap:"xs",columns:4,children:[r.jsx(o,{textToken:"primary"}),r.jsx(o,{textToken:"secondary"}),r.jsx(o,{textToken:"tertiary"}),r.jsx(o,{textToken:"accentDark"}),r.jsx(o,{textToken:"placeholder"}),r.jsx(o,{textToken:"inverted",inverted:!0}),r.jsx(o,{textToken:"positive"}),r.jsx(o,{textToken:"info"}),r.jsx(o,{textToken:"warning"}),r.jsx(o,{textToken:"critical"})]}),r.jsx("br",{}),r.jsx("br",{}),r.jsx(a,{level:"h2",children:"Background tokens"}),r.jsxs(d,{gap:"xs",columns:4,children:[r.jsx(e,{bgToken:"primary"}),r.jsx(e,{bgToken:"secondary"}),r.jsx(e,{bgToken:"tertiary"}),r.jsx(e,{bgToken:"overlay"}),r.jsx(e,{bgToken:"disabled"}),r.jsx(e,{bgToken:"brand"}),r.jsx(e,{bgToken:"brandB2b"}),r.jsx(e,{bgToken:"accentLight"}),r.jsx(e,{bgToken:"accentDark",inverted:!0}),r.jsx(e,{bgToken:"positiveLight"}),r.jsx(e,{bgToken:"positiveDark",inverted:!0}),r.jsx(e,{bgToken:"infoLight"}),r.jsx(e,{bgToken:"infoDark",inverted:!0}),r.jsx(e,{bgToken:"warningLight"}),r.jsx(e,{bgToken:"warningDark",inverted:!0}),r.jsx(e,{bgToken:"criticalLight"}),r.jsx(e,{bgToken:"criticalDark",inverted:!0}),r.jsx(e,{bgToken:"statusOnline"}),r.jsx(e,{bgToken:"statusOffline"}),r.jsx(e,{bgToken:"primaryInverted",inverted:!0}),r.jsx(e,{bgToken:"secondaryInverted",inverted:!0}),r.jsx(e,{bgToken:"tertiaryInverted",inverted:!0})]}),r.jsx("br",{}),r.jsx("hr",{}),r.jsx("br",{}),r.jsx(a,{level:"h2",children:"Action"}),r.jsx("br",{}),r.jsx(p,{}),r.jsx("br",{}),r.jsx("hr",{}),r.jsx("br",{}),r.jsx(a,{level:"h2",children:"Borders"}),r.jsx("br",{}),r.jsxs(d,{gap:"xs",columns:4,children:[r.jsx(i,{contentToken:"primary"}),r.jsx(i,{contentToken:"secondary"}),r.jsx(i,{contentToken:"secondary-opacity"}),r.jsx(i,{contentToken:"tertiary"}),r.jsx(i,{contentToken:"disabled"}),r.jsx(i,{contentToken:"brand"}),r.jsx(i,{contentToken:"critical"}),r.jsx(i,{contentToken:"focus"}),r.jsx(i,{contentToken:"positive"})]})]});function j(t){return r.jsxs(r.Fragment,{children:[r.jsx(m,{title:"Guides/Semantic tokens examples"}),`
-`,r.jsx(h,{})]})}function U(t={}){const{wrapper:n}={...k(),...t.components};return n?r.jsx(n,{...t,children:r.jsx(j,{...t})}):j()}export{U as default};

package/dist/assets/40.illustrations.explorer-OmSwpz0b.js

@@ -1,21 +0,0 @@
-import{j as t}from"./jsx-runtime-BkBIjjFT.js";import{useMDXComponents as l}from"./index-CNwVr1BN.js";import{ae as a}from"./index-D1znvQCa.js";import{L as e}from"./LayoutGrid-DLUPUIXq.js";import{d as c}from"./styled-components.browser.esm-qXWu05kn.js";import{g as i}from"./getTokenVar-CEGfaPeF.js";import{s as n,c as p}from"./tokens-D22H5zrO.js";import"./index-KmaxkdDD.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-Ce8o_BH_.js";import"../sb-preview/runtime.js";import"./index-Cr7eDsRK.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./classNames-BhD67HvA.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";import"./layout-padding-sFoT2rMg.js";import"./componentNames-BSriaIOD.js";import"./constants-mdQROz_Y.js";const u=["https://static.preply.com/ds/illustrations/tokyo-ui/arrows-multiple.svg","https://static.preply.com/ds/illustrations/tokyo-ui/artist.svg","https://static.preply.com/ds/illustrations/tokyo-ui/awesome.svg","https://static.preply.com/ds/illustrations/tokyo-ui/back-to-school.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bar-graph.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bell.svg","https://static.preply.com/ds/illustrations/tokyo-ui/booking-a-lesson.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/brain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clock.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clocks.svg","https://static.preply.com/ds/illustrations/tokyo-ui/coins.svg","https://static.preply.com/ds/illustrations/tokyo-ui/committed.svg","https://static.preply.com/ds/illustrations/tokyo-ui/cosmopolite.svg","https://static.preply.com/ds/illustrations/tokyo-ui/discount-badge.svg","https://static.preply.com/ds/illustrations/tokyo-ui/dog.svg","https://static.preply.com/ds/illustrations/tokyo-ui/first-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/game-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started-down.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started.svg","https://static.preply.com/ds/illustrations/tokyo-ui/globe-spot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/great-homework.svg","https://static.preply.com/ds/illustrations/tokyo-ui/growth.svg","https://static.preply.com/ds/illustrations/tokyo-ui/guitar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-1.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/heart.svg","https://static.preply.com/ds/illustrations/tokyo-ui/it-guru.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop.svg","https://static.preply.com/ds/illustrations/tokyo-ui/making-progress.svg","https://static.preply.com/ds/illustrations/tokyo-ui/map.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messages.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messaging.svg","https://static.preply.com/ds/illustrations/tokyo-ui/mobile-app.svg","https://static.preply.com/ds/illustrations/tokyo-ui/notes.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pause-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pig.svg","https://static.preply.com/ds/illustrations/tokyo-ui/play-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-pink.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/present.svg","https://static.preply.com/ds/illustrations/tokyo-ui/professional.svg","https://static.preply.com/ds/illustrations/tokyo-ui/progress-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rising-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rock-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/routine-master.svg","https://static.preply.com/ds/illustrations/tokyo-ui/serious-learner.svg","https://static.preply.com/ds/illustrations/tokyo-ui/sheet.svg","https://static.preply.com/ds/illustrations/tokyo-ui/smiley.svg","https://static.preply.com/ds/illustrations/tokyo-ui/speech-bubble.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stop-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stopwatch.svg","https://static.preply.com/ds/illustrations/tokyo-ui/testing-the-water.svg","https://static.preply.com/ds/illustrations/tokyo-ui/three-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/thumbs-up.svg","https://static.preply.com/ds/illustrations/tokyo-ui/you-did-great-today.svg"],y=c.div`
-    padding: ${i(n[12])};
-    -webkit-background-size: 50px 50px;
-    -moz-background-size: 50px 50px;
-    background-size: 50px 50px;
-    background-color: ${i(p.background.tertiary)};
-    background-image: linear-gradient(
-        45deg,
-        ${i(p.background.secondary)} 25%,
-        transparent 25%,
-        transparent 50%,
-        ${i(p.background.secondary)} 50%,
-        ${i(p.background.secondary)} 75%,
-        transparent 75%,
-        transparent
-    );
-`,m=({svgUrl:s})=>t.jsx("div",{style:{width:"80%"},children:t.jsxs("a",{href:s,target:"_blank",rel:"noreferrer",children:[s.replace("https://static.preply.com/ds/illustrations/tokyo-ui/",""),t.jsx("img",{src:s,alt:"TODO:"})]})}),d=()=>t.jsx(y,{children:t.jsx(e,{columns:["25% 25% 25% 25%"],gap:"xs",children:u.map(s=>t.jsx(m,{svgUrl:s},s))})});function r(s){const o={a:"a",h1:"h1",p:"p",...l(),...s.components};return t.jsxs(t.Fragment,{children:[t.jsx(a,{title:"Guides/Assets/Illustration Explorer"}),`
-`,t.jsx(o.h1,{id:"illustration-explorer",children:"Illustration Explorer"}),`
-`,t.jsxs(o.p,{children:[`Don't see the illustration you're looking for? Reach out to us in
-`,t.jsx(o.a,{href:"https://preply.slack.com/archives/C024EAEHP6V",rel:"nofollow",children:"#design-system-public"}),"."]}),`
-`,t.jsx(d,{})]})}function G(s={}){const{wrapper:o}={...l(),...s.components};return o?t.jsx(o,{...s,children:t.jsx(r,{...s})}):r(s)}export{G as default};

package/dist/assets/Avatar-B3RjiH24.js

@@ -1,6 +0,0 @@
-import{j as a}from"./jsx-runtime-BkBIjjFT.js";import{m as l,s as m,b as z,g as n,A as o}from"./classNames-BhD67HvA.js";import{w as s}from"./componentNames-BSriaIOD.js";import{A as u}from"./constants--ewUoBsO.js";const w="_Avatar_13ee9_4",p={Avatar:w,"Avatar--size-2xs":"_Avatar--size-2xs_13ee9_12","Avatar--size-xs":"_Avatar--size-xs_13ee9_16","Avatar--size-s":"_Avatar--size-s_13ee9_20","Avatar--size-m":"_Avatar--size-m_13ee9_24","Avatar--size-l":"_Avatar--size-l_13ee9_28","Avatar--size-xl":"_Avatar--size-xl_13ee9_32","Avatar--size-24":"_Avatar--size-24_13ee9_36","Avatar--size-32":"_Avatar--size-32_13ee9_40","Avatar--size-48":"_Avatar--size-48_13ee9_44","Avatar--size-64":"_Avatar--size-64_13ee9_48","Avatar--size-96":"_Avatar--size-96_13ee9_52","Avatar--size-160":"_Avatar--size-160_13ee9_56","Avatar--narrow-l--size-2xs":"_Avatar--narrow-l--size-2xs_13ee9_61","Avatar--narrow-l--size-xs":"_Avatar--narrow-l--size-xs_13ee9_65","Avatar--narrow-l--size-s":"_Avatar--narrow-l--size-s_13ee9_69","Avatar--narrow-l--size-m":"_Avatar--narrow-l--size-m_13ee9_73","Avatar--narrow-l--size-l":"_Avatar--narrow-l--size-l_13ee9_77","Avatar--narrow-l--size-xl":"_Avatar--narrow-l--size-xl_13ee9_81","Avatar--narrow-l--size-24":"_Avatar--narrow-l--size-24_13ee9_85","Avatar--narrow-l--size-32":"_Avatar--narrow-l--size-32_13ee9_89","Avatar--narrow-l--size-48":"_Avatar--narrow-l--size-48_13ee9_93","Avatar--narrow-l--size-64":"_Avatar--narrow-l--size-64_13ee9_97","Avatar--narrow-l--size-96":"_Avatar--narrow-l--size-96_13ee9_101","Avatar--narrow-l--size-160":"_Avatar--narrow-l--size-160_13ee9_105","Avatar--medium-s--size-2xs":"_Avatar--medium-s--size-2xs_13ee9_111","Avatar--medium-s--size-xs":"_Avatar--medium-s--size-xs_13ee9_115","Avatar--medium-s--size-s":"_Avatar--medium-s--size-s_13ee9_119","Avatar--medium-s--size-m":"_Avatar--medium-s--size-m_13ee9_123","Avatar--medium-s--size-l":"_Avatar--medium-s--size-l_13ee9_127","Avatar--medium-s--size-xl":"_Avatar--medium-s--size-xl_13ee9_131","Avatar--medium-s--size-24":"_Avatar--medium-s--size-24_13ee9_135","Avatar--medium-s--size-32":"_Avatar--medium-s--size-32_13ee9_139","Avatar--medium-s--size-48":"_Avatar--medium-s--size-48_13ee9_143","Avatar--medium-s--size-64":"_Avatar--medium-s--size-64_13ee9_147","Avatar--medium-s--size-96":"_Avatar--medium-s--size-96_13ee9_151","Avatar--medium-s--size-160":"_Avatar--medium-s--size-160_13ee9_155","Avatar--medium-l--size-2xs":"_Avatar--medium-l--size-2xs_13ee9_161","Avatar--medium-l--size-xs":"_Avatar--medium-l--size-xs_13ee9_165","Avatar--medium-l--size-s":"_Avatar--medium-l--size-s_13ee9_169","Avatar--medium-l--size-m":"_Avatar--medium-l--size-m_13ee9_173","Avatar--medium-l--size-l":"_Avatar--medium-l--size-l_13ee9_177","Avatar--medium-l--size-xl":"_Avatar--medium-l--size-xl_13ee9_181","Avatar--medium-l--size-24":"_Avatar--medium-l--size-24_13ee9_185","Avatar--medium-l--size-32":"_Avatar--medium-l--size-32_13ee9_189","Avatar--medium-l--size-48":"_Avatar--medium-l--size-48_13ee9_193","Avatar--medium-l--size-64":"_Avatar--medium-l--size-64_13ee9_197","Avatar--medium-l--size-96":"_Avatar--medium-l--size-96_13ee9_201","Avatar--medium-l--size-160":"_Avatar--medium-l--size-160_13ee9_205","Avatar--wide-s--size-2xs":"_Avatar--wide-s--size-2xs_13ee9_211","Avatar--wide-s--size-xs":"_Avatar--wide-s--size-xs_13ee9_215","Avatar--wide-s--size-s":"_Avatar--wide-s--size-s_13ee9_219","Avatar--wide-s--size-m":"_Avatar--wide-s--size-m_13ee9_223","Avatar--wide-s--size-l":"_Avatar--wide-s--size-l_13ee9_227","Avatar--wide-s--size-xl":"_Avatar--wide-s--size-xl_13ee9_231","Avatar--wide-s--size-24":"_Avatar--wide-s--size-24_13ee9_235","Avatar--wide-s--size-32":"_Avatar--wide-s--size-32_13ee9_239","Avatar--wide-s--size-48":"_Avatar--wide-s--size-48_13ee9_243","Avatar--wide-s--size-64":"_Avatar--wide-s--size-64_13ee9_247","Avatar--wide-s--size-96":"_Avatar--wide-s--size-96_13ee9_251","Avatar--wide-s--size-160":"_Avatar--wide-s--size-160_13ee9_255","Avatar--wide-l--size-2xs":"_Avatar--wide-l--size-2xs_13ee9_261","Avatar--wide-l--size-xs":"_Avatar--wide-l--size-xs_13ee9_265","Avatar--wide-l--size-s":"_Avatar--wide-l--size-s_13ee9_269","Avatar--wide-l--size-m":"_Avatar--wide-l--size-m_13ee9_273","Avatar--wide-l--size-l":"_Avatar--wide-l--size-l_13ee9_277","Avatar--wide-l--size-xl":"_Avatar--wide-l--size-xl_13ee9_281","Avatar--wide-l--size-24":"_Avatar--wide-l--size-24_13ee9_285","Avatar--wide-l--size-32":"_Avatar--wide-l--size-32_13ee9_289","Avatar--wide-l--size-48":"_Avatar--wide-l--size-48_13ee9_293","Avatar--wide-l--size-64":"_Avatar--wide-l--size-64_13ee9_297","Avatar--wide-l--size-96":"_Avatar--wide-l--size-96_13ee9_301","Avatar--wide-l--size-160":"_Avatar--wide-l--size-160_13ee9_305","Avatar--round":"_Avatar--round_13ee9_310"},i=({size:e=o,round:r,src:t,alt:_="",dataset:A})=>{const v=r??!0,d={className:l(p,s.Avatar,[m("size",e),z("round",void 0,v)]).join(" "),...n(A,{preplyDsComponent:s.Avatar})};return a.jsx("picture",{...d,children:a.jsx("img",{src:t||u,alt:_})})};try{i.displayName="Avatar",i.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"Responsive<AvatarSize> | undefined"}},round:{defaultValue:null,description:"@deprecated",name:"round",required:!1,type:{name:"boolean | undefined"}},src:{defaultValue:null,description:`The avatar image URL.
-If not provided, the default placeholder image is used instead.`,name:"src",required:!1,type:{name:"string | undefined"}},alt:{defaultValue:{value:""},description:`A description of the image.
-This is recommended for accessibility purposes, specifically for users
-of screen readers.
-@example <Avatar src={...} alt="Foobar's profile" />`,name:"alt",required:!1,type:{name:"string | undefined"}},dataset:{defaultValue:null,description:`Use this to set data attributes on the DOM element for the purpose of
-e2e tests or integrating with external libraries.`,name:"dataset",required:!1,type:{name:"Dataset | undefined"}}}}}catch{}export{i as A};

package/dist/assets/Avatar-BtuwggZ8.css

@@ -1 +0,0 @@
-._Avatar_13ee9_4{display:inline-block}._Avatar_13ee9_4 img{vertical-align:bottom;-o-object-fit:cover;object-fit:cover;border-radius:var(--dad9ec)}._Avatar--size-2xs_13ee9_12 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--size-xs_13ee9_16 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--size-s_13ee9_20 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--size-m_13ee9_24 img{width:var(--b51334);height:var(--b51334)}._Avatar--size-l_13ee9_28 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--size-xl_13ee9_32 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--size-24_13ee9_36 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--size-32_13ee9_40 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--size-48_13ee9_44 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--size-64_13ee9_48 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--size-96_13ee9_52 img{width:var(--796da2);height:var(--796da2)}._Avatar--size-160_13ee9_56 img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){._Avatar--narrow-l--size-2xs_13ee9_61 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--narrow-l--size-xs_13ee9_65 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--narrow-l--size-s_13ee9_69 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--narrow-l--size-m_13ee9_73 img{width:var(--b51334);height:var(--b51334)}._Avatar--narrow-l--size-l_13ee9_77 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--narrow-l--size-xl_13ee9_81 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--narrow-l--size-24_13ee9_85 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--narrow-l--size-32_13ee9_89 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--narrow-l--size-48_13ee9_93 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--narrow-l--size-64_13ee9_97 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--narrow-l--size-96_13ee9_101 img{width:var(--796da2);height:var(--796da2)}._Avatar--narrow-l--size-160_13ee9_105 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){._Avatar--medium-s--size-2xs_13ee9_111 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-s--size-xs_13ee9_115 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-s--size-s_13ee9_119 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-s--size-m_13ee9_123 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-s--size-l_13ee9_127 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-s--size-xl_13ee9_131 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-s--size-24_13ee9_135 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-s--size-32_13ee9_139 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-s--size-48_13ee9_143 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-s--size-64_13ee9_147 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-s--size-96_13ee9_151 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-s--size-160_13ee9_155 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){._Avatar--medium-l--size-2xs_13ee9_161 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-l--size-xs_13ee9_165 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-l--size-s_13ee9_169 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-l--size-m_13ee9_173 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-l--size-l_13ee9_177 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-l--size-xl_13ee9_181 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-l--size-24_13ee9_185 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-l--size-32_13ee9_189 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-l--size-48_13ee9_193 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-l--size-64_13ee9_197 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-l--size-96_13ee9_201 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-l--size-160_13ee9_205 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){._Avatar--wide-s--size-2xs_13ee9_211 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-s--size-xs_13ee9_215 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-s--size-s_13ee9_219 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-s--size-m_13ee9_223 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-s--size-l_13ee9_227 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-s--size-xl_13ee9_231 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-s--size-24_13ee9_235 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-s--size-32_13ee9_239 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-s--size-48_13ee9_243 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-s--size-64_13ee9_247 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-s--size-96_13ee9_251 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-s--size-160_13ee9_255 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){._Avatar--wide-l--size-2xs_13ee9_261 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-l--size-xs_13ee9_265 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-l--size-s_13ee9_269 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-l--size-m_13ee9_273 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-l--size-l_13ee9_277 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-l--size-xl_13ee9_281 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-l--size-24_13ee9_285 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-l--size-32_13ee9_289 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-l--size-48_13ee9_293 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-l--size-64_13ee9_297 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-l--size-96_13ee9_301 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-l--size-160_13ee9_305 img{width:var(--329ba7);height:var(--329ba7)}}._Avatar--round_13ee9_310 img{border-radius:var(--8517a6)}._Avatar_13ee9_4 img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}

package/dist/assets/Avatar-CSONwjte.css

@@ -1 +0,0 @@
-._Avatar_13ee9_4{display:inline-block}._Avatar_13ee9_4 img{vertical-align:bottom;object-fit:cover;border-radius:var(--dad9ec)}._Avatar--size-2xs_13ee9_12 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--size-xs_13ee9_16 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--size-s_13ee9_20 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--size-m_13ee9_24 img{width:var(--b51334);height:var(--b51334)}._Avatar--size-l_13ee9_28 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--size-xl_13ee9_32 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--size-24_13ee9_36 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--size-32_13ee9_40 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--size-48_13ee9_44 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--size-64_13ee9_48 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--size-96_13ee9_52 img{width:var(--796da2);height:var(--796da2)}._Avatar--size-160_13ee9_56 img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){._Avatar--narrow-l--size-2xs_13ee9_61 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--narrow-l--size-xs_13ee9_65 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--narrow-l--size-s_13ee9_69 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--narrow-l--size-m_13ee9_73 img{width:var(--b51334);height:var(--b51334)}._Avatar--narrow-l--size-l_13ee9_77 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--narrow-l--size-xl_13ee9_81 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--narrow-l--size-24_13ee9_85 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--narrow-l--size-32_13ee9_89 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--narrow-l--size-48_13ee9_93 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--narrow-l--size-64_13ee9_97 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--narrow-l--size-96_13ee9_101 img{width:var(--796da2);height:var(--796da2)}._Avatar--narrow-l--size-160_13ee9_105 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){._Avatar--medium-s--size-2xs_13ee9_111 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-s--size-xs_13ee9_115 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-s--size-s_13ee9_119 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-s--size-m_13ee9_123 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-s--size-l_13ee9_127 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-s--size-xl_13ee9_131 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-s--size-24_13ee9_135 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-s--size-32_13ee9_139 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-s--size-48_13ee9_143 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-s--size-64_13ee9_147 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-s--size-96_13ee9_151 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-s--size-160_13ee9_155 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){._Avatar--medium-l--size-2xs_13ee9_161 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-l--size-xs_13ee9_165 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-l--size-s_13ee9_169 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-l--size-m_13ee9_173 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-l--size-l_13ee9_177 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-l--size-xl_13ee9_181 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-l--size-24_13ee9_185 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-l--size-32_13ee9_189 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-l--size-48_13ee9_193 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-l--size-64_13ee9_197 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-l--size-96_13ee9_201 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-l--size-160_13ee9_205 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){._Avatar--wide-s--size-2xs_13ee9_211 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-s--size-xs_13ee9_215 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-s--size-s_13ee9_219 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-s--size-m_13ee9_223 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-s--size-l_13ee9_227 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-s--size-xl_13ee9_231 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-s--size-24_13ee9_235 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-s--size-32_13ee9_239 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-s--size-48_13ee9_243 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-s--size-64_13ee9_247 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-s--size-96_13ee9_251 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-s--size-160_13ee9_255 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){._Avatar--wide-l--size-2xs_13ee9_261 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-l--size-xs_13ee9_265 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-l--size-s_13ee9_269 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-l--size-m_13ee9_273 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-l--size-l_13ee9_277 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-l--size-xl_13ee9_281 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-l--size-24_13ee9_285 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-l--size-32_13ee9_289 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-l--size-48_13ee9_293 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-l--size-64_13ee9_297 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-l--size-96_13ee9_301 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-l--size-160_13ee9_305 img{width:var(--329ba7);height:var(--329ba7)}}._Avatar--round_13ee9_310 img{border-radius:var(--8517a6)}._Avatar_13ee9_4 img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}

package/dist/assets/Avatar-LsS7HzF7.js

@@ -1 +0,0 @@
-import{j as a}from"./jsx-runtime-BkBIjjFT.js";import{m as z,s as m,b as l,g as d,A as w}from"./classNames-BhD67HvA.js";import{w as s}from"./componentNames-BSriaIOD.js";import{A as u}from"./constants--ewUoBsO.js";const o="_Avatar_13ee9_4",n={Avatar:o,"Avatar--size-2xs":"_Avatar--size-2xs_13ee9_12","Avatar--size-xs":"_Avatar--size-xs_13ee9_16","Avatar--size-s":"_Avatar--size-s_13ee9_20","Avatar--size-m":"_Avatar--size-m_13ee9_24","Avatar--size-l":"_Avatar--size-l_13ee9_28","Avatar--size-xl":"_Avatar--size-xl_13ee9_32","Avatar--size-24":"_Avatar--size-24_13ee9_36","Avatar--size-32":"_Avatar--size-32_13ee9_40","Avatar--size-48":"_Avatar--size-48_13ee9_44","Avatar--size-64":"_Avatar--size-64_13ee9_48","Avatar--size-96":"_Avatar--size-96_13ee9_52","Avatar--size-160":"_Avatar--size-160_13ee9_56","Avatar--narrow-l--size-2xs":"_Avatar--narrow-l--size-2xs_13ee9_61","Avatar--narrow-l--size-xs":"_Avatar--narrow-l--size-xs_13ee9_65","Avatar--narrow-l--size-s":"_Avatar--narrow-l--size-s_13ee9_69","Avatar--narrow-l--size-m":"_Avatar--narrow-l--size-m_13ee9_73","Avatar--narrow-l--size-l":"_Avatar--narrow-l--size-l_13ee9_77","Avatar--narrow-l--size-xl":"_Avatar--narrow-l--size-xl_13ee9_81","Avatar--narrow-l--size-24":"_Avatar--narrow-l--size-24_13ee9_85","Avatar--narrow-l--size-32":"_Avatar--narrow-l--size-32_13ee9_89","Avatar--narrow-l--size-48":"_Avatar--narrow-l--size-48_13ee9_93","Avatar--narrow-l--size-64":"_Avatar--narrow-l--size-64_13ee9_97","Avatar--narrow-l--size-96":"_Avatar--narrow-l--size-96_13ee9_101","Avatar--narrow-l--size-160":"_Avatar--narrow-l--size-160_13ee9_105","Avatar--medium-s--size-2xs":"_Avatar--medium-s--size-2xs_13ee9_111","Avatar--medium-s--size-xs":"_Avatar--medium-s--size-xs_13ee9_115","Avatar--medium-s--size-s":"_Avatar--medium-s--size-s_13ee9_119","Avatar--medium-s--size-m":"_Avatar--medium-s--size-m_13ee9_123","Avatar--medium-s--size-l":"_Avatar--medium-s--size-l_13ee9_127","Avatar--medium-s--size-xl":"_Avatar--medium-s--size-xl_13ee9_131","Avatar--medium-s--size-24":"_Avatar--medium-s--size-24_13ee9_135","Avatar--medium-s--size-32":"_Avatar--medium-s--size-32_13ee9_139","Avatar--medium-s--size-48":"_Avatar--medium-s--size-48_13ee9_143","Avatar--medium-s--size-64":"_Avatar--medium-s--size-64_13ee9_147","Avatar--medium-s--size-96":"_Avatar--medium-s--size-96_13ee9_151","Avatar--medium-s--size-160":"_Avatar--medium-s--size-160_13ee9_155","Avatar--medium-l--size-2xs":"_Avatar--medium-l--size-2xs_13ee9_161","Avatar--medium-l--size-xs":"_Avatar--medium-l--size-xs_13ee9_165","Avatar--medium-l--size-s":"_Avatar--medium-l--size-s_13ee9_169","Avatar--medium-l--size-m":"_Avatar--medium-l--size-m_13ee9_173","Avatar--medium-l--size-l":"_Avatar--medium-l--size-l_13ee9_177","Avatar--medium-l--size-xl":"_Avatar--medium-l--size-xl_13ee9_181","Avatar--medium-l--size-24":"_Avatar--medium-l--size-24_13ee9_185","Avatar--medium-l--size-32":"_Avatar--medium-l--size-32_13ee9_189","Avatar--medium-l--size-48":"_Avatar--medium-l--size-48_13ee9_193","Avatar--medium-l--size-64":"_Avatar--medium-l--size-64_13ee9_197","Avatar--medium-l--size-96":"_Avatar--medium-l--size-96_13ee9_201","Avatar--medium-l--size-160":"_Avatar--medium-l--size-160_13ee9_205","Avatar--wide-s--size-2xs":"_Avatar--wide-s--size-2xs_13ee9_211","Avatar--wide-s--size-xs":"_Avatar--wide-s--size-xs_13ee9_215","Avatar--wide-s--size-s":"_Avatar--wide-s--size-s_13ee9_219","Avatar--wide-s--size-m":"_Avatar--wide-s--size-m_13ee9_223","Avatar--wide-s--size-l":"_Avatar--wide-s--size-l_13ee9_227","Avatar--wide-s--size-xl":"_Avatar--wide-s--size-xl_13ee9_231","Avatar--wide-s--size-24":"_Avatar--wide-s--size-24_13ee9_235","Avatar--wide-s--size-32":"_Avatar--wide-s--size-32_13ee9_239","Avatar--wide-s--size-48":"_Avatar--wide-s--size-48_13ee9_243","Avatar--wide-s--size-64":"_Avatar--wide-s--size-64_13ee9_247","Avatar--wide-s--size-96":"_Avatar--wide-s--size-96_13ee9_251","Avatar--wide-s--size-160":"_Avatar--wide-s--size-160_13ee9_255","Avatar--wide-l--size-2xs":"_Avatar--wide-l--size-2xs_13ee9_261","Avatar--wide-l--size-xs":"_Avatar--wide-l--size-xs_13ee9_265","Avatar--wide-l--size-s":"_Avatar--wide-l--size-s_13ee9_269","Avatar--wide-l--size-m":"_Avatar--wide-l--size-m_13ee9_273","Avatar--wide-l--size-l":"_Avatar--wide-l--size-l_13ee9_277","Avatar--wide-l--size-xl":"_Avatar--wide-l--size-xl_13ee9_281","Avatar--wide-l--size-24":"_Avatar--wide-l--size-24_13ee9_285","Avatar--wide-l--size-32":"_Avatar--wide-l--size-32_13ee9_289","Avatar--wide-l--size-48":"_Avatar--wide-l--size-48_13ee9_293","Avatar--wide-l--size-64":"_Avatar--wide-l--size-64_13ee9_297","Avatar--wide-l--size-96":"_Avatar--wide-l--size-96_13ee9_301","Avatar--wide-l--size-160":"_Avatar--wide-l--size-160_13ee9_305","Avatar--round":"_Avatar--round_13ee9_310"},j=({size:i=w,round:e,src:_,alt:r="",dataset:t})=>{const A=e??!0,v={className:z(n,s.Avatar,[m("size",i),l("round",void 0,A)]).join(" "),...d(t,{preplyDsComponent:s.Avatar})};return a.jsx("picture",{...v,children:a.jsx("img",{src:_||u,alt:r})})};export{j as A};

package/dist/assets/AvatarWithStatus-Dp-pNkOT.css

@@ -1 +0,0 @@
-._AvatarWithStatus_1em76_3{display:inline-block;position:relative}._AvatarWithStatus--indicator_1em76_7{position:absolute;border-style:solid;border-radius:var(--0cf20e);border-width:var(--4a76d7);border-color:var(--e5a39b);background-color:var(--a95a51)}._AvatarWithStatus--online_1em76_15 ._AvatarWithStatus--indicator_1em76_7{background-color:var(--62b71e)}._AvatarWithStatus--size-2xs_1em76_18 ._AvatarWithStatus--indicator_1em76_7{width:var(--1cea5a);height:var(--1cea5a);right:var(--4b2086);bottom:var(--4b2086)}._AvatarWithStatus--size-xs_1em76_24 ._AvatarWithStatus--indicator_1em76_7{width:var(--540610);height:var(--540610);right:var(--20c0b1);bottom:var(--20c0b1)}._AvatarWithStatus--size-m_1em76_30 ._AvatarWithStatus--indicator_1em76_7{width:var(--8f1e94);height:var(--8f1e94);right:var(--705050);bottom:var(--705050)}._AvatarWithStatus--size-xl_1em76_36 ._AvatarWithStatus--indicator_1em76_7{width:var(--bdf712);height:var(--bdf712);right:var(--3b13f1);bottom:var(--3b13f1)}._AvatarWithStatus--size-64_1em76_42 ._AvatarWithStatus--indicator_1em76_7{width:var(--7d9a55);height:var(--7d9a55);right:var(--3e174a);bottom:var(--3e174a)}._AvatarWithStatus--size-96_1em76_48 ._AvatarWithStatus--indicator_1em76_7{width:var(--7d3ab7);height:var(--7d3ab7);right:var(--bd3f63);bottom:var(--bd3f63)}._AvatarWithStatus--size-160_1em76_54 ._AvatarWithStatus--indicator_1em76_7{width:var(--523f7d);height:var(--523f7d);right:var(--23067e);bottom:var(--23067e)}

package/dist/assets/AvatarWithStatus.stories-DcKUyTMh.js

@@ -1,13 +0,0 @@
-import{j as t}from"./jsx-runtime-BkBIjjFT.js";import{A}from"./Avatar-B3RjiH24.js";import{m as S,b as f,s as W,d as x,g as y,A as z}from"./classNames-BhD67HvA.js";import{w as i}from"./componentNames-BSriaIOD.js";import{S as g}from"./StoryContextDSWeb-BrR9U5wu.js";import"./index-KmaxkdDD.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./constants--ewUoBsO.js";import"./StorybookGlobalStyle-hxnxtqnm.js";import"./styled-components.browser.esm-qXWu05kn.js";import"./RootProvider-CIyXzSB0.js";import"./useTheme-NipwD8bb.js";import"./constants-mdQROz_Y.js";const j="_AvatarWithStatus_1em76_3",o={AvatarWithStatus:j,"AvatarWithStatus--indicator":"_AvatarWithStatus--indicator_1em76_7","AvatarWithStatus--online":"_AvatarWithStatus--online_1em76_15","AvatarWithStatus--size-2xs":"_AvatarWithStatus--size-2xs_1em76_18","AvatarWithStatus--size-xs":"_AvatarWithStatus--size-xs_1em76_24","AvatarWithStatus--size-m":"_AvatarWithStatus--size-m_1em76_30","AvatarWithStatus--size-xl":"_AvatarWithStatus--size-xl_1em76_36","AvatarWithStatus--size-64":"_AvatarWithStatus--size-64_1em76_42","AvatarWithStatus--size-96":"_AvatarWithStatus--size-96_1em76_48","AvatarWithStatus--size-160":"_AvatarWithStatus--size-160_1em76_54"},e=({online:s=!1,size:r=z,dataset:p,...c})=>{const h=S(o,i.AvatarWithStatus,[f("online",void 0,s),W("size",r)]),v=[...x(o,i.AvatarWithStatus,["indicator"])],_={className:h.join(" "),...y(p,{preplyDsComponent:i.AvatarWithStatus})};return t.jsxs("div",{..._,children:[t.jsx("span",{className:v.join(" ")}),t.jsx("div",{children:t.jsx(A,{...c,size:r})})]})};try{e.displayName="AvatarWithStatus",e.__docgenInfo={description:"",displayName:"AvatarWithStatus",props:{src:{defaultValue:null,description:`The avatar image URL.
-If not provided, the default placeholder image is used instead.`,name:"src",required:!1,type:{name:"string | undefined"}},alt:{defaultValue:null,description:`A description of the image.
-This is recommended for accessibility purposes, specifically for users
-of screen readers.
-@example <Avatar src={...} alt="Foobar's profile" />`,name:"alt",required:!1,type:{name:"string | undefined"}},dataset:{defaultValue:null,description:`Use this to set data attributes on the DOM element for the purpose of
-e2e tests or integrating with external libraries.`,name:"dataset",required:!1,type:{name:"Dataset | undefined"}},online:{defaultValue:{value:"false"},description:"Controls the status of the visual indicator.",name:"online",required:!1,type:{name:"boolean"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"AvatarWithStatusSize | undefined"}}}}}catch{}const k={title:"components/AvatarWithStatus",component:e,decorators:[s=>t.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:t.jsx(g,{theme:"tokyo-ui",children:s()})})]},a=()=>t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsx(e,{size:"64",online:!0}),t.jsx(e,{size:"64",online:!1})]});var n,l,d,u,m;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:`() => <div style={{
-  display: 'flex',
-  gap: '8px'
-}}>
-        <AvatarWithStatus size="64" online />
-        <AvatarWithStatus size="64" online={false} />
-    </div>`,...(d=(l=a.parameters)==null?void 0:l.docs)==null?void 0:d.source},description:{story:`This component augments [Avatar](/docs/components-avatar--docs) to add a
-connection status indicator.`,...(m=(u=a.parameters)==null?void 0:u.docs)==null?void 0:m.description}}};const F=["Statuses"];export{a as Statuses,F as __namedExportsOrder,k as default};

package/dist/assets/Badge-urQ34EXV.css

@@ -1 +0,0 @@
-._badge_v4t0g_2{display:inline-flex;align-items:center;gap:var(--590b8d);border-radius:var(--5e8be4);padding:var(--05dd73) var(--66b80b);width:fit-content;color:var(--628fb7)}._badge_v4t0g_2[data-size=small]{height:var(--76ac8f);font-size:var(--e3a55b);font-weight:var(--8cd94c);line-height:var(--732f40)}._badge_v4t0g_2[data-size=medium]{height:var(--f316e1);font-size:var(--fdb733);font-weight:var(--9643c1);line-height:var(--754361)}._badge_v4t0g_2[data-size=large]{height:var(--7789ee);padding:var(--590b8d) var(--813599);font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e)}._badge_v4t0g_2[data-type=neutral]{background:var(--319b29)}._badge_v4t0g_2[data-type=positive]{background:var(--1836a4)}._badge_v4t0g_2[data-type=warning]{background:var(--b503b8)}._badge_v4t0g_2[data-type=info]{background:var(--94a45e)}._badge_v4t0g_2[data-type=critical]{background:var(--f15644)}._badge_v4t0g_2[data-accent=unset]{color:var(--c9575b);background-color:var(--8f1238)}._badge_v4t0g_2[data-accent=unset][data-inverted=true]{color:var(--55407f);background-color:var(--7c8c3c)}._badge_v4t0g_2[data-accent=accent]{color:var(--dede3f);background-color:var(--eba8f8)}._badge_v4t0g_2[data-accent=accent][data-inverted=true]{color:var(--732eb5);background-color:var(--54c075)}._badge_v4t0g_2[data-accent=info]{color:var(--f3be0c);background-color:var(--7a1a33)}._badge_v4t0g_2[data-accent=info][data-inverted=true]{color:var(--506df4);background-color:var(--fa3428)}._badge_v4t0g_2[data-accent=positive]{color:var(--2a2719);background-color:var(--694afa)}._badge_v4t0g_2[data-accent=positive][data-inverted=true]{color:var(--30c365);background-color:var(--47c404)}._badge_v4t0g_2[data-accent=warning]{color:var(--84e571);background-color:var(--02372a)}._badge_v4t0g_2[data-accent=warning][data-inverted=true]{color:var(--363237);background-color:var(--08fa29)}._badge_v4t0g_2[data-accent=critical]{color:var(--036159);background-color:var(--22f022)}._badge_v4t0g_2[data-accent=critical][data-inverted=true]{color:var(--90eeff);background-color:var(--cdb1f6)}._badge_v4t0g_2[data-accent=tertiary]{color:var(--d7e14c);background-color:var(--a453d7)}._badge_v4t0g_2[data-accent=tertiary][data-inverted=true]{color:var(--ab5158);background-color:var(--50e919)}

package/dist/assets/Badge.stories-DFHHH0ia.js

@@ -1,22 +0,0 @@
-import{j as e}from"./jsx-runtime-BkBIjjFT.js";import{F as d}from"./TokyoUITag-C_rZiuNZ.js";import{L as B}from"./LayoutFlex-CM9YXKDt.js";import{I as T}from"./Icon-8p7i_Npi.js";import{g as j}from"./classNames-BhD67HvA.js";import{w as z}from"./componentNames-BSriaIOD.js";import{S as _}from"./StoryContextDSWeb-BrR9U5wu.js";import"./index-KmaxkdDD.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./layout-padding-bMUBeBAJ.js";import"./text-accent-De1PCgKT.js";import"./render-icon-zawwOivR.js";import"./StorybookGlobalStyle-hxnxtqnm.js";import"./styled-components.browser.esm-qXWu05kn.js";import"./RootProvider-CIyXzSB0.js";import"./useTheme-NipwD8bb.js";import"./constants-mdQROz_Y.js";const b="_badge_v4t0g_2",k={badge:b},w=n=>{switch(n){case"xs":return"small";case"s":return"medium";case"m":return"large";default:return n}},a=({type:n="neutral",size:s="medium",leadingSvgIcon:o,dataset:x,children:h,accent:l,inverted:c})=>{const g=w(s),t={...x,size:g};l===void 0&&c===void 0?t.type=n:(t.accent=l||"unset",t.inverted=!!c);const I=j(t,{preplyDsComponent:z.Badge}),S=n==="neutral"?"primary":n;return e.jsxs("span",{...I,className:k.badge,children:[!!o&&g!=="small"&&e.jsx(T,{accent:S,size:s==="large"?"24":"16",svg:o}),h]})};try{a.displayName="Badge",a.__docgenInfo={description:"",displayName:"Badge",props:{type:{defaultValue:{value:"neutral"},description:"The type of the badge.",name:"type",required:!1,type:{name:'"neutral" | "info" | "positive" | "warning" | "critical" | undefined'}},size:{defaultValue:{value:"medium"},description:"The size of the badge.",name:"size",required:!1,type:{name:"BadgeSize | DeprecatedBadgeSize | undefined"}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon. Only displayed in \`medium\` and \`large\` sizes.
-@example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
-
-<Badge leadingSvgIcon={TokyoUITag}>Badge</Badge>
-or
-<Badge leadingSvgIcon={<TokyoUITag />}>Badge</Badge>`,name:"leadingSvgIcon",required:!1,type:{name:"SvgComponentOrElement | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},assistiveText:{defaultValue:null,description:"@deprecated badge children should have all necessary information",name:"assistiveText",required:!1,type:{name:"string | undefined"}},accent:{defaultValue:null,description:"@deprecated Use `type` instead.",name:"accent",required:!1,type:{name:"BadgeAccent | undefined"}},inverted:{defaultValue:null,description:"@deprecated inverted badge is deprecated & will be removed in the future releases",name:"inverted",required:!1,type:{name:"boolean | undefined"}}}}}catch{}const J={title:"components/Badge",component:a,decorators:[n=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(_,{theme:"tokyo-ui",children:n()})})]},i=()=>e.jsxs(B,{gap:"16",children:[e.jsx(a,{type:"neutral",children:"Neutral"}),e.jsx(a,{type:"positive",children:"Positive"}),e.jsx(a,{type:"info",children:"Info"}),e.jsx(a,{type:"warning",children:"Warning"}),e.jsx(a,{type:"critical",children:"Critical"})]}),r=()=>e.jsxs(B,{gap:"16",alignItems:"center",children:[e.jsx(a,{size:"small",leadingSvgIcon:d,children:"Small"}),e.jsx(a,{size:"medium",leadingSvgIcon:d,children:"Medium"}),e.jsx(a,{size:"large",leadingSvgIcon:d,children:"Large"})]});var p,m,u;i.parameters={...i.parameters,docs:{...(p=i.parameters)==null?void 0:p.docs,source:{originalSource:`() => <LayoutFlex gap="16">
-        <Badge type="neutral">Neutral</Badge>
-        <Badge type="positive">Positive</Badge>
-        <Badge type="info">Info</Badge>
-        <Badge type="warning">Warning</Badge>
-        <Badge type="critical">Critical</Badge>
-    </LayoutFlex>`,...(u=(m=i.parameters)==null?void 0:m.docs)==null?void 0:u.source}}};var y,f,v;r.parameters={...r.parameters,docs:{...(y=r.parameters)==null?void 0:y.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
-        <Badge size="small" leadingSvgIcon={TokyoUITag}>
-            Small
-        </Badge>
-        <Badge size="medium" leadingSvgIcon={TokyoUITag}>
-            Medium
-        </Badge>
-        <Badge size="large" leadingSvgIcon={TokyoUITag}>
-            Large
-        </Badge>
-    </LayoutFlex>`,...(v=(f=r.parameters)==null?void 0:f.docs)==null?void 0:v.source}}};const K=["Types","Sizes"];export{r as Sizes,i as Types,K as __namedExportsOrder,J as default};

package/dist/assets/Box-CHyq8694.css

@@ -1 +0,0 @@
-._Box_zknt5_4{margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;color:var(--aface6);background-color:var(--786b9e);box-shadow:var(--a814c9);flex:1}._Box--box-radius-none_zknt5_16{border-radius:var(--84e079)}._Box--box-radius-m_zknt5_19{border-radius:var(--1c37d5)}._Box--box-radius-l_zknt5_22{border-radius:var(--9e57e5)}._Box--box-radius-0_zknt5_34{border-radius:var(--adc668)}._Box--box-radius-2_zknt5_25{border-radius:var(--9817c7)}._Box--box-radius-4_zknt5_28{border-radius:var(--7dcb5e)}._Box--box-radius-8_zknt5_31{border-radius:var(--2071ea)}._Box--box-radius-12_zknt5_46{border-radius:var(--c1925d)}._Box--box-radius-16_zknt5_49{border-radius:var(--f3f949)}._Box--box-radius-24_zknt5_52{border-radius:var(--67250f)}._Box--box-radius-32_zknt5_55{border-radius:var(--fba602)}._Box--box-radius-48_zknt5_58{border-radius:var(--f8b939)}._Box--box-radius-64_zknt5_61{border-radius:var(--4d9939)}._Box--box-radius-96_zknt5_64{border-radius:var(--a78cb4)}._Box--box-radius-160_zknt5_67{border-radius:var(--439947)}@media (min-width: 400px){._Box--narrow-l--box-radius-none_zknt5_71{border-radius:var(--84e079)}._Box--narrow-l--box-radius-m_zknt5_74{border-radius:var(--1c37d5)}._Box--narrow-l--box-radius-l_zknt5_77{border-radius:var(--9e57e5)}._Box--narrow-l--box-radius-0_zknt5_89{border-radius:var(--adc668)}._Box--narrow-l--box-radius-2_zknt5_80{border-radius:var(--9817c7)}._Box--narrow-l--box-radius-4_zknt5_83{border-radius:var(--7dcb5e)}._Box--narrow-l--box-radius-8_zknt5_86{border-radius:var(--2071ea)}._Box--narrow-l--box-radius-12_zknt5_101{border-radius:var(--c1925d)}._Box--narrow-l--box-radius-16_zknt5_104{border-radius:var(--f3f949)}._Box--narrow-l--box-radius-24_zknt5_107{border-radius:var(--67250f)}._Box--narrow-l--box-radius-32_zknt5_110{border-radius:var(--fba602)}._Box--narrow-l--box-radius-48_zknt5_113{border-radius:var(--f8b939)}._Box--narrow-l--box-radius-64_zknt5_116{border-radius:var(--4d9939)}._Box--narrow-l--box-radius-96_zknt5_119{border-radius:var(--a78cb4)}._Box--narrow-l--box-radius-160_zknt5_122{border-radius:var(--439947)}}@media (min-width: 700px){._Box--medium-s--box-radius-none_zknt5_127{border-radius:var(--84e079)}._Box--medium-s--box-radius-m_zknt5_130{border-radius:var(--1c37d5)}._Box--medium-s--box-radius-l_zknt5_133{border-radius:var(--9e57e5)}._Box--medium-s--box-radius-0_zknt5_145{border-radius:var(--adc668)}._Box--medium-s--box-radius-2_zknt5_136{border-radius:var(--9817c7)}._Box--medium-s--box-radius-4_zknt5_139{border-radius:var(--7dcb5e)}._Box--medium-s--box-radius-8_zknt5_142{border-radius:var(--2071ea)}._Box--medium-s--box-radius-12_zknt5_157{border-radius:var(--c1925d)}._Box--medium-s--box-radius-16_zknt5_160{border-radius:var(--f3f949)}._Box--medium-s--box-radius-24_zknt5_163{border-radius:var(--67250f)}._Box--medium-s--box-radius-32_zknt5_166{border-radius:var(--fba602)}._Box--medium-s--box-radius-48_zknt5_169{border-radius:var(--f8b939)}._Box--medium-s--box-radius-64_zknt5_172{border-radius:var(--4d9939)}._Box--medium-s--box-radius-96_zknt5_175{border-radius:var(--a78cb4)}._Box--medium-s--box-radius-160_zknt5_178{border-radius:var(--439947)}}@media (min-width: 880px){._Box--medium-l--box-radius-none_zknt5_183{border-radius:var(--84e079)}._Box--medium-l--box-radius-m_zknt5_186{border-radius:var(--1c37d5)}._Box--medium-l--box-radius-l_zknt5_189{border-radius:var(--9e57e5)}._Box--medium-l--box-radius-0_zknt5_201{border-radius:var(--adc668)}._Box--medium-l--box-radius-2_zknt5_192{border-radius:var(--9817c7)}._Box--medium-l--box-radius-4_zknt5_195{border-radius:var(--7dcb5e)}._Box--medium-l--box-radius-8_zknt5_198{border-radius:var(--2071ea)}._Box--medium-l--box-radius-12_zknt5_213{border-radius:var(--c1925d)}._Box--medium-l--box-radius-16_zknt5_216{border-radius:var(--f3f949)}._Box--medium-l--box-radius-24_zknt5_219{border-radius:var(--67250f)}._Box--medium-l--box-radius-32_zknt5_222{border-radius:var(--fba602)}._Box--medium-l--box-radius-48_zknt5_225{border-radius:var(--f8b939)}._Box--medium-l--box-radius-64_zknt5_228{border-radius:var(--4d9939)}._Box--medium-l--box-radius-96_zknt5_231{border-radius:var(--a78cb4)}._Box--medium-l--box-radius-160_zknt5_234{border-radius:var(--439947)}}@media (min-width: 1200px){._Box--wide-s--box-radius-none_zknt5_239{border-radius:var(--84e079)}._Box--wide-s--box-radius-m_zknt5_242{border-radius:var(--1c37d5)}._Box--wide-s--box-radius-l_zknt5_245{border-radius:var(--9e57e5)}._Box--wide-s--box-radius-0_zknt5_257{border-radius:var(--adc668)}._Box--wide-s--box-radius-2_zknt5_248{border-radius:var(--9817c7)}._Box--wide-s--box-radius-4_zknt5_251{border-radius:var(--7dcb5e)}._Box--wide-s--box-radius-8_zknt5_254{border-radius:var(--2071ea)}._Box--wide-s--box-radius-12_zknt5_269{border-radius:var(--c1925d)}._Box--wide-s--box-radius-16_zknt5_272{border-radius:var(--f3f949)}._Box--wide-s--box-radius-24_zknt5_275{border-radius:var(--67250f)}._Box--wide-s--box-radius-32_zknt5_278{border-radius:var(--fba602)}._Box--wide-s--box-radius-48_zknt5_281{border-radius:var(--f8b939)}._Box--wide-s--box-radius-64_zknt5_284{border-radius:var(--4d9939)}._Box--wide-s--box-radius-96_zknt5_287{border-radius:var(--a78cb4)}._Box--wide-s--box-radius-160_zknt5_290{border-radius:var(--439947)}}@media (min-width: 1900px){._Box--wide-l--box-radius-none_zknt5_295{border-radius:var(--84e079)}._Box--wide-l--box-radius-m_zknt5_298{border-radius:var(--1c37d5)}._Box--wide-l--box-radius-l_zknt5_301{border-radius:var(--9e57e5)}._Box--wide-l--box-radius-0_zknt5_313{border-radius:var(--adc668)}._Box--wide-l--box-radius-2_zknt5_304{border-radius:var(--9817c7)}._Box--wide-l--box-radius-4_zknt5_307{border-radius:var(--7dcb5e)}._Box--wide-l--box-radius-8_zknt5_310{border-radius:var(--2071ea)}._Box--wide-l--box-radius-12_zknt5_325{border-radius:var(--c1925d)}._Box--wide-l--box-radius-16_zknt5_328{border-radius:var(--f3f949)}._Box--wide-l--box-radius-24_zknt5_331{border-radius:var(--67250f)}._Box--wide-l--box-radius-32_zknt5_334{border-radius:var(--fba602)}._Box--wide-l--box-radius-48_zknt5_337{border-radius:var(--f8b939)}._Box--wide-l--box-radius-64_zknt5_340{border-radius:var(--4d9939)}._Box--wide-l--box-radius-96_zknt5_343{border-radius:var(--a78cb4)}._Box--wide-l--box-radius-160_zknt5_346{border-radius:var(--439947)}}._Box--background-white_zknt5_350{background-color:var(--145676)}._Box--background-gray-100_zknt5_353{background-color:var(--55407f)}._Box--background-gray-200_zknt5_356{background-color:var(--8f1238)}._Box--background-gray-300_zknt5_359{background-color:var(--da403c)}._Box--background-gray-400_zknt5_362{background-color:var(--7c8c3c)}._Box--background-gray-500_zknt5_365{background-color:var(--c9575b)}._Box--background-gray-600_zknt5_368{background-color:var(--2fb6f7)}._Box--background-teal-100_zknt5_371{background-color:var(--54ed1d)}._Box--background-teal-200_zknt5_374{background-color:var(--b706bf)}._Box--background-teal-300_zknt5_377{background-color:var(--4adefb)}._Box--background-teal-400_zknt5_380{background-color:var(--de8a40)}._Box--background-teal-500_zknt5_383{background-color:var(--574543)}._Box--background-green-100_zknt5_386{background-color:var(--1383a7)}._Box--background-green-200_zknt5_389{background-color:var(--9f1066)}._Box--background-green-300_zknt5_392{background-color:var(--d4cf94)}._Box--background-green-400_zknt5_395{background-color:var(--bbfa9f)}._Box--background-green-500_zknt5_398{background-color:var(--5f8b30)}._Box--background-yellow-100_zknt5_401{background-color:var(--c7d8be)}._Box--background-yellow-200_zknt5_404{background-color:var(--17bab8)}._Box--background-yellow-300_zknt5_407{background-color:var(--f017e5)}._Box--background-yellow-400_zknt5_410{background-color:var(--2242ed)}._Box--background-yellow-500_zknt5_413{background-color:var(--e40de4)}._Box--background-red-100_zknt5_416{background-color:var(--ecb5d5)}._Box--background-red-200_zknt5_419{background-color:var(--5b5cb0)}._Box--background-red-300_zknt5_422{background-color:var(--d55c71)}._Box--background-red-400_zknt5_425{background-color:var(--4e47fe)}._Box--background-red-500_zknt5_428{background-color:var(--3e7877)}._Box--background-blue-100_zknt5_431{background-color:var(--21906f)}._Box--background-blue-200_zknt5_434{background-color:var(--5d87f3)}._Box--background-blue-300_zknt5_437{background-color:var(--201e14)}._Box--background-blue-400_zknt5_440{background-color:var(--e1c27c)}._Box--background-blue-500_zknt5_443{background-color:var(--6a1420)}._Box--background-magenta-100_zknt5_446{background-color:var(--1a9963)}._Box--background-magenta-200_zknt5_449{background-color:var(--b774df)}._Box--background-magenta-300_zknt5_452{background-color:var(--f72cdd)}._Box--background-magenta-400_zknt5_455{background-color:var(--6cbd80)}._Box--background-magenta-500_zknt5_458{background-color:var(--5893e7)}._Box--background-primary_zknt5_461{background-color:var(--3546c3)}._Box--background-secondary_zknt5_464{background-color:var(--302ecf)}._Box--background-tertiary_zknt5_467{background-color:var(--a5c761)}._Box--background-overlay_zknt5_470{background-color:var(--02a0d5)}._Box--background-disabled_zknt5_473{background-color:var(--319b29)}._Box--background-brand_zknt5_476{background-color:var(--cd91ab)}._Box--background-brandB2b_zknt5_479{background-color:var(--706789)}._Box--background-accentLight_zknt5_482{background-color:var(--560eda)}._Box--background-accentDark_zknt5_485{background-color:var(--e4c520)}._Box--background-positiveLight_zknt5_488{background-color:var(--1836a4)}._Box--background-positiveDark_zknt5_491{background-color:var(--ae7f1f)}._Box--background-infoLight_zknt5_494{background-color:var(--94a45e)}._Box--background-infoDark_zknt5_497{background-color:var(--79dffb)}._Box--background-warningLight_zknt5_500{background-color:var(--b503b8)}._Box--background-warningDark_zknt5_503{background-color:var(--34fc43)}._Box--background-criticalLight_zknt5_506{background-color:var(--f15644)}._Box--background-criticalDark_zknt5_509{background-color:var(--87fcf8)}._Box--background-statusOnline_zknt5_512{background-color:var(--cbc115)}._Box--background-statusOffline_zknt5_515{background-color:var(--7ff085)}._Box--background-primaryInverted_zknt5_518{background-color:var(--4983fe)}._Box--background-secondaryInverted_zknt5_521{background-color:var(--19649f)}._Box--background-tertiaryInverted_zknt5_524{background-color:var(--a469f2)}

package/dist/assets/Box.stories-DjhU2uVz.js

@@ -1,12 +0,0 @@
-import{j as o}from"./jsx-runtime-BkBIjjFT.js";import{H as g}from"./Heading-CmSCvgg4.js";import{L as z}from"./LayoutFlex-CM9YXKDt.js";import{T as w}from"./Text-D0G6v-Of.js";import{g as p}from"./layout-padding-bMUBeBAJ.js";import{m as y,s as x,g as f,e as h,f as v,L}from"./classNames-BhD67HvA.js";import{w as n}from"./componentNames-BSriaIOD.js";import{S as D}from"./StoryContextDSWeb-BrR9U5wu.js";import"./index-KmaxkdDD.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-De1PCgKT.js";import"./text-centered-DHs_ZmOi.js";import"./StorybookGlobalStyle-hxnxtqnm.js";import"./styled-components.browser.esm-qXWu05kn.js";import"./RootProvider-CIyXzSB0.js";import"./useTheme-NipwD8bb.js";import"./constants-mdQROz_Y.js";const N="_Box_zknt5_4",C={Box:N,"Box--box-radius-none":"_Box--box-radius-none_zknt5_16","Box--box-radius-m":"_Box--box-radius-m_zknt5_19","Box--box-radius-l":"_Box--box-radius-l_zknt5_22","Box--box-radius-2":"_Box--box-radius-2_zknt5_25","Box--box-radius-4":"_Box--box-radius-4_zknt5_28","Box--box-radius-8":"_Box--box-radius-8_zknt5_31","Box--box-radius-0":"_Box--box-radius-0_zknt5_34","Box--box-radius-12":"_Box--box-radius-12_zknt5_46","Box--box-radius-16":"_Box--box-radius-16_zknt5_49","Box--box-radius-24":"_Box--box-radius-24_zknt5_52","Box--box-radius-32":"_Box--box-radius-32_zknt5_55","Box--box-radius-48":"_Box--box-radius-48_zknt5_58","Box--box-radius-64":"_Box--box-radius-64_zknt5_61","Box--box-radius-96":"_Box--box-radius-96_zknt5_64","Box--box-radius-160":"_Box--box-radius-160_zknt5_67","Box--narrow-l--box-radius-none":"_Box--narrow-l--box-radius-none_zknt5_71","Box--narrow-l--box-radius-m":"_Box--narrow-l--box-radius-m_zknt5_74","Box--narrow-l--box-radius-l":"_Box--narrow-l--box-radius-l_zknt5_77","Box--narrow-l--box-radius-2":"_Box--narrow-l--box-radius-2_zknt5_80","Box--narrow-l--box-radius-4":"_Box--narrow-l--box-radius-4_zknt5_83","Box--narrow-l--box-radius-8":"_Box--narrow-l--box-radius-8_zknt5_86","Box--narrow-l--box-radius-0":"_Box--narrow-l--box-radius-0_zknt5_89","Box--narrow-l--box-radius-12":"_Box--narrow-l--box-radius-12_zknt5_101","Box--narrow-l--box-radius-16":"_Box--narrow-l--box-radius-16_zknt5_104","Box--narrow-l--box-radius-24":"_Box--narrow-l--box-radius-24_zknt5_107","Box--narrow-l--box-radius-32":"_Box--narrow-l--box-radius-32_zknt5_110","Box--narrow-l--box-radius-48":"_Box--narrow-l--box-radius-48_zknt5_113","Box--narrow-l--box-radius-64":"_Box--narrow-l--box-radius-64_zknt5_116","Box--narrow-l--box-radius-96":"_Box--narrow-l--box-radius-96_zknt5_119","Box--narrow-l--box-radius-160":"_Box--narrow-l--box-radius-160_zknt5_122","Box--medium-s--box-radius-none":"_Box--medium-s--box-radius-none_zknt5_127","Box--medium-s--box-radius-m":"_Box--medium-s--box-radius-m_zknt5_130","Box--medium-s--box-radius-l":"_Box--medium-s--box-radius-l_zknt5_133","Box--medium-s--box-radius-2":"_Box--medium-s--box-radius-2_zknt5_136","Box--medium-s--box-radius-4":"_Box--medium-s--box-radius-4_zknt5_139","Box--medium-s--box-radius-8":"_Box--medium-s--box-radius-8_zknt5_142","Box--medium-s--box-radius-0":"_Box--medium-s--box-radius-0_zknt5_145","Box--medium-s--box-radius-12":"_Box--medium-s--box-radius-12_zknt5_157","Box--medium-s--box-radius-16":"_Box--medium-s--box-radius-16_zknt5_160","Box--medium-s--box-radius-24":"_Box--medium-s--box-radius-24_zknt5_163","Box--medium-s--box-radius-32":"_Box--medium-s--box-radius-32_zknt5_166","Box--medium-s--box-radius-48":"_Box--medium-s--box-radius-48_zknt5_169","Box--medium-s--box-radius-64":"_Box--medium-s--box-radius-64_zknt5_172","Box--medium-s--box-radius-96":"_Box--medium-s--box-radius-96_zknt5_175","Box--medium-s--box-radius-160":"_Box--medium-s--box-radius-160_zknt5_178","Box--medium-l--box-radius-none":"_Box--medium-l--box-radius-none_zknt5_183","Box--medium-l--box-radius-m":"_Box--medium-l--box-radius-m_zknt5_186","Box--medium-l--box-radius-l":"_Box--medium-l--box-radius-l_zknt5_189","Box--medium-l--box-radius-2":"_Box--medium-l--box-radius-2_zknt5_192","Box--medium-l--box-radius-4":"_Box--medium-l--box-radius-4_zknt5_195","Box--medium-l--box-radius-8":"_Box--medium-l--box-radius-8_zknt5_198","Box--medium-l--box-radius-0":"_Box--medium-l--box-radius-0_zknt5_201","Box--medium-l--box-radius-12":"_Box--medium-l--box-radius-12_zknt5_213","Box--medium-l--box-radius-16":"_Box--medium-l--box-radius-16_zknt5_216","Box--medium-l--box-radius-24":"_Box--medium-l--box-radius-24_zknt5_219","Box--medium-l--box-radius-32":"_Box--medium-l--box-radius-32_zknt5_222","Box--medium-l--box-radius-48":"_Box--medium-l--box-radius-48_zknt5_225","Box--medium-l--box-radius-64":"_Box--medium-l--box-radius-64_zknt5_228","Box--medium-l--box-radius-96":"_Box--medium-l--box-radius-96_zknt5_231","Box--medium-l--box-radius-160":"_Box--medium-l--box-radius-160_zknt5_234","Box--wide-s--box-radius-none":"_Box--wide-s--box-radius-none_zknt5_239","Box--wide-s--box-radius-m":"_Box--wide-s--box-radius-m_zknt5_242","Box--wide-s--box-radius-l":"_Box--wide-s--box-radius-l_zknt5_245","Box--wide-s--box-radius-2":"_Box--wide-s--box-radius-2_zknt5_248","Box--wide-s--box-radius-4":"_Box--wide-s--box-radius-4_zknt5_251","Box--wide-s--box-radius-8":"_Box--wide-s--box-radius-8_zknt5_254","Box--wide-s--box-radius-0":"_Box--wide-s--box-radius-0_zknt5_257","Box--wide-s--box-radius-12":"_Box--wide-s--box-radius-12_zknt5_269","Box--wide-s--box-radius-16":"_Box--wide-s--box-radius-16_zknt5_272","Box--wide-s--box-radius-24":"_Box--wide-s--box-radius-24_zknt5_275","Box--wide-s--box-radius-32":"_Box--wide-s--box-radius-32_zknt5_278","Box--wide-s--box-radius-48":"_Box--wide-s--box-radius-48_zknt5_281","Box--wide-s--box-radius-64":"_Box--wide-s--box-radius-64_zknt5_284","Box--wide-s--box-radius-96":"_Box--wide-s--box-radius-96_zknt5_287","Box--wide-s--box-radius-160":"_Box--wide-s--box-radius-160_zknt5_290","Box--wide-l--box-radius-none":"_Box--wide-l--box-radius-none_zknt5_295","Box--wide-l--box-radius-m":"_Box--wide-l--box-radius-m_zknt5_298","Box--wide-l--box-radius-l":"_Box--wide-l--box-radius-l_zknt5_301","Box--wide-l--box-radius-2":"_Box--wide-l--box-radius-2_zknt5_304","Box--wide-l--box-radius-4":"_Box--wide-l--box-radius-4_zknt5_307","Box--wide-l--box-radius-8":"_Box--wide-l--box-radius-8_zknt5_310","Box--wide-l--box-radius-0":"_Box--wide-l--box-radius-0_zknt5_313","Box--wide-l--box-radius-12":"_Box--wide-l--box-radius-12_zknt5_325","Box--wide-l--box-radius-16":"_Box--wide-l--box-radius-16_zknt5_328","Box--wide-l--box-radius-24":"_Box--wide-l--box-radius-24_zknt5_331","Box--wide-l--box-radius-32":"_Box--wide-l--box-radius-32_zknt5_334","Box--wide-l--box-radius-48":"_Box--wide-l--box-radius-48_zknt5_337","Box--wide-l--box-radius-64":"_Box--wide-l--box-radius-64_zknt5_340","Box--wide-l--box-radius-96":"_Box--wide-l--box-radius-96_zknt5_343","Box--wide-l--box-radius-160":"_Box--wide-l--box-radius-160_zknt5_346","Box--background-white":"_Box--background-white_zknt5_350","Box--background-gray-100":"_Box--background-gray-100_zknt5_353","Box--background-gray-200":"_Box--background-gray-200_zknt5_356","Box--background-gray-300":"_Box--background-gray-300_zknt5_359","Box--background-gray-400":"_Box--background-gray-400_zknt5_362","Box--background-gray-500":"_Box--background-gray-500_zknt5_365","Box--background-gray-600":"_Box--background-gray-600_zknt5_368","Box--background-teal-100":"_Box--background-teal-100_zknt5_371","Box--background-teal-200":"_Box--background-teal-200_zknt5_374","Box--background-teal-300":"_Box--background-teal-300_zknt5_377","Box--background-teal-400":"_Box--background-teal-400_zknt5_380","Box--background-teal-500":"_Box--background-teal-500_zknt5_383","Box--background-green-100":"_Box--background-green-100_zknt5_386","Box--background-green-200":"_Box--background-green-200_zknt5_389","Box--background-green-300":"_Box--background-green-300_zknt5_392","Box--background-green-400":"_Box--background-green-400_zknt5_395","Box--background-green-500":"_Box--background-green-500_zknt5_398","Box--background-yellow-100":"_Box--background-yellow-100_zknt5_401","Box--background-yellow-200":"_Box--background-yellow-200_zknt5_404","Box--background-yellow-300":"_Box--background-yellow-300_zknt5_407","Box--background-yellow-400":"_Box--background-yellow-400_zknt5_410","Box--background-yellow-500":"_Box--background-yellow-500_zknt5_413","Box--background-red-100":"_Box--background-red-100_zknt5_416","Box--background-red-200":"_Box--background-red-200_zknt5_419","Box--background-red-300":"_Box--background-red-300_zknt5_422","Box--background-red-400":"_Box--background-red-400_zknt5_425","Box--background-red-500":"_Box--background-red-500_zknt5_428","Box--background-blue-100":"_Box--background-blue-100_zknt5_431","Box--background-blue-200":"_Box--background-blue-200_zknt5_434","Box--background-blue-300":"_Box--background-blue-300_zknt5_437","Box--background-blue-400":"_Box--background-blue-400_zknt5_440","Box--background-blue-500":"_Box--background-blue-500_zknt5_443","Box--background-magenta-100":"_Box--background-magenta-100_zknt5_446","Box--background-magenta-200":"_Box--background-magenta-200_zknt5_449","Box--background-magenta-300":"_Box--background-magenta-300_zknt5_452","Box--background-magenta-400":"_Box--background-magenta-400_zknt5_455","Box--background-magenta-500":"_Box--background-magenta-500_zknt5_458","Box--background-primary":"_Box--background-primary_zknt5_461","Box--background-secondary":"_Box--background-secondary_zknt5_464","Box--background-tertiary":"_Box--background-tertiary_zknt5_467","Box--background-overlay":"_Box--background-overlay_zknt5_470","Box--background-disabled":"_Box--background-disabled_zknt5_473","Box--background-brand":"_Box--background-brand_zknt5_476","Box--background-brandB2b":"_Box--background-brandB2b_zknt5_479","Box--background-accentLight":"_Box--background-accentLight_zknt5_482","Box--background-accentDark":"_Box--background-accentDark_zknt5_485","Box--background-positiveLight":"_Box--background-positiveLight_zknt5_488","Box--background-positiveDark":"_Box--background-positiveDark_zknt5_491","Box--background-infoLight":"_Box--background-infoLight_zknt5_494","Box--background-infoDark":"_Box--background-infoDark_zknt5_497","Box--background-warningLight":"_Box--background-warningLight_zknt5_500","Box--background-warningDark":"_Box--background-warningDark_zknt5_503","Box--background-criticalLight":"_Box--background-criticalLight_zknt5_506","Box--background-criticalDark":"_Box--background-criticalDark_zknt5_509","Box--background-statusOnline":"_Box--background-statusOnline_zknt5_512","Box--background-statusOffline":"_Box--background-statusOffline_zknt5_515","Box--background-primaryInverted":"_Box--background-primaryInverted_zknt5_518","Box--background-secondaryInverted":"_Box--background-secondaryInverted_zknt5_521","Box--background-tertiaryInverted":"_Box--background-tertiaryInverted_zknt5_524"},d=({children:r,background:u,radius:s=h,padding:t=v,tag:b,dataset:B})=>{const k=y(C,n.Box,[x("box-radius",s),x("background",u)]),l=p(t),m=b??L,c={className:[...k,...l].join(" "),...f(B,{preplyDsComponent:n.Box})};return o.jsx(m,{...c,children:r})};try{d.displayName="Box",d.__docgenInfo={description:"A styleable container.\n\nUse this with `Layout*` components to create complex content containers.",displayName:"Box",props:{background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"ColorName | ColorBackground | undefined"}},radius:{defaultValue:null,description:"",name:"radius",required:!1,type:{name:"Responsive<BoxRadius> | undefined"}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"LayoutTag | undefined"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"Responsive<ShortHand<Spacing> | ShortHand<BoxPadding>> | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}}}}}catch{}const $={title:"components/Box",component:d,decorators:[r=>o.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:o.jsx(D,{theme:"tokyo-ui",children:r()})})]},a=()=>o.jsx(d,{background:"positiveLight",children:o.jsxs(z,{gap:"xs",direction:"column",children:[o.jsx(g,{level:"h3",accent:"positive",children:"Heading"}),o.jsx(w,{accent:"positive",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]})});a.storyName="Box";var i,_,e;a.parameters={...a.parameters,docs:{...(i=a.parameters)==null?void 0:i.docs,source:{originalSource:`() => <Box background="positiveLight">
-        <LayoutFlex gap="xs" direction="column">
-            <Heading level="h3" accent="positive">
-                Heading
-            </Heading>
-            <Text accent="positive">
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit
-                amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et
-                vitae eros
-            </Text>
-        </LayoutFlex>
-    </Box>`,...(e=(_=a.parameters)==null?void 0:_.docs)==null?void 0:e.source}}};const J=["Base"];export{a as Base,J as __namedExportsOrder,$ as default};

package/dist/assets/Button-B62aViHd.js

@@ -1 +0,0 @@
-import{j as e}from"./jsx-runtime-BkBIjjFT.js";import{r as T}from"./render-icon-zawwOivR.js";import{r as C}from"./index-KmaxkdDD.js";import{S as M}from"./Spinner-Boqq-9u0.js";import{u as X}from"./useHostname-1VY2skfn.js";import{m as Z,s as _,b as u,g as G,j as Q,d as f,B as j,a as D}from"./classNames-BhD67HvA.js";import{m as Y}from"./index-CC6DAVyL.js";import{w as N}from"./componentNames-BSriaIOD.js";const tt="_ButtonBase_1k5ro_51",p={"button-width--width-full":"_button-width--width-full_1k5ro_5","button-width--width-auto":"_button-width--width-auto_1k5ro_8","button-width--narrow-l--width-full":"_button-width--narrow-l--width-full_1k5ro_12","button-width--narrow-l--width-auto":"_button-width--narrow-l--width-auto_1k5ro_15","button-width--medium-s--width-full":"_button-width--medium-s--width-full_1k5ro_20","button-width--medium-s--width-auto":"_button-width--medium-s--width-auto_1k5ro_23","button-width--medium-l--width-full":"_button-width--medium-l--width-full_1k5ro_28","button-width--medium-l--width-auto":"_button-width--medium-l--width-auto_1k5ro_31","button-width--wide-s--width-full":"_button-width--wide-s--width-full_1k5ro_36","button-width--wide-s--width-auto":"_button-width--wide-s--width-auto_1k5ro_39","button-width--wide-l--width-full":"_button-width--wide-l--width-full_1k5ro_44","button-width--wide-l--width-auto":"_button-width--wide-l--width-auto_1k5ro_47",ButtonBase:tt,"ButtonBase--content":"_ButtonBase--content_1k5ro_77","ButtonBase--is-icon-button":"_ButtonBase--is-icon-button_1k5ro_84","ButtonBase--busy":"_ButtonBase--busy_1k5ro_91","ButtonBase--is-busy":"_ButtonBase--is-busy_1k5ro_114","ButtonBase--width-full":"_ButtonBase--width-full_1k5ro_121","ButtonBase--width-auto":"_ButtonBase--width-auto_1k5ro_124","ButtonBase--narrow-l--width-full":"_ButtonBase--narrow-l--width-full_1k5ro_128","ButtonBase--narrow-l--width-auto":"_ButtonBase--narrow-l--width-auto_1k5ro_131","ButtonBase--medium-s--width-full":"_ButtonBase--medium-s--width-full_1k5ro_136","ButtonBase--medium-s--width-auto":"_ButtonBase--medium-s--width-auto_1k5ro_139","ButtonBase--medium-l--width-full":"_ButtonBase--medium-l--width-full_1k5ro_144","ButtonBase--medium-l--width-auto":"_ButtonBase--medium-l--width-auto_1k5ro_147","ButtonBase--wide-s--width-full":"_ButtonBase--wide-s--width-full_1k5ro_152","ButtonBase--wide-s--width-auto":"_ButtonBase--wide-s--width-auto_1k5ro_155","ButtonBase--wide-l--width-full":"_ButtonBase--wide-l--width-full_1k5ro_160","ButtonBase--wide-l--width-auto":"_ButtonBase--wide-l--width-auto_1k5ro_163","ButtonBase--size-xs":"_ButtonBase--size-xs_1k5ro_167","ButtonBase--is-icon-button-size-xs":"_ButtonBase--is-icon-button-size-xs_1k5ro_176","ButtonBase--size-s":"_ButtonBase--size-s_1k5ro_181","ButtonBase--is-icon-button-size-s":"_ButtonBase--is-icon-button-size-s_1k5ro_190","ButtonBase--size-m":"_ButtonBase--size-m_1k5ro_195","ButtonBase--is-icon-button-size-m":"_ButtonBase--is-icon-button-size-m_1k5ro_204","ButtonBase--size-l":"_ButtonBase--size-l_1k5ro_209","ButtonBase--is-icon-button-size-l":"_ButtonBase--is-icon-button-size-l_1k5ro_218","ButtonBase--size-xl":"_ButtonBase--size-xl_1k5ro_223","ButtonBase--is-icon-button-size-xl":"_ButtonBase--is-icon-button-size-xl_1k5ro_232","ButtonBase--size-large":"_ButtonBase--size-large_1k5ro_237","ButtonBase--is-icon-button-size-large":"_ButtonBase--is-icon-button-size-large_1k5ro_246","ButtonBase--size-medium":"_ButtonBase--size-medium_1k5ro_251","ButtonBase--is-icon-button-size-medium":"_ButtonBase--is-icon-button-size-medium_1k5ro_260","ButtonBase--size-small":"_ButtonBase--size-small_1k5ro_265","ButtonBase--is-icon-button-size-small":"_ButtonBase--is-icon-button-size-small_1k5ro_274","ButtonBase--narrow-l--size-xs":"_ButtonBase--narrow-l--size-xs_1k5ro_280","ButtonBase--narrow-l--is-icon-button-size-xs":"_ButtonBase--narrow-l--is-icon-button-size-xs_1k5ro_289","ButtonBase--narrow-l--size-s":"_ButtonBase--narrow-l--size-s_1k5ro_294","ButtonBase--narrow-l--is-icon-button-size-s":"_ButtonBase--narrow-l--is-icon-button-size-s_1k5ro_303","ButtonBase--narrow-l--size-m":"_ButtonBase--narrow-l--size-m_1k5ro_308","ButtonBase--narrow-l--is-icon-button-size-m":"_ButtonBase--narrow-l--is-icon-button-size-m_1k5ro_317","ButtonBase--narrow-l--size-l":"_ButtonBase--narrow-l--size-l_1k5ro_322","ButtonBase--narrow-l--is-icon-button-size-l":"_ButtonBase--narrow-l--is-icon-button-size-l_1k5ro_331","ButtonBase--narrow-l--size-xl":"_ButtonBase--narrow-l--size-xl_1k5ro_336","ButtonBase--narrow-l--is-icon-button-size-xl":"_ButtonBase--narrow-l--is-icon-button-size-xl_1k5ro_345","ButtonBase--narrow-l--size-large":"_ButtonBase--narrow-l--size-large_1k5ro_350","ButtonBase--narrow-l--is-icon-button-size-large":"_ButtonBase--narrow-l--is-icon-button-size-large_1k5ro_359","ButtonBase--narrow-l--size-medium":"_ButtonBase--narrow-l--size-medium_1k5ro_364","ButtonBase--narrow-l--is-icon-button-size-medium":"_ButtonBase--narrow-l--is-icon-button-size-medium_1k5ro_373","ButtonBase--narrow-l--size-small":"_ButtonBase--narrow-l--size-small_1k5ro_378","ButtonBase--narrow-l--is-icon-button-size-small":"_ButtonBase--narrow-l--is-icon-button-size-small_1k5ro_387","ButtonBase--medium-s--size-xs":"_ButtonBase--medium-s--size-xs_1k5ro_394","ButtonBase--medium-s--is-icon-button-size-xs":"_ButtonBase--medium-s--is-icon-button-size-xs_1k5ro_403","ButtonBase--medium-s--size-s":"_ButtonBase--medium-s--size-s_1k5ro_408","ButtonBase--medium-s--is-icon-button-size-s":"_ButtonBase--medium-s--is-icon-button-size-s_1k5ro_417","ButtonBase--medium-s--size-m":"_ButtonBase--medium-s--size-m_1k5ro_422","ButtonBase--medium-s--is-icon-button-size-m":"_ButtonBase--medium-s--is-icon-button-size-m_1k5ro_431","ButtonBase--medium-s--size-l":"_ButtonBase--medium-s--size-l_1k5ro_436","ButtonBase--medium-s--is-icon-button-size-l":"_ButtonBase--medium-s--is-icon-button-size-l_1k5ro_445","ButtonBase--medium-s--size-xl":"_ButtonBase--medium-s--size-xl_1k5ro_450","ButtonBase--medium-s--is-icon-button-size-xl":"_ButtonBase--medium-s--is-icon-button-size-xl_1k5ro_459","ButtonBase--medium-s--size-large":"_ButtonBase--medium-s--size-large_1k5ro_464","ButtonBase--medium-s--is-icon-button-size-large":"_ButtonBase--medium-s--is-icon-button-size-large_1k5ro_473","ButtonBase--medium-s--size-medium":"_ButtonBase--medium-s--size-medium_1k5ro_478","ButtonBase--medium-s--is-icon-button-size-medium":"_ButtonBase--medium-s--is-icon-button-size-medium_1k5ro_487","ButtonBase--medium-s--size-small":"_ButtonBase--medium-s--size-small_1k5ro_492","ButtonBase--medium-s--is-icon-button-size-small":"_ButtonBase--medium-s--is-icon-button-size-small_1k5ro_501","ButtonBase--medium-l--size-xs":"_ButtonBase--medium-l--size-xs_1k5ro_508","ButtonBase--medium-l--is-icon-button-size-xs":"_ButtonBase--medium-l--is-icon-button-size-xs_1k5ro_517","ButtonBase--medium-l--size-s":"_ButtonBase--medium-l--size-s_1k5ro_522","ButtonBase--medium-l--is-icon-button-size-s":"_ButtonBase--medium-l--is-icon-button-size-s_1k5ro_531","ButtonBase--medium-l--size-m":"_ButtonBase--medium-l--size-m_1k5ro_536","ButtonBase--medium-l--is-icon-button-size-m":"_ButtonBase--medium-l--is-icon-button-size-m_1k5ro_545","ButtonBase--medium-l--size-l":"_ButtonBase--medium-l--size-l_1k5ro_550","ButtonBase--medium-l--is-icon-button-size-l":"_ButtonBase--medium-l--is-icon-button-size-l_1k5ro_559","ButtonBase--medium-l--size-xl":"_ButtonBase--medium-l--size-xl_1k5ro_564","ButtonBase--medium-l--is-icon-button-size-xl":"_ButtonBase--medium-l--is-icon-button-size-xl_1k5ro_573","ButtonBase--medium-l--size-large":"_ButtonBase--medium-l--size-large_1k5ro_578","ButtonBase--medium-l--is-icon-button-size-large":"_ButtonBase--medium-l--is-icon-button-size-large_1k5ro_587","ButtonBase--medium-l--size-medium":"_ButtonBase--medium-l--size-medium_1k5ro_592","ButtonBase--medium-l--is-icon-button-size-medium":"_ButtonBase--medium-l--is-icon-button-size-medium_1k5ro_601","ButtonBase--medium-l--size-small":"_ButtonBase--medium-l--size-small_1k5ro_606","ButtonBase--medium-l--is-icon-button-size-small":"_ButtonBase--medium-l--is-icon-button-size-small_1k5ro_615","ButtonBase--wide-s--size-xs":"_ButtonBase--wide-s--size-xs_1k5ro_622","ButtonBase--wide-s--is-icon-button-size-xs":"_ButtonBase--wide-s--is-icon-button-size-xs_1k5ro_631","ButtonBase--wide-s--size-s":"_ButtonBase--wide-s--size-s_1k5ro_636","ButtonBase--wide-s--is-icon-button-size-s":"_ButtonBase--wide-s--is-icon-button-size-s_1k5ro_645","ButtonBase--wide-s--size-m":"_ButtonBase--wide-s--size-m_1k5ro_650","ButtonBase--wide-s--is-icon-button-size-m":"_ButtonBase--wide-s--is-icon-button-size-m_1k5ro_659","ButtonBase--wide-s--size-l":"_ButtonBase--wide-s--size-l_1k5ro_664","ButtonBase--wide-s--is-icon-button-size-l":"_ButtonBase--wide-s--is-icon-button-size-l_1k5ro_673","ButtonBase--wide-s--size-xl":"_ButtonBase--wide-s--size-xl_1k5ro_678","ButtonBase--wide-s--is-icon-button-size-xl":"_ButtonBase--wide-s--is-icon-button-size-xl_1k5ro_687","ButtonBase--wide-s--size-large":"_ButtonBase--wide-s--size-large_1k5ro_692","ButtonBase--wide-s--is-icon-button-size-large":"_ButtonBase--wide-s--is-icon-button-size-large_1k5ro_701","ButtonBase--wide-s--size-medium":"_ButtonBase--wide-s--size-medium_1k5ro_706","ButtonBase--wide-s--is-icon-button-size-medium":"_ButtonBase--wide-s--is-icon-button-size-medium_1k5ro_715","ButtonBase--wide-s--size-small":"_ButtonBase--wide-s--size-small_1k5ro_720","ButtonBase--wide-s--is-icon-button-size-small":"_ButtonBase--wide-s--is-icon-button-size-small_1k5ro_729","ButtonBase--wide-l--size-xs":"_ButtonBase--wide-l--size-xs_1k5ro_736","ButtonBase--wide-l--is-icon-button-size-xs":"_ButtonBase--wide-l--is-icon-button-size-xs_1k5ro_745","ButtonBase--wide-l--size-s":"_ButtonBase--wide-l--size-s_1k5ro_750","ButtonBase--wide-l--is-icon-button-size-s":"_ButtonBase--wide-l--is-icon-button-size-s_1k5ro_759","ButtonBase--wide-l--size-m":"_ButtonBase--wide-l--size-m_1k5ro_764","ButtonBase--wide-l--is-icon-button-size-m":"_ButtonBase--wide-l--is-icon-button-size-m_1k5ro_773","ButtonBase--wide-l--size-l":"_ButtonBase--wide-l--size-l_1k5ro_778","ButtonBase--wide-l--is-icon-button-size-l":"_ButtonBase--wide-l--is-icon-button-size-l_1k5ro_787","ButtonBase--wide-l--size-xl":"_ButtonBase--wide-l--size-xl_1k5ro_792","ButtonBase--wide-l--is-icon-button-size-xl":"_ButtonBase--wide-l--is-icon-button-size-xl_1k5ro_801","ButtonBase--wide-l--size-large":"_ButtonBase--wide-l--size-large_1k5ro_806","ButtonBase--wide-l--is-icon-button-size-large":"_ButtonBase--wide-l--is-icon-button-size-large_1k5ro_815","ButtonBase--wide-l--size-medium":"_ButtonBase--wide-l--size-medium_1k5ro_820","ButtonBase--wide-l--is-icon-button-size-medium":"_ButtonBase--wide-l--is-icon-button-size-medium_1k5ro_829","ButtonBase--wide-l--size-small":"_ButtonBase--wide-l--size-small_1k5ro_834","ButtonBase--wide-l--is-icon-button-size-small":"_ButtonBase--wide-l--is-icon-button-size-small_1k5ro_843","ButtonBase--variant-primary":"_ButtonBase--variant-primary_1k5ro_849","ButtonBase--variant-primary--dsInternalSimulation-hover":"_ButtonBase--variant-primary--dsInternalSimulation-hover_1k5ro_855","ButtonBase--variant-primary--dsInternalSimulation-active":"_ButtonBase--variant-primary--dsInternalSimulation-active_1k5ro_870","ButtonBase--variant-secondary":"_ButtonBase--variant-secondary_1k5ro_874","ButtonBase--variant-secondary--dsInternalSimulation-hover":"_ButtonBase--variant-secondary--dsInternalSimulation-hover_1k5ro_880","ButtonBase--variant-secondary--dsInternalSimulation-active":"_ButtonBase--variant-secondary--dsInternalSimulation-active_1k5ro_895","ButtonBase--variant-tertiary":"_ButtonBase--variant-tertiary_1k5ro_899","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"_ButtonBase--variant-tertiary--dsInternalSimulation-hover_1k5ro_905","ButtonBase--variant-tertiary--dsInternalSimulation-active":"_ButtonBase--variant-tertiary--dsInternalSimulation-active_1k5ro_920","ButtonBase--variant-quaternary":"_ButtonBase--variant-quaternary_1k5ro_924","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"_ButtonBase--variant-quaternary--dsInternalSimulation-hover_1k5ro_930","ButtonBase--variant-quaternary--dsInternalSimulation-active":"_ButtonBase--variant-quaternary--dsInternalSimulation-active_1k5ro_945","ButtonBase--variant-ghost":"_ButtonBase--variant-ghost_1k5ro_949","ButtonBase--variant-ghost--dsInternalSimulation-hover":"_ButtonBase--variant-ghost--dsInternalSimulation-hover_1k5ro_955","ButtonBase--variant-ghost--dsInternalSimulation-active":"_ButtonBase--variant-ghost--dsInternalSimulation-active_1k5ro_970","ButtonBase--variant-ghost--is-selected":"_ButtonBase--variant-ghost--is-selected_1k5ro_974","ButtonBase--variant-plain":"_ButtonBase--variant-plain_1k5ro_978","ButtonBase--variant-plain--dsInternalSimulation-hover":"_ButtonBase--variant-plain--dsInternalSimulation-hover_1k5ro_984","ButtonBase--variant-plain--dsInternalSimulation-active":"_ButtonBase--variant-plain--dsInternalSimulation-active_1k5ro_999","ButtonBase--variant-dangerous":"_ButtonBase--variant-dangerous_1k5ro_1003","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"_ButtonBase--variant-dangerous--dsInternalSimulation-hover_1k5ro_1009","ButtonBase--variant-dangerous--dsInternalSimulation-active":"_ButtonBase--variant-dangerous--dsInternalSimulation-active_1k5ro_1024","ButtonBase--variant-critical":"_ButtonBase--variant-critical_1k5ro_1028","ButtonBase--variant-critical--dsInternalSimulation-hover":"_ButtonBase--variant-critical--dsInternalSimulation-hover_1k5ro_1034","ButtonBase--variant-critical--dsInternalSimulation-active":"_ButtonBase--variant-critical--dsInternalSimulation-active_1k5ro_1049","ButtonBase--variant-onColor":"_ButtonBase--variant-onColor_1k5ro_1053","ButtonBase--variant-onColor--dsInternalSimulation-hover":"_ButtonBase--variant-onColor--dsInternalSimulation-hover_1k5ro_1059","ButtonBase--variant-onColor--dsInternalSimulation-active":"_ButtonBase--variant-onColor--dsInternalSimulation-active_1k5ro_1074","ButtonBase--variant-classroom":"_ButtonBase--variant-classroom_1k5ro_1078","ButtonBase--variant-classroom--dsInternalSimulation-hover":"_ButtonBase--variant-classroom--dsInternalSimulation-hover_1k5ro_1084","ButtonBase--variant-classroom--dsInternalSimulation-active":"_ButtonBase--variant-classroom--dsInternalSimulation-active_1k5ro_1099","ButtonBase--variant-classroom--is-selected":"_ButtonBase--variant-classroom--is-selected_1k5ro_1103","ButtonBase--variant-primaryB2b":"_ButtonBase--variant-primaryB2b_1k5ro_1107","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_1k5ro_1113","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-active_1k5ro_1128","ButtonBase--variant-primaryTutor":"_ButtonBase--variant-primaryTutor_1k5ro_1132","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_1k5ro_1138","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-active_1k5ro_1153","ButtonBase--variant-inverted":"_ButtonBase--variant-inverted_1k5ro_1157","ButtonBase--variant-inverted--dsInternalSimulation-hover":"_ButtonBase--variant-inverted--dsInternalSimulation-hover_1k5ro_1163","ButtonBase--variant-inverted--dsInternalSimulation-active":"_ButtonBase--variant-inverted--dsInternalSimulation-active_1k5ro_1178","ButtonBase--variant-newFeature":"_ButtonBase--variant-newFeature_1k5ro_1182","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"_ButtonBase--variant-newFeature--dsInternalSimulation-hover_1k5ro_1188","ButtonBase--variant-newFeature--dsInternalSimulation-active":"_ButtonBase--variant-newFeature--dsInternalSimulation-active_1k5ro_1203","ButtonBase--variant-ai":"_ButtonBase--variant-ai_1k5ro_1207","ButtonBase--variant-ai--dsInternalSimulation-hover":"_ButtonBase--variant-ai--dsInternalSimulation-hover_1k5ro_1213","ButtonBase--variant-ai--dsInternalSimulation-active":"_ButtonBase--variant-ai--dsInternalSimulation-active_1k5ro_1228","ButtonBase--no-wrap":"_ButtonBase--no-wrap_1k5ro_1240"},k="ButtonBase",et=t=>Object.prototype.hasOwnProperty.call(t,"selected"),v=({children:t,busy:n})=>{const a=[...f(p,k,["content"])],o=[...f(p,k,["busy"])];return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:a.join(" "),children:t}),n&&e.jsx("span",{className:o.join(" "),children:e.jsx(M,{})})]})},h=t=>{const{variant:n=j,size:a=D,fullWidth:o=!1,wrap:r=!1,href:l,download:m,opensInNewTab:c,nofollow:B,submitsForm:F,assistiveText:R,onClick:w,disabled:d,busy:i,isIconButton:y,as:I,url:U,a11yLabel:L,dataset:O,children:z,dsInternalSimulation:P,preplyDsComponent:A}=t,{selected:W}=et(t)?t:{selected:void 0},H=X(),S=C.useRef(null),$=s=>{(d||i)&&s.preventDefault(),w==null||w(s)},K=s=>{var V;const q=Y(s.key);(q===" "||q==="Enter")&&(s.preventDefault(),(V=S.current)==null||V.click())},J=Z(p,k,[_(`variant-${n}--dsInternalSimulation`,P),_("variant",n),_("size",a),y?_("is-icon-button-size",a):[],u(void 0,"no-wrap",r),u("width-full","width-auto",o),u("is-busy",void 0,i),u("is-icon-button",void 0,y),u(`variant-${n}--is-selected`,void 0,W)]),g={...G(O,{preplyDsComponent:A}),className:J.join(" "),"aria-label":R||L,onClick:$,disabled:d,"aria-disabled":d||i?!0:void 0},b=l||U,x={...g,download:m,ref:S,role:"button",tabIndex:d?-1:0,href:b,onKeyDown:K};return b?e.jsx("a",{...x,...Q(H,b,c,B),children:v({children:z,busy:i})}):I?C.cloneElement(I,{...x},v({children:z,busy:i})):e.jsx("button",{...g,type:F?"submit":"button",children:v({children:z,busy:i})})};try{h.displayName="ButtonBase",h.__docgenInfo={description:"",displayName:"ButtonBase",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"ButtonVariant | undefined"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"Responsive<ButtonSize> | undefined"}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"Responsive<boolean> | undefined"}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"boolean | undefined"}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string | undefined"}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"boolean | undefined"}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"boolean | undefined"}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"boolean | undefined"}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"boolean | undefined"}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"string | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"boolean | undefined"}},isIconButton:{defaultValue:null,description:"",name:"isIconButton",required:!0,type:{name:"boolean"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | undefined"}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"string | undefined"}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"string | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},dsInternalSimulation:{defaultValue:null,description:"@deprecated This is meant for internal DS usage only. Do not use it in your code.",name:"dsInternalSimulation",required:!1,type:{name:'"hover" | "focus" | "active" | undefined'}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!0,type:{name:"string"}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"boolean | undefined"}}}}}catch{}const nt={"Button--icon":"_Button--icon_1ba7n_5"},E=({variant:t=j,size:n=D,url:a,a11yLabel:o,leadingSvgIcon:r,trailingSvgIcon:l,children:m,...c})=>{const B=[...f(nt,N.Button,["icon"])];return e.jsxs(h,{...c,isIconButton:!1,variant:t,size:n,url:a,a11yLabel:o,preplyDsComponent:N.Button,children:[!!r&&e.jsx("span",{className:B.join(" "),children:T(r,{"aria-hidden":"true",focusable:"false"})}),m,!!l&&e.jsx("span",{className:B.join(" "),children:T(l,{"aria-hidden":"true",focusable:"false"})})]})};try{E.displayName="Button",E.__docgenInfo={description:"",displayName:"Button",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"Responsive<ButtonSize> | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"string | undefined"}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"ButtonVariant | undefined"}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"Responsive<boolean> | undefined"}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"boolean | undefined"}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string | undefined"}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"boolean | undefined"}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"boolean | undefined"}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"boolean | undefined"}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"boolean | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"boolean | undefined"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | undefined"}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"string | undefined"}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"string | undefined"}},dsInternalSimulation:{defaultValue:null,description:"@deprecated This is meant for internal DS usage only. Do not use it in your code.",name:"dsInternalSimulation",required:!1,type:{name:'"hover" | "focus" | "active" | undefined'}},leadingSvgIcon:{defaultValue:null,description:"",name:"leadingSvgIcon",required:!1,type:{name:"SvgComponentOrElement | undefined"}},trailingSvgIcon:{defaultValue:null,description:"",name:"trailingSvgIcon",required:!1,type:{name:"SvgComponentOrElement | undefined"}}}}}catch{}export{h as B,E as a};

package/dist/assets/Button.stories-CUT87Vm0.js

@@ -1,127 +0,0 @@
-import{j as e}from"./jsx-runtime-BkBIjjFT.js";import{F as a}from"./TokyoUIFav-BBCs1UNi.js";import{r as U}from"./render-icon-zawwOivR.js";import{B as M,a as t}from"./Button-B62aViHd.js";import{w as O}from"./componentNames-BSriaIOD.js";import{B as $,a as W}from"./classNames-BhD67HvA.js";import{S as G}from"./StoryContextDSWeb-BrR9U5wu.js";import{g as m}from"./getTokenVar-CEGfaPeF.js";import{c as g}from"./tokens-D22H5zrO.js";import"./index-KmaxkdDD.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./Spinner-Boqq-9u0.js";import"./useHostname-1VY2skfn.js";import"./index-CC6DAVyL.js";import"./StorybookGlobalStyle-hxnxtqnm.js";import"./styled-components.browser.esm-qXWu05kn.js";import"./RootProvider-CIyXzSB0.js";import"./useTheme-NipwD8bb.js";import"./constants-mdQROz_Y.js";const s=({variant:r=$,size:n=W,url:i,a11yLabel:N,svg:A,...L})=>e.jsx(M,{...L,isIconButton:!0,variant:r,size:n,url:i,a11yLabel:N,preplyDsComponent:O.IconButton,children:U(A,{"aria-hidden":"true",focusable:"false"})});try{s.displayName="IconButton",s.__docgenInfo={description:"",displayName:"IconButton",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"Responsive<ButtonSize> | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"string"}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"ButtonVariant | undefined"}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string | undefined"}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"boolean | undefined"}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"boolean | undefined"}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"boolean | undefined"}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"boolean | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"boolean | undefined"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | undefined"}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"string | undefined"}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"string | undefined"}},dsInternalSimulation:{defaultValue:null,description:"@deprecated This is meant for internal DS usage only. Do not use it in your code.",name:"dsInternalSimulation",required:!1,type:{name:'"hover" | "focus" | "active" | undefined'}},svg:{defaultValue:null,description:"",name:"svg",required:!0,type:{name:"SvgComponentOrElement"}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"boolean | undefined"}}}}}catch{}const ce={title:"components/Button",component:t,subcomponents:{IconButton:s},decorators:[r=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(G,{theme:"tokyo-ui",children:r()})})]},o=()=>e.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[e.jsx(t,{children:"Button"}),e.jsx(t,{leadingSvgIcon:a,children:"Button"}),e.jsx(t,{trailingSvgIcon:a,children:"Button"}),e.jsx(s,{svg:a,assistiveText:"Favourite"})]});o.tags=["!autodocs","!test"];o.parameters={chromatic:{disableSnapshot:!0}};const c=()=>{const r=m(g.background.primaryInverted);return e.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[e.jsx(t,{variant:"primary",children:"Primary"}),e.jsx(t,{variant:"secondary",children:"Secondary"}),e.jsx(t,{variant:"tertiary",children:"Tertiary"}),e.jsx(t,{variant:"ghost",children:"Ghost"}),e.jsx("div",{style:{backgroundColor:r,borderRadius:"8px"},children:e.jsx(t,{variant:"inverted",children:"Inverted"})}),e.jsx(t,{variant:"critical",children:"Critical"}),e.jsx(t,{variant:"onColor",children:"onColor"})]})},d=()=>{const r=m(g.background.primaryInverted);return e.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[e.jsx(s,{variant:"primary",svg:a,assistiveText:"primary"}),e.jsx(s,{variant:"secondary",svg:a,assistiveText:"secondary"}),e.jsx(s,{variant:"tertiary",svg:a,assistiveText:"tertiary"}),e.jsx(s,{variant:"ghost",svg:a,assistiveText:"ghost"}),e.jsx("div",{style:{backgroundColor:r,borderRadius:"8px"},children:e.jsx(s,{variant:"inverted",svg:a,assistiveText:"inverted"})}),e.jsx(s,{variant:"critical",svg:a,assistiveText:"critical"}),e.jsx(s,{variant:"onColor",svg:a,assistiveText:"onColor"})]})};d.storyName="Variants (IconButton)";const v=()=>{const r=m(g.background.primaryInverted);return e.jsxs("div",{style:{display:"flex",gap:"8px"},children:[e.jsxs("div",{style:{display:"flex",gap:"4px"},children:[e.jsx(t,{variant:"ai",children:"AI"}),e.jsx(s,{variant:"ai",svg:a,assistiveText:"Fav"})]}),e.jsxs("div",{style:{display:"flex",gap:"4px",backgroundColor:r},children:[e.jsx(t,{variant:"classroom",children:"Classroom"}),e.jsx(s,{variant:"classroom",svg:a,assistiveText:"Fav"})]})]})},p=()=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsxs("div",{style:{display:"flex",gap:"4px"},children:[e.jsx(t,{size:"small",children:"Small"}),e.jsx(s,{size:"small",svg:a,assistiveText:"Fav"})]}),e.jsxs("div",{style:{display:"flex",gap:"4px"},children:[e.jsx(t,{size:"medium",children:"Medium"}),e.jsx(s,{size:"medium",svg:a,assistiveText:"Fav"})]}),e.jsxs("div",{style:{display:"flex",gap:"4px"},children:[e.jsx(t,{size:"large",children:"Large"}),e.jsx(s,{size:"large",svg:a,assistiveText:"Fav"})]})]}),l=()=>e.jsx(t,{wrap:!0,children:"Do the really quite unusually long thing"});l.tags=["!autodocs"];l.decorators=[r=>e.jsx("div",{style:{width:"200px"},children:r()})];const u=()=>{const r=m(g.background.primaryInverted);return e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:["small","medium","large"].map(n=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(i=>e.jsxs("div",{style:{display:"flex",gap:"0.25rem",backgroundColor:i==="inverted"||i==="classroom"?r:void 0},children:[e.jsx(t,{size:n,variant:i,children:"Button"}),e.jsx(s,{size:n,variant:i,svg:a,assistiveText:"Fav"}),e.jsx(t,{size:n,variant:i,leadingSvgIcon:a,children:"Button"}),e.jsx(t,{size:n,variant:i,trailingSvgIcon:a,children:"Button"}),e.jsx(t,{size:n,variant:i,busy:!0,assistiveText:"Fav",children:"Button"}),e.jsx(s,{size:n,variant:i,svg:a,assistiveText:"Fav",busy:!0}),e.jsx(t,{size:n,variant:i,disabled:!0,children:"Button"}),e.jsx(s,{size:n,variant:i,svg:a,assistiveText:"Fav",disabled:!0})]},`${n}-${i}`)))})};u.tags=["!autodocs"];var y,x,f;o.parameters={...o.parameters,docs:{...(y=o.parameters)==null?void 0:y.docs,source:{originalSource:`() => <div style={{
-  display: 'flex',
-  gap: '1rem'
-}}>
-        <Button>Button</Button>
-        <Button leadingSvgIcon={Fav}>Button</Button>
-        <Button trailingSvgIcon={Fav}>Button</Button>
-        <IconButton svg={Fav} assistiveText="Favourite" />
-    </div>`,...(f=(x=o.parameters)==null?void 0:x.docs)==null?void 0:f.source}}};var B,h,j;c.parameters={...c.parameters,docs:{...(B=c.parameters)==null?void 0:B.docs,source:{originalSource:`() => {
-  const grey = getTokenVar(color.background.primaryInverted);
-  return <div style={{
-    display: 'flex',
-    gap: '1rem'
-  }}>
-            <Button variant="primary">Primary</Button>
-            <Button variant="secondary">Secondary</Button>
-            <Button variant="tertiary">Tertiary</Button>
-            <Button variant="ghost">Ghost</Button>
-            <div style={{
-      backgroundColor: grey,
-      borderRadius: '8px'
-    }}>
-                <Button variant="inverted">Inverted</Button>
-            </div>
-            <Button variant="critical">Critical</Button>
-            <Button variant="onColor">onColor</Button>
-        </div>;
-}`,...(j=(h=c.parameters)==null?void 0:h.docs)==null?void 0:j.source}}};var I,T,b;d.parameters={...d.parameters,docs:{...(I=d.parameters)==null?void 0:I.docs,source:{originalSource:`() => {
-  const grey = getTokenVar(color.background.primaryInverted);
-  return <div style={{
-    display: 'flex',
-    gap: '1rem'
-  }}>
-            <IconButton variant="primary" svg={Fav} assistiveText="primary" />
-            <IconButton variant="secondary" svg={Fav} assistiveText="secondary" />
-            <IconButton variant="tertiary" svg={Fav} assistiveText="tertiary" />
-            <IconButton variant="ghost" svg={Fav} assistiveText="ghost" />
-            <div style={{
-      backgroundColor: grey,
-      borderRadius: '8px'
-    }}>
-                <IconButton variant="inverted" svg={Fav} assistiveText="inverted" />
-            </div>
-            <IconButton variant="critical" svg={Fav} assistiveText="critical" />
-            <IconButton variant="onColor" svg={Fav} assistiveText="onColor" />
-        </div>;
-}`,...(b=(T=d.parameters)==null?void 0:T.docs)==null?void 0:b.source}}};var F,S,V;v.parameters={...v.parameters,docs:{...(F=v.parameters)==null?void 0:F.docs,source:{originalSource:`() => {
-  const grey = getTokenVar(color.background.primaryInverted);
-  return <div style={{
-    display: 'flex',
-    gap: '8px'
-  }}>
-            <div style={{
-      display: 'flex',
-      gap: '4px'
-    }}>
-                <Button variant="ai">AI</Button>
-                <IconButton variant="ai" svg={Fav} assistiveText="Fav" />
-            </div>
-            <div style={{
-      display: 'flex',
-      gap: '4px',
-      backgroundColor: grey
-    }}>
-                <Button variant="classroom">Classroom</Button>
-                <IconButton variant="classroom" svg={Fav} assistiveText="Fav" />
-            </div>
-        </div>;
-}`,...(V=(S=v.parameters)==null?void 0:S.docs)==null?void 0:V.source}}};var C,z,k;p.parameters={...p.parameters,docs:{...(C=p.parameters)==null?void 0:C.docs,source:{originalSource:`() => <div style={{
-  display: 'flex',
-  alignItems: 'center',
-  gap: '8px'
-}}>
-        <div style={{
-    display: 'flex',
-    gap: '4px'
-  }}>
-            <Button size="small">Small</Button>
-            <IconButton size="small" svg={Fav} assistiveText="Fav" />
-        </div>
-        <div style={{
-    display: 'flex',
-    gap: '4px'
-  }}>
-            <Button size="medium">Medium</Button>
-            <IconButton size="medium" svg={Fav} assistiveText="Fav" />
-        </div>
-        <div style={{
-    display: 'flex',
-    gap: '4px'
-  }}>
-            <Button size="large">Large</Button>
-            <IconButton size="large" svg={Fav} assistiveText="Fav" />
-        </div>
-    </div>`,...(k=(z=p.parameters)==null?void 0:z.docs)==null?void 0:k.source}}};var q,_,w;l.parameters={...l.parameters,docs:{...(q=l.parameters)==null?void 0:q.docs,source:{originalSource:"() => <Button wrap>Do the really quite unusually long thing</Button>",...(w=(_=l.parameters)==null?void 0:_.docs)==null?void 0:w.source}}};var D,E,R;u.parameters={...u.parameters,docs:{...(D=u.parameters)==null?void 0:D.docs,source:{originalSource:`() => {
-  const grey = getTokenVar(color.background.primaryInverted);
-  return <div style={{
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '0.5rem'
-  }}>
-            {(['small', 'medium', 'large'] as const).map(size => (['primary', 'secondary', 'tertiary', 'ghost', 'inverted', 'critical', 'ai', 'onColor', 'classroom'] as const).map(variant => <div key={\`\${size}-\${variant}\`} style={{
-      display: 'flex',
-      gap: '0.25rem',
-      backgroundColor: variant === 'inverted' || variant === 'classroom' ? grey : undefined
-    }}>
-                        <Button size={size} variant={variant}>
-                            Button
-                        </Button>
-                        <IconButton size={size} variant={variant} svg={Fav} assistiveText="Fav" />
-                        <Button size={size} variant={variant} leadingSvgIcon={Fav}>
-                            Button
-                        </Button>
-                        <Button size={size} variant={variant} trailingSvgIcon={Fav}>
-                            Button
-                        </Button>
-                        <Button size={size} variant={variant} busy assistiveText="Fav">
-                            Button
-                        </Button>
-                        <IconButton size={size} variant={variant} svg={Fav} assistiveText="Fav" busy />
-                        <Button size={size} variant={variant} disabled>
-                            Button
-                        </Button>
-                        <IconButton size={size} variant={variant} svg={Fav} assistiveText="Fav" disabled />
-                    </div>))}
-        </div>;
-}`,...(R=(E=u.parameters)==null?void 0:E.docs)==null?void 0:R.source}}};const ve=["Icons","Variants","VariantsIconButton","MiscVariants","Sizes","WrappingText","Combinations"];export{u as Combinations,o as Icons,v as MiscVariants,p as Sizes,c as Variants,d as VariantsIconButton,l as WrappingText,ve as __namedExportsOrder,ce as default};

package/dist/assets/Chips-BLP-johU.css

@@ -1 +0,0 @@
-._chips_1k2mg_3{display:flex;gap:var(--813599);flex-wrap:wrap}._chips_1k2mg_3:is(ul){list-style:none;margin:0;padding:0}._chips_1k2mg_3 ._chip_1k2mg_3{box-sizing:border-box;cursor:pointer;height:var(--ece0fe);width:fit-content;font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e);color:var(--628fb7);background-color:var(--3546c3);border:solid var(--26b8e3);border-radius:var(--fa4b1a);border-color:var(--c03289);display:flex;align-items:center}._chips_1k2mg_3 ._chip_1k2mg_3 button{all:unset}@media (hover: hover) and (pointer: fine){._chips_1k2mg_3 ._chip_1k2mg_3:hover{background-color:var(--302ecf)}}._chips_1k2mg_3 ._chip_1k2mg_3:has(._chip-toggle_1k2mg_37:focus-visible){outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--05dd73)}._chips_1k2mg_3 ._chip_1k2mg_3:has(._chip-toggle_1k2mg_37:active){border-color:var(--11d206);background-color:var(--a5c761)}._chips_1k2mg_3 ._chip_1k2mg_3:has(._chip-toggle_1k2mg_37[aria-pressed=true]){border-color:var(--11d206);background-color:var(--a5c761)}._chips_1k2mg_3 ._chip_1k2mg_3 ._chip-toggle_1k2mg_37{padding:var(--66b80b) var(--813599);display:flex;gap:var(--66b80b)}._chips_1k2mg_3 ._chip_1k2mg_3 ._chip-remove_1k2mg_54{height:fit-content;width:fit-content;display:flex;justify-content:center;align-items:center;padding:var(--66b80b) var(--813599) var(--66b80b) 0;border-radius:inherit}._chips_1k2mg_3 ._chip_1k2mg_3 ._chip-remove_1k2mg_54:focus-visible{outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--109103) var(--05dd73)}._chips_1k2mg_3[data-variant=choice] ._chip_1k2mg_3:has(._chip-toggle_1k2mg_37[aria-pressed=true]){color:var(--c2b191);background-color:var(--4983fe)}._chips_1k2mg_3[data-variant=choice] ._chip_1k2mg_3 ._chip-remove_1k2mg_54{display:none}._chips_1k2mg_3[data-variant=filter] ._chip_1k2mg_3:has(._chip-toggle_1k2mg_37[aria-pressed=false]) ._chip-remove_1k2mg_54{display:none}