@preply/ds-docs 0.98.0 → 0.99.0

package/dist/assets/{30.storybook-BQjCJcP2.js → 30.storybook-GTYR0mHT.js}

@@ -1,4 +1,4 @@
-import{j as o}from"./jsx-runtime-CKrituN3.js";import{useMDXComponents as n}from"./index-DSz_1G2r.js";import{ae as s}from"./index-B46pI2Oc.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-lho9TVh-.js";import"../sb-preview/runtime.js";import"./index-CbwENYX-.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function t(r){const e={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...n(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(s,{title:"Guides/Installation/Storybook"}),`
+import{j as o}from"./jsx-runtime-CKrituN3.js";import{useMDXComponents as n}from"./index-DSz_1G2r.js";import{ae as s}from"./index-Cs2Qo7ol.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C9-tEs2g.js";import"../sb-preview/runtime.js";import"./index-CbwENYX-.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function t(r){const e={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...n(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(s,{title:"Guides/Installation/Storybook"}),`
 `,o.jsx(e.h1,{id:"installation-storybook",children:"Installation: Storybook"}),`
 `,o.jsxs(e.p,{children:["This guide applies to Storybook setups that document Preply components libraries, and assumes you have read and followed the steps outlined in the ",o.jsx(e.a,{href:"/story/guides-installation-libraries--page",children:"Installation: Libaries"})," guide."]}),`
 `,o.jsx(e.h2,{id:"packages",children:"Packages"}),`

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

@@ -0,0 +1,21 @@
+import{j as t}from"./jsx-runtime-CKrituN3.js";import{useMDXComponents as l}from"./index-DSz_1G2r.js";import{ae as a}from"./index-Cs2Qo7ol.js";import{L as e}from"./LayoutGrid-5ifdLdnP.js";import{d as c}from"./styled-components.browser.esm-D7-R-tx8.js";import{g as i}from"./getTokenVar-DOEYYRhS.js";import{s as n,c as p}from"./tokens-BV526yo0.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C9-tEs2g.js";import"../sb-preview/runtime.js";import"./index-CbwENYX-.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";import"./classNames-Dz8Jm24I.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative-BhVDEqeE.js";import"./constants-DYYVurUY.js";import"./componentNames-Bs6if0Kd.js";const u=["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-gaph.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/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/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/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 A(s={}){const{wrapper:o}={...l(),...s.components};return o?t.jsx(o,{...s,children:t.jsx(r,{...s})}):r(s)}export{A as default};

package/dist/assets/{90.advanced-fHUJ1dLA.js → 90.advanced-CDgAmnf1.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CKrituN3.js";import{useMDXComponents as t}from"./index-DSz_1G2r.js";import{ae as i}from"./index-B46pI2Oc.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-lho9TVh-.js";import"../sb-preview/runtime.js";import"./index-CbwENYX-.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function r(n){const o={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...t(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Installation/Advanced"}),`
+import{j as e}from"./jsx-runtime-CKrituN3.js";import{useMDXComponents as t}from"./index-DSz_1G2r.js";import{ae as i}from"./index-Cs2Qo7ol.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C9-tEs2g.js";import"../sb-preview/runtime.js";import"./index-CbwENYX-.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function r(n){const o={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...t(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Installation/Advanced"}),`
 `,e.jsx(o.h1,{id:"installation-advanced",children:"Installation: Advanced"}),`
 `,e.jsxs(o.p,{children:["This page is about rolling out your own alternative to ",e.jsx(o.code,{children:"<RootProvider/>"})," (advanced usage)."]}),`
 `,e.jsxs(o.p,{children:["If you are looking for how to install, refer to the ",e.jsx(o.a,{href:"/story/guides-installation-applications--page",children:"installation guides"})," instead."]}),`

package/dist/assets/Avatar-B5VyGTND.css

@@ -0,0 +1 @@
+._Avatar_11vfg_4{display:inline-block}._Avatar_11vfg_4 img{vertical-align:bottom;object-fit:cover;border-radius:var(--dad9ec)}._Avatar--size-2xs_11vfg_12 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--size-xs_11vfg_16 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--size-s_11vfg_20 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--size-m_11vfg_24 img{width:var(--b51334);height:var(--b51334)}._Avatar--size-l_11vfg_28 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--size-xl_11vfg_32 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--size-24_11vfg_36 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--size-32_11vfg_40 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--size-48_11vfg_44 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--size-64_11vfg_48 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--size-96_11vfg_52 img{width:var(--796da2);height:var(--796da2)}._Avatar--size-160_11vfg_56 img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){._Avatar--narrow-l--size-2xs_11vfg_61 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--narrow-l--size-xs_11vfg_65 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--narrow-l--size-s_11vfg_69 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--narrow-l--size-m_11vfg_73 img{width:var(--b51334);height:var(--b51334)}._Avatar--narrow-l--size-l_11vfg_77 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--narrow-l--size-xl_11vfg_81 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--narrow-l--size-24_11vfg_85 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--narrow-l--size-32_11vfg_89 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--narrow-l--size-48_11vfg_93 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--narrow-l--size-64_11vfg_97 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--narrow-l--size-96_11vfg_101 img{width:var(--796da2);height:var(--796da2)}._Avatar--narrow-l--size-160_11vfg_105 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){._Avatar--medium-s--size-2xs_11vfg_111 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-s--size-xs_11vfg_115 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-s--size-s_11vfg_119 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-s--size-m_11vfg_123 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-s--size-l_11vfg_127 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-s--size-xl_11vfg_131 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-s--size-24_11vfg_135 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-s--size-32_11vfg_139 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-s--size-48_11vfg_143 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-s--size-64_11vfg_147 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-s--size-96_11vfg_151 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-s--size-160_11vfg_155 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){._Avatar--medium-l--size-2xs_11vfg_161 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-l--size-xs_11vfg_165 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-l--size-s_11vfg_169 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-l--size-m_11vfg_173 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-l--size-l_11vfg_177 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-l--size-xl_11vfg_181 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-l--size-24_11vfg_185 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-l--size-32_11vfg_189 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-l--size-48_11vfg_193 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-l--size-64_11vfg_197 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-l--size-96_11vfg_201 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-l--size-160_11vfg_205 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){._Avatar--wide-s--size-2xs_11vfg_211 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-s--size-xs_11vfg_215 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-s--size-s_11vfg_219 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-s--size-m_11vfg_223 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-s--size-l_11vfg_227 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-s--size-xl_11vfg_231 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-s--size-24_11vfg_235 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-s--size-32_11vfg_239 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-s--size-48_11vfg_243 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-s--size-64_11vfg_247 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-s--size-96_11vfg_251 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-s--size-160_11vfg_255 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){._Avatar--wide-l--size-2xs_11vfg_261 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-l--size-xs_11vfg_265 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-l--size-s_11vfg_269 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-l--size-m_11vfg_273 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-l--size-l_11vfg_277 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-l--size-xl_11vfg_281 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-l--size-24_11vfg_285 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-l--size-32_11vfg_289 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-l--size-48_11vfg_293 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-l--size-64_11vfg_297 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-l--size-96_11vfg_301 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-l--size-160_11vfg_305 img{width:var(--329ba7);height:var(--329ba7)}}._Avatar--round_11vfg_310 img{border-radius:var(--8517a6)}._Avatar_11vfg_4 img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}

package/dist/assets/Avatar-CbjmdBTE.css

@@ -0,0 +1 @@
+._Avatar_11vfg_4{display:inline-block}._Avatar_11vfg_4 img{vertical-align:bottom;-o-object-fit:cover;object-fit:cover;border-radius:var(--dad9ec)}._Avatar--size-2xs_11vfg_12 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--size-xs_11vfg_16 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--size-s_11vfg_20 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--size-m_11vfg_24 img{width:var(--b51334);height:var(--b51334)}._Avatar--size-l_11vfg_28 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--size-xl_11vfg_32 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--size-24_11vfg_36 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--size-32_11vfg_40 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--size-48_11vfg_44 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--size-64_11vfg_48 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--size-96_11vfg_52 img{width:var(--796da2);height:var(--796da2)}._Avatar--size-160_11vfg_56 img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){._Avatar--narrow-l--size-2xs_11vfg_61 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--narrow-l--size-xs_11vfg_65 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--narrow-l--size-s_11vfg_69 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--narrow-l--size-m_11vfg_73 img{width:var(--b51334);height:var(--b51334)}._Avatar--narrow-l--size-l_11vfg_77 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--narrow-l--size-xl_11vfg_81 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--narrow-l--size-24_11vfg_85 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--narrow-l--size-32_11vfg_89 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--narrow-l--size-48_11vfg_93 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--narrow-l--size-64_11vfg_97 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--narrow-l--size-96_11vfg_101 img{width:var(--796da2);height:var(--796da2)}._Avatar--narrow-l--size-160_11vfg_105 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){._Avatar--medium-s--size-2xs_11vfg_111 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-s--size-xs_11vfg_115 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-s--size-s_11vfg_119 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-s--size-m_11vfg_123 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-s--size-l_11vfg_127 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-s--size-xl_11vfg_131 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-s--size-24_11vfg_135 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-s--size-32_11vfg_139 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-s--size-48_11vfg_143 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-s--size-64_11vfg_147 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-s--size-96_11vfg_151 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-s--size-160_11vfg_155 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){._Avatar--medium-l--size-2xs_11vfg_161 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-l--size-xs_11vfg_165 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-l--size-s_11vfg_169 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-l--size-m_11vfg_173 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-l--size-l_11vfg_177 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-l--size-xl_11vfg_181 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-l--size-24_11vfg_185 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-l--size-32_11vfg_189 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-l--size-48_11vfg_193 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-l--size-64_11vfg_197 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-l--size-96_11vfg_201 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-l--size-160_11vfg_205 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){._Avatar--wide-s--size-2xs_11vfg_211 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-s--size-xs_11vfg_215 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-s--size-s_11vfg_219 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-s--size-m_11vfg_223 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-s--size-l_11vfg_227 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-s--size-xl_11vfg_231 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-s--size-24_11vfg_235 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-s--size-32_11vfg_239 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-s--size-48_11vfg_243 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-s--size-64_11vfg_247 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-s--size-96_11vfg_251 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-s--size-160_11vfg_255 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){._Avatar--wide-l--size-2xs_11vfg_261 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-l--size-xs_11vfg_265 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-l--size-s_11vfg_269 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-l--size-m_11vfg_273 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-l--size-l_11vfg_277 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-l--size-xl_11vfg_281 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-l--size-24_11vfg_285 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-l--size-32_11vfg_289 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-l--size-48_11vfg_293 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-l--size-64_11vfg_297 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-l--size-96_11vfg_301 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-l--size-160_11vfg_305 img{width:var(--329ba7);height:var(--329ba7)}}._Avatar--round_11vfg_310 img{border-radius:var(--8517a6)}._Avatar_11vfg_4 img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}

package/dist/assets/Avatar-D9lQYtcf.js

@@ -0,0 +1 @@
+import{j as s}from"./jsx-runtime-CKrituN3.js";import{m as z,s as m,b as l,A as d}from"./classNames-Dz8Jm24I.js";import{w as e,g as f}from"./componentNames-Bs6if0Kd.js";import{A as g}from"./constants--ewUoBsO.js";const w="_Avatar_11vfg_4",u={Avatar:w,"Avatar--size-2xs":"_Avatar--size-2xs_11vfg_12","Avatar--size-xs":"_Avatar--size-xs_11vfg_16","Avatar--size-s":"_Avatar--size-s_11vfg_20","Avatar--size-m":"_Avatar--size-m_11vfg_24","Avatar--size-l":"_Avatar--size-l_11vfg_28","Avatar--size-xl":"_Avatar--size-xl_11vfg_32","Avatar--size-24":"_Avatar--size-24_11vfg_36","Avatar--size-32":"_Avatar--size-32_11vfg_40","Avatar--size-48":"_Avatar--size-48_11vfg_44","Avatar--size-64":"_Avatar--size-64_11vfg_48","Avatar--size-96":"_Avatar--size-96_11vfg_52","Avatar--size-160":"_Avatar--size-160_11vfg_56","Avatar--narrow-l--size-2xs":"_Avatar--narrow-l--size-2xs_11vfg_61","Avatar--narrow-l--size-xs":"_Avatar--narrow-l--size-xs_11vfg_65","Avatar--narrow-l--size-s":"_Avatar--narrow-l--size-s_11vfg_69","Avatar--narrow-l--size-m":"_Avatar--narrow-l--size-m_11vfg_73","Avatar--narrow-l--size-l":"_Avatar--narrow-l--size-l_11vfg_77","Avatar--narrow-l--size-xl":"_Avatar--narrow-l--size-xl_11vfg_81","Avatar--narrow-l--size-24":"_Avatar--narrow-l--size-24_11vfg_85","Avatar--narrow-l--size-32":"_Avatar--narrow-l--size-32_11vfg_89","Avatar--narrow-l--size-48":"_Avatar--narrow-l--size-48_11vfg_93","Avatar--narrow-l--size-64":"_Avatar--narrow-l--size-64_11vfg_97","Avatar--narrow-l--size-96":"_Avatar--narrow-l--size-96_11vfg_101","Avatar--narrow-l--size-160":"_Avatar--narrow-l--size-160_11vfg_105","Avatar--medium-s--size-2xs":"_Avatar--medium-s--size-2xs_11vfg_111","Avatar--medium-s--size-xs":"_Avatar--medium-s--size-xs_11vfg_115","Avatar--medium-s--size-s":"_Avatar--medium-s--size-s_11vfg_119","Avatar--medium-s--size-m":"_Avatar--medium-s--size-m_11vfg_123","Avatar--medium-s--size-l":"_Avatar--medium-s--size-l_11vfg_127","Avatar--medium-s--size-xl":"_Avatar--medium-s--size-xl_11vfg_131","Avatar--medium-s--size-24":"_Avatar--medium-s--size-24_11vfg_135","Avatar--medium-s--size-32":"_Avatar--medium-s--size-32_11vfg_139","Avatar--medium-s--size-48":"_Avatar--medium-s--size-48_11vfg_143","Avatar--medium-s--size-64":"_Avatar--medium-s--size-64_11vfg_147","Avatar--medium-s--size-96":"_Avatar--medium-s--size-96_11vfg_151","Avatar--medium-s--size-160":"_Avatar--medium-s--size-160_11vfg_155","Avatar--medium-l--size-2xs":"_Avatar--medium-l--size-2xs_11vfg_161","Avatar--medium-l--size-xs":"_Avatar--medium-l--size-xs_11vfg_165","Avatar--medium-l--size-s":"_Avatar--medium-l--size-s_11vfg_169","Avatar--medium-l--size-m":"_Avatar--medium-l--size-m_11vfg_173","Avatar--medium-l--size-l":"_Avatar--medium-l--size-l_11vfg_177","Avatar--medium-l--size-xl":"_Avatar--medium-l--size-xl_11vfg_181","Avatar--medium-l--size-24":"_Avatar--medium-l--size-24_11vfg_185","Avatar--medium-l--size-32":"_Avatar--medium-l--size-32_11vfg_189","Avatar--medium-l--size-48":"_Avatar--medium-l--size-48_11vfg_193","Avatar--medium-l--size-64":"_Avatar--medium-l--size-64_11vfg_197","Avatar--medium-l--size-96":"_Avatar--medium-l--size-96_11vfg_201","Avatar--medium-l--size-160":"_Avatar--medium-l--size-160_11vfg_205","Avatar--wide-s--size-2xs":"_Avatar--wide-s--size-2xs_11vfg_211","Avatar--wide-s--size-xs":"_Avatar--wide-s--size-xs_11vfg_215","Avatar--wide-s--size-s":"_Avatar--wide-s--size-s_11vfg_219","Avatar--wide-s--size-m":"_Avatar--wide-s--size-m_11vfg_223","Avatar--wide-s--size-l":"_Avatar--wide-s--size-l_11vfg_227","Avatar--wide-s--size-xl":"_Avatar--wide-s--size-xl_11vfg_231","Avatar--wide-s--size-24":"_Avatar--wide-s--size-24_11vfg_235","Avatar--wide-s--size-32":"_Avatar--wide-s--size-32_11vfg_239","Avatar--wide-s--size-48":"_Avatar--wide-s--size-48_11vfg_243","Avatar--wide-s--size-64":"_Avatar--wide-s--size-64_11vfg_247","Avatar--wide-s--size-96":"_Avatar--wide-s--size-96_11vfg_251","Avatar--wide-s--size-160":"_Avatar--wide-s--size-160_11vfg_255","Avatar--wide-l--size-2xs":"_Avatar--wide-l--size-2xs_11vfg_261","Avatar--wide-l--size-xs":"_Avatar--wide-l--size-xs_11vfg_265","Avatar--wide-l--size-s":"_Avatar--wide-l--size-s_11vfg_269","Avatar--wide-l--size-m":"_Avatar--wide-l--size-m_11vfg_273","Avatar--wide-l--size-l":"_Avatar--wide-l--size-l_11vfg_277","Avatar--wide-l--size-xl":"_Avatar--wide-l--size-xl_11vfg_281","Avatar--wide-l--size-24":"_Avatar--wide-l--size-24_11vfg_285","Avatar--wide-l--size-32":"_Avatar--wide-l--size-32_11vfg_289","Avatar--wide-l--size-48":"_Avatar--wide-l--size-48_11vfg_293","Avatar--wide-l--size-64":"_Avatar--wide-l--size-64_11vfg_297","Avatar--wide-l--size-96":"_Avatar--wide-l--size-96_11vfg_301","Avatar--wide-l--size-160":"_Avatar--wide-l--size-160_11vfg_305","Avatar--round":"_Avatar--round_11vfg_310"},N=({size:i=d,round:a,src:_,alt:v="",dataset:r})=>{const t=a??!0,A={className:z(u,e.Avatar,[m("size",i),l("round",void 0,t)]).join(" "),...f(r,{preplyDsComponent:e.Avatar})};return s.jsx("picture",{...A,children:s.jsx("img",{src:_||g,alt:v})})};export{N as A};

package/dist/assets/Avatar-NseJJH9V.js

@@ -0,0 +1,6 @@
+import{j as e}from"./jsx-runtime-CKrituN3.js";import{m as l,s as m,b as z,A as f}from"./classNames-Dz8Jm24I.js";import{w as s,g as n}from"./componentNames-Bs6if0Kd.js";import{A as o}from"./constants--ewUoBsO.js";const u="_Avatar_11vfg_4",g={Avatar:u,"Avatar--size-2xs":"_Avatar--size-2xs_11vfg_12","Avatar--size-xs":"_Avatar--size-xs_11vfg_16","Avatar--size-s":"_Avatar--size-s_11vfg_20","Avatar--size-m":"_Avatar--size-m_11vfg_24","Avatar--size-l":"_Avatar--size-l_11vfg_28","Avatar--size-xl":"_Avatar--size-xl_11vfg_32","Avatar--size-24":"_Avatar--size-24_11vfg_36","Avatar--size-32":"_Avatar--size-32_11vfg_40","Avatar--size-48":"_Avatar--size-48_11vfg_44","Avatar--size-64":"_Avatar--size-64_11vfg_48","Avatar--size-96":"_Avatar--size-96_11vfg_52","Avatar--size-160":"_Avatar--size-160_11vfg_56","Avatar--narrow-l--size-2xs":"_Avatar--narrow-l--size-2xs_11vfg_61","Avatar--narrow-l--size-xs":"_Avatar--narrow-l--size-xs_11vfg_65","Avatar--narrow-l--size-s":"_Avatar--narrow-l--size-s_11vfg_69","Avatar--narrow-l--size-m":"_Avatar--narrow-l--size-m_11vfg_73","Avatar--narrow-l--size-l":"_Avatar--narrow-l--size-l_11vfg_77","Avatar--narrow-l--size-xl":"_Avatar--narrow-l--size-xl_11vfg_81","Avatar--narrow-l--size-24":"_Avatar--narrow-l--size-24_11vfg_85","Avatar--narrow-l--size-32":"_Avatar--narrow-l--size-32_11vfg_89","Avatar--narrow-l--size-48":"_Avatar--narrow-l--size-48_11vfg_93","Avatar--narrow-l--size-64":"_Avatar--narrow-l--size-64_11vfg_97","Avatar--narrow-l--size-96":"_Avatar--narrow-l--size-96_11vfg_101","Avatar--narrow-l--size-160":"_Avatar--narrow-l--size-160_11vfg_105","Avatar--medium-s--size-2xs":"_Avatar--medium-s--size-2xs_11vfg_111","Avatar--medium-s--size-xs":"_Avatar--medium-s--size-xs_11vfg_115","Avatar--medium-s--size-s":"_Avatar--medium-s--size-s_11vfg_119","Avatar--medium-s--size-m":"_Avatar--medium-s--size-m_11vfg_123","Avatar--medium-s--size-l":"_Avatar--medium-s--size-l_11vfg_127","Avatar--medium-s--size-xl":"_Avatar--medium-s--size-xl_11vfg_131","Avatar--medium-s--size-24":"_Avatar--medium-s--size-24_11vfg_135","Avatar--medium-s--size-32":"_Avatar--medium-s--size-32_11vfg_139","Avatar--medium-s--size-48":"_Avatar--medium-s--size-48_11vfg_143","Avatar--medium-s--size-64":"_Avatar--medium-s--size-64_11vfg_147","Avatar--medium-s--size-96":"_Avatar--medium-s--size-96_11vfg_151","Avatar--medium-s--size-160":"_Avatar--medium-s--size-160_11vfg_155","Avatar--medium-l--size-2xs":"_Avatar--medium-l--size-2xs_11vfg_161","Avatar--medium-l--size-xs":"_Avatar--medium-l--size-xs_11vfg_165","Avatar--medium-l--size-s":"_Avatar--medium-l--size-s_11vfg_169","Avatar--medium-l--size-m":"_Avatar--medium-l--size-m_11vfg_173","Avatar--medium-l--size-l":"_Avatar--medium-l--size-l_11vfg_177","Avatar--medium-l--size-xl":"_Avatar--medium-l--size-xl_11vfg_181","Avatar--medium-l--size-24":"_Avatar--medium-l--size-24_11vfg_185","Avatar--medium-l--size-32":"_Avatar--medium-l--size-32_11vfg_189","Avatar--medium-l--size-48":"_Avatar--medium-l--size-48_11vfg_193","Avatar--medium-l--size-64":"_Avatar--medium-l--size-64_11vfg_197","Avatar--medium-l--size-96":"_Avatar--medium-l--size-96_11vfg_201","Avatar--medium-l--size-160":"_Avatar--medium-l--size-160_11vfg_205","Avatar--wide-s--size-2xs":"_Avatar--wide-s--size-2xs_11vfg_211","Avatar--wide-s--size-xs":"_Avatar--wide-s--size-xs_11vfg_215","Avatar--wide-s--size-s":"_Avatar--wide-s--size-s_11vfg_219","Avatar--wide-s--size-m":"_Avatar--wide-s--size-m_11vfg_223","Avatar--wide-s--size-l":"_Avatar--wide-s--size-l_11vfg_227","Avatar--wide-s--size-xl":"_Avatar--wide-s--size-xl_11vfg_231","Avatar--wide-s--size-24":"_Avatar--wide-s--size-24_11vfg_235","Avatar--wide-s--size-32":"_Avatar--wide-s--size-32_11vfg_239","Avatar--wide-s--size-48":"_Avatar--wide-s--size-48_11vfg_243","Avatar--wide-s--size-64":"_Avatar--wide-s--size-64_11vfg_247","Avatar--wide-s--size-96":"_Avatar--wide-s--size-96_11vfg_251","Avatar--wide-s--size-160":"_Avatar--wide-s--size-160_11vfg_255","Avatar--wide-l--size-2xs":"_Avatar--wide-l--size-2xs_11vfg_261","Avatar--wide-l--size-xs":"_Avatar--wide-l--size-xs_11vfg_265","Avatar--wide-l--size-s":"_Avatar--wide-l--size-s_11vfg_269","Avatar--wide-l--size-m":"_Avatar--wide-l--size-m_11vfg_273","Avatar--wide-l--size-l":"_Avatar--wide-l--size-l_11vfg_277","Avatar--wide-l--size-xl":"_Avatar--wide-l--size-xl_11vfg_281","Avatar--wide-l--size-24":"_Avatar--wide-l--size-24_11vfg_285","Avatar--wide-l--size-32":"_Avatar--wide-l--size-32_11vfg_289","Avatar--wide-l--size-48":"_Avatar--wide-l--size-48_11vfg_293","Avatar--wide-l--size-64":"_Avatar--wide-l--size-64_11vfg_297","Avatar--wide-l--size-96":"_Avatar--wide-l--size-96_11vfg_301","Avatar--wide-l--size-160":"_Avatar--wide-l--size-160_11vfg_305","Avatar--round":"_Avatar--round_11vfg_310"},i=({size:a=f,round:r,src:t,alt:_="",dataset:v})=>{const A=r??!0,d={className:l(g,s.Avatar,[m("size",a),z("round",void 0,A)]).join(" "),...n(v,{preplyDsComponent:s.Avatar})};return e.jsx("picture",{...d,children:e.jsx("img",{src:t||o,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.stories-DkCGZst6.js

@@ -0,0 +1 @@
+import{j as r}from"./jsx-runtime-CKrituN3.js";import{A as s}from"./Avatar-NseJJH9V.js";import{S as E}from"./StoryContextDSWeb-Cq8y4KZ8.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./classNames-Dz8Jm24I.js";import"./componentNames-Bs6if0Kd.js";import"./constants--ewUoBsO.js";import"./StorybookGlobalStyle-A7XGldSX.js";import"./styled-components.browser.esm-D7-R-tx8.js";import"./RootProvider-CcBxia7g.js";import"./useTheme-BjN7KXjq.js";const J={title:"components/Avatar",component:s,decorators:[k=>r.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:r.jsx(E,{theme:"tokyo-ui",children:k()})})]},a=()=>r.jsx(s,{size:"160"}),e=()=>r.jsx(s,{src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",size:"96"}),t=()=>r.jsx(s,{src:"./web-lib/src/components/Avatar/docs/static/avatar-2.png",size:"64"}),o=()=>r.jsx(s,{src:"./web-lib/src/components/Avatar/docs/static/avatar-3.png",size:"48"}),c=()=>r.jsx(s,{src:"./web-lib/src/components/Avatar/docs/static/avatar-4.png",size:"32"}),i=()=>r.jsx(s,{src:"./web-lib/src/components/Avatar/docs/static/avatar-5.png",size:"24"});var p,m,n;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:'() => <Avatar size="160" />',...(n=(m=a.parameters)==null?void 0:m.docs)==null?void 0:n.source}}};var d,v,z;e.parameters={...e.parameters,docs:{...(d=e.parameters)==null?void 0:d.docs,source:{originalSource:'() => <Avatar src="./web-lib/src/components/Avatar/docs/static/avatar-1.png" size="96" />',...(z=(v=e.parameters)==null?void 0:v.docs)==null?void 0:z.source}}};var u,b,l;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:'() => <Avatar src="./web-lib/src/components/Avatar/docs/static/avatar-2.png" size="64" />',...(l=(b=t.parameters)==null?void 0:b.docs)==null?void 0:l.source}}};var S,A,g;o.parameters={...o.parameters,docs:{...(S=o.parameters)==null?void 0:S.docs,source:{originalSource:'() => <Avatar src="./web-lib/src/components/Avatar/docs/static/avatar-3.png" size="48" />',...(g=(A=o.parameters)==null?void 0:A.docs)==null?void 0:g.source}}};var x,j,w;c.parameters={...c.parameters,docs:{...(x=c.parameters)==null?void 0:x.docs,source:{originalSource:'() => <Avatar src="./web-lib/src/components/Avatar/docs/static/avatar-4.png" size="32" />',...(w=(j=c.parameters)==null?void 0:j.docs)==null?void 0:w.source}}};var f,h,y;i.parameters={...i.parameters,docs:{...(f=i.parameters)==null?void 0:f.docs,source:{originalSource:'() => <Avatar src="./web-lib/src/components/Avatar/docs/static/avatar-5.png" size="24" />',...(y=(h=i.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};const K=["Size160","Size96","Size64","Size48","Size32","Size24"];export{a as Size160,i as Size24,c as Size32,o as Size48,t as Size64,e as Size96,K as __namedExportsOrder,J as default};

package/dist/assets/AvatarWithStatus-CV5oNRX5.css

@@ -0,0 +1 @@
+._AvatarWithStatus_jf2j1_3{display:inline-block;position:relative}._AvatarWithStatus--indicator_jf2j1_7{position:absolute;border-style:solid;border-radius:var(--0cf20e);border-width:var(--4a76d7);border-color:var(--e5a39b);background-color:var(--a95a51)}._AvatarWithStatus--online_jf2j1_15 ._AvatarWithStatus--indicator_jf2j1_7{background-color:var(--62b71e)}._AvatarWithStatus--size-2xs_jf2j1_18 ._AvatarWithStatus--indicator_jf2j1_7{width:var(--1cea5a);height:var(--1cea5a);right:var(--4b2086);bottom:var(--4b2086)}._AvatarWithStatus--size-xs_jf2j1_24 ._AvatarWithStatus--indicator_jf2j1_7{width:var(--540610);height:var(--540610);right:var(--20c0b1);bottom:var(--20c0b1)}._AvatarWithStatus--size-m_jf2j1_30 ._AvatarWithStatus--indicator_jf2j1_7{width:var(--8f1e94);height:var(--8f1e94);right:var(--705050);bottom:var(--705050)}._AvatarWithStatus--size-xl_jf2j1_36 ._AvatarWithStatus--indicator_jf2j1_7{width:var(--bdf712);height:var(--bdf712);right:var(--3b13f1);bottom:var(--3b13f1)}._AvatarWithStatus--size-64_jf2j1_42 ._AvatarWithStatus--indicator_jf2j1_7{width:var(--7d9a55);height:var(--7d9a55);right:var(--3e174a);bottom:var(--3e174a)}._AvatarWithStatus--size-96_jf2j1_48 ._AvatarWithStatus--indicator_jf2j1_7{width:var(--7d3ab7);height:var(--7d3ab7);right:var(--bd3f63);bottom:var(--bd3f63)}._AvatarWithStatus--size-160_jf2j1_54 ._AvatarWithStatus--indicator_jf2j1_7{width:var(--523f7d);height:var(--523f7d);right:var(--23067e);bottom:var(--23067e)}

package/dist/assets/AvatarWithStatus.stories-0MqYK9Ln.js

@@ -0,0 +1,6 @@
+import{j as t}from"./jsx-runtime-CKrituN3.js";import{A as S}from"./Avatar-NseJJH9V.js";import{m as j,b as W,s as x,c as y,A as z}from"./classNames-Dz8Jm24I.js";import{w as r,g}from"./componentNames-Bs6if0Kd.js";import{S as N}from"./StoryContextDSWeb-Cq8y4KZ8.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./constants--ewUoBsO.js";import"./StorybookGlobalStyle-A7XGldSX.js";import"./styled-components.browser.esm-D7-R-tx8.js";import"./RootProvider-CcBxia7g.js";import"./useTheme-BjN7KXjq.js";const b="_AvatarWithStatus_jf2j1_3",n={AvatarWithStatus:b,"AvatarWithStatus--indicator":"_AvatarWithStatus--indicator_jf2j1_7","AvatarWithStatus--online":"_AvatarWithStatus--online_jf2j1_15","AvatarWithStatus--size-2xs":"_AvatarWithStatus--size-2xs_jf2j1_18","AvatarWithStatus--size-xs":"_AvatarWithStatus--size-xs_jf2j1_24","AvatarWithStatus--size-m":"_AvatarWithStatus--size-m_jf2j1_30","AvatarWithStatus--size-xl":"_AvatarWithStatus--size-xl_jf2j1_36","AvatarWithStatus--size-64":"_AvatarWithStatus--size-64_jf2j1_42","AvatarWithStatus--size-96":"_AvatarWithStatus--size-96_jf2j1_48","AvatarWithStatus--size-160":"_AvatarWithStatus--size-160_jf2j1_54"},a=({online:e=!1,size:o=z,dataset:f,...h})=>{const _=j(n,r.AvatarWithStatus,[W("online",void 0,e),x("size",o)]),v=[...y(n,r.AvatarWithStatus,["indicator"])],A={className:_.join(" "),...g(f,{preplyDsComponent:r.AvatarWithStatus})};return t.jsxs("div",{...A,children:[t.jsx("span",{className:v.join(" ")}),t.jsx("div",{children:t.jsx(S,{...h,size:o})})]})};try{a.displayName="AvatarWithStatus",a.__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:a,decorators:[e=>t.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:t.jsx(N,{theme:"tokyo-ui",children:e()})})]},s=()=>t.jsx(a,{online:!0}),i=()=>t.jsx(a,{online:!1});var l,u,d;s.parameters={...s.parameters,docs:{...(l=s.parameters)==null?void 0:l.docs,source:{originalSource:"() => <AvatarWithStatus online />",...(d=(u=s.parameters)==null?void 0:u.docs)==null?void 0:d.source}}};var m,c,p;i.parameters={...i.parameters,docs:{...(m=i.parameters)==null?void 0:m.docs,source:{originalSource:"() => <AvatarWithStatus online={false} />",...(p=(c=i.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};const F=["Online","Offline"];export{i as Offline,s as Online,F as __namedExportsOrder,k as default};

package/dist/assets/Badge-In2DaV0l.css

@@ -0,0 +1 @@
+._badge_17l64_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_17l64_2[data-size=small]{height:var(--76ac8f);font-size:var(--e3a55b);font-weight:var(--8cd94c);line-height:var(--732f40)}._badge_17l64_2[data-size=medium]{height:var(--f316e1);font-size:var(--fdb733);font-weight:var(--9643c1);line-height:var(--754361)}._badge_17l64_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_17l64_2[data-type=neutral]{background:var(--319b29)}._badge_17l64_2[data-type=positive]{background:var(--1836a4)}._badge_17l64_2[data-type=warning]{background:var(--b503b8)}._badge_17l64_2[data-type=info]{background:var(--94a45e)}._badge_17l64_2[data-type=critical]{background:var(--f15644)}._badge_17l64_2[data-accent=unset]{color:var(--c9575b);background-color:var(--8f1238)}._badge_17l64_2[data-accent=unset][data-inverted=true]{color:var(--55407f);background-color:var(--7c8c3c)}._badge_17l64_2[data-accent=accent]{color:var(--dede3f);background-color:var(--eba8f8)}._badge_17l64_2[data-accent=accent][data-inverted=true]{color:var(--732eb5);background-color:var(--54c075)}._badge_17l64_2[data-accent=info]{color:var(--f3be0c);background-color:var(--7a1a33)}._badge_17l64_2[data-accent=info][data-inverted=true]{color:var(--506df4);background-color:var(--fa3428)}._badge_17l64_2[data-accent=positive]{color:var(--2a2719);background-color:var(--694afa)}._badge_17l64_2[data-accent=positive][data-inverted=true]{color:var(--30c365);background-color:var(--47c404)}._badge_17l64_2[data-accent=warning]{color:var(--84e571);background-color:var(--02372a)}._badge_17l64_2[data-accent=warning][data-inverted=true]{color:var(--363237);background-color:var(--08fa29)}._badge_17l64_2[data-accent=critical]{color:var(--036159);background-color:var(--22f022)}._badge_17l64_2[data-accent=critical][data-inverted=true]{color:var(--90eeff);background-color:var(--cdb1f6)}._badge_17l64_2[data-accent=tertiary]{color:var(--d7e14c);background-color:var(--a453d7)}._badge_17l64_2[data-accent=tertiary][data-inverted=true]{color:var(--ab5158);background-color:var(--50e919)}

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

@@ -0,0 +1,102 @@
+import{j as e}from"./jsx-runtime-CKrituN3.js";import{F as p,a as z,b as f,c as h,d as v}from"./TokyoUITag-CboZumAY.js";import{L as i}from"./LayoutFlex-9QKUN_c3.js";import{I as X}from"./Icon-BqBV3_9d.js";import{g as Y,w as Z}from"./componentNames-Bs6if0Kd.js";import{S as ee}from"./StoryContextDSWeb-Cq8y4KZ8.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./layout-relative-B5pEjYWG.js";import"./classNames-Dz8Jm24I.js";import"./constants-DYYVurUY.js";import"./text-accent-DdHX3rNs.js";import"./render-icon-DsMGBPwY.js";import"./StorybookGlobalStyle-A7XGldSX.js";import"./styled-components.browser.esm-D7-R-tx8.js";import"./RootProvider-CcBxia7g.js";import"./useTheme-BjN7KXjq.js";const ae="_badge_17l64_2",ne={badge:ae},ie=n=>{switch(n){case"xs":return"small";case"s":return"medium";case"m":return"large";default:return n}},a=({type:n="neutral",size:u="medium",leadingSvgIcon:y,dataset:H,children:J,accent:B,inverted:I})=>{const x=ie(u),s={...H,size:x};B===void 0&&I===void 0?s.type=n:(s.accent=B||"unset",s.inverted=!!I);const K=Y(s,{preplyDsComponent:Z.Badge}),Q=n==="neutral"?"primary":n;return e.jsxs("span",{...K,className:ne.badge,children:[!!y&&x!=="small"&&e.jsx(X,{accent:Q,size:u==="large"?"24":"16",svg:y}),J]})};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:'"critical" | "positive" | "info" | "warning" | "neutral" | 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 he={title:"components/Badge",component:a,decorators:[n=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(ee,{theme:"tokyo-ui",children:n()})})],args:{type:"neutral",size:"medium"}},r=n=>e.jsx(a,{...n,children:"Badge"});r.args={type:"neutral",size:"medium",leadingSvgIcon:p,children:"Badge"};const t=()=>e.jsxs(i,{gap:"16",alignItems:"center",children:[e.jsx(a,{type:"info",size:"small",children:"Small"}),e.jsx(a,{type:"info",size:"medium",children:"Medium"}),e.jsx(a,{type:"info",size:"large",children:"Large"})]}),d=()=>e.jsxs(i,{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"})]}),o=()=>e.jsxs(i,{gap:"16",alignItems:"center",children:[e.jsx(a,{type:"neutral",size:"small",children:"Small"}),e.jsx(a,{type:"neutral",size:"medium",children:"Medium"}),e.jsx(a,{type:"neutral",size:"medium",leadingSvgIcon:p,children:"Medium + Icon"}),e.jsx(a,{type:"neutral",size:"large",children:"Large"}),e.jsx(a,{type:"neutral",size:"large",leadingSvgIcon:p,children:"Large + Icon"})]}),l=()=>e.jsxs(i,{gap:"16",alignItems:"center",children:[e.jsx(a,{type:"positive",size:"small",children:"Small"}),e.jsx(a,{type:"positive",size:"medium",children:"Medium"}),e.jsx(a,{type:"positive",size:"medium",leadingSvgIcon:z,children:"Medium + Icon"}),e.jsx(a,{type:"positive",size:"large",children:"Large"}),e.jsx(a,{type:"positive",size:"large",leadingSvgIcon:z,children:"Large + Icon"})]}),g=()=>e.jsxs(i,{gap:"16",alignItems:"center",children:[e.jsx(a,{type:"info",size:"small",children:"Small"}),e.jsx(a,{type:"info",size:"medium",children:"Medium"}),e.jsx(a,{type:"info",size:"medium",leadingSvgIcon:f,children:"Medium + Icon"}),e.jsx(a,{type:"info",size:"large",children:"Large"}),e.jsx(a,{type:"info",size:"large",leadingSvgIcon:f,children:"Large + Icon"})]}),c=()=>e.jsxs(i,{gap:"16",alignItems:"center",children:[e.jsx(a,{type:"warning",size:"small",children:"Small"}),e.jsx(a,{type:"warning",size:"medium",children:"Medium"}),e.jsx(a,{type:"warning",size:"medium",leadingSvgIcon:h,children:"Medium + Icon"}),e.jsx(a,{type:"warning",size:"large",children:"Large"}),e.jsx(a,{type:"warning",size:"large",leadingSvgIcon:h,children:"Large + Icon"})]}),m=()=>e.jsxs(i,{gap:"16",alignItems:"center",children:[e.jsx(a,{type:"critical",size:"small",children:"Small"}),e.jsx(a,{type:"critical",size:"medium",children:"Medium"}),e.jsx(a,{type:"critical",size:"medium",leadingSvgIcon:v,children:"Medium + Icon"}),e.jsx(a,{type:"critical",size:"large",children:"Large"}),e.jsx(a,{type:"critical",size:"large",leadingSvgIcon:v,children:"Large + Icon"})]});var S,j,L;r.parameters={...r.parameters,docs:{...(S=r.parameters)==null?void 0:S.docs,source:{originalSource:"args => <Badge {...args}>Badge</Badge>",...(L=(j=r.parameters)==null?void 0:j.docs)==null?void 0:L.source}}};var T,w,M;t.parameters={...t.parameters,docs:{...(T=t.parameters)==null?void 0:T.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
+        <Badge type="info" size="small">
+            Small
+        </Badge>
+        <Badge type="info" size="medium">
+            Medium
+        </Badge>
+        <Badge type="info" size="large">
+            Large
+        </Badge>
+    </LayoutFlex>`,...(M=(w=t.parameters)==null?void 0:w.docs)==null?void 0:M.source}}};var F,k,U;d.parameters={...d.parameters,docs:{...(F=d.parameters)==null?void 0:F.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=(k=d.parameters)==null?void 0:k.docs)==null?void 0:U.source}}};var b,_,C;o.parameters={...o.parameters,docs:{...(b=o.parameters)==null?void 0:b.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
+        <Badge type="neutral" size="small">
+            Small
+        </Badge>
+        <Badge type="neutral" size="medium">
+            Medium
+        </Badge>
+        <Badge type="neutral" size="medium" leadingSvgIcon={TokyoUITag}>
+            Medium + Icon
+        </Badge>
+        <Badge type="neutral" size="large">
+            Large
+        </Badge>
+        <Badge type="neutral" size="large" leadingSvgIcon={TokyoUITag}>
+            Large + Icon
+        </Badge>
+    </LayoutFlex>`,...(C=(_=o.parameters)==null?void 0:_.docs)==null?void 0:C.source}}};var N,V,q;l.parameters={...l.parameters,docs:{...(N=l.parameters)==null?void 0:N.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
+        <Badge type="positive" size="small">
+            Small
+        </Badge>
+        <Badge type="positive" size="medium">
+            Medium
+        </Badge>
+        <Badge type="positive" size="medium" leadingSvgIcon={TokyoUICheckmark}>
+            Medium + Icon
+        </Badge>
+        <Badge type="positive" size="large">
+            Large
+        </Badge>
+        <Badge type="positive" size="large" leadingSvgIcon={TokyoUICheckmark}>
+            Large + Icon
+        </Badge>
+    </LayoutFlex>`,...(q=(V=l.parameters)==null?void 0:V.docs)==null?void 0:q.source}}};var E,W,R;g.parameters={...g.parameters,docs:{...(E=g.parameters)==null?void 0:E.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
+        <Badge type="info" size="small">
+            Small
+        </Badge>
+        <Badge type="info" size="medium">
+            Medium
+        </Badge>
+        <Badge type="info" size="medium" leadingSvgIcon={TokyoUIInfo}>
+            Medium + Icon
+        </Badge>
+        <Badge type="info" size="large">
+            Large
+        </Badge>
+        <Badge type="info" size="large" leadingSvgIcon={TokyoUIInfo}>
+            Large + Icon
+        </Badge>
+    </LayoutFlex>`,...(R=(W=g.parameters)==null?void 0:W.docs)==null?void 0:R.source}}};var D,P,$;c.parameters={...c.parameters,docs:{...(D=c.parameters)==null?void 0:D.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
+        <Badge type="warning" size="small">
+            Small
+        </Badge>
+        <Badge type="warning" size="medium">
+            Medium
+        </Badge>
+        <Badge type="warning" size="medium" leadingSvgIcon={TokyoUIErrorWarning}>
+            Medium + Icon
+        </Badge>
+        <Badge type="warning" size="large">
+            Large
+        </Badge>
+        <Badge type="warning" size="large" leadingSvgIcon={TokyoUIErrorWarning}>
+            Large + Icon
+        </Badge>
+    </LayoutFlex>`,...($=(P=c.parameters)==null?void 0:P.docs)==null?void 0:$.source}}};var A,O,G;m.parameters={...m.parameters,docs:{...(A=m.parameters)==null?void 0:A.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
+        <Badge type="critical" size="small">
+            Small
+        </Badge>
+        <Badge type="critical" size="medium">
+            Medium
+        </Badge>
+        <Badge type="critical" size="medium" leadingSvgIcon={TokyoUIError}>
+            Medium + Icon
+        </Badge>
+        <Badge type="critical" size="large">
+            Large
+        </Badge>
+        <Badge type="critical" size="large" leadingSvgIcon={TokyoUIError}>
+            Large + Icon
+        </Badge>
+    </LayoutFlex>`,...(G=(O=m.parameters)==null?void 0:O.docs)==null?void 0:G.source}}};const ve=["Base","Sizes","Types","Neutral","Positive","Info","Warning","Critical"];export{r as Base,m as Critical,g as Info,o as Neutral,l as Positive,t as Sizes,d as Types,c as Warning,ve as __namedExportsOrder,he as default};

package/dist/assets/Box-C3U0bcxr.css

@@ -0,0 +1 @@
+._Box_1bhvj_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_1bhvj_16{border-radius:var(--84e079)}._Box--box-radius-m_1bhvj_19{border-radius:var(--1c37d5)}._Box--box-radius-l_1bhvj_22{border-radius:var(--9e57e5)}._Box--box-radius-0_1bhvj_34{border-radius:var(--adc668)}._Box--box-radius-2_1bhvj_25{border-radius:var(--9817c7)}._Box--box-radius-4_1bhvj_28{border-radius:var(--7dcb5e)}._Box--box-radius-8_1bhvj_31{border-radius:var(--2071ea)}._Box--box-radius-12_1bhvj_46{border-radius:var(--c1925d)}._Box--box-radius-16_1bhvj_49{border-radius:var(--f3f949)}._Box--box-radius-24_1bhvj_52{border-radius:var(--67250f)}._Box--box-radius-32_1bhvj_55{border-radius:var(--fba602)}._Box--box-radius-48_1bhvj_58{border-radius:var(--f8b939)}._Box--box-radius-64_1bhvj_61{border-radius:var(--4d9939)}._Box--box-radius-96_1bhvj_64{border-radius:var(--a78cb4)}._Box--box-radius-160_1bhvj_67{border-radius:var(--439947)}@media (min-width: 400px){._Box--narrow-l--box-radius-none_1bhvj_71{border-radius:var(--84e079)}._Box--narrow-l--box-radius-m_1bhvj_74{border-radius:var(--1c37d5)}._Box--narrow-l--box-radius-l_1bhvj_77{border-radius:var(--9e57e5)}._Box--narrow-l--box-radius-0_1bhvj_89{border-radius:var(--adc668)}._Box--narrow-l--box-radius-2_1bhvj_80{border-radius:var(--9817c7)}._Box--narrow-l--box-radius-4_1bhvj_83{border-radius:var(--7dcb5e)}._Box--narrow-l--box-radius-8_1bhvj_86{border-radius:var(--2071ea)}._Box--narrow-l--box-radius-12_1bhvj_101{border-radius:var(--c1925d)}._Box--narrow-l--box-radius-16_1bhvj_104{border-radius:var(--f3f949)}._Box--narrow-l--box-radius-24_1bhvj_107{border-radius:var(--67250f)}._Box--narrow-l--box-radius-32_1bhvj_110{border-radius:var(--fba602)}._Box--narrow-l--box-radius-48_1bhvj_113{border-radius:var(--f8b939)}._Box--narrow-l--box-radius-64_1bhvj_116{border-radius:var(--4d9939)}._Box--narrow-l--box-radius-96_1bhvj_119{border-radius:var(--a78cb4)}._Box--narrow-l--box-radius-160_1bhvj_122{border-radius:var(--439947)}}@media (min-width: 700px){._Box--medium-s--box-radius-none_1bhvj_127{border-radius:var(--84e079)}._Box--medium-s--box-radius-m_1bhvj_130{border-radius:var(--1c37d5)}._Box--medium-s--box-radius-l_1bhvj_133{border-radius:var(--9e57e5)}._Box--medium-s--box-radius-0_1bhvj_145{border-radius:var(--adc668)}._Box--medium-s--box-radius-2_1bhvj_136{border-radius:var(--9817c7)}._Box--medium-s--box-radius-4_1bhvj_139{border-radius:var(--7dcb5e)}._Box--medium-s--box-radius-8_1bhvj_142{border-radius:var(--2071ea)}._Box--medium-s--box-radius-12_1bhvj_157{border-radius:var(--c1925d)}._Box--medium-s--box-radius-16_1bhvj_160{border-radius:var(--f3f949)}._Box--medium-s--box-radius-24_1bhvj_163{border-radius:var(--67250f)}._Box--medium-s--box-radius-32_1bhvj_166{border-radius:var(--fba602)}._Box--medium-s--box-radius-48_1bhvj_169{border-radius:var(--f8b939)}._Box--medium-s--box-radius-64_1bhvj_172{border-radius:var(--4d9939)}._Box--medium-s--box-radius-96_1bhvj_175{border-radius:var(--a78cb4)}._Box--medium-s--box-radius-160_1bhvj_178{border-radius:var(--439947)}}@media (min-width: 880px){._Box--medium-l--box-radius-none_1bhvj_183{border-radius:var(--84e079)}._Box--medium-l--box-radius-m_1bhvj_186{border-radius:var(--1c37d5)}._Box--medium-l--box-radius-l_1bhvj_189{border-radius:var(--9e57e5)}._Box--medium-l--box-radius-0_1bhvj_201{border-radius:var(--adc668)}._Box--medium-l--box-radius-2_1bhvj_192{border-radius:var(--9817c7)}._Box--medium-l--box-radius-4_1bhvj_195{border-radius:var(--7dcb5e)}._Box--medium-l--box-radius-8_1bhvj_198{border-radius:var(--2071ea)}._Box--medium-l--box-radius-12_1bhvj_213{border-radius:var(--c1925d)}._Box--medium-l--box-radius-16_1bhvj_216{border-radius:var(--f3f949)}._Box--medium-l--box-radius-24_1bhvj_219{border-radius:var(--67250f)}._Box--medium-l--box-radius-32_1bhvj_222{border-radius:var(--fba602)}._Box--medium-l--box-radius-48_1bhvj_225{border-radius:var(--f8b939)}._Box--medium-l--box-radius-64_1bhvj_228{border-radius:var(--4d9939)}._Box--medium-l--box-radius-96_1bhvj_231{border-radius:var(--a78cb4)}._Box--medium-l--box-radius-160_1bhvj_234{border-radius:var(--439947)}}@media (min-width: 1200px){._Box--wide-s--box-radius-none_1bhvj_239{border-radius:var(--84e079)}._Box--wide-s--box-radius-m_1bhvj_242{border-radius:var(--1c37d5)}._Box--wide-s--box-radius-l_1bhvj_245{border-radius:var(--9e57e5)}._Box--wide-s--box-radius-0_1bhvj_257{border-radius:var(--adc668)}._Box--wide-s--box-radius-2_1bhvj_248{border-radius:var(--9817c7)}._Box--wide-s--box-radius-4_1bhvj_251{border-radius:var(--7dcb5e)}._Box--wide-s--box-radius-8_1bhvj_254{border-radius:var(--2071ea)}._Box--wide-s--box-radius-12_1bhvj_269{border-radius:var(--c1925d)}._Box--wide-s--box-radius-16_1bhvj_272{border-radius:var(--f3f949)}._Box--wide-s--box-radius-24_1bhvj_275{border-radius:var(--67250f)}._Box--wide-s--box-radius-32_1bhvj_278{border-radius:var(--fba602)}._Box--wide-s--box-radius-48_1bhvj_281{border-radius:var(--f8b939)}._Box--wide-s--box-radius-64_1bhvj_284{border-radius:var(--4d9939)}._Box--wide-s--box-radius-96_1bhvj_287{border-radius:var(--a78cb4)}._Box--wide-s--box-radius-160_1bhvj_290{border-radius:var(--439947)}}@media (min-width: 1900px){._Box--wide-l--box-radius-none_1bhvj_295{border-radius:var(--84e079)}._Box--wide-l--box-radius-m_1bhvj_298{border-radius:var(--1c37d5)}._Box--wide-l--box-radius-l_1bhvj_301{border-radius:var(--9e57e5)}._Box--wide-l--box-radius-0_1bhvj_313{border-radius:var(--adc668)}._Box--wide-l--box-radius-2_1bhvj_304{border-radius:var(--9817c7)}._Box--wide-l--box-radius-4_1bhvj_307{border-radius:var(--7dcb5e)}._Box--wide-l--box-radius-8_1bhvj_310{border-radius:var(--2071ea)}._Box--wide-l--box-radius-12_1bhvj_325{border-radius:var(--c1925d)}._Box--wide-l--box-radius-16_1bhvj_328{border-radius:var(--f3f949)}._Box--wide-l--box-radius-24_1bhvj_331{border-radius:var(--67250f)}._Box--wide-l--box-radius-32_1bhvj_334{border-radius:var(--fba602)}._Box--wide-l--box-radius-48_1bhvj_337{border-radius:var(--f8b939)}._Box--wide-l--box-radius-64_1bhvj_340{border-radius:var(--4d9939)}._Box--wide-l--box-radius-96_1bhvj_343{border-radius:var(--a78cb4)}._Box--wide-l--box-radius-160_1bhvj_346{border-radius:var(--439947)}}._Box--background-white_1bhvj_350{background-color:var(--145676)}._Box--background-gray-100_1bhvj_353{background-color:var(--55407f)}._Box--background-gray-200_1bhvj_356{background-color:var(--8f1238)}._Box--background-gray-300_1bhvj_359{background-color:var(--da403c)}._Box--background-gray-400_1bhvj_362{background-color:var(--7c8c3c)}._Box--background-gray-500_1bhvj_365{background-color:var(--c9575b)}._Box--background-gray-600_1bhvj_368{background-color:var(--2fb6f7)}._Box--background-teal-100_1bhvj_371{background-color:var(--54ed1d)}._Box--background-teal-200_1bhvj_374{background-color:var(--b706bf)}._Box--background-teal-300_1bhvj_377{background-color:var(--4adefb)}._Box--background-teal-400_1bhvj_380{background-color:var(--de8a40)}._Box--background-teal-500_1bhvj_383{background-color:var(--574543)}._Box--background-green-100_1bhvj_386{background-color:var(--1383a7)}._Box--background-green-200_1bhvj_389{background-color:var(--9f1066)}._Box--background-green-300_1bhvj_392{background-color:var(--d4cf94)}._Box--background-green-400_1bhvj_395{background-color:var(--bbfa9f)}._Box--background-green-500_1bhvj_398{background-color:var(--5f8b30)}._Box--background-yellow-100_1bhvj_401{background-color:var(--c7d8be)}._Box--background-yellow-200_1bhvj_404{background-color:var(--17bab8)}._Box--background-yellow-300_1bhvj_407{background-color:var(--f017e5)}._Box--background-yellow-400_1bhvj_410{background-color:var(--2242ed)}._Box--background-yellow-500_1bhvj_413{background-color:var(--e40de4)}._Box--background-red-100_1bhvj_416{background-color:var(--ecb5d5)}._Box--background-red-200_1bhvj_419{background-color:var(--5b5cb0)}._Box--background-red-300_1bhvj_422{background-color:var(--d55c71)}._Box--background-red-400_1bhvj_425{background-color:var(--4e47fe)}._Box--background-red-500_1bhvj_428{background-color:var(--3e7877)}._Box--background-blue-100_1bhvj_431{background-color:var(--21906f)}._Box--background-blue-200_1bhvj_434{background-color:var(--5d87f3)}._Box--background-blue-300_1bhvj_437{background-color:var(--201e14)}._Box--background-blue-400_1bhvj_440{background-color:var(--e1c27c)}._Box--background-blue-500_1bhvj_443{background-color:var(--6a1420)}._Box--background-magenta-100_1bhvj_446{background-color:var(--1a9963)}._Box--background-magenta-200_1bhvj_449{background-color:var(--b774df)}._Box--background-magenta-300_1bhvj_452{background-color:var(--f72cdd)}._Box--background-magenta-400_1bhvj_455{background-color:var(--6cbd80)}._Box--background-magenta-500_1bhvj_458{background-color:var(--5893e7)}._Box--background-primary_1bhvj_461{background-color:var(--3546c3)}._Box--background-secondary_1bhvj_464{background-color:var(--302ecf)}._Box--background-tertiary_1bhvj_467{background-color:var(--a5c761)}._Box--background-overlay_1bhvj_470{background-color:var(--02a0d5)}._Box--background-disabled_1bhvj_473{background-color:var(--319b29)}._Box--background-brand_1bhvj_476{background-color:var(--cd91ab)}._Box--background-brandB2b_1bhvj_479{background-color:var(--706789)}._Box--background-accentLight_1bhvj_482{background-color:var(--560eda)}._Box--background-accentDark_1bhvj_485{background-color:var(--e4c520)}._Box--background-positiveLight_1bhvj_488{background-color:var(--1836a4)}._Box--background-positiveDark_1bhvj_491{background-color:var(--ae7f1f)}._Box--background-infoLight_1bhvj_494{background-color:var(--94a45e)}._Box--background-infoDark_1bhvj_497{background-color:var(--79dffb)}._Box--background-warningLight_1bhvj_500{background-color:var(--b503b8)}._Box--background-warningDark_1bhvj_503{background-color:var(--34fc43)}._Box--background-criticalLight_1bhvj_506{background-color:var(--f15644)}._Box--background-criticalDark_1bhvj_509{background-color:var(--87fcf8)}._Box--background-statusOnline_1bhvj_512{background-color:var(--cbc115)}._Box--background-statusOffline_1bhvj_515{background-color:var(--7ff085)}._Box--background-primaryInverted_1bhvj_518{background-color:var(--4983fe)}._Box--background-secondaryInverted_1bhvj_521{background-color:var(--19649f)}._Box--background-tertiaryInverted_1bhvj_524{background-color:var(--a469f2)}

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

@@ -0,0 +1,12 @@
+import{j as o}from"./jsx-runtime-CKrituN3.js";import{H as h}from"./Heading-BAzUrxgJ.js";import{L as v}from"./LayoutFlex-9QKUN_c3.js";import{T as j}from"./Text-D0yjn65U.js";import{g as k}from"./layout-relative-B5pEjYWG.js";import{m as w,s as x,e as p,f as y,L as f}from"./classNames-Dz8Jm24I.js";import{w as i,g as L}from"./componentNames-Bs6if0Kd.js";import{S as D}from"./StoryContextDSWeb-Cq8y4KZ8.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./text-accent-DdHX3rNs.js";import"./text-centered-K6plBJwT.js";import"./constants-DYYVurUY.js";import"./StorybookGlobalStyle-A7XGldSX.js";import"./styled-components.browser.esm-D7-R-tx8.js";import"./RootProvider-CcBxia7g.js";import"./useTheme-BjN7KXjq.js";const N="_Box_1bhvj_4",C={Box:N,"Box--box-radius-none":"_Box--box-radius-none_1bhvj_16","Box--box-radius-m":"_Box--box-radius-m_1bhvj_19","Box--box-radius-l":"_Box--box-radius-l_1bhvj_22","Box--box-radius-2":"_Box--box-radius-2_1bhvj_25","Box--box-radius-4":"_Box--box-radius-4_1bhvj_28","Box--box-radius-8":"_Box--box-radius-8_1bhvj_31","Box--box-radius-0":"_Box--box-radius-0_1bhvj_34","Box--box-radius-12":"_Box--box-radius-12_1bhvj_46","Box--box-radius-16":"_Box--box-radius-16_1bhvj_49","Box--box-radius-24":"_Box--box-radius-24_1bhvj_52","Box--box-radius-32":"_Box--box-radius-32_1bhvj_55","Box--box-radius-48":"_Box--box-radius-48_1bhvj_58","Box--box-radius-64":"_Box--box-radius-64_1bhvj_61","Box--box-radius-96":"_Box--box-radius-96_1bhvj_64","Box--box-radius-160":"_Box--box-radius-160_1bhvj_67","Box--narrow-l--box-radius-none":"_Box--narrow-l--box-radius-none_1bhvj_71","Box--narrow-l--box-radius-m":"_Box--narrow-l--box-radius-m_1bhvj_74","Box--narrow-l--box-radius-l":"_Box--narrow-l--box-radius-l_1bhvj_77","Box--narrow-l--box-radius-2":"_Box--narrow-l--box-radius-2_1bhvj_80","Box--narrow-l--box-radius-4":"_Box--narrow-l--box-radius-4_1bhvj_83","Box--narrow-l--box-radius-8":"_Box--narrow-l--box-radius-8_1bhvj_86","Box--narrow-l--box-radius-0":"_Box--narrow-l--box-radius-0_1bhvj_89","Box--narrow-l--box-radius-12":"_Box--narrow-l--box-radius-12_1bhvj_101","Box--narrow-l--box-radius-16":"_Box--narrow-l--box-radius-16_1bhvj_104","Box--narrow-l--box-radius-24":"_Box--narrow-l--box-radius-24_1bhvj_107","Box--narrow-l--box-radius-32":"_Box--narrow-l--box-radius-32_1bhvj_110","Box--narrow-l--box-radius-48":"_Box--narrow-l--box-radius-48_1bhvj_113","Box--narrow-l--box-radius-64":"_Box--narrow-l--box-radius-64_1bhvj_116","Box--narrow-l--box-radius-96":"_Box--narrow-l--box-radius-96_1bhvj_119","Box--narrow-l--box-radius-160":"_Box--narrow-l--box-radius-160_1bhvj_122","Box--medium-s--box-radius-none":"_Box--medium-s--box-radius-none_1bhvj_127","Box--medium-s--box-radius-m":"_Box--medium-s--box-radius-m_1bhvj_130","Box--medium-s--box-radius-l":"_Box--medium-s--box-radius-l_1bhvj_133","Box--medium-s--box-radius-2":"_Box--medium-s--box-radius-2_1bhvj_136","Box--medium-s--box-radius-4":"_Box--medium-s--box-radius-4_1bhvj_139","Box--medium-s--box-radius-8":"_Box--medium-s--box-radius-8_1bhvj_142","Box--medium-s--box-radius-0":"_Box--medium-s--box-radius-0_1bhvj_145","Box--medium-s--box-radius-12":"_Box--medium-s--box-radius-12_1bhvj_157","Box--medium-s--box-radius-16":"_Box--medium-s--box-radius-16_1bhvj_160","Box--medium-s--box-radius-24":"_Box--medium-s--box-radius-24_1bhvj_163","Box--medium-s--box-radius-32":"_Box--medium-s--box-radius-32_1bhvj_166","Box--medium-s--box-radius-48":"_Box--medium-s--box-radius-48_1bhvj_169","Box--medium-s--box-radius-64":"_Box--medium-s--box-radius-64_1bhvj_172","Box--medium-s--box-radius-96":"_Box--medium-s--box-radius-96_1bhvj_175","Box--medium-s--box-radius-160":"_Box--medium-s--box-radius-160_1bhvj_178","Box--medium-l--box-radius-none":"_Box--medium-l--box-radius-none_1bhvj_183","Box--medium-l--box-radius-m":"_Box--medium-l--box-radius-m_1bhvj_186","Box--medium-l--box-radius-l":"_Box--medium-l--box-radius-l_1bhvj_189","Box--medium-l--box-radius-2":"_Box--medium-l--box-radius-2_1bhvj_192","Box--medium-l--box-radius-4":"_Box--medium-l--box-radius-4_1bhvj_195","Box--medium-l--box-radius-8":"_Box--medium-l--box-radius-8_1bhvj_198","Box--medium-l--box-radius-0":"_Box--medium-l--box-radius-0_1bhvj_201","Box--medium-l--box-radius-12":"_Box--medium-l--box-radius-12_1bhvj_213","Box--medium-l--box-radius-16":"_Box--medium-l--box-radius-16_1bhvj_216","Box--medium-l--box-radius-24":"_Box--medium-l--box-radius-24_1bhvj_219","Box--medium-l--box-radius-32":"_Box--medium-l--box-radius-32_1bhvj_222","Box--medium-l--box-radius-48":"_Box--medium-l--box-radius-48_1bhvj_225","Box--medium-l--box-radius-64":"_Box--medium-l--box-radius-64_1bhvj_228","Box--medium-l--box-radius-96":"_Box--medium-l--box-radius-96_1bhvj_231","Box--medium-l--box-radius-160":"_Box--medium-l--box-radius-160_1bhvj_234","Box--wide-s--box-radius-none":"_Box--wide-s--box-radius-none_1bhvj_239","Box--wide-s--box-radius-m":"_Box--wide-s--box-radius-m_1bhvj_242","Box--wide-s--box-radius-l":"_Box--wide-s--box-radius-l_1bhvj_245","Box--wide-s--box-radius-2":"_Box--wide-s--box-radius-2_1bhvj_248","Box--wide-s--box-radius-4":"_Box--wide-s--box-radius-4_1bhvj_251","Box--wide-s--box-radius-8":"_Box--wide-s--box-radius-8_1bhvj_254","Box--wide-s--box-radius-0":"_Box--wide-s--box-radius-0_1bhvj_257","Box--wide-s--box-radius-12":"_Box--wide-s--box-radius-12_1bhvj_269","Box--wide-s--box-radius-16":"_Box--wide-s--box-radius-16_1bhvj_272","Box--wide-s--box-radius-24":"_Box--wide-s--box-radius-24_1bhvj_275","Box--wide-s--box-radius-32":"_Box--wide-s--box-radius-32_1bhvj_278","Box--wide-s--box-radius-48":"_Box--wide-s--box-radius-48_1bhvj_281","Box--wide-s--box-radius-64":"_Box--wide-s--box-radius-64_1bhvj_284","Box--wide-s--box-radius-96":"_Box--wide-s--box-radius-96_1bhvj_287","Box--wide-s--box-radius-160":"_Box--wide-s--box-radius-160_1bhvj_290","Box--wide-l--box-radius-none":"_Box--wide-l--box-radius-none_1bhvj_295","Box--wide-l--box-radius-m":"_Box--wide-l--box-radius-m_1bhvj_298","Box--wide-l--box-radius-l":"_Box--wide-l--box-radius-l_1bhvj_301","Box--wide-l--box-radius-2":"_Box--wide-l--box-radius-2_1bhvj_304","Box--wide-l--box-radius-4":"_Box--wide-l--box-radius-4_1bhvj_307","Box--wide-l--box-radius-8":"_Box--wide-l--box-radius-8_1bhvj_310","Box--wide-l--box-radius-0":"_Box--wide-l--box-radius-0_1bhvj_313","Box--wide-l--box-radius-12":"_Box--wide-l--box-radius-12_1bhvj_325","Box--wide-l--box-radius-16":"_Box--wide-l--box-radius-16_1bhvj_328","Box--wide-l--box-radius-24":"_Box--wide-l--box-radius-24_1bhvj_331","Box--wide-l--box-radius-32":"_Box--wide-l--box-radius-32_1bhvj_334","Box--wide-l--box-radius-48":"_Box--wide-l--box-radius-48_1bhvj_337","Box--wide-l--box-radius-64":"_Box--wide-l--box-radius-64_1bhvj_340","Box--wide-l--box-radius-96":"_Box--wide-l--box-radius-96_1bhvj_343","Box--wide-l--box-radius-160":"_Box--wide-l--box-radius-160_1bhvj_346","Box--background-white":"_Box--background-white_1bhvj_350","Box--background-gray-100":"_Box--background-gray-100_1bhvj_353","Box--background-gray-200":"_Box--background-gray-200_1bhvj_356","Box--background-gray-300":"_Box--background-gray-300_1bhvj_359","Box--background-gray-400":"_Box--background-gray-400_1bhvj_362","Box--background-gray-500":"_Box--background-gray-500_1bhvj_365","Box--background-gray-600":"_Box--background-gray-600_1bhvj_368","Box--background-teal-100":"_Box--background-teal-100_1bhvj_371","Box--background-teal-200":"_Box--background-teal-200_1bhvj_374","Box--background-teal-300":"_Box--background-teal-300_1bhvj_377","Box--background-teal-400":"_Box--background-teal-400_1bhvj_380","Box--background-teal-500":"_Box--background-teal-500_1bhvj_383","Box--background-green-100":"_Box--background-green-100_1bhvj_386","Box--background-green-200":"_Box--background-green-200_1bhvj_389","Box--background-green-300":"_Box--background-green-300_1bhvj_392","Box--background-green-400":"_Box--background-green-400_1bhvj_395","Box--background-green-500":"_Box--background-green-500_1bhvj_398","Box--background-yellow-100":"_Box--background-yellow-100_1bhvj_401","Box--background-yellow-200":"_Box--background-yellow-200_1bhvj_404","Box--background-yellow-300":"_Box--background-yellow-300_1bhvj_407","Box--background-yellow-400":"_Box--background-yellow-400_1bhvj_410","Box--background-yellow-500":"_Box--background-yellow-500_1bhvj_413","Box--background-red-100":"_Box--background-red-100_1bhvj_416","Box--background-red-200":"_Box--background-red-200_1bhvj_419","Box--background-red-300":"_Box--background-red-300_1bhvj_422","Box--background-red-400":"_Box--background-red-400_1bhvj_425","Box--background-red-500":"_Box--background-red-500_1bhvj_428","Box--background-blue-100":"_Box--background-blue-100_1bhvj_431","Box--background-blue-200":"_Box--background-blue-200_1bhvj_434","Box--background-blue-300":"_Box--background-blue-300_1bhvj_437","Box--background-blue-400":"_Box--background-blue-400_1bhvj_440","Box--background-blue-500":"_Box--background-blue-500_1bhvj_443","Box--background-magenta-100":"_Box--background-magenta-100_1bhvj_446","Box--background-magenta-200":"_Box--background-magenta-200_1bhvj_449","Box--background-magenta-300":"_Box--background-magenta-300_1bhvj_452","Box--background-magenta-400":"_Box--background-magenta-400_1bhvj_455","Box--background-magenta-500":"_Box--background-magenta-500_1bhvj_458","Box--background-primary":"_Box--background-primary_1bhvj_461","Box--background-secondary":"_Box--background-secondary_1bhvj_464","Box--background-tertiary":"_Box--background-tertiary_1bhvj_467","Box--background-overlay":"_Box--background-overlay_1bhvj_470","Box--background-disabled":"_Box--background-disabled_1bhvj_473","Box--background-brand":"_Box--background-brand_1bhvj_476","Box--background-brandB2b":"_Box--background-brandB2b_1bhvj_479","Box--background-accentLight":"_Box--background-accentLight_1bhvj_482","Box--background-accentDark":"_Box--background-accentDark_1bhvj_485","Box--background-positiveLight":"_Box--background-positiveLight_1bhvj_488","Box--background-positiveDark":"_Box--background-positiveDark_1bhvj_491","Box--background-infoLight":"_Box--background-infoLight_1bhvj_494","Box--background-infoDark":"_Box--background-infoDark_1bhvj_497","Box--background-warningLight":"_Box--background-warningLight_1bhvj_500","Box--background-warningDark":"_Box--background-warningDark_1bhvj_503","Box--background-criticalLight":"_Box--background-criticalLight_1bhvj_506","Box--background-criticalDark":"_Box--background-criticalDark_1bhvj_509","Box--background-statusOnline":"_Box--background-statusOnline_1bhvj_512","Box--background-statusOffline":"_Box--background-statusOffline_1bhvj_515","Box--background-primaryInverted":"_Box--background-primaryInverted_1bhvj_518","Box--background-secondaryInverted":"_Box--background-secondaryInverted_1bhvj_521","Box--background-tertiaryInverted":"_Box--background-tertiaryInverted_1bhvj_524"},d=({children:r,background:u,radius:s=p,padding:n=y,tag:B,dataset:l})=>{const m=w(C,i.Box,[x("box-radius",s),x("background",u)]),t=k(n),c=B??f,g={className:[...m,...t].join(" "),...L(l,{preplyDsComponent:i.Box})};return o.jsx(c,{...g,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 z={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(v,{gap:"xs",direction:"column",children:[o.jsx(h,{level:"h3",accent:"positive",children:"Heading"}),o.jsx(j,{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 b,_,e;a.parameters={...a.parameters,docs:{...(b=a.parameters)==null?void 0:b.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,z as default};

package/dist/assets/Button-BtqA2dqE.css

@@ -0,0 +1 @@
+._Button--icon_1jkep_5{display:flex;margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}._Button--icon_1jkep_5 svg{width:var(--f316e1);height:var(--f316e1)}._Button--icon_1jkep_5 svg path{fill:currentColor}

package/dist/assets/Button-DzNsOpEs.js

@@ -0,0 +1 @@
+import{j as e}from"./jsx-runtime-CKrituN3.js";import{r as i}from"./render-icon-DsMGBPwY.js";import{B as p}from"./ButtonBase-BXe5Klfi.js";import{c,B as y,a as V}from"./classNames-Dz8Jm24I.js";import{w as d}from"./componentNames-Bs6if0Kd.js";const b={"Button--icon":"_Button--icon_1jkep_5"},u=({variant:n=y,size:s=V,url:r,a11yLabel:o,leadingSvgIcon:a,trailingSvgIcon:l,children:f,...m})=>{const t=[...c(b,d.Button,["icon"])];return e.jsxs(p,{...m,isIconButton:!1,variant:n,size:s,url:r,a11yLabel:o,preplyDsComponent:d.Button,children:[!!a&&e.jsx("span",{className:t.join(" "),children:i(a,{"aria-hidden":"true",focusable:"false"})}),f,!!l&&e.jsx("span",{className:t.join(" "),children:i(l,{"aria-hidden":"true",focusable:"false"})})]})};try{u.displayName="Button",u.__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"}},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"}},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"}},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"}},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{u as B};

package/dist/assets/{Button.stories-DunDHbCS.js → Button.stories-Bfaocxt-.js}

@@ -1,4 +1,4 @@
-import{j as r}from"./jsx-runtime-CKrituN3.js";import{F as a}from"./TokyoUIFav-Dzux4Kv4.js";import{I as Rr}from"./IconButton-GEKP0nKB.js";import{B as t}from"./Button-DzURzP8Y.js";import{S as Vr}from"./StoryContextDSWeb-DTO1h3ed.js";import{g as $r}from"./getTokenVar-OtHJL4yA.js";import{d as Or}from"./tokens-CfqDG7zh.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./ButtonBase-31TE-cL9.js";import"./Spinner-CGBHcGTQ.js";import"./classNames-C1v60lt_.js";import"./useHostname-B91Ahm0o.js";import"./componentNames-Bs6if0Kd.js";import"./index-CC6DAVyL.js";import"./StorybookGlobalStyle-BV5LdfUr.js";import"./styled-components.browser.esm-DAuq3cw0.js";import"./RootProvider-LL-zBc44.js";import"./useTheme-UwDh1RCY.js";import"./useColorScheme-B0seqviK.js";const st={title:"components/Button",component:t,decorators:[e=>r.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:r.jsx(Vr,{theme:"tokyo-ui",children:e()})})]},s=()=>r.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[r.jsx(t,{children:"Button"}),r.jsx(t,{leadingSvgIcon:a,children:"Button"}),r.jsx(Rr,{svg:a,assistiveText:"Favourite"})]}),n=()=>{const e=$r(Or.color.grey[300]);return r.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[r.jsx(t,{variant:"primary",children:"Primary"}),r.jsx(t,{variant:"secondary",children:"Secondary"}),r.jsx(t,{variant:"tertiary",children:"Tertiary"}),r.jsx(t,{variant:"ghost",children:"Ghost"}),r.jsx("div",{style:{backgroundColor:e,borderRadius:"8px"},children:r.jsx(t,{variant:"inverted",children:"Inverted"})}),r.jsx(t,{variant:"critical",children:"Critical"}),r.jsx(t,{variant:"onColor",children:"onColor"})]})},c=()=>r.jsx(t,{size:"small",children:"Button"}),u=()=>r.jsx(t,{size:"medium",children:"Button"}),d=()=>r.jsx(t,{size:"large",children:"Button"}),l=()=>r.jsx(t,{variant:"primary",children:"Button"}),m=()=>r.jsx(t,{variant:"secondary",children:"Button"}),p=()=>r.jsx(t,{variant:"tertiary",children:"Button"}),B=()=>r.jsx(t,{variant:"ghost",children:"Button"}),v=()=>r.jsx(t,{variant:"inverted",children:"Button"}),g=()=>r.jsx(t,{variant:"critical",children:"Button"}),y=()=>r.jsx(t,{variant:"ai",children:"Button"}),h=()=>r.jsx(t,{variant:"onColor",children:"Button"}),x=()=>r.jsx(t,{variant:"classroom",children:"Button"}),j=()=>r.jsx(t,{leadingSvgIcon:a,children:"Button"}),S=()=>r.jsx(t,{trailingSvgIcon:a,children:"Button"}),I=()=>r.jsx(t,{busy:!0,children:"Button"}),C=()=>r.jsx(t,{disabled:!0,children:"Button"}),i=()=>r.jsx(t,{wrap:!0,children:"Do the really quite unusually long thing"});i.decorators=[e=>r.jsx("div",{style:{width:"200px"},children:e()})];const f=()=>r.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:["small","medium","large"].map(e=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(o=>r.jsxs("div",{style:{display:"flex",gap:"0.25rem"},children:[r.jsx(t,{size:e,variant:o,children:"Button"}),r.jsx(t,{size:e,variant:o,leadingSvgIcon:a,children:"Button"}),r.jsx(t,{size:e,variant:o,trailingSvgIcon:a,children:"Button"}),r.jsx(t,{size:e,variant:o,busy:!0,children:"Button"}),r.jsx(t,{size:e,variant:o,disabled:!0,children:"Button"})]},`${e}-${o}`)))});var b,T,z,F,P;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`() => <div style={{
+import{j as r}from"./jsx-runtime-CKrituN3.js";import{F as a}from"./TokyoUIFav-Dzux4Kv4.js";import{I as Rr}from"./IconButton-YFQ036PO.js";import{B as t}from"./Button-DzNsOpEs.js";import{S as Vr}from"./StoryContextDSWeb-Cq8y4KZ8.js";import{g as $r}from"./getTokenVar-DOEYYRhS.js";import{d as Or}from"./tokens-BV526yo0.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./render-icon-DsMGBPwY.js";import"./ButtonBase-BXe5Klfi.js";import"./Spinner-CACfcO5v.js";import"./classNames-Dz8Jm24I.js";import"./useHostname-B91Ahm0o.js";import"./componentNames-Bs6if0Kd.js";import"./index-CC6DAVyL.js";import"./StorybookGlobalStyle-A7XGldSX.js";import"./styled-components.browser.esm-D7-R-tx8.js";import"./RootProvider-CcBxia7g.js";import"./useTheme-BjN7KXjq.js";const st={title:"components/Button",component:t,decorators:[e=>r.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:r.jsx(Vr,{theme:"tokyo-ui",children:e()})})]},s=()=>r.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[r.jsx(t,{children:"Button"}),r.jsx(t,{leadingSvgIcon:a,children:"Button"}),r.jsx(Rr,{svg:a,assistiveText:"Favourite"})]}),n=()=>{const e=$r(Or.color.grey[300]);return r.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[r.jsx(t,{variant:"primary",children:"Primary"}),r.jsx(t,{variant:"secondary",children:"Secondary"}),r.jsx(t,{variant:"tertiary",children:"Tertiary"}),r.jsx(t,{variant:"ghost",children:"Ghost"}),r.jsx("div",{style:{backgroundColor:e,borderRadius:"8px"},children:r.jsx(t,{variant:"inverted",children:"Inverted"})}),r.jsx(t,{variant:"critical",children:"Critical"}),r.jsx(t,{variant:"onColor",children:"onColor"})]})},c=()=>r.jsx(t,{size:"small",children:"Button"}),u=()=>r.jsx(t,{size:"medium",children:"Button"}),d=()=>r.jsx(t,{size:"large",children:"Button"}),l=()=>r.jsx(t,{variant:"primary",children:"Button"}),m=()=>r.jsx(t,{variant:"secondary",children:"Button"}),p=()=>r.jsx(t,{variant:"tertiary",children:"Button"}),B=()=>r.jsx(t,{variant:"ghost",children:"Button"}),v=()=>r.jsx(t,{variant:"inverted",children:"Button"}),g=()=>r.jsx(t,{variant:"critical",children:"Button"}),y=()=>r.jsx(t,{variant:"ai",children:"Button"}),h=()=>r.jsx(t,{variant:"onColor",children:"Button"}),x=()=>r.jsx(t,{variant:"classroom",children:"Button"}),j=()=>r.jsx(t,{leadingSvgIcon:a,children:"Button"}),S=()=>r.jsx(t,{trailingSvgIcon:a,children:"Button"}),I=()=>r.jsx(t,{busy:!0,children:"Button"}),C=()=>r.jsx(t,{disabled:!0,children:"Button"}),i=()=>r.jsx(t,{wrap:!0,children:"Do the really quite unusually long thing"});i.decorators=[e=>r.jsx("div",{style:{width:"200px"},children:e()})];const f=()=>r.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:["small","medium","large"].map(e=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(o=>r.jsxs("div",{style:{display:"flex",gap:"0.25rem"},children:[r.jsx(t,{size:e,variant:o,children:"Button"}),r.jsx(t,{size:e,variant:o,leadingSvgIcon:a,children:"Button"}),r.jsx(t,{size:e,variant:o,trailingSvgIcon:a,children:"Button"}),r.jsx(t,{size:e,variant:o,busy:!0,children:"Button"}),r.jsx(t,{size:e,variant:o,disabled:!0,children:"Button"})]},`${e}-${o}`)))});var b,T,z,F,P;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`() => <div style={{
   display: 'flex',
   gap: '1rem'
 }}>

package/dist/assets/ButtonBase-BXe5Klfi.js

@@ -0,0 +1 @@
+import{j as e}from"./jsx-runtime-CKrituN3.js";import{r as y}from"./index-CBqU2yxZ.js";import{S as H}from"./Spinner-CACfcO5v.js";import{u as K}from"./useHostname-B91Ahm0o.js";import{m as W,s as l,b as s,c as I,B as $,a as J}from"./classNames-Dz8Jm24I.js";import{g as M,a as X}from"./componentNames-Bs6if0Kd.js";import{m as Z}from"./index-CC6DAVyL.js";const G="_ButtonBase_1lq7z_51",z={"button-width--width-full":"_button-width--width-full_1lq7z_5","button-width--width-auto":"_button-width--width-auto_1lq7z_8","button-width--narrow-l--width-full":"_button-width--narrow-l--width-full_1lq7z_12","button-width--narrow-l--width-auto":"_button-width--narrow-l--width-auto_1lq7z_15","button-width--medium-s--width-full":"_button-width--medium-s--width-full_1lq7z_20","button-width--medium-s--width-auto":"_button-width--medium-s--width-auto_1lq7z_23","button-width--medium-l--width-full":"_button-width--medium-l--width-full_1lq7z_28","button-width--medium-l--width-auto":"_button-width--medium-l--width-auto_1lq7z_31","button-width--wide-s--width-full":"_button-width--wide-s--width-full_1lq7z_36","button-width--wide-s--width-auto":"_button-width--wide-s--width-auto_1lq7z_39","button-width--wide-l--width-full":"_button-width--wide-l--width-full_1lq7z_44","button-width--wide-l--width-auto":"_button-width--wide-l--width-auto_1lq7z_47",ButtonBase:G,"ButtonBase--content":"_ButtonBase--content_1lq7z_76","ButtonBase--is-icon-button":"_ButtonBase--is-icon-button_1lq7z_83","ButtonBase--busy":"_ButtonBase--busy_1lq7z_90","ButtonBase--is-busy":"_ButtonBase--is-busy_1lq7z_113","ButtonBase--width-full":"_ButtonBase--width-full_1lq7z_120","ButtonBase--width-auto":"_ButtonBase--width-auto_1lq7z_123","ButtonBase--narrow-l--width-full":"_ButtonBase--narrow-l--width-full_1lq7z_127","ButtonBase--narrow-l--width-auto":"_ButtonBase--narrow-l--width-auto_1lq7z_130","ButtonBase--medium-s--width-full":"_ButtonBase--medium-s--width-full_1lq7z_135","ButtonBase--medium-s--width-auto":"_ButtonBase--medium-s--width-auto_1lq7z_138","ButtonBase--medium-l--width-full":"_ButtonBase--medium-l--width-full_1lq7z_143","ButtonBase--medium-l--width-auto":"_ButtonBase--medium-l--width-auto_1lq7z_146","ButtonBase--wide-s--width-full":"_ButtonBase--wide-s--width-full_1lq7z_151","ButtonBase--wide-s--width-auto":"_ButtonBase--wide-s--width-auto_1lq7z_154","ButtonBase--wide-l--width-full":"_ButtonBase--wide-l--width-full_1lq7z_159","ButtonBase--wide-l--width-auto":"_ButtonBase--wide-l--width-auto_1lq7z_162","ButtonBase--size-xs":"_ButtonBase--size-xs_1lq7z_166","ButtonBase--is-icon-button-size-xs":"_ButtonBase--is-icon-button-size-xs_1lq7z_175","ButtonBase--size-s":"_ButtonBase--size-s_1lq7z_180","ButtonBase--is-icon-button-size-s":"_ButtonBase--is-icon-button-size-s_1lq7z_189","ButtonBase--size-m":"_ButtonBase--size-m_1lq7z_194","ButtonBase--is-icon-button-size-m":"_ButtonBase--is-icon-button-size-m_1lq7z_203","ButtonBase--size-l":"_ButtonBase--size-l_1lq7z_208","ButtonBase--is-icon-button-size-l":"_ButtonBase--is-icon-button-size-l_1lq7z_217","ButtonBase--size-xl":"_ButtonBase--size-xl_1lq7z_222","ButtonBase--is-icon-button-size-xl":"_ButtonBase--is-icon-button-size-xl_1lq7z_231","ButtonBase--size-large":"_ButtonBase--size-large_1lq7z_236","ButtonBase--is-icon-button-size-large":"_ButtonBase--is-icon-button-size-large_1lq7z_245","ButtonBase--size-medium":"_ButtonBase--size-medium_1lq7z_250","ButtonBase--is-icon-button-size-medium":"_ButtonBase--is-icon-button-size-medium_1lq7z_259","ButtonBase--size-small":"_ButtonBase--size-small_1lq7z_264","ButtonBase--is-icon-button-size-small":"_ButtonBase--is-icon-button-size-small_1lq7z_273","ButtonBase--narrow-l--size-xs":"_ButtonBase--narrow-l--size-xs_1lq7z_279","ButtonBase--narrow-l--is-icon-button-size-xs":"_ButtonBase--narrow-l--is-icon-button-size-xs_1lq7z_288","ButtonBase--narrow-l--size-s":"_ButtonBase--narrow-l--size-s_1lq7z_293","ButtonBase--narrow-l--is-icon-button-size-s":"_ButtonBase--narrow-l--is-icon-button-size-s_1lq7z_302","ButtonBase--narrow-l--size-m":"_ButtonBase--narrow-l--size-m_1lq7z_307","ButtonBase--narrow-l--is-icon-button-size-m":"_ButtonBase--narrow-l--is-icon-button-size-m_1lq7z_316","ButtonBase--narrow-l--size-l":"_ButtonBase--narrow-l--size-l_1lq7z_321","ButtonBase--narrow-l--is-icon-button-size-l":"_ButtonBase--narrow-l--is-icon-button-size-l_1lq7z_330","ButtonBase--narrow-l--size-xl":"_ButtonBase--narrow-l--size-xl_1lq7z_335","ButtonBase--narrow-l--is-icon-button-size-xl":"_ButtonBase--narrow-l--is-icon-button-size-xl_1lq7z_344","ButtonBase--narrow-l--size-large":"_ButtonBase--narrow-l--size-large_1lq7z_349","ButtonBase--narrow-l--is-icon-button-size-large":"_ButtonBase--narrow-l--is-icon-button-size-large_1lq7z_358","ButtonBase--narrow-l--size-medium":"_ButtonBase--narrow-l--size-medium_1lq7z_363","ButtonBase--narrow-l--is-icon-button-size-medium":"_ButtonBase--narrow-l--is-icon-button-size-medium_1lq7z_372","ButtonBase--narrow-l--size-small":"_ButtonBase--narrow-l--size-small_1lq7z_377","ButtonBase--narrow-l--is-icon-button-size-small":"_ButtonBase--narrow-l--is-icon-button-size-small_1lq7z_386","ButtonBase--medium-s--size-xs":"_ButtonBase--medium-s--size-xs_1lq7z_393","ButtonBase--medium-s--is-icon-button-size-xs":"_ButtonBase--medium-s--is-icon-button-size-xs_1lq7z_402","ButtonBase--medium-s--size-s":"_ButtonBase--medium-s--size-s_1lq7z_407","ButtonBase--medium-s--is-icon-button-size-s":"_ButtonBase--medium-s--is-icon-button-size-s_1lq7z_416","ButtonBase--medium-s--size-m":"_ButtonBase--medium-s--size-m_1lq7z_421","ButtonBase--medium-s--is-icon-button-size-m":"_ButtonBase--medium-s--is-icon-button-size-m_1lq7z_430","ButtonBase--medium-s--size-l":"_ButtonBase--medium-s--size-l_1lq7z_435","ButtonBase--medium-s--is-icon-button-size-l":"_ButtonBase--medium-s--is-icon-button-size-l_1lq7z_444","ButtonBase--medium-s--size-xl":"_ButtonBase--medium-s--size-xl_1lq7z_449","ButtonBase--medium-s--is-icon-button-size-xl":"_ButtonBase--medium-s--is-icon-button-size-xl_1lq7z_458","ButtonBase--medium-s--size-large":"_ButtonBase--medium-s--size-large_1lq7z_463","ButtonBase--medium-s--is-icon-button-size-large":"_ButtonBase--medium-s--is-icon-button-size-large_1lq7z_472","ButtonBase--medium-s--size-medium":"_ButtonBase--medium-s--size-medium_1lq7z_477","ButtonBase--medium-s--is-icon-button-size-medium":"_ButtonBase--medium-s--is-icon-button-size-medium_1lq7z_486","ButtonBase--medium-s--size-small":"_ButtonBase--medium-s--size-small_1lq7z_491","ButtonBase--medium-s--is-icon-button-size-small":"_ButtonBase--medium-s--is-icon-button-size-small_1lq7z_500","ButtonBase--medium-l--size-xs":"_ButtonBase--medium-l--size-xs_1lq7z_507","ButtonBase--medium-l--is-icon-button-size-xs":"_ButtonBase--medium-l--is-icon-button-size-xs_1lq7z_516","ButtonBase--medium-l--size-s":"_ButtonBase--medium-l--size-s_1lq7z_521","ButtonBase--medium-l--is-icon-button-size-s":"_ButtonBase--medium-l--is-icon-button-size-s_1lq7z_530","ButtonBase--medium-l--size-m":"_ButtonBase--medium-l--size-m_1lq7z_535","ButtonBase--medium-l--is-icon-button-size-m":"_ButtonBase--medium-l--is-icon-button-size-m_1lq7z_544","ButtonBase--medium-l--size-l":"_ButtonBase--medium-l--size-l_1lq7z_549","ButtonBase--medium-l--is-icon-button-size-l":"_ButtonBase--medium-l--is-icon-button-size-l_1lq7z_558","ButtonBase--medium-l--size-xl":"_ButtonBase--medium-l--size-xl_1lq7z_563","ButtonBase--medium-l--is-icon-button-size-xl":"_ButtonBase--medium-l--is-icon-button-size-xl_1lq7z_572","ButtonBase--medium-l--size-large":"_ButtonBase--medium-l--size-large_1lq7z_577","ButtonBase--medium-l--is-icon-button-size-large":"_ButtonBase--medium-l--is-icon-button-size-large_1lq7z_586","ButtonBase--medium-l--size-medium":"_ButtonBase--medium-l--size-medium_1lq7z_591","ButtonBase--medium-l--is-icon-button-size-medium":"_ButtonBase--medium-l--is-icon-button-size-medium_1lq7z_600","ButtonBase--medium-l--size-small":"_ButtonBase--medium-l--size-small_1lq7z_605","ButtonBase--medium-l--is-icon-button-size-small":"_ButtonBase--medium-l--is-icon-button-size-small_1lq7z_614","ButtonBase--wide-s--size-xs":"_ButtonBase--wide-s--size-xs_1lq7z_621","ButtonBase--wide-s--is-icon-button-size-xs":"_ButtonBase--wide-s--is-icon-button-size-xs_1lq7z_630","ButtonBase--wide-s--size-s":"_ButtonBase--wide-s--size-s_1lq7z_635","ButtonBase--wide-s--is-icon-button-size-s":"_ButtonBase--wide-s--is-icon-button-size-s_1lq7z_644","ButtonBase--wide-s--size-m":"_ButtonBase--wide-s--size-m_1lq7z_649","ButtonBase--wide-s--is-icon-button-size-m":"_ButtonBase--wide-s--is-icon-button-size-m_1lq7z_658","ButtonBase--wide-s--size-l":"_ButtonBase--wide-s--size-l_1lq7z_663","ButtonBase--wide-s--is-icon-button-size-l":"_ButtonBase--wide-s--is-icon-button-size-l_1lq7z_672","ButtonBase--wide-s--size-xl":"_ButtonBase--wide-s--size-xl_1lq7z_677","ButtonBase--wide-s--is-icon-button-size-xl":"_ButtonBase--wide-s--is-icon-button-size-xl_1lq7z_686","ButtonBase--wide-s--size-large":"_ButtonBase--wide-s--size-large_1lq7z_691","ButtonBase--wide-s--is-icon-button-size-large":"_ButtonBase--wide-s--is-icon-button-size-large_1lq7z_700","ButtonBase--wide-s--size-medium":"_ButtonBase--wide-s--size-medium_1lq7z_705","ButtonBase--wide-s--is-icon-button-size-medium":"_ButtonBase--wide-s--is-icon-button-size-medium_1lq7z_714","ButtonBase--wide-s--size-small":"_ButtonBase--wide-s--size-small_1lq7z_719","ButtonBase--wide-s--is-icon-button-size-small":"_ButtonBase--wide-s--is-icon-button-size-small_1lq7z_728","ButtonBase--wide-l--size-xs":"_ButtonBase--wide-l--size-xs_1lq7z_735","ButtonBase--wide-l--is-icon-button-size-xs":"_ButtonBase--wide-l--is-icon-button-size-xs_1lq7z_744","ButtonBase--wide-l--size-s":"_ButtonBase--wide-l--size-s_1lq7z_749","ButtonBase--wide-l--is-icon-button-size-s":"_ButtonBase--wide-l--is-icon-button-size-s_1lq7z_758","ButtonBase--wide-l--size-m":"_ButtonBase--wide-l--size-m_1lq7z_763","ButtonBase--wide-l--is-icon-button-size-m":"_ButtonBase--wide-l--is-icon-button-size-m_1lq7z_772","ButtonBase--wide-l--size-l":"_ButtonBase--wide-l--size-l_1lq7z_777","ButtonBase--wide-l--is-icon-button-size-l":"_ButtonBase--wide-l--is-icon-button-size-l_1lq7z_786","ButtonBase--wide-l--size-xl":"_ButtonBase--wide-l--size-xl_1lq7z_791","ButtonBase--wide-l--is-icon-button-size-xl":"_ButtonBase--wide-l--is-icon-button-size-xl_1lq7z_800","ButtonBase--wide-l--size-large":"_ButtonBase--wide-l--size-large_1lq7z_805","ButtonBase--wide-l--is-icon-button-size-large":"_ButtonBase--wide-l--is-icon-button-size-large_1lq7z_814","ButtonBase--wide-l--size-medium":"_ButtonBase--wide-l--size-medium_1lq7z_819","ButtonBase--wide-l--is-icon-button-size-medium":"_ButtonBase--wide-l--is-icon-button-size-medium_1lq7z_828","ButtonBase--wide-l--size-small":"_ButtonBase--wide-l--size-small_1lq7z_833","ButtonBase--wide-l--is-icon-button-size-small":"_ButtonBase--wide-l--is-icon-button-size-small_1lq7z_842","ButtonBase--variant-primary":"_ButtonBase--variant-primary_1lq7z_848","ButtonBase--variant-primary--dsInternalSimulation-hover":"_ButtonBase--variant-primary--dsInternalSimulation-hover_1lq7z_854","ButtonBase--variant-primary--dsInternalSimulation-active":"_ButtonBase--variant-primary--dsInternalSimulation-active_1lq7z_869","ButtonBase--variant-secondary":"_ButtonBase--variant-secondary_1lq7z_873","ButtonBase--variant-secondary--dsInternalSimulation-hover":"_ButtonBase--variant-secondary--dsInternalSimulation-hover_1lq7z_879","ButtonBase--variant-secondary--dsInternalSimulation-active":"_ButtonBase--variant-secondary--dsInternalSimulation-active_1lq7z_894","ButtonBase--variant-tertiary":"_ButtonBase--variant-tertiary_1lq7z_898","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"_ButtonBase--variant-tertiary--dsInternalSimulation-hover_1lq7z_904","ButtonBase--variant-tertiary--dsInternalSimulation-active":"_ButtonBase--variant-tertiary--dsInternalSimulation-active_1lq7z_919","ButtonBase--variant-quaternary":"_ButtonBase--variant-quaternary_1lq7z_923","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"_ButtonBase--variant-quaternary--dsInternalSimulation-hover_1lq7z_929","ButtonBase--variant-quaternary--dsInternalSimulation-active":"_ButtonBase--variant-quaternary--dsInternalSimulation-active_1lq7z_944","ButtonBase--variant-ghost":"_ButtonBase--variant-ghost_1lq7z_948","ButtonBase--variant-ghost--dsInternalSimulation-hover":"_ButtonBase--variant-ghost--dsInternalSimulation-hover_1lq7z_954","ButtonBase--variant-ghost--dsInternalSimulation-active":"_ButtonBase--variant-ghost--dsInternalSimulation-active_1lq7z_969","ButtonBase--variant-ghost--is-selected":"_ButtonBase--variant-ghost--is-selected_1lq7z_973","ButtonBase--variant-plain":"_ButtonBase--variant-plain_1lq7z_977","ButtonBase--variant-plain--dsInternalSimulation-hover":"_ButtonBase--variant-plain--dsInternalSimulation-hover_1lq7z_983","ButtonBase--variant-plain--dsInternalSimulation-active":"_ButtonBase--variant-plain--dsInternalSimulation-active_1lq7z_998","ButtonBase--variant-dangerous":"_ButtonBase--variant-dangerous_1lq7z_1002","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"_ButtonBase--variant-dangerous--dsInternalSimulation-hover_1lq7z_1008","ButtonBase--variant-dangerous--dsInternalSimulation-active":"_ButtonBase--variant-dangerous--dsInternalSimulation-active_1lq7z_1023","ButtonBase--variant-critical":"_ButtonBase--variant-critical_1lq7z_1027","ButtonBase--variant-critical--dsInternalSimulation-hover":"_ButtonBase--variant-critical--dsInternalSimulation-hover_1lq7z_1033","ButtonBase--variant-critical--dsInternalSimulation-active":"_ButtonBase--variant-critical--dsInternalSimulation-active_1lq7z_1048","ButtonBase--variant-onColor":"_ButtonBase--variant-onColor_1lq7z_1052","ButtonBase--variant-onColor--dsInternalSimulation-hover":"_ButtonBase--variant-onColor--dsInternalSimulation-hover_1lq7z_1058","ButtonBase--variant-onColor--dsInternalSimulation-active":"_ButtonBase--variant-onColor--dsInternalSimulation-active_1lq7z_1073","ButtonBase--variant-classroom":"_ButtonBase--variant-classroom_1lq7z_1077","ButtonBase--variant-classroom--dsInternalSimulation-hover":"_ButtonBase--variant-classroom--dsInternalSimulation-hover_1lq7z_1083","ButtonBase--variant-classroom--dsInternalSimulation-active":"_ButtonBase--variant-classroom--dsInternalSimulation-active_1lq7z_1098","ButtonBase--variant-classroom--is-selected":"_ButtonBase--variant-classroom--is-selected_1lq7z_1102","ButtonBase--variant-primaryB2b":"_ButtonBase--variant-primaryB2b_1lq7z_1106","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_1lq7z_1112","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-active_1lq7z_1127","ButtonBase--variant-primaryTutor":"_ButtonBase--variant-primaryTutor_1lq7z_1131","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_1lq7z_1137","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-active_1lq7z_1152","ButtonBase--variant-inverted":"_ButtonBase--variant-inverted_1lq7z_1156","ButtonBase--variant-inverted--dsInternalSimulation-hover":"_ButtonBase--variant-inverted--dsInternalSimulation-hover_1lq7z_1162","ButtonBase--variant-inverted--dsInternalSimulation-active":"_ButtonBase--variant-inverted--dsInternalSimulation-active_1lq7z_1177","ButtonBase--variant-newFeature":"_ButtonBase--variant-newFeature_1lq7z_1181","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"_ButtonBase--variant-newFeature--dsInternalSimulation-hover_1lq7z_1187","ButtonBase--variant-newFeature--dsInternalSimulation-active":"_ButtonBase--variant-newFeature--dsInternalSimulation-active_1lq7z_1202","ButtonBase--variant-ai":"_ButtonBase--variant-ai_1lq7z_1206","ButtonBase--variant-ai--dsInternalSimulation-hover":"_ButtonBase--variant-ai--dsInternalSimulation-hover_1lq7z_1212","ButtonBase--variant-ai--dsInternalSimulation-active":"_ButtonBase--variant-ai--dsInternalSimulation-active_1lq7z_1227","ButtonBase--no-wrap":"_ButtonBase--no-wrap_1lq7z_1239"},c="ButtonBase",Q=t=>Object.prototype.hasOwnProperty.call(t,"selected"),m=({children:t,busy:i})=>{const o=[...I(z,c,["content"])],B=[...I(z,c,["busy"])];return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:o.join(" "),children:t}),i&&e.jsx("span",{className:B.join(" "),children:e.jsx(H,{})})]})},S=t=>{const{variant:i=$,size:o=J,fullWidth:B=!1,wrap:x=!1,href:g,download:T,opensInNewTab:V,nofollow:C,submitsForm:N,assistiveText:E,onClick:r,disabled:u,busy:n,isIconButton:w,as:q,url:D,a11yLabel:j,dataset:F,children:_,dsInternalSimulation:U,preplyDsComponent:k}=t,{selected:P}=Q(t)?t:{selected:void 0},R=K(),v=y.useRef(null),L=a=>{(u||n)&&a.preventDefault(),r==null||r(a)},A=a=>{var f;const p=Z(a.key);(p===" "||p==="Enter")&&(a.preventDefault(),(f=v.current)==null||f.click())},O=W(z,c,[l(`variant-${i}--dsInternalSimulation`,U),l("variant",i),l("size",o),w?l("is-icon-button-size",o):[],s(void 0,"no-wrap",x),s("width-full","width-auto",B),s("is-busy",void 0,n),s("is-icon-button",void 0,w),s(`variant-${i}--is-selected`,void 0,P)]),b={...M(F,{preplyDsComponent:k}),className:O.join(" "),"aria-label":E||j,onClick:L,disabled:u,"aria-disabled":u||n?!0:void 0},d=g||D,h={...b,download:T,ref:v,role:"button",tabIndex:u?-1:0,href:d,onKeyDown:A};return d?e.jsx("a",{...h,...X(R,d,V,C),children:m({children:_,busy:n})}):q?y.cloneElement(q,{...h},m({children:_,busy:n})):e.jsx("button",{...b,type:N?"submit":"button",children:m({children:_,busy:n})})};try{S.displayName="ButtonBase",S.__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{}export{S as B};