@preply/ds-docs 2.2.0 → 2.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{00.LayoutFlex.stories-DG5XDWWv.js → 00.LayoutFlex.stories-CvLRURcS.js} +1 -1
- package/dist/assets/{00.applications-BwD1yOm-.js → 00.applications-c0ZYJJn9.js} +1 -1
- package/dist/assets/{00.favicons.guide-DYt0ZW7R.js → 00.favicons.guide-D3AV1_bz.js} +1 -1
- package/dist/assets/{00.token-explorer-BnS0ahYH.js → 00.token-explorer-CkT6qey8.js} +1 -1
- package/dist/assets/{00.using-responsive-props-ccRZ9FAw.js → 00.using-responsive-props-BCqw6dGb.js} +1 -1
- package/dist/assets/{01.semantic-tokens-WsdjPcFR.js → 01.semantic-tokens-D1Tew_3C.js} +1 -1
- package/dist/assets/{01.using-shorthand-props-CZaSw8Ue.js → 01.using-shorthand-props-nxXyAVD6.js} +1 -1
- package/dist/assets/{10.Combinations.stories-Ce5YVZgO.js → 10.Combinations.stories-BJHxtOLR.js} +1 -1
- package/dist/assets/{10.fonts.guide-BAJqHFrh.js → 10.fonts.guide-Bgvvb8pw.js} +1 -1
- package/dist/assets/{10.ssr-BxsiLtTL.js → 10.ssr-DzFj_Isy.js} +1 -1
- package/dist/assets/{11.languageFont.explorer-CjxbP58V.js → 11.languageFont.explorer-C97blYpf.js} +1 -1
- package/dist/assets/{11.ssr.app-router-BO-IG2U_.js → 11.ssr.app-router-CKVwpTWN.js} +1 -1
- package/dist/assets/{20.libraries-DnvU5oKZ.js → 20.libraries-B0w5t56u.js} +1 -1
- package/dist/assets/30.icons.explorer-9sEQx8aM.js +72 -0
- package/dist/assets/{30.storybook-CBrD3n6l.js → 30.storybook-Bs2xm9rU.js} +1 -1
- package/dist/assets/{40.illustrations.explorer-Cb9JzUVR.js → 40.illustrations.explorer-CR8ar0fc.js} +1 -1
- package/dist/assets/{90.advanced-CHfBOcDX.js → 90.advanced-9hdW-yh5.js} +1 -1
- package/dist/assets/{AlertDialog.stories-MphIkgeN.js → AlertDialog.stories-BKbQPKy6.js} +1 -1
- package/dist/assets/{Badge.stories-5tMdPyQs.js → Badge.stories-zICtnzrJ.js} +2 -2
- package/dist/assets/{Box.stories-DXZIdmZy.js → Box.stories-2uNGKDGl.js} +1 -1
- package/dist/assets/{Button-nPedvLTz.js → Button-BzRWDefj.js} +1 -1
- package/dist/assets/{Button-J48YOeFZ.css → Button-C6MQP0Gg.css} +1 -1
- package/dist/assets/Button-C89H73Uu.js +20 -0
- package/dist/assets/Button-U6ON1pQl.css +1 -0
- package/dist/assets/{Button.stories-C57aDL8Z.js → Button.stories-CB00Q6ks.js} +17 -9
- package/dist/assets/ButtonBase-D0ZIVzRq.js +8 -0
- package/dist/assets/Checkbox-Bdp0Xs7p.css +1 -0
- package/dist/assets/Checkbox-CA4iZrAT.js +10 -0
- package/dist/assets/{Checkbox.stories-LFJYKcL1.js → Checkbox.stories-CzSrFSp_.js} +2 -2
- package/dist/assets/Checkbox.tests.stories-jyWPjdYZ.js +137 -0
- package/dist/assets/{Chips.stories-B1KWZ8O0.js → Chips.stories-DKp9Fwyf.js} +1 -1
- package/dist/assets/{Color-YHDXOIA2-rhMWY6Az.js → Color-YHDXOIA2-C27uRBAj.js} +1 -1
- package/dist/assets/{Dialog.stories-CmiBli-3.js → Dialog.stories-Crw2R2LP.js} +1 -1
- package/dist/assets/{DocsRenderer-CFRXHY34-_p2bZewJ.js → DocsRenderer-CFRXHY34-CsoYCySD.js} +1 -1
- package/dist/assets/{FieldLayout-CDdbTwnx.js → FieldLayout-_CFICI44.js} +1 -1
- package/dist/assets/{FieldLayout.stories-B4wQoZi8.js → FieldLayout.stories-CeETFAXO.js} +1 -1
- package/dist/assets/{FieldLayoutBase-BXt4M7sP.js → FieldLayoutBase-DOSetr9A.js} +1 -1
- package/dist/assets/{Heading-B_OcwpW-.js → Heading-BJA2KEAN.js} +1 -1
- package/dist/assets/{Heading.stories-DvwLrpCN.js → Heading.stories-DLmu9UzT.js} +1 -1
- package/dist/assets/{Icon-RSC-w0Nrg6DG.js → Icon-RSC-Bl-bBsbR.js} +1 -1
- package/dist/assets/{Icon-RJMnctrw.js → Icon-TCS4E3Ut.js} +1 -1
- package/dist/assets/{Icon.stories-BsTzZknC.js → Icon.stories-BlDFgK_r.js} +1 -1
- package/dist/assets/{IconButton-Dlgns1pq.js → IconButton-nN3VsXQJ.js} +1 -1
- package/dist/assets/InputText-FNRxz3Ff.js +5 -0
- package/dist/assets/{LayoutFlex-b2QXeA0z.js → LayoutFlex-dzXpor-q.js} +1 -1
- package/dist/assets/{LayoutFlexItem-CJkCBZ-T.js → LayoutFlexItem-DwJhVVPl.js} +1 -1
- package/dist/assets/{LayoutGrid.stories-SyasmoS3.js → LayoutGrid.stories-DOtFrGWL.js} +1 -1
- package/dist/assets/{Link.stories-BciEuIul.js → Link.stories-DXPo6cSR.js} +2 -2
- package/dist/assets/{NumberField.stories-DPJijQab.js → NumberField.stories-DF0UQeFt.js} +3 -3
- package/dist/assets/{ObserveIntersection-DmUYWtw_.js → ObserveIntersection-X9T7s8C_.js} +1 -1
- package/dist/assets/{ObserveIntersection.stories-D9iSLGDs.js → ObserveIntersection.stories-CL2a-4JN.js} +1 -1
- package/dist/assets/{OnboardingTooltip-CqHYNXIu.js → OnboardingTooltip-DNeTE2Nf.js} +1 -1
- package/dist/assets/{OnboardingTooltip.stories-CzdX3Nw_.js → OnboardingTooltip.stories-DmHsCU2X.js} +1 -1
- package/dist/assets/{OnboardingTooltip.tests.stories-DQVOHeLl.js → OnboardingTooltip.tests.stories-DQmyU3mJ.js} +1 -1
- package/dist/assets/{OnboardingTour-CFO1Ozmu.js → OnboardingTour-BesctxSp.js} +1 -1
- package/dist/assets/{OnboardingTour.stories-B45PnXtS.js → OnboardingTour.stories-8o0Dq4f0.js} +1 -1
- package/dist/assets/{OnboardingTour.tests.stories-Djzrtw7h.js → OnboardingTour.tests.stories-Ci0Rxq5y.js} +1 -1
- package/dist/assets/PasswordField.stories-CMLHLaUX.js +203 -0
- package/dist/assets/{ProgressBar.stories-PDV2LPZd.js → ProgressBar.stories-C-i-MYk7.js} +1 -1
- package/dist/assets/{ProgressSteps.stories-23NRnaYA.js → ProgressSteps.stories-DDbQ6On7.js} +1 -1
- package/dist/assets/SelectField.stories-vkYj9ARE.js +182 -0
- package/dist/assets/{ShowOnIntersection.stories-DkmJRWg7.js → ShowOnIntersection.stories-kLcUye2N.js} +1 -1
- package/dist/assets/{Steps-CViJWVZa.js → Steps-Bbevuw10.js} +1 -1
- package/dist/assets/{Steps.stories-BjhPim5p.js → Steps.stories-CErVd6Rs.js} +1 -1
- package/dist/assets/{Text-WJLo2jWe.js → Text-B8k9gfOM.js} +1 -1
- package/dist/assets/{Text.stories-BxBe_Syw.js → Text.stories-CoVq2sZs.js} +1 -1
- package/dist/assets/{TextField.stories-BhEhwXEF.js → TextField.stories-Dc9U6fJp.js} +1 -1
- package/dist/assets/{TextHighlighted.stories-rMMoLtzU.js → TextHighlighted.stories-CQsM4aEX.js} +1 -1
- package/dist/assets/{TextInline.stories-CrtAGjeH.js → TextInline.stories-nuefXRFb.js} +1 -1
- package/dist/assets/TextareaField.stories-DGmkn96k.js +221 -0
- package/dist/assets/{Toast.stories-DUvvjdkV.js → Toast.stories-CUHN7nJ1.js} +1 -1
- package/dist/assets/{Tooltip.stories-BDIWPFzK.js → Tooltip.stories-BlrXwmnR.js} +1 -1
- package/dist/assets/{Tooltip.tests.stories-XBeLY_cD.js → Tooltip.tests.stories-uM6jvJb0.js} +1 -1
- package/dist/assets/{breakpoints-3NoMMOFH.js → breakpoints-D3Osd5ia.js} +1 -1
- package/dist/assets/{breakpoints-DCOBa27A.js → breakpoints-rq_8diAS.js} +1 -1
- package/dist/assets/{breakpoints-9Ie3Hewk.js → breakpoints-sGqCBEv-.js} +1 -1
- package/dist/assets/{changelog-B4rID9Bq.js → changelog-BIJMaAIY.js} +93 -86
- package/dist/assets/{entry-preview-BvcUTc0o.js → entry-preview-CsadCHYh.js} +1 -1
- package/dist/assets/{getTokenVar-hj8mL9hP.js → getTokenVar-BvNPkk_L.js} +1 -1
- package/dist/assets/{hover-CsuooMFi.js → hover-BBCQuwLQ.js} +1 -1
- package/dist/assets/{hover-Dibwfqgm.js → hover-D5ih0L6J.js} +1 -1
- package/dist/assets/{hover-Dxl9_41k.js → hover-cS9kZjMk.js} +1 -1
- package/dist/assets/{iframe-BL4lww1d.js → iframe-DyQ151Cy.js} +2 -2
- package/dist/assets/{index-uM6_U85L.js → index-C7SPUG0c.js} +1 -1
- package/dist/assets/{index-CObJ2I6U.js → index-CfKvYfkH.js} +3 -3
- package/dist/assets/{intro-DkbagauH.js → intro-Blula3c7.js} +1 -1
- package/dist/assets/{migrating-from-less-Cc54FV0O.js → migrating-from-less-CPQq6ww0.js} +1 -1
- package/dist/assets/playground-BxG9T6DA.css +1 -0
- package/dist/assets/{playground.stories-RDLbHK8z.js → playground.stories-DY0v9063.js} +1 -1
- package/dist/assets/{preview-BuXHQRzI.js → preview-Bj0gjZ64.js} +1 -1
- package/dist/assets/{preview-DCBEprzB.js → preview-BtJWM-Ub.js} +2 -2
- package/dist/assets/{preview-CsDoYzSA.js → preview-CQgqy70b.js} +1 -1
- package/dist/assets/{tokens-DjUxPhCy.js → tokens-B-lBm9m1.js} +1 -1
- package/dist/assets/{tokens-eLBa0fu8.js → tokens-BV-n4-vL.js} +1 -1
- package/dist/assets/{tokens-Cer3Mvss.js → tokens-CJZmVKwi.js} +1 -1
- package/dist/assets/{usePortalElement-BtGB8NZO.js → usePortalElement-DS4vrgrv.js} +1 -1
- package/dist/assets/{welcome-C5k7941o.js → welcome-D-TXgv71.js} +1 -1
- package/dist/assets/{zeroheight-BIqyExuv.js → zeroheight-Bob-R-DS.js} +1 -1
- package/dist/iframe.html +1 -1
- package/dist/index.json +1 -1
- package/dist/preview-stats.json +1370 -1358
- package/dist/project.json +1 -1
- package/package.json +3 -3
- package/dist/assets/30.icons.explorer-mTnmuuga.js +0 -72
- package/dist/assets/Button-BliYLmDQ.js +0 -20
- package/dist/assets/Button-YKyFdyVc.css +0 -1
- package/dist/assets/ButtonBase-BPK7KgDE.js +0 -8
- package/dist/assets/Checkbox-A4FiIFOZ.js +0 -10
- package/dist/assets/Checkbox-vai6Do9U.css +0 -1
- package/dist/assets/Checkbox.tests.stories-DCrWk5Cz.js +0 -137
- package/dist/assets/InputText-CmkE4Hy1.js +0 -5
- package/dist/assets/PasswordField.stories-z8JIrcLL.js +0 -203
- package/dist/assets/SelectField.stories-CicE2HU3.js +0 -182
- package/dist/assets/TextareaField.stories-BYSJeGAa.js +0 -221
- package/dist/assets/TokyoUICheckmark-DzN1BbFq.js +0 -1
- package/dist/assets/playground-Cya3NPlx.css +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as s}from"./index-
|
|
1
|
+
import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as s}from"./index-CfKvYfkH.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DyQ151Cy.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.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"}),`
|
|
2
2
|
`,o.jsx(e.h1,{id:"installation-storybook",children:"Installation: Storybook"}),`
|
|
3
3
|
`,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."]}),`
|
|
4
4
|
`,o.jsx(e.h2,{id:"packages",children:"Packages"}),`
|
package/dist/assets/{40.illustrations.explorer-Cb9JzUVR.js → 40.illustrations.explorer-CR8ar0fc.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as l}from"./index-BN6VMYqa.js";import{M as a}from"./index-
|
|
1
|
+
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as l}from"./index-BN6VMYqa.js";import{M as a}from"./index-CfKvYfkH.js";import{L as e}from"./LayoutGrid-CvUo6BcD.js";import{d as c}from"./styled-components.browser.esm-BgpGX317.js";import{g as i}from"./getTokenVar-DU_DEzTd.js";import{s as u,c as p}from"./tokens-DXy5hgn5.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DyQ151Cy.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./classNames-BUL1Zq7e.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-1z75aSwo-DNAR_Nv2.js";import"./constants-DYYVurUY.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-UOns5Q7s.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Y1T_IIlY.js";import"./constants-BgBLeZzp.js";const n=["https://static.preply.com/ds/illustrations/tokyo-ui/airplain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/arrows-multiple.svg","https://static.preply.com/ds/illustrations/tokyo-ui/artist.svg","https://static.preply.com/ds/illustrations/tokyo-ui/awesome.svg","https://static.preply.com/ds/illustrations/tokyo-ui/back-to-school.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bar-graph.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bell.svg","https://static.preply.com/ds/illustrations/tokyo-ui/booking-a-lesson.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/brain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bubbles.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/checkmark.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/confetti.svg","https://static.preply.com/ds/illustrations/tokyo-ui/cosmopolite.svg","https://static.preply.com/ds/illustrations/tokyo-ui/desk.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/lamp-and-books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/language-flash-cards.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop-2.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/open-book.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pause-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pig.svg","https://static.preply.com/ds/illustrations/tokyo-ui/play-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-pink.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/present.svg","https://static.preply.com/ds/illustrations/tokyo-ui/professional.svg","https://static.preply.com/ds/illustrations/tokyo-ui/progress-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rising-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rock-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/routine-master.svg","https://static.preply.com/ds/illustrations/tokyo-ui/serious-learner.svg","https://static.preply.com/ds/illustrations/tokyo-ui/sheet.svg","https://static.preply.com/ds/illustrations/tokyo-ui/smiley.svg","https://static.preply.com/ds/illustrations/tokyo-ui/speech-bubble.svg","https://static.preply.com/ds/illustrations/tokyo-ui/star_coin.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stop-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stopwatch.svg","https://static.preply.com/ds/illustrations/tokyo-ui/testing-the-water.svg","https://static.preply.com/ds/illustrations/tokyo-ui/three-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/thumbs-up.svg","https://static.preply.com/ds/illustrations/tokyo-ui/you-did-great-today.svg","https://static.preply.com/ds/illustrations/tokyo-ui/warning.svg"],y=c.div`
|
|
2
2
|
padding: ${i(u[12])};
|
|
3
3
|
-webkit-background-size: 50px 50px;
|
|
4
4
|
-moz-background-size: 50px 50px;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as t}from"./index-BN6VMYqa.js";import{M as i}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as t}from"./index-BN6VMYqa.js";import{M as i}from"./index-CfKvYfkH.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DyQ151Cy.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.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"}),`
|
|
2
2
|
`,e.jsx(o.h1,{id:"installation-advanced",children:"Installation: Advanced"}),`
|
|
3
3
|
`,e.jsxs(o.p,{children:["This page is about rolling out your own alternative to ",e.jsx(o.code,{children:"<RootProvider/>"})," (advanced usage)."]}),`
|
|
4
4
|
`,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."]}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Cb9e4tly.js";import{u as E,w as P,e as N}from"./index-BVDq5o4N.js";import{a as l}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{R as F,P as U,O as q,C as I,T as V,D as W,a as L,A as X,b as J}from"./index-kgJB6e9p.js";import{H as G}from"./Heading-
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Cb9e4tly.js";import{u as E,w as P,e as N}from"./index-BVDq5o4N.js";import{a as l}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{R as F,P as U,O as q,C as I,T as V,D as W,a as L,A as X,b as J}from"./index-kgJB6e9p.js";import{H as G}from"./Heading-BJA2KEAN.js";import{B as s}from"./Button-C89H73Uu.js";import{i as H}from"./PortalElementProvider-BRcRijdp.js";import{g as Y}from"./index-DdzHuZ-Y.js";import{w as z}from"./componentNames-Y1T_IIlY.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./index-D6OcjePf.js";import"./index-M3hvtcRE.js";import"./tslib.es6-BntfKcQG.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-CznToR0o.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-D0ZIVzRq.js";import"./Spinner-B2C3RkCF.js";import"./defaults-B1rzzf6M.js";import"./useMergeRefs-SFH7Mw4x.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";const K="overlay__vG-Gu",M="content__Nk-Ib",Q="description__1dRpy",Z="actions__FsX-e",d={overlay:K,content:M,description:Q,actions:Z},_=({children:r})=>e.jsx(J,{asChild:!0,children:i.Children.only(r)}),$=i.forwardRef(function(n,o){return e.jsx(X,{asChild:!0,children:e.jsx(s,{...n,ref:o})})}),ee=i.forwardRef(function(n,o){return e.jsx(L,{asChild:!0,children:e.jsx(s,{...n,ref:o})})}),te=({open:r,title:n,description:o,dataset:a,children:h})=>{const f=H(),O=Y(a,{preplyDsComponent:z.AlertDialog});let A;const C=[];return i.Children.forEach(h,c=>{i.isValidElement(c)&&(c.type===_?A=c:C.push(c))}),e.jsxs(F,{open:r,children:[A,e.jsxs(U,{container:f,children:[e.jsx(q,{className:d.overlay}),e.jsxs(I,{...O,className:d.content,children:[e.jsx(V,{asChild:!0,children:e.jsx(G,{tag:"h3",variant:"medium",children:n})}),e.jsx(W,{asChild:!0,children:e.jsx("p",{className:d.description,children:o})}),e.jsx("div",{className:d.actions,children:C})]})]})]})},t=Object.assign(te,{Trigger:_,Action:$,Cancel:ee});try{t.displayName="AlertDialog",t.__docgenInfo={description:"A modal alertdialog that interrupts the user with important content and expects a response.\n\nUnlike a `Dialog`, it cannot be dismissed by clicking outside or pressing escape.",displayName:"AlertDialog",props:{title:{defaultValue:null,description:"The alert's title, describing what the user needs to confirm",name:"title",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},description:{defaultValue:null,description:"Details about the action and its consequences",name:"description",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},children:{defaultValue:null,description:"The AlertDialog actions.\n@see `AlertDialog.Actions` for a common actions convenience wrapper.",name:"children",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},open:{defaultValue:null,description:`Controls the visibility of the alert.
|
|
2
2
|
|
|
3
3
|
Alternatively, you can use the \`AlertDialog.Trigger\` subcomponent for
|
|
4
4
|
an uncontrolled instance.`,name:"open",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}const _e={title:"Components/AlertDialog",component:t,parameters:{docs:{description:{component:"A modal alert dialog for confirming destructive or important actions."},story:{inline:!1,height:300}},a11y:{config:{rules:[{id:"color-contrast",enabled:!1}]}}},play:async({canvas:r,step:n})=>{await n("Open alert",async()=>(await E.click(r.getByTestId("alert-trigger")),P(()=>{const o=r.getByTestId("alert-dialog");N(o).toBeVisible()})))}},u={parameters:{docs:{description:{story:"Uncontrolled alert using the `Trigger`, `Cancel`, and `Action` subcomponents."}}},args:{title:"Confirm",description:"This action cannot be undone.",dataset:{testid:"alert-dialog"}},render:function(n){return e.jsxs(t,{...n,children:[e.jsx(t.Trigger,{children:e.jsx(s,{dataset:{testid:"alert-trigger"},children:"Action"})}),e.jsx(t.Cancel,{variant:"secondary",onClick:l("cancel"),children:"Cancel"}),e.jsx(t.Action,{onClick:l("confirm"),children:"Confirm"})]})}},p={parameters:{docs:{description:{story:"Uncontrolled alert using the `Trigger`, and two `Action` subcomponents.\n\nThe two actions are styled differently to suggest a preferred action to the one the user has requested.\n\nFor example, in this case, the user is prompted to reschedule instead of canceling."}}},args:{title:"Cancel Lesson",description:"Your balance will not be refunded. Would you like to reschedule instead?",dataset:{testid:"alert-dialog"}},render:function(n){return e.jsxs(t,{...n,children:[e.jsx(t.Trigger,{children:e.jsx(s,{variant:"critical",dataset:{testid:"alert-trigger"},children:"Cancel Lesson"})}),e.jsx(t.Action,{variant:"ghost",onClick:l("cancel"),children:"Cancel lesson"}),e.jsx(t.Action,{variant:"secondary",onClick:l("reschedule"),children:"Reschedule"})]})}},g={parameters:{docs:{description:{story:"Fully controlled using custom `Buttons`."}}},args:{title:"Delete Account",description:"This action cannot be undone.",dataset:{testid:"alert-dialog"}},render:function(n){const[o,a]=i.useState(!1),h=()=>{a(!1),l("account deleted")()},f=()=>{a(!1),l("deletion canceled")()};return e.jsxs(e.Fragment,{children:[e.jsx(s,{onClick:()=>a(!0),dataset:{testid:"alert-trigger"},children:"Action"}),e.jsxs(t,{...n,open:o,children:[e.jsx(t.Cancel,{variant:"secondary",onClick:f,children:"Cancel"}),e.jsx(t.Action,{variant:"critical",onClick:h,children:"Delete"})]})]})}},m={parameters:{docs:{description:{story:"Fully controlled using a single custom `Button`."}}},args:{title:"Payment failed",description:"The page will refresh. Please try again.",dataset:{testid:"alert-dialog"}},render:function(n){const[o,a]=i.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(s,{onClick:()=>a(!0),dataset:{testid:"alert-trigger"},children:"Action"}),e.jsx(t,{...n,open:o,children:e.jsx(t.Action,{onClick:()=>{a(!1),l("page refreshed")()},children:"Refresh"})})]})}};var y,v,D;u.parameters={...u.parameters,docs:{...(y=u.parameters)==null?void 0:y.docs,source:{originalSource:`{
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as l}from"./TokyoUITag-CS4uarg6.js";import{L as T}from"./LayoutFlex-
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as l}from"./TokyoUITag-CS4uarg6.js";import{L as T}from"./LayoutFlex-dzXpor-q.js";import{r as N}from"./index-Cb9e4tly.js";import{f as q}from"./filterHTMLAttributes-DYdLqcvH.js";import{I as C}from"./Icon-TCS4E3Ut.js";import{g as L}from"./index-DdzHuZ-Y.js";import{w as U}from"./componentNames-Y1T_IIlY.js";import"./index-ChsGqxH_.js";import"./layout-relative.module-ed9bC4H4.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./render-icon-BT0Aq7PA.js";const k="badge__ioy0w",F={badge:k},E=n=>{switch(n){case"xs":return"small";case"s":return"medium";case"m":return"large";default:return n}},a=N.forwardRef(function({type:o="neutral",size:d="medium",leadingSvgIcon:c,dataset:S,children:j,accent:u,inverted:m,...z},V){const p=E(d),t={...S,size:p};u===void 0&&m===void 0?t.type=o:(t.accent=u||"unset",t.inverted=!!m);const _={...q(z),ref:V,className:F.badge,...L(t,{preplyDsComponent:U.Badge})},w=o==="neutral"?"primary":o;return e.jsxs("span",{..._,children:[!!c&&p!=="small"&&e.jsx(C,{accent:w,size:d==="large"?"24":"16",svg:c}),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:"enum",value:[{value:'"critical"'},{value:'"neutral"'},{value:'"info"'},{value:'"positive"'},{value:'"warning"'}]}},size:{defaultValue:{value:"medium"},description:"The size of the badge.",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon. Only displayed in \`medium\` and \`large\` sizes.
|
|
2
2
|
@example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
|
|
3
3
|
|
|
4
4
|
<Badge leadingSvgIcon={TokyoUITag}>Badge</Badge>
|
|
5
5
|
or
|
|
6
|
-
<Badge leadingSvgIcon={<TokyoUITag />}>Badge</Badge>`,name:"leadingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},assistiveText:{defaultValue:null,description:"@deprecated badge children should have all necessary information",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},accent:{defaultValue:null,description:"@deprecated Use `type` instead.",name:"accent",required:!1,type:{name:"enum",value:[{value:'"
|
|
6
|
+
<Badge leadingSvgIcon={<TokyoUITag />}>Badge</Badge>`,name:"leadingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},assistiveText:{defaultValue:null,description:"@deprecated badge children should have all necessary information",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},accent:{defaultValue:null,description:"@deprecated Use `type` instead.",name:"accent",required:!1,type:{name:"enum",value:[{value:'"tertiary"'},{value:'"critical"'},{value:'"info"'},{value:'"positive"'},{value:'"warning"'},{value:'"accent"'}]}},inverted:{defaultValue:null,description:"@deprecated inverted badge is deprecated & will be removed in the future releases",name:"inverted",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}const $={title:"components/Badge",component:a},r=()=>e.jsxs(T,{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"})]}),s=()=>e.jsxs(T,{gap:"16",alignItems:"center",children:[e.jsx(a,{size:"small",leadingSvgIcon:l,children:"Small"}),e.jsx(a,{size:"medium",leadingSvgIcon:l,children:"Medium"}),e.jsx(a,{size:"large",leadingSvgIcon:l,children:"Large"})]}),i={parameters:{chromatic:{disableSnapshot:!0}},args:{type:"neutral",size:"medium",children:"Badge",dataset:{qaid:"badge"}},argTypes:{dataset:{control:"object"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":l},control:"select"},assistiveText:{table:{disable:!0}},accent:{table:{disable:!0}},inverted:{table:{disable:!0}}}};var g,v,y;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`() => <LayoutFlex gap="16">
|
|
7
7
|
<Badge type="neutral">Neutral</Badge>
|
|
8
8
|
<Badge type="positive">Positive</Badge>
|
|
9
9
|
<Badge type="info">Info</Badge>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{H as b}from"./Heading-B_OcwpW-.js";import{L as B}from"./LayoutFlex-b2QXeA0z.js";import{T as _}from"./Text-WJLo2jWe.js";import{r as D}from"./index-Cb9e4tly.js";import{f as N}from"./filterHTMLAttributes-DYdLqcvH.js";import{g as O}from"./layout-relative.module-ed9bC4H4.js";import{m as H,s as u}from"./classNames-BUL1Zq7e.js";import{w as d}from"./componentNames-Y1T_IIlY.js";import{g as A}from"./index-DdzHuZ-Y.js";import{L as I,c as q,d as R}from"./defaults-B1rzzf6M.js";import{a as C,S as E}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./_commonjsHelpers-Cpj98o6Y.js";const U="Box__T6Fyt",j={Box:U,"Box--box-radius-none":"Box--box-radius-none__pVdTk","Box--box-radius-m":"Box--box-radius-m__alXKt","Box--box-radius-l":"Box--box-radius-l__ZQypL","Box--box-radius-2":"Box--box-radius-2__IXJHQ","Box--box-radius-4":"Box--box-radius-4__aoSlX","Box--box-radius-8":"Box--box-radius-8__-BuzF","Box--box-radius-0":"Box--box-radius-0__FWPBJ","Box--box-radius-12":"Box--box-radius-12__6r0bn","Box--box-radius-16":"Box--box-radius-16__n3666","Box--box-radius-24":"Box--box-radius-24__pxV3O","Box--box-radius-32":"Box--box-radius-32__2zn-K","Box--box-radius-48":"Box--box-radius-48__t8Iiq","Box--box-radius-64":"Box--box-radius-64__-zOC7","Box--box-radius-96":"Box--box-radius-96__ayuP-","Box--box-radius-160":"Box--box-radius-160__39X1p","Box--narrow-l--box-radius-none":"Box--narrow-l--box-radius-none__U1KRd","Box--narrow-l--box-radius-m":"Box--narrow-l--box-radius-m__EAz9A","Box--narrow-l--box-radius-l":"Box--narrow-l--box-radius-l__GEnkZ","Box--narrow-l--box-radius-2":"Box--narrow-l--box-radius-2__Cn0nB","Box--narrow-l--box-radius-4":"Box--narrow-l--box-radius-4__dXX4d","Box--narrow-l--box-radius-8":"Box--narrow-l--box-radius-8__c2qTs","Box--narrow-l--box-radius-0":"Box--narrow-l--box-radius-0__rbA8v","Box--narrow-l--box-radius-12":"Box--narrow-l--box-radius-12__-FrWF","Box--narrow-l--box-radius-16":"Box--narrow-l--box-radius-16__7yiZ2","Box--narrow-l--box-radius-24":"Box--narrow-l--box-radius-24__pgg5J","Box--narrow-l--box-radius-32":"Box--narrow-l--box-radius-32__ME019","Box--narrow-l--box-radius-48":"Box--narrow-l--box-radius-48__oIpGl","Box--narrow-l--box-radius-64":"Box--narrow-l--box-radius-64__i4ASw","Box--narrow-l--box-radius-96":"Box--narrow-l--box-radius-96__-5TfN","Box--narrow-l--box-radius-160":"Box--narrow-l--box-radius-160__JVHdy","Box--medium-s--box-radius-none":"Box--medium-s--box-radius-none__NI3b5","Box--medium-s--box-radius-m":"Box--medium-s--box-radius-m__98FY-","Box--medium-s--box-radius-l":"Box--medium-s--box-radius-l__RsLEh","Box--medium-s--box-radius-2":"Box--medium-s--box-radius-2__h-yhf","Box--medium-s--box-radius-4":"Box--medium-s--box-radius-4__YmbvG","Box--medium-s--box-radius-8":"Box--medium-s--box-radius-8__NOIeK","Box--medium-s--box-radius-0":"Box--medium-s--box-radius-0__6dX4D","Box--medium-s--box-radius-12":"Box--medium-s--box-radius-12__Gp9Nl","Box--medium-s--box-radius-16":"Box--medium-s--box-radius-16__Q-4Io","Box--medium-s--box-radius-24":"Box--medium-s--box-radius-24__FASgo","Box--medium-s--box-radius-32":"Box--medium-s--box-radius-32__WCrhN","Box--medium-s--box-radius-48":"Box--medium-s--box-radius-48__Cniaw","Box--medium-s--box-radius-64":"Box--medium-s--box-radius-64__PnAQM","Box--medium-s--box-radius-96":"Box--medium-s--box-radius-96__sGJpJ","Box--medium-s--box-radius-160":"Box--medium-s--box-radius-160__MURfX","Box--medium-l--box-radius-none":"Box--medium-l--box-radius-none__9i2B6","Box--medium-l--box-radius-m":"Box--medium-l--box-radius-m__-N-kx","Box--medium-l--box-radius-l":"Box--medium-l--box-radius-l__mNNXv","Box--medium-l--box-radius-2":"Box--medium-l--box-radius-2__cWx-n","Box--medium-l--box-radius-4":"Box--medium-l--box-radius-4__ibcr4","Box--medium-l--box-radius-8":"Box--medium-l--box-radius-8__zm-dC","Box--medium-l--box-radius-0":"Box--medium-l--box-radius-0__-HCNC","Box--medium-l--box-radius-12":"Box--medium-l--box-radius-12__DdmSM","Box--medium-l--box-radius-16":"Box--medium-l--box-radius-16__o3E1Q","Box--medium-l--box-radius-24":"Box--medium-l--box-radius-24__u-rLd","Box--medium-l--box-radius-32":"Box--medium-l--box-radius-32__wMKBz","Box--medium-l--box-radius-48":"Box--medium-l--box-radius-48__mMLoI","Box--medium-l--box-radius-64":"Box--medium-l--box-radius-64__OuZ5D","Box--medium-l--box-radius-96":"Box--medium-l--box-radius-96__6lzaZ","Box--medium-l--box-radius-160":"Box--medium-l--box-radius-160__bTscq","Box--wide-s--box-radius-none":"Box--wide-s--box-radius-none__eNUX-","Box--wide-s--box-radius-m":"Box--wide-s--box-radius-m__T0UnR","Box--wide-s--box-radius-l":"Box--wide-s--box-radius-l__kE31q","Box--wide-s--box-radius-2":"Box--wide-s--box-radius-2__FnsdM","Box--wide-s--box-radius-4":"Box--wide-s--box-radius-4__G4jL0","Box--wide-s--box-radius-8":"Box--wide-s--box-radius-8__7Mz6S","Box--wide-s--box-radius-0":"Box--wide-s--box-radius-0__H9zOa","Box--wide-s--box-radius-12":"Box--wide-s--box-radius-12__G2Ain","Box--wide-s--box-radius-16":"Box--wide-s--box-radius-16__or-lk","Box--wide-s--box-radius-24":"Box--wide-s--box-radius-24__xyysq","Box--wide-s--box-radius-32":"Box--wide-s--box-radius-32__a8VMC","Box--wide-s--box-radius-48":"Box--wide-s--box-radius-48__lD512","Box--wide-s--box-radius-64":"Box--wide-s--box-radius-64__SPNmy","Box--wide-s--box-radius-96":"Box--wide-s--box-radius-96__7Awl2","Box--wide-s--box-radius-160":"Box--wide-s--box-radius-160__sBOke","Box--wide-l--box-radius-none":"Box--wide-l--box-radius-none__YpNNw","Box--wide-l--box-radius-m":"Box--wide-l--box-radius-m__i6UjO","Box--wide-l--box-radius-l":"Box--wide-l--box-radius-l__NkLU0","Box--wide-l--box-radius-2":"Box--wide-l--box-radius-2__GYO54","Box--wide-l--box-radius-4":"Box--wide-l--box-radius-4__267az","Box--wide-l--box-radius-8":"Box--wide-l--box-radius-8__1hPOR","Box--wide-l--box-radius-0":"Box--wide-l--box-radius-0__HQ2Tn","Box--wide-l--box-radius-12":"Box--wide-l--box-radius-12__yXlB2","Box--wide-l--box-radius-16":"Box--wide-l--box-radius-16__gp8Ov","Box--wide-l--box-radius-24":"Box--wide-l--box-radius-24__n4VQK","Box--wide-l--box-radius-32":"Box--wide-l--box-radius-32__E-AbQ","Box--wide-l--box-radius-48":"Box--wide-l--box-radius-48__hUdT6","Box--wide-l--box-radius-64":"Box--wide-l--box-radius-64__mLXRM","Box--wide-l--box-radius-96":"Box--wide-l--box-radius-96__gMyZj","Box--wide-l--box-radius-160":"Box--wide-l--box-radius-160__dfjUF","Box--background-white":"Box--background-white__8bLtb","Box--background-gray-100":"Box--background-gray-100__caCCW","Box--background-gray-200":"Box--background-gray-200__lxnJm","Box--background-gray-300":"Box--background-gray-300__qfANs","Box--background-gray-400":"Box--background-gray-400__Ol1x4","Box--background-gray-500":"Box--background-gray-500__x0PFz","Box--background-gray-600":"Box--background-gray-600__uB-Hh","Box--background-teal-100":"Box--background-teal-100__8CUoI","Box--background-teal-200":"Box--background-teal-200__7picz","Box--background-teal-300":"Box--background-teal-300__T3rQI","Box--background-teal-400":"Box--background-teal-400__0B0--","Box--background-teal-500":"Box--background-teal-500__MdenY","Box--background-green-100":"Box--background-green-100__HeHgn","Box--background-green-200":"Box--background-green-200__1N2wh","Box--background-green-300":"Box--background-green-300__z8ERR","Box--background-green-400":"Box--background-green-400__-5sHz","Box--background-green-500":"Box--background-green-500__CtoHU","Box--background-yellow-100":"Box--background-yellow-100__nuCTl","Box--background-yellow-200":"Box--background-yellow-200__Gp-pF","Box--background-yellow-300":"Box--background-yellow-300__yjWLN","Box--background-yellow-400":"Box--background-yellow-400__1GTS5","Box--background-yellow-500":"Box--background-yellow-500__ihqqf","Box--background-red-100":"Box--background-red-100__mwv7-","Box--background-red-200":"Box--background-red-200__RIRGM","Box--background-red-300":"Box--background-red-300__HbjJU","Box--background-red-400":"Box--background-red-400__ptrch","Box--background-red-500":"Box--background-red-500__YwJPK","Box--background-blue-100":"Box--background-blue-100__vxcI9","Box--background-blue-200":"Box--background-blue-200__In8OS","Box--background-blue-300":"Box--background-blue-300__2mLHS","Box--background-blue-400":"Box--background-blue-400__g45Ks","Box--background-blue-500":"Box--background-blue-500__KXigt","Box--background-magenta-100":"Box--background-magenta-100__mgiT2","Box--background-magenta-200":"Box--background-magenta-200__NzaeL","Box--background-magenta-300":"Box--background-magenta-300__lCSib","Box--background-magenta-400":"Box--background-magenta-400__b9jnn","Box--background-magenta-500":"Box--background-magenta-500__8-Hxx","Box--background-primary":"Box--background-primary__00zVu","Box--background-secondary":"Box--background-secondary__hY7w0","Box--background-tertiary":"Box--background-tertiary__cIPge","Box--background-overlay":"Box--background-overlay__vbs8V","Box--background-disabled":"Box--background-disabled__81WYT","Box--background-brand":"Box--background-brand__2W0VB","Box--background-brandB2b":"Box--background-brandB2b__KQrLm","Box--background-accentLight":"Box--background-accentLight__x6RrQ","Box--background-accentDark":"Box--background-accentDark__agpDd","Box--background-positiveLight":"Box--background-positiveLight__67dRq","Box--background-positiveDark":"Box--background-positiveDark__lYghV","Box--background-infoLight":"Box--background-infoLight__u-TX4","Box--background-infoDark":"Box--background-infoDark__ud4qs","Box--background-warningLight":"Box--background-warningLight__JtSuS","Box--background-warningDark":"Box--background-warningDark__SIgOQ","Box--background-criticalLight":"Box--background-criticalLight__uPTDs","Box--background-criticalDark":"Box--background-criticalDark__12Zft","Box--background-statusOnline":"Box--background-statusOnline__5PZcQ","Box--background-statusOffline":"Box--background-statusOffline__Vh0CO","Box--background-primaryInverted":"Box--background-primaryInverted__TePy2","Box--background-secondaryInverted":"Box--background-secondaryInverted__tMytW","Box--background-tertiaryInverted":"Box--background-tertiaryInverted__K2wU5"},r=D.forwardRef(function({children:m,background:g,radius:v=q,padding:p=R,tag:k,dataset:w,...y},f){const h=H(j,d.Box,[u("box-radius",v),u("background",g)]),L=O(p),S=k??I,T=[...h,...L],P={...N(y),ref:f,className:T.join(" "),...A(w,{preplyDsComponent:d.Box})};return o.jsx(S,{...P,children:m})});try{r.displayName="Box",r.__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:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"accentDark"'},{value:'"disabled"'},{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'},{value:'"overlay"'},{value:'"brand"'},{value:'"brandB2b"'},{value:'"accentLight"'},{value:'"positiveLight"'},{value:'"positiveDark"'},{value:'"infoLight"'},{value:'"infoDark"'},{value:'"warningLight"'},{value:'"warningDark"'},{value:'"criticalLight"'},{value:'"criticalDark"'},{value:'"statusOnline"'},{value:'"statusOffline"'},{value:'"primaryInverted"'},{value:'"secondaryInverted"'},{value:'"tertiaryInverted"'}]}},radius:{defaultValue:{value:"m"},description:"",name:"radius",required:!1,type:{name:"enum",value:[{value:'"m"'},{value:'"l"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"0"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:"ResponsiveProp<BoxRadius>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},padding:{defaultValue:{value:"s"},description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"3xs"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"[Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing, Spacing]"},{value:"[BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding, BoxPadding]"},{value:"ResponsiveProp<ShortHand<Spacing> | ShortHand<BoxPadding>>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const ro={title:"components/Box",component:r,argTypes:{radius:{description:E},padding:{description:C}}},a=()=>o.jsx(r,{background:"positiveLight",children:o.jsxs(B,{gap:"xs",direction:"column",children:[o.jsx(b,{level:"h3",accent:"positive",children:"Heading"}),o.jsx(_,{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";const e={parameters:{chromatic:{disableSnapshot:!0}},args:{background:void 0,radius:void 0,padding:void 0,children:o.jsxs(B,{gap:"16",direction:"column",children:[o.jsx(b,{variant:"large",tag:"h3",children:"Heading"}),o.jsx(_,{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"})]}),dataset:{qaid:"box"}},argTypes:{children:{control:!1},dataset:{control:"object"}}};var i,x,s;a.parameters={...a.parameters,docs:{...(i=a.parameters)==null?void 0:i.docs,source:{originalSource:`() => <Box background="positiveLight">
|
|
1
|
+
import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{H as b}from"./Heading-BJA2KEAN.js";import{L as B}from"./LayoutFlex-dzXpor-q.js";import{T as _}from"./Text-B8k9gfOM.js";import{r as D}from"./index-Cb9e4tly.js";import{f as N}from"./filterHTMLAttributes-DYdLqcvH.js";import{g as O}from"./layout-relative.module-ed9bC4H4.js";import{m as H,s as u}from"./classNames-BUL1Zq7e.js";import{w as d}from"./componentNames-Y1T_IIlY.js";import{g as A}from"./index-DdzHuZ-Y.js";import{L as I,c as q,d as R}from"./defaults-B1rzzf6M.js";import{a as C,S as E}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./_commonjsHelpers-Cpj98o6Y.js";const U="Box__T6Fyt",j={Box:U,"Box--box-radius-none":"Box--box-radius-none__pVdTk","Box--box-radius-m":"Box--box-radius-m__alXKt","Box--box-radius-l":"Box--box-radius-l__ZQypL","Box--box-radius-2":"Box--box-radius-2__IXJHQ","Box--box-radius-4":"Box--box-radius-4__aoSlX","Box--box-radius-8":"Box--box-radius-8__-BuzF","Box--box-radius-0":"Box--box-radius-0__FWPBJ","Box--box-radius-12":"Box--box-radius-12__6r0bn","Box--box-radius-16":"Box--box-radius-16__n3666","Box--box-radius-24":"Box--box-radius-24__pxV3O","Box--box-radius-32":"Box--box-radius-32__2zn-K","Box--box-radius-48":"Box--box-radius-48__t8Iiq","Box--box-radius-64":"Box--box-radius-64__-zOC7","Box--box-radius-96":"Box--box-radius-96__ayuP-","Box--box-radius-160":"Box--box-radius-160__39X1p","Box--narrow-l--box-radius-none":"Box--narrow-l--box-radius-none__U1KRd","Box--narrow-l--box-radius-m":"Box--narrow-l--box-radius-m__EAz9A","Box--narrow-l--box-radius-l":"Box--narrow-l--box-radius-l__GEnkZ","Box--narrow-l--box-radius-2":"Box--narrow-l--box-radius-2__Cn0nB","Box--narrow-l--box-radius-4":"Box--narrow-l--box-radius-4__dXX4d","Box--narrow-l--box-radius-8":"Box--narrow-l--box-radius-8__c2qTs","Box--narrow-l--box-radius-0":"Box--narrow-l--box-radius-0__rbA8v","Box--narrow-l--box-radius-12":"Box--narrow-l--box-radius-12__-FrWF","Box--narrow-l--box-radius-16":"Box--narrow-l--box-radius-16__7yiZ2","Box--narrow-l--box-radius-24":"Box--narrow-l--box-radius-24__pgg5J","Box--narrow-l--box-radius-32":"Box--narrow-l--box-radius-32__ME019","Box--narrow-l--box-radius-48":"Box--narrow-l--box-radius-48__oIpGl","Box--narrow-l--box-radius-64":"Box--narrow-l--box-radius-64__i4ASw","Box--narrow-l--box-radius-96":"Box--narrow-l--box-radius-96__-5TfN","Box--narrow-l--box-radius-160":"Box--narrow-l--box-radius-160__JVHdy","Box--medium-s--box-radius-none":"Box--medium-s--box-radius-none__NI3b5","Box--medium-s--box-radius-m":"Box--medium-s--box-radius-m__98FY-","Box--medium-s--box-radius-l":"Box--medium-s--box-radius-l__RsLEh","Box--medium-s--box-radius-2":"Box--medium-s--box-radius-2__h-yhf","Box--medium-s--box-radius-4":"Box--medium-s--box-radius-4__YmbvG","Box--medium-s--box-radius-8":"Box--medium-s--box-radius-8__NOIeK","Box--medium-s--box-radius-0":"Box--medium-s--box-radius-0__6dX4D","Box--medium-s--box-radius-12":"Box--medium-s--box-radius-12__Gp9Nl","Box--medium-s--box-radius-16":"Box--medium-s--box-radius-16__Q-4Io","Box--medium-s--box-radius-24":"Box--medium-s--box-radius-24__FASgo","Box--medium-s--box-radius-32":"Box--medium-s--box-radius-32__WCrhN","Box--medium-s--box-radius-48":"Box--medium-s--box-radius-48__Cniaw","Box--medium-s--box-radius-64":"Box--medium-s--box-radius-64__PnAQM","Box--medium-s--box-radius-96":"Box--medium-s--box-radius-96__sGJpJ","Box--medium-s--box-radius-160":"Box--medium-s--box-radius-160__MURfX","Box--medium-l--box-radius-none":"Box--medium-l--box-radius-none__9i2B6","Box--medium-l--box-radius-m":"Box--medium-l--box-radius-m__-N-kx","Box--medium-l--box-radius-l":"Box--medium-l--box-radius-l__mNNXv","Box--medium-l--box-radius-2":"Box--medium-l--box-radius-2__cWx-n","Box--medium-l--box-radius-4":"Box--medium-l--box-radius-4__ibcr4","Box--medium-l--box-radius-8":"Box--medium-l--box-radius-8__zm-dC","Box--medium-l--box-radius-0":"Box--medium-l--box-radius-0__-HCNC","Box--medium-l--box-radius-12":"Box--medium-l--box-radius-12__DdmSM","Box--medium-l--box-radius-16":"Box--medium-l--box-radius-16__o3E1Q","Box--medium-l--box-radius-24":"Box--medium-l--box-radius-24__u-rLd","Box--medium-l--box-radius-32":"Box--medium-l--box-radius-32__wMKBz","Box--medium-l--box-radius-48":"Box--medium-l--box-radius-48__mMLoI","Box--medium-l--box-radius-64":"Box--medium-l--box-radius-64__OuZ5D","Box--medium-l--box-radius-96":"Box--medium-l--box-radius-96__6lzaZ","Box--medium-l--box-radius-160":"Box--medium-l--box-radius-160__bTscq","Box--wide-s--box-radius-none":"Box--wide-s--box-radius-none__eNUX-","Box--wide-s--box-radius-m":"Box--wide-s--box-radius-m__T0UnR","Box--wide-s--box-radius-l":"Box--wide-s--box-radius-l__kE31q","Box--wide-s--box-radius-2":"Box--wide-s--box-radius-2__FnsdM","Box--wide-s--box-radius-4":"Box--wide-s--box-radius-4__G4jL0","Box--wide-s--box-radius-8":"Box--wide-s--box-radius-8__7Mz6S","Box--wide-s--box-radius-0":"Box--wide-s--box-radius-0__H9zOa","Box--wide-s--box-radius-12":"Box--wide-s--box-radius-12__G2Ain","Box--wide-s--box-radius-16":"Box--wide-s--box-radius-16__or-lk","Box--wide-s--box-radius-24":"Box--wide-s--box-radius-24__xyysq","Box--wide-s--box-radius-32":"Box--wide-s--box-radius-32__a8VMC","Box--wide-s--box-radius-48":"Box--wide-s--box-radius-48__lD512","Box--wide-s--box-radius-64":"Box--wide-s--box-radius-64__SPNmy","Box--wide-s--box-radius-96":"Box--wide-s--box-radius-96__7Awl2","Box--wide-s--box-radius-160":"Box--wide-s--box-radius-160__sBOke","Box--wide-l--box-radius-none":"Box--wide-l--box-radius-none__YpNNw","Box--wide-l--box-radius-m":"Box--wide-l--box-radius-m__i6UjO","Box--wide-l--box-radius-l":"Box--wide-l--box-radius-l__NkLU0","Box--wide-l--box-radius-2":"Box--wide-l--box-radius-2__GYO54","Box--wide-l--box-radius-4":"Box--wide-l--box-radius-4__267az","Box--wide-l--box-radius-8":"Box--wide-l--box-radius-8__1hPOR","Box--wide-l--box-radius-0":"Box--wide-l--box-radius-0__HQ2Tn","Box--wide-l--box-radius-12":"Box--wide-l--box-radius-12__yXlB2","Box--wide-l--box-radius-16":"Box--wide-l--box-radius-16__gp8Ov","Box--wide-l--box-radius-24":"Box--wide-l--box-radius-24__n4VQK","Box--wide-l--box-radius-32":"Box--wide-l--box-radius-32__E-AbQ","Box--wide-l--box-radius-48":"Box--wide-l--box-radius-48__hUdT6","Box--wide-l--box-radius-64":"Box--wide-l--box-radius-64__mLXRM","Box--wide-l--box-radius-96":"Box--wide-l--box-radius-96__gMyZj","Box--wide-l--box-radius-160":"Box--wide-l--box-radius-160__dfjUF","Box--background-white":"Box--background-white__8bLtb","Box--background-gray-100":"Box--background-gray-100__caCCW","Box--background-gray-200":"Box--background-gray-200__lxnJm","Box--background-gray-300":"Box--background-gray-300__qfANs","Box--background-gray-400":"Box--background-gray-400__Ol1x4","Box--background-gray-500":"Box--background-gray-500__x0PFz","Box--background-gray-600":"Box--background-gray-600__uB-Hh","Box--background-teal-100":"Box--background-teal-100__8CUoI","Box--background-teal-200":"Box--background-teal-200__7picz","Box--background-teal-300":"Box--background-teal-300__T3rQI","Box--background-teal-400":"Box--background-teal-400__0B0--","Box--background-teal-500":"Box--background-teal-500__MdenY","Box--background-green-100":"Box--background-green-100__HeHgn","Box--background-green-200":"Box--background-green-200__1N2wh","Box--background-green-300":"Box--background-green-300__z8ERR","Box--background-green-400":"Box--background-green-400__-5sHz","Box--background-green-500":"Box--background-green-500__CtoHU","Box--background-yellow-100":"Box--background-yellow-100__nuCTl","Box--background-yellow-200":"Box--background-yellow-200__Gp-pF","Box--background-yellow-300":"Box--background-yellow-300__yjWLN","Box--background-yellow-400":"Box--background-yellow-400__1GTS5","Box--background-yellow-500":"Box--background-yellow-500__ihqqf","Box--background-red-100":"Box--background-red-100__mwv7-","Box--background-red-200":"Box--background-red-200__RIRGM","Box--background-red-300":"Box--background-red-300__HbjJU","Box--background-red-400":"Box--background-red-400__ptrch","Box--background-red-500":"Box--background-red-500__YwJPK","Box--background-blue-100":"Box--background-blue-100__vxcI9","Box--background-blue-200":"Box--background-blue-200__In8OS","Box--background-blue-300":"Box--background-blue-300__2mLHS","Box--background-blue-400":"Box--background-blue-400__g45Ks","Box--background-blue-500":"Box--background-blue-500__KXigt","Box--background-magenta-100":"Box--background-magenta-100__mgiT2","Box--background-magenta-200":"Box--background-magenta-200__NzaeL","Box--background-magenta-300":"Box--background-magenta-300__lCSib","Box--background-magenta-400":"Box--background-magenta-400__b9jnn","Box--background-magenta-500":"Box--background-magenta-500__8-Hxx","Box--background-primary":"Box--background-primary__00zVu","Box--background-secondary":"Box--background-secondary__hY7w0","Box--background-tertiary":"Box--background-tertiary__cIPge","Box--background-overlay":"Box--background-overlay__vbs8V","Box--background-disabled":"Box--background-disabled__81WYT","Box--background-brand":"Box--background-brand__2W0VB","Box--background-brandB2b":"Box--background-brandB2b__KQrLm","Box--background-accentLight":"Box--background-accentLight__x6RrQ","Box--background-accentDark":"Box--background-accentDark__agpDd","Box--background-positiveLight":"Box--background-positiveLight__67dRq","Box--background-positiveDark":"Box--background-positiveDark__lYghV","Box--background-infoLight":"Box--background-infoLight__u-TX4","Box--background-infoDark":"Box--background-infoDark__ud4qs","Box--background-warningLight":"Box--background-warningLight__JtSuS","Box--background-warningDark":"Box--background-warningDark__SIgOQ","Box--background-criticalLight":"Box--background-criticalLight__uPTDs","Box--background-criticalDark":"Box--background-criticalDark__12Zft","Box--background-statusOnline":"Box--background-statusOnline__5PZcQ","Box--background-statusOffline":"Box--background-statusOffline__Vh0CO","Box--background-primaryInverted":"Box--background-primaryInverted__TePy2","Box--background-secondaryInverted":"Box--background-secondaryInverted__tMytW","Box--background-tertiaryInverted":"Box--background-tertiaryInverted__K2wU5"},r=D.forwardRef(function({children:m,background:g,radius:v=q,padding:p=R,tag:k,dataset:w,...y},f){const h=H(j,d.Box,[u("box-radius",v),u("background",g)]),L=O(p),S=k??I,T=[...h,...L],P={...N(y),ref:f,className:T.join(" "),...A(w,{preplyDsComponent:d.Box})};return o.jsx(S,{...P,children:m})});try{r.displayName="Box",r.__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:"enum",value:[{value:'"disabled"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"accentDark"'},{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'},{value:'"overlay"'},{value:'"brand"'},{value:'"brandB2b"'},{value:'"accentLight"'},{value:'"positiveLight"'},{value:'"positiveDark"'},{value:'"infoLight"'},{value:'"infoDark"'},{value:'"warningLight"'},{value:'"warningDark"'},{value:'"criticalLight"'},{value:'"criticalDark"'},{value:'"statusOnline"'},{value:'"statusOffline"'},{value:'"primaryInverted"'},{value:'"secondaryInverted"'},{value:'"tertiaryInverted"'}]}},radius:{defaultValue:{value:"m"},description:"",name:"radius",required:!1,type:{name:"enum",value:[{value:'"m"'},{value:'"l"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"0"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:"ResponsiveProp<BoxRadius>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"div"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"p"'},{value:'"span"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},padding:{defaultValue:{value:"s"},description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"3xs"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"[Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing, Spacing]"},{value:"[BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding, BoxPadding]"},{value:"ResponsiveProp<ShortHand<Spacing> | ShortHand<BoxPadding>>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const ro={title:"components/Box",component:r,argTypes:{radius:{description:E},padding:{description:C}}},a=()=>o.jsx(r,{background:"positiveLight",children:o.jsxs(B,{gap:"xs",direction:"column",children:[o.jsx(b,{level:"h3",accent:"positive",children:"Heading"}),o.jsx(_,{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";const e={parameters:{chromatic:{disableSnapshot:!0}},args:{background:void 0,radius:void 0,padding:void 0,children:o.jsxs(B,{gap:"16",direction:"column",children:[o.jsx(b,{variant:"large",tag:"h3",children:"Heading"}),o.jsx(_,{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"})]}),dataset:{qaid:"box"}},argTypes:{children:{control:!1},dataset:{control:"object"}}};var i,x,s;a.parameters={...a.parameters,docs:{...(i=a.parameters)==null?void 0:i.docs,source:{originalSource:`() => <Box background="positiveLight">
|
|
2
2
|
<LayoutFlex gap="xs" direction="column">
|
|
3
3
|
<Heading level="h3" accent="positive">
|
|
4
4
|
Heading
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as s}from"./jsx-runtime-BTJTZTIL.js";import{r as t}from"./index-Cb9e4tly.js";import{g as ne,a as se}from"./text-accent-CZD2Hmtq.js";import{g as le}from"./text-centered-Bk7GkK8R.js";import{f as X}from"./filterHTMLAttributes-UOns5Q7s.js";import{m as R,s as v,b as r,a as z}from"./classNames-BUL1Zq7e.js";import{w as b}from"./componentNames-Y1T_IIlY.js";import{g as J,a as oe}from"./index-DdzHuZ-Y.js";import{r as q}from"./render-icon-Du0nasoi.js";import{S as re,a as M,B as W}from"./defaults-B1rzzf6M.js";import{u as ue}from"./useHostname-Y3PlXofY.js";import{m as de}from"./index-CC6DAVyL.js";const me="Heading__Lv13n",Be={Heading:me,"Heading--level-h1-normal":"Heading--level-h1-normal__XOu04","Heading--level-h1-large":"Heading--level-h1-large__zA-1f","Heading--level-h2-normal":"Heading--level-h2-normal__LG1zy","Heading--level-h2-large":"Heading--level-h2-large__mEBpa","Heading--level-h3-normal":"Heading--level-h3-normal__uJzkx","Heading--level-h3-large":"Heading--level-h3-large__DScvV","Heading--level-h4-normal":"Heading--level-h4-normal__pcLs-","Heading--level-h4-large":"Heading--level-h4-large__E9YnR","Heading--level-h5-normal":"Heading--level-h5-normal__Jcizg","Heading--level-h5-large":"Heading--level-h5-large__pX4dy","Heading--narrow-l--level-h1-normal":"Heading--narrow-l--level-h1-normal__yBr3z","Heading--narrow-l--level-h1-large":"Heading--narrow-l--level-h1-large__pgUBw","Heading--narrow-l--level-h2-normal":"Heading--narrow-l--level-h2-normal__2G-pr","Heading--narrow-l--level-h2-large":"Heading--narrow-l--level-h2-large__UDoOK","Heading--narrow-l--level-h3-normal":"Heading--narrow-l--level-h3-normal__ZnZ9U","Heading--narrow-l--level-h3-large":"Heading--narrow-l--level-h3-large__fJrGV","Heading--narrow-l--level-h4-normal":"Heading--narrow-l--level-h4-normal__dVXtP","Heading--narrow-l--level-h4-large":"Heading--narrow-l--level-h4-large__bE8bj","Heading--narrow-l--level-h5-normal":"Heading--narrow-l--level-h5-normal__6ZpIw","Heading--narrow-l--level-h5-large":"Heading--narrow-l--level-h5-large__fbTua","Heading--medium-s--level-h1-normal":"Heading--medium-s--level-h1-normal__SZ6lt","Heading--medium-s--level-h1-large":"Heading--medium-s--level-h1-large__ZYR4F","Heading--medium-s--level-h2-normal":"Heading--medium-s--level-h2-normal__tGlS9","Heading--medium-s--level-h2-large":"Heading--medium-s--level-h2-large__1PuUz","Heading--medium-s--level-h3-normal":"Heading--medium-s--level-h3-normal__ME9N9","Heading--medium-s--level-h3-large":"Heading--medium-s--level-h3-large__J8Sp5","Heading--medium-s--level-h4-normal":"Heading--medium-s--level-h4-normal__6kstl","Heading--medium-s--level-h4-large":"Heading--medium-s--level-h4-large__uroLM","Heading--medium-s--level-h5-normal":"Heading--medium-s--level-h5-normal__-H0ax","Heading--medium-s--level-h5-large":"Heading--medium-s--level-h5-large__oTsc6","Heading--medium-l--level-h1-normal":"Heading--medium-l--level-h1-normal__7hkJ-","Heading--medium-l--level-h1-large":"Heading--medium-l--level-h1-large__UzG52","Heading--medium-l--level-h2-normal":"Heading--medium-l--level-h2-normal__3u6q9","Heading--medium-l--level-h2-large":"Heading--medium-l--level-h2-large__cfpT4","Heading--medium-l--level-h3-normal":"Heading--medium-l--level-h3-normal__sLWI1","Heading--medium-l--level-h3-large":"Heading--medium-l--level-h3-large__6Hydp","Heading--medium-l--level-h4-normal":"Heading--medium-l--level-h4-normal__C3NiA","Heading--medium-l--level-h4-large":"Heading--medium-l--level-h4-large__A80ip","Heading--medium-l--level-h5-normal":"Heading--medium-l--level-h5-normal__zpE9s","Heading--medium-l--level-h5-large":"Heading--medium-l--level-h5-large__Jmwd6","Heading--wide-s--level-h1-normal":"Heading--wide-s--level-h1-normal__R57oJ","Heading--wide-s--level-h1-large":"Heading--wide-s--level-h1-large__qSwu5","Heading--wide-s--level-h2-normal":"Heading--wide-s--level-h2-normal__alRyc","Heading--wide-s--level-h2-large":"Heading--wide-s--level-h2-large__cZI1y","Heading--wide-s--level-h3-normal":"Heading--wide-s--level-h3-normal__9w7TH","Heading--wide-s--level-h3-large":"Heading--wide-s--level-h3-large__XOOt7","Heading--wide-s--level-h4-normal":"Heading--wide-s--level-h4-normal__-sBqL","Heading--wide-s--level-h4-large":"Heading--wide-s--level-h4-large__WRm0P","Heading--wide-s--level-h5-normal":"Heading--wide-s--level-h5-normal__Jk51k","Heading--wide-s--level-h5-large":"Heading--wide-s--level-h5-large__8-ivr","Heading--wide-l--level-h1-normal":"Heading--wide-l--level-h1-normal__31XiO","Heading--wide-l--level-h1-large":"Heading--wide-l--level-h1-large__nznUF","Heading--wide-l--level-h2-normal":"Heading--wide-l--level-h2-normal__x1n2-","Heading--wide-l--level-h2-large":"Heading--wide-l--level-h2-large__hJgbo","Heading--wide-l--level-h3-normal":"Heading--wide-l--level-h3-normal__pWXPS","Heading--wide-l--level-h3-large":"Heading--wide-l--level-h3-large__rKyoS","Heading--wide-l--level-h4-normal":"Heading--wide-l--level-h4-normal__-mgo0","Heading--wide-l--level-h4-large":"Heading--wide-l--level-h4-large__MT7mO","Heading--wide-l--level-h5-normal":"Heading--wide-l--level-h5-normal__Zwo4C","Heading--wide-l--level-h5-large":"Heading--wide-l--level-h5-large__4Ccbe","Heading--variant-massive":"Heading--variant-massive__xBbvd","Heading--variant-huge":"Heading--variant-huge__uNKwX","Heading--variant-extraLarge":"Heading--variant-extraLarge__O5YaA","Heading--variant-large":"Heading--variant-large__npEGh","Heading--variant-medium":"Heading--variant-medium__WRzNp","Heading--variant-small":"Heading--variant-small__RlTJl","Heading--narrow-l--variant-massive":"Heading--narrow-l--variant-massive__NkQiN","Heading--narrow-l--variant-huge":"Heading--narrow-l--variant-huge__xN-4a","Heading--narrow-l--variant-extraLarge":"Heading--narrow-l--variant-extraLarge__dhHS3","Heading--narrow-l--variant-large":"Heading--narrow-l--variant-large__O-yyq","Heading--narrow-l--variant-medium":"Heading--narrow-l--variant-medium__T3ZkZ","Heading--narrow-l--variant-small":"Heading--narrow-l--variant-small__nibGn","Heading--medium-s--variant-massive":"Heading--medium-s--variant-massive__dkhpb","Heading--medium-s--variant-huge":"Heading--medium-s--variant-huge__Td7XG","Heading--medium-s--variant-extraLarge":"Heading--medium-s--variant-extraLarge__puDN9","Heading--medium-s--variant-large":"Heading--medium-s--variant-large__UQMHF","Heading--medium-s--variant-medium":"Heading--medium-s--variant-medium__i2JwC","Heading--medium-s--variant-small":"Heading--medium-s--variant-small__UQTL9","Heading--medium-l--variant-massive":"Heading--medium-l--variant-massive__UtPA0","Heading--medium-l--variant-huge":"Heading--medium-l--variant-huge__BiY-j","Heading--medium-l--variant-extraLarge":"Heading--medium-l--variant-extraLarge__IP2Vo","Heading--medium-l--variant-large":"Heading--medium-l--variant-large__tV93Y","Heading--medium-l--variant-medium":"Heading--medium-l--variant-medium__945np","Heading--medium-l--variant-small":"Heading--medium-l--variant-small__ZUV1D","Heading--wide-s--variant-massive":"Heading--wide-s--variant-massive__BWmTX","Heading--wide-s--variant-huge":"Heading--wide-s--variant-huge__inkxv","Heading--wide-s--variant-extraLarge":"Heading--wide-s--variant-extraLarge__SQjI9","Heading--wide-s--variant-large":"Heading--wide-s--variant-large__UNDsi","Heading--wide-s--variant-medium":"Heading--wide-s--variant-medium__4OLaD","Heading--wide-s--variant-small":"Heading--wide-s--variant-small__ex4C1","Heading--wide-l--variant-massive":"Heading--wide-l--variant-massive__94l-9","Heading--wide-l--variant-huge":"Heading--wide-l--variant-huge__1qto2","Heading--wide-l--variant-extraLarge":"Heading--wide-l--variant-extraLarge__udFtI","Heading--wide-l--variant-large":"Heading--wide-l--variant-large__Y7k-Q","Heading--wide-l--variant-medium":"Heading--wide-l--variant-medium__xkuYd","Heading--wide-l--variant-small":"Heading--wide-l--variant-small__ORLbL"},_e=t.forwardRef(function({children:e,variant:i,accent:n,level:l,large:u=!1,tag:d,color:m,centered:g,dataset:w,id:B,...p},f){const H=d||l||"h1",_=R(Be,b.Heading,i?v("variant",i):r(`level-${l}-large`,`level-${l}-normal`,u)),o=le(g),I=ne(!(n?void 0:m),n),y=se(m),C=["preply-ds-heading",..._,...o,...I,...y],c={...X(p),className:C.join(" "),...J(w,{preplyDsComponent:b.Heading}),id:B,ref:f};return s.jsx(H,{...c,children:e})});_e.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{large:{defaultValue:{value:"false",computed:!1},required:!1}}};const ve="Spinner__U3f6H",ge="spin__6opuF",L={Spinner:ve,"Spinner--size-default":"Spinner--size-default__xo-Jk","Spinner--size-large":"Spinner--size-large__2nk5J","Spinner--narrow-l--size-default":"Spinner--narrow-l--size-default__gRrq1","Spinner--narrow-l--size-large":"Spinner--narrow-l--size-large__6gb70","Spinner--medium-s--size-default":"Spinner--medium-s--size-default__bJg-R","Spinner--medium-s--size-large":"Spinner--medium-s--size-large__HAPhI","Spinner--medium-l--size-default":"Spinner--medium-l--size-default__AuHDV","Spinner--medium-l--size-large":"Spinner--medium-l--size-large__MlfBE","Spinner--wide-s--size-default":"Spinner--wide-s--size-default__3sTOC","Spinner--wide-s--size-large":"Spinner--wide-s--size-large__AkfHJ","Spinner--wide-l--size-default":"Spinner--wide-l--size-default__FDlfA","Spinner--wide-l--size-large":"Spinner--wide-l--size-large__Oyg7h","Spinner--static":"Spinner--static__3-otL","Spinner--animated":"Spinner--animated__K3vs3",spin:ge},we=({title:a,titleId:e,...i},n)=>t.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:n,"aria-labelledby":e,...i},a?t.createElement("title",{id:e},a):null,t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm9-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"})),ce=t.forwardRef(we),he=({title:a,titleId:e,...i},n)=>t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:n,"aria-labelledby":e,...i},a?t.createElement("title",{id:e},a):null,t.createElement("g",{clipPath:"url(#clip0_1785_4234)"},t.createElement("path",{d:"M30 15.9996C30.0002 18.5815 29.2863 21.1132 27.9373 23.3148C26.5884 25.5163 24.6569 27.302 22.3564 28.4743C20.0559 29.6465 17.476 30.1598 14.902 29.9573C12.328 29.7548 9.86014 28.8444 7.77126 27.3269C5.68238 25.8093 4.05386 23.7436 3.06576 21.3582C2.07765 18.9728 1.76846 16.3606 2.17236 13.8104C2.57627 11.2602 3.67753 8.8714 5.35439 6.90808C7.03126 4.94475 9.2184 3.48339 11.674 2.68557",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),t.createElement("path",{opacity:.3,d:"M16 29.9996C23.732 29.9996 30 23.7316 30 15.9996C30 8.26758 23.732 1.99956 16 1.99956C8.26801 1.99956 2 8.26758 2 15.9996C2 23.7316 8.26801 29.9996 16 29.9996Z",strokeWidth:3,strokeLinejoin:"round"})),t.createElement("defs",null,t.createElement("clipPath",{id:"clip0_1785_4234"},t.createElement("rect",{width:32,height:32,fill:"white"})))),ze=t.forwardRef(he),E="Spinner",He=({size:a=re})=>{const e=R(L,E,[v("size",a)]),i=[...z(L,E,["animated"])],n=[...z(L,E,["static"])];return s.jsxs("span",{className:e.join(" "),children:[s.jsx("span",{className:i.join(" "),children:s.jsx(ze,{})}),s.jsx("span",{className:n.join(" "),children:s.jsx(ce,{})})]})},V=(a,e)=>{typeof a=="function"?a(e):a&&(a.current=e)},be=(a,e)=>t.useCallback(i=>{V(a,i),V(e,i)},[a,e]),pe="ButtonBase__lIl-s",T={"button-width--width-full":"button-width--width-full__nJNYU","button-width--width-auto":"button-width--width-auto__gsqlf","button-width--narrow-l--width-full":"button-width--narrow-l--width-full__y2YjC","button-width--narrow-l--width-auto":"button-width--narrow-l--width-auto__1qVpi","button-width--medium-s--width-full":"button-width--medium-s--width-full__IdW9b","button-width--medium-s--width-auto":"button-width--medium-s--width-auto__hrO4e","button-width--medium-l--width-full":"button-width--medium-l--width-full__Oc0vB","button-width--medium-l--width-auto":"button-width--medium-l--width-auto__RNuIr","button-width--wide-s--width-full":"button-width--wide-s--width-full__-egYf","button-width--wide-s--width-auto":"button-width--wide-s--width-auto__h-tgw","button-width--wide-l--width-full":"button-width--wide-l--width-full__OWgAy","button-width--wide-l--width-auto":"button-width--wide-l--width-auto__orWDN",ButtonBase:pe,"ButtonBase--content":"ButtonBase--content__F9k22","ButtonBase--is-icon-button":"ButtonBase--is-icon-button__48zlf","ButtonBase--is-icon-button-size-large":"ButtonBase--is-icon-button-size-large__9HVLW","ButtonBase--busy":"ButtonBase--busy__XAkcK","ButtonBase--dsInternalSimulation-focus":"ButtonBase--dsInternalSimulation-focus__8jkWp","ButtonBase--is-busy":"ButtonBase--is-busy__OpmZd","ButtonBase--width-full":"ButtonBase--width-full__rPUpd","ButtonBase--width-auto":"ButtonBase--width-auto__4ebPj","ButtonBase--narrow-l--width-full":"ButtonBase--narrow-l--width-full__Bwysi","ButtonBase--narrow-l--width-auto":"ButtonBase--narrow-l--width-auto__r52SI","ButtonBase--medium-s--width-full":"ButtonBase--medium-s--width-full__nsvpl","ButtonBase--medium-s--width-auto":"ButtonBase--medium-s--width-auto__hcYr9","ButtonBase--medium-l--width-full":"ButtonBase--medium-l--width-full__6AYGL","ButtonBase--medium-l--width-auto":"ButtonBase--medium-l--width-auto__BGHr5","ButtonBase--wide-s--width-full":"ButtonBase--wide-s--width-full__4w-XJ","ButtonBase--wide-s--width-auto":"ButtonBase--wide-s--width-auto__5eGoZ","ButtonBase--wide-l--width-full":"ButtonBase--wide-l--width-full__8LbNM","ButtonBase--wide-l--width-auto":"ButtonBase--wide-l--width-auto__ys3sp","ButtonBase--size-xs":"ButtonBase--size-xs__lxx7z","ButtonBase--is-icon-button-size-xs":"ButtonBase--is-icon-button-size-xs__eEs4s","ButtonBase--size-s":"ButtonBase--size-s__9b8fd","ButtonBase--is-icon-button-size-s":"ButtonBase--is-icon-button-size-s__tc2gF","ButtonBase--size-m":"ButtonBase--size-m__JSHCD","ButtonBase--is-icon-button-size-m":"ButtonBase--is-icon-button-size-m__xMHGL","ButtonBase--size-l":"ButtonBase--size-l__5IwtX","ButtonBase--is-icon-button-size-l":"ButtonBase--is-icon-button-size-l__LAPEo","ButtonBase--size-xl":"ButtonBase--size-xl__MV8va","ButtonBase--is-icon-button-size-xl":"ButtonBase--is-icon-button-size-xl__xunpR","ButtonBase--size-large":"ButtonBase--size-large__mHtSn","ButtonBase--size-medium":"ButtonBase--size-medium__5Qsuj","ButtonBase--is-icon-button-size-medium":"ButtonBase--is-icon-button-size-medium__HRsbM","ButtonBase--size-small":"ButtonBase--size-small__Ajd60","ButtonBase--is-icon-button-size-small":"ButtonBase--is-icon-button-size-small__Me6wm","ButtonBase--narrow-l--size-xs":"ButtonBase--narrow-l--size-xs__uAbKt","ButtonBase--narrow-l--is-icon-button-size-xs":"ButtonBase--narrow-l--is-icon-button-size-xs__yiZ24","ButtonBase--narrow-l--size-s":"ButtonBase--narrow-l--size-s__AflGu","ButtonBase--narrow-l--is-icon-button-size-s":"ButtonBase--narrow-l--is-icon-button-size-s__AomQA","ButtonBase--narrow-l--size-m":"ButtonBase--narrow-l--size-m__O1Xux","ButtonBase--narrow-l--is-icon-button-size-m":"ButtonBase--narrow-l--is-icon-button-size-m__Y3vj7","ButtonBase--narrow-l--size-l":"ButtonBase--narrow-l--size-l__rchmS","ButtonBase--narrow-l--is-icon-button-size-l":"ButtonBase--narrow-l--is-icon-button-size-l__SYw5v","ButtonBase--narrow-l--size-xl":"ButtonBase--narrow-l--size-xl__VqinD","ButtonBase--narrow-l--is-icon-button-size-xl":"ButtonBase--narrow-l--is-icon-button-size-xl__0HId0","ButtonBase--narrow-l--size-large":"ButtonBase--narrow-l--size-large__3gfd8","ButtonBase--narrow-l--is-icon-button-size-large":"ButtonBase--narrow-l--is-icon-button-size-large__mWjvJ","ButtonBase--narrow-l--size-medium":"ButtonBase--narrow-l--size-medium__BhXNK","ButtonBase--narrow-l--is-icon-button-size-medium":"ButtonBase--narrow-l--is-icon-button-size-medium__RWwYm","ButtonBase--narrow-l--size-small":"ButtonBase--narrow-l--size-small__Vl2nb","ButtonBase--narrow-l--is-icon-button-size-small":"ButtonBase--narrow-l--is-icon-button-size-small__-dAMj","ButtonBase--medium-s--size-xs":"ButtonBase--medium-s--size-xs__B5Gvh","ButtonBase--medium-s--is-icon-button-size-xs":"ButtonBase--medium-s--is-icon-button-size-xs__bePce","ButtonBase--medium-s--size-s":"ButtonBase--medium-s--size-s__67wXs","ButtonBase--medium-s--is-icon-button-size-s":"ButtonBase--medium-s--is-icon-button-size-s__E45Sc","ButtonBase--medium-s--size-m":"ButtonBase--medium-s--size-m__Vo-qg","ButtonBase--medium-s--is-icon-button-size-m":"ButtonBase--medium-s--is-icon-button-size-m__rjz2N","ButtonBase--medium-s--size-l":"ButtonBase--medium-s--size-l__PB---","ButtonBase--medium-s--is-icon-button-size-l":"ButtonBase--medium-s--is-icon-button-size-l__c8nir","ButtonBase--medium-s--size-xl":"ButtonBase--medium-s--size-xl__66maE","ButtonBase--medium-s--is-icon-button-size-xl":"ButtonBase--medium-s--is-icon-button-size-xl__WCvsC","ButtonBase--medium-s--size-large":"ButtonBase--medium-s--size-large__x6d3B","ButtonBase--medium-s--is-icon-button-size-large":"ButtonBase--medium-s--is-icon-button-size-large__54tXt","ButtonBase--medium-s--size-medium":"ButtonBase--medium-s--size-medium__l27CC","ButtonBase--medium-s--is-icon-button-size-medium":"ButtonBase--medium-s--is-icon-button-size-medium__zUviu","ButtonBase--medium-s--size-small":"ButtonBase--medium-s--size-small__49UoI","ButtonBase--medium-s--is-icon-button-size-small":"ButtonBase--medium-s--is-icon-button-size-small__IvyNG","ButtonBase--medium-l--size-xs":"ButtonBase--medium-l--size-xs__0sLm9","ButtonBase--medium-l--is-icon-button-size-xs":"ButtonBase--medium-l--is-icon-button-size-xs__FdQwd","ButtonBase--medium-l--size-s":"ButtonBase--medium-l--size-s__yAooZ","ButtonBase--medium-l--is-icon-button-size-s":"ButtonBase--medium-l--is-icon-button-size-s__uVDdU","ButtonBase--medium-l--size-m":"ButtonBase--medium-l--size-m__dNY-G","ButtonBase--medium-l--is-icon-button-size-m":"ButtonBase--medium-l--is-icon-button-size-m__u04Nc","ButtonBase--medium-l--size-l":"ButtonBase--medium-l--size-l__oZ52f","ButtonBase--medium-l--is-icon-button-size-l":"ButtonBase--medium-l--is-icon-button-size-l__JklvS","ButtonBase--medium-l--size-xl":"ButtonBase--medium-l--size-xl__QLV4j","ButtonBase--medium-l--is-icon-button-size-xl":"ButtonBase--medium-l--is-icon-button-size-xl__POeEf","ButtonBase--medium-l--size-large":"ButtonBase--medium-l--size-large__HywFW","ButtonBase--medium-l--is-icon-button-size-large":"ButtonBase--medium-l--is-icon-button-size-large__7IhZP","ButtonBase--medium-l--size-medium":"ButtonBase--medium-l--size-medium__Tf265","ButtonBase--medium-l--is-icon-button-size-medium":"ButtonBase--medium-l--is-icon-button-size-medium__bwlaM","ButtonBase--medium-l--size-small":"ButtonBase--medium-l--size-small__t2X0A","ButtonBase--medium-l--is-icon-button-size-small":"ButtonBase--medium-l--is-icon-button-size-small__LyC6d","ButtonBase--wide-s--size-xs":"ButtonBase--wide-s--size-xs__-mgOQ","ButtonBase--wide-s--is-icon-button-size-xs":"ButtonBase--wide-s--is-icon-button-size-xs__IBvqC","ButtonBase--wide-s--size-s":"ButtonBase--wide-s--size-s__-YHZU","ButtonBase--wide-s--is-icon-button-size-s":"ButtonBase--wide-s--is-icon-button-size-s__Wl9SE","ButtonBase--wide-s--size-m":"ButtonBase--wide-s--size-m__ZVy5-","ButtonBase--wide-s--is-icon-button-size-m":"ButtonBase--wide-s--is-icon-button-size-m__dUdfS","ButtonBase--wide-s--size-l":"ButtonBase--wide-s--size-l__s1Ihh","ButtonBase--wide-s--is-icon-button-size-l":"ButtonBase--wide-s--is-icon-button-size-l__1ZT4h","ButtonBase--wide-s--size-xl":"ButtonBase--wide-s--size-xl__Eqp9V","ButtonBase--wide-s--is-icon-button-size-xl":"ButtonBase--wide-s--is-icon-button-size-xl__CxZ2c","ButtonBase--wide-s--size-large":"ButtonBase--wide-s--size-large__revq4","ButtonBase--wide-s--is-icon-button-size-large":"ButtonBase--wide-s--is-icon-button-size-large__ECs3C","ButtonBase--wide-s--size-medium":"ButtonBase--wide-s--size-medium__LcWNl","ButtonBase--wide-s--is-icon-button-size-medium":"ButtonBase--wide-s--is-icon-button-size-medium__XgG6m","ButtonBase--wide-s--size-small":"ButtonBase--wide-s--size-small__zMihk","ButtonBase--wide-s--is-icon-button-size-small":"ButtonBase--wide-s--is-icon-button-size-small__86pYD","ButtonBase--wide-l--size-xs":"ButtonBase--wide-l--size-xs__Kra5R","ButtonBase--wide-l--is-icon-button-size-xs":"ButtonBase--wide-l--is-icon-button-size-xs__pZkvQ","ButtonBase--wide-l--size-s":"ButtonBase--wide-l--size-s__mXSys","ButtonBase--wide-l--is-icon-button-size-s":"ButtonBase--wide-l--is-icon-button-size-s__coM5t","ButtonBase--wide-l--size-m":"ButtonBase--wide-l--size-m__4tPUs","ButtonBase--wide-l--is-icon-button-size-m":"ButtonBase--wide-l--is-icon-button-size-m__ylg8h","ButtonBase--wide-l--size-l":"ButtonBase--wide-l--size-l__-MnEL","ButtonBase--wide-l--is-icon-button-size-l":"ButtonBase--wide-l--is-icon-button-size-l__Pf9hk","ButtonBase--wide-l--size-xl":"ButtonBase--wide-l--size-xl__QgW1O","ButtonBase--wide-l--is-icon-button-size-xl":"ButtonBase--wide-l--is-icon-button-size-xl__qPrzJ","ButtonBase--wide-l--size-large":"ButtonBase--wide-l--size-large__dkSfM","ButtonBase--wide-l--is-icon-button-size-large":"ButtonBase--wide-l--is-icon-button-size-large__Exb49","ButtonBase--wide-l--size-medium":"ButtonBase--wide-l--size-medium__DSTMt","ButtonBase--wide-l--is-icon-button-size-medium":"ButtonBase--wide-l--is-icon-button-size-medium__wftX5","ButtonBase--wide-l--size-small":"ButtonBase--wide-l--size-small__1o3ZA","ButtonBase--wide-l--is-icon-button-size-small":"ButtonBase--wide-l--is-icon-button-size-small__Xqy2p","ButtonBase--variant-primary":"ButtonBase--variant-primary__EgRuu","ButtonBase--variant-primary--dsInternalSimulation-hover":"ButtonBase--variant-primary--dsInternalSimulation-hover__qshA-","ButtonBase--variant-primary--dsInternalSimulation-active":"ButtonBase--variant-primary--dsInternalSimulation-active__RQanZ","ButtonBase--variant-secondary":"ButtonBase--variant-secondary__GphQb","ButtonBase--variant-secondary--dsInternalSimulation-hover":"ButtonBase--variant-secondary--dsInternalSimulation-hover__ndGIz","ButtonBase--variant-secondary--dsInternalSimulation-active":"ButtonBase--variant-secondary--dsInternalSimulation-active__k4I5F","ButtonBase--variant-tertiary":"ButtonBase--variant-tertiary__O9c3W","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"ButtonBase--variant-tertiary--dsInternalSimulation-hover__4-xa1","ButtonBase--variant-tertiary--dsInternalSimulation-active":"ButtonBase--variant-tertiary--dsInternalSimulation-active__-10gZ","ButtonBase--variant-quaternary":"ButtonBase--variant-quaternary__pLeI5","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"ButtonBase--variant-quaternary--dsInternalSimulation-hover__ED-s6","ButtonBase--variant-quaternary--dsInternalSimulation-active":"ButtonBase--variant-quaternary--dsInternalSimulation-active__4fmhU","ButtonBase--variant-ghost":"ButtonBase--variant-ghost__ezCgl","ButtonBase--variant-ghost--dsInternalSimulation-hover":"ButtonBase--variant-ghost--dsInternalSimulation-hover__N-vL2","ButtonBase--variant-ghost--dsInternalSimulation-active":"ButtonBase--variant-ghost--dsInternalSimulation-active__ap8Wb","ButtonBase--variant-ghost--is-selected":"ButtonBase--variant-ghost--is-selected__vHgdy","ButtonBase--variant-plain":"ButtonBase--variant-plain__NngTh","ButtonBase--variant-plain--dsInternalSimulation-hover":"ButtonBase--variant-plain--dsInternalSimulation-hover__XV9fr","ButtonBase--variant-plain--dsInternalSimulation-active":"ButtonBase--variant-plain--dsInternalSimulation-active__wTQ0e","ButtonBase--variant-dangerous":"ButtonBase--variant-dangerous__WpJz8","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"ButtonBase--variant-dangerous--dsInternalSimulation-hover__wQ0V8","ButtonBase--variant-dangerous--dsInternalSimulation-active":"ButtonBase--variant-dangerous--dsInternalSimulation-active__sA60n","ButtonBase--variant-critical":"ButtonBase--variant-critical__0FoGb","ButtonBase--variant-critical--dsInternalSimulation-hover":"ButtonBase--variant-critical--dsInternalSimulation-hover__DcuKz","ButtonBase--variant-critical--dsInternalSimulation-active":"ButtonBase--variant-critical--dsInternalSimulation-active__-D3p9","ButtonBase--variant-onColor":"ButtonBase--variant-onColor__gDgiZ","ButtonBase--variant-onColor--dsInternalSimulation-hover":"ButtonBase--variant-onColor--dsInternalSimulation-hover__GtnDL","ButtonBase--variant-onColor--dsInternalSimulation-active":"ButtonBase--variant-onColor--dsInternalSimulation-active__4ca8i","ButtonBase--variant-classroom":"ButtonBase--variant-classroom__HVQMA","ButtonBase--variant-classroom--dsInternalSimulation-hover":"ButtonBase--variant-classroom--dsInternalSimulation-hover__h2nxf","ButtonBase--variant-classroom--dsInternalSimulation-active":"ButtonBase--variant-classroom--dsInternalSimulation-active__3uCrs","ButtonBase--variant-classroom--is-selected":"ButtonBase--variant-classroom--is-selected__o47f2","ButtonBase--variant-primaryB2b":"ButtonBase--variant-primaryB2b__mqIFn","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__s-6Io","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"ButtonBase--variant-primaryB2b--dsInternalSimulation-active__5Zy8P","ButtonBase--variant-primaryTutor":"ButtonBase--variant-primaryTutor__0m-N0","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__-St95","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"ButtonBase--variant-primaryTutor--dsInternalSimulation-active__U8f46","ButtonBase--variant-inverted":"ButtonBase--variant-inverted__espSx","ButtonBase--variant-inverted--dsInternalSimulation-hover":"ButtonBase--variant-inverted--dsInternalSimulation-hover__2QLK5","ButtonBase--variant-inverted--dsInternalSimulation-active":"ButtonBase--variant-inverted--dsInternalSimulation-active__XPR7p","ButtonBase--variant-newFeature":"ButtonBase--variant-newFeature__kiL3X","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"ButtonBase--variant-newFeature--dsInternalSimulation-hover__MJYRN","ButtonBase--variant-newFeature--dsInternalSimulation-active":"ButtonBase--variant-newFeature--dsInternalSimulation-active__eVKIo","ButtonBase--variant-ai":"ButtonBase--variant-ai__QQ5F5","ButtonBase--variant-ai--dsInternalSimulation-hover":"ButtonBase--variant-ai--dsInternalSimulation-hover__sEFmg","ButtonBase--variant-ai--dsInternalSimulation-active":"ButtonBase--variant-ai--dsInternalSimulation-active__wLX6u","ButtonBase--no-wrap":"ButtonBase--no-wrap__U0fYw"},k="ButtonBase",fe=a=>Object.prototype.hasOwnProperty.call(a,"selected"),j=({children:a,busy:e})=>{const i=[...z(T,k,["content"])],n=[...z(T,k,["busy"])];return s.jsxs(s.Fragment,{children:[s.jsx("span",{className:i.join(" "),children:a}),e&&s.jsx("span",{className:n.join(" "),children:s.jsx(He,{})})]})},G=t.forwardRef(function(e,i){const{variant:n=M,size:l=W,fullWidth:u=!1,wrap:d=!1,href:m,download:g,opensInNewTab:w,nofollow:B,submitsForm:p,assistiveText:f,onClick:H,disabled:_,busy:o,isIconButton:S,as:x,url:I,a11yLabel:y,dataset:C,children:c,dsInternalSimulation:A,preplyDsComponent:Q,...Y}=e,{selected:K}=fe(e)?e:{selected:void 0},$=ue(),P=t.useRef(null),Z=be(P,i),ee=h=>{(_||o)&&h.preventDefault(),H==null||H(h)},ae=h=>{var F;const O=de(h.key);(O===" "||O==="Enter")&&(h.preventDefault(),(F=P.current)==null||F.click())},te=A==="focus"?r("dsInternalSimulation-focus",void 0,!0):v(`variant-${n}--dsInternalSimulation`,A),ie=R(T,k,[te,v("variant",n),v("size",l),S?v("is-icon-button-size",l):[],r(void 0,"no-wrap",d),r("width-full","width-auto",u),r("is-busy",void 0,o),r("is-icon-button",void 0,S),r(`variant-${n}--is-selected`,void 0,K)]),D={...X(Y),...J(C,{preplyDsComponent:Q}),className:ie.join(" "),"aria-label":f||y,onClick:ee,disabled:_,"aria-disabled":_||o?!0:void 0,ref:Z},N=m||I,U={...D,download:g,ref:Z,role:"button",tabIndex:_?-1:0,href:N,onKeyDown:ae};return N?s.jsx("a",{...U,...oe($,N,w,B),children:j({children:c,busy:o})}):x?t.cloneElement(x,{...U},j({children:c,busy:o})):s.jsx("button",{...D,type:p?"submit":"button",children:j({children:c,busy:o})})});G.__docgenInfo={description:"",methods:[],displayName:"ButtonBase"};const Se={"Button--icon":"Button--icon__bzPsP","Button--size-small":"Button--size-small__hrJyO","Button--size-medium":"Button--size-medium__ToEik","Button--size-large":"Button--size-large__2ARbP"},xe=t.forwardRef(function({variant:e=M,size:i=W,url:n,a11yLabel:l,leadingSvgIcon:u,trailingSvgIcon:d,children:m,...g},w){const B=[...z(Se,b.Button,["icon",`size-${i}`])];return s.jsxs(G,{...g,ref:w,isIconButton:!1,variant:e,size:i,url:n,a11yLabel:l,preplyDsComponent:b.Button,children:[!!u&&s.jsx("span",{className:B.join(" "),children:q(u,{"aria-hidden":"true",focusable:"false"})}),m,!!d&&s.jsx("span",{className:B.join(" "),children:q(d,{"aria-hidden":"true",focusable:"false"})})]})});xe.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},size:{defaultValue:{value:"'s'",computed:!1},required:!1}}};export{xe as B,_e as H,He as S,G as a,be as u};
|
|
1
|
+
import{j as s}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Cb9e4tly.js";import{g as le,a as oe}from"./text-accent-CZD2Hmtq.js";import{g as ue}from"./text-centered-Bk7GkK8R.js";import{f as M}from"./filterHTMLAttributes-UOns5Q7s.js";import{m as S,s as m,b as d,a as p}from"./classNames-BUL1Zq7e.js";import{w as f}from"./componentNames-Y1T_IIlY.js";import{g as W,a as re}from"./index-DdzHuZ-Y.js";import{r as J}from"./render-icon-Du0nasoi.js";import{S as de,a as X,B as G}from"./defaults-B1rzzf6M.js";import{u as me}from"./useHostname-Y3PlXofY.js";import{m as Be}from"./index-CC6DAVyL.js";const _e="Heading__Lv13n",ge={Heading:_e,"Heading--level-h1-normal":"Heading--level-h1-normal__XOu04","Heading--level-h1-large":"Heading--level-h1-large__zA-1f","Heading--level-h2-normal":"Heading--level-h2-normal__LG1zy","Heading--level-h2-large":"Heading--level-h2-large__mEBpa","Heading--level-h3-normal":"Heading--level-h3-normal__uJzkx","Heading--level-h3-large":"Heading--level-h3-large__DScvV","Heading--level-h4-normal":"Heading--level-h4-normal__pcLs-","Heading--level-h4-large":"Heading--level-h4-large__E9YnR","Heading--level-h5-normal":"Heading--level-h5-normal__Jcizg","Heading--level-h5-large":"Heading--level-h5-large__pX4dy","Heading--narrow-l--level-h1-normal":"Heading--narrow-l--level-h1-normal__yBr3z","Heading--narrow-l--level-h1-large":"Heading--narrow-l--level-h1-large__pgUBw","Heading--narrow-l--level-h2-normal":"Heading--narrow-l--level-h2-normal__2G-pr","Heading--narrow-l--level-h2-large":"Heading--narrow-l--level-h2-large__UDoOK","Heading--narrow-l--level-h3-normal":"Heading--narrow-l--level-h3-normal__ZnZ9U","Heading--narrow-l--level-h3-large":"Heading--narrow-l--level-h3-large__fJrGV","Heading--narrow-l--level-h4-normal":"Heading--narrow-l--level-h4-normal__dVXtP","Heading--narrow-l--level-h4-large":"Heading--narrow-l--level-h4-large__bE8bj","Heading--narrow-l--level-h5-normal":"Heading--narrow-l--level-h5-normal__6ZpIw","Heading--narrow-l--level-h5-large":"Heading--narrow-l--level-h5-large__fbTua","Heading--medium-s--level-h1-normal":"Heading--medium-s--level-h1-normal__SZ6lt","Heading--medium-s--level-h1-large":"Heading--medium-s--level-h1-large__ZYR4F","Heading--medium-s--level-h2-normal":"Heading--medium-s--level-h2-normal__tGlS9","Heading--medium-s--level-h2-large":"Heading--medium-s--level-h2-large__1PuUz","Heading--medium-s--level-h3-normal":"Heading--medium-s--level-h3-normal__ME9N9","Heading--medium-s--level-h3-large":"Heading--medium-s--level-h3-large__J8Sp5","Heading--medium-s--level-h4-normal":"Heading--medium-s--level-h4-normal__6kstl","Heading--medium-s--level-h4-large":"Heading--medium-s--level-h4-large__uroLM","Heading--medium-s--level-h5-normal":"Heading--medium-s--level-h5-normal__-H0ax","Heading--medium-s--level-h5-large":"Heading--medium-s--level-h5-large__oTsc6","Heading--medium-l--level-h1-normal":"Heading--medium-l--level-h1-normal__7hkJ-","Heading--medium-l--level-h1-large":"Heading--medium-l--level-h1-large__UzG52","Heading--medium-l--level-h2-normal":"Heading--medium-l--level-h2-normal__3u6q9","Heading--medium-l--level-h2-large":"Heading--medium-l--level-h2-large__cfpT4","Heading--medium-l--level-h3-normal":"Heading--medium-l--level-h3-normal__sLWI1","Heading--medium-l--level-h3-large":"Heading--medium-l--level-h3-large__6Hydp","Heading--medium-l--level-h4-normal":"Heading--medium-l--level-h4-normal__C3NiA","Heading--medium-l--level-h4-large":"Heading--medium-l--level-h4-large__A80ip","Heading--medium-l--level-h5-normal":"Heading--medium-l--level-h5-normal__zpE9s","Heading--medium-l--level-h5-large":"Heading--medium-l--level-h5-large__Jmwd6","Heading--wide-s--level-h1-normal":"Heading--wide-s--level-h1-normal__R57oJ","Heading--wide-s--level-h1-large":"Heading--wide-s--level-h1-large__qSwu5","Heading--wide-s--level-h2-normal":"Heading--wide-s--level-h2-normal__alRyc","Heading--wide-s--level-h2-large":"Heading--wide-s--level-h2-large__cZI1y","Heading--wide-s--level-h3-normal":"Heading--wide-s--level-h3-normal__9w7TH","Heading--wide-s--level-h3-large":"Heading--wide-s--level-h3-large__XOOt7","Heading--wide-s--level-h4-normal":"Heading--wide-s--level-h4-normal__-sBqL","Heading--wide-s--level-h4-large":"Heading--wide-s--level-h4-large__WRm0P","Heading--wide-s--level-h5-normal":"Heading--wide-s--level-h5-normal__Jk51k","Heading--wide-s--level-h5-large":"Heading--wide-s--level-h5-large__8-ivr","Heading--wide-l--level-h1-normal":"Heading--wide-l--level-h1-normal__31XiO","Heading--wide-l--level-h1-large":"Heading--wide-l--level-h1-large__nznUF","Heading--wide-l--level-h2-normal":"Heading--wide-l--level-h2-normal__x1n2-","Heading--wide-l--level-h2-large":"Heading--wide-l--level-h2-large__hJgbo","Heading--wide-l--level-h3-normal":"Heading--wide-l--level-h3-normal__pWXPS","Heading--wide-l--level-h3-large":"Heading--wide-l--level-h3-large__rKyoS","Heading--wide-l--level-h4-normal":"Heading--wide-l--level-h4-normal__-mgo0","Heading--wide-l--level-h4-large":"Heading--wide-l--level-h4-large__MT7mO","Heading--wide-l--level-h5-normal":"Heading--wide-l--level-h5-normal__Zwo4C","Heading--wide-l--level-h5-large":"Heading--wide-l--level-h5-large__4Ccbe","Heading--variant-massive":"Heading--variant-massive__xBbvd","Heading--variant-huge":"Heading--variant-huge__uNKwX","Heading--variant-extraLarge":"Heading--variant-extraLarge__O5YaA","Heading--variant-large":"Heading--variant-large__npEGh","Heading--variant-medium":"Heading--variant-medium__WRzNp","Heading--variant-small":"Heading--variant-small__RlTJl","Heading--narrow-l--variant-massive":"Heading--narrow-l--variant-massive__NkQiN","Heading--narrow-l--variant-huge":"Heading--narrow-l--variant-huge__xN-4a","Heading--narrow-l--variant-extraLarge":"Heading--narrow-l--variant-extraLarge__dhHS3","Heading--narrow-l--variant-large":"Heading--narrow-l--variant-large__O-yyq","Heading--narrow-l--variant-medium":"Heading--narrow-l--variant-medium__T3ZkZ","Heading--narrow-l--variant-small":"Heading--narrow-l--variant-small__nibGn","Heading--medium-s--variant-massive":"Heading--medium-s--variant-massive__dkhpb","Heading--medium-s--variant-huge":"Heading--medium-s--variant-huge__Td7XG","Heading--medium-s--variant-extraLarge":"Heading--medium-s--variant-extraLarge__puDN9","Heading--medium-s--variant-large":"Heading--medium-s--variant-large__UQMHF","Heading--medium-s--variant-medium":"Heading--medium-s--variant-medium__i2JwC","Heading--medium-s--variant-small":"Heading--medium-s--variant-small__UQTL9","Heading--medium-l--variant-massive":"Heading--medium-l--variant-massive__UtPA0","Heading--medium-l--variant-huge":"Heading--medium-l--variant-huge__BiY-j","Heading--medium-l--variant-extraLarge":"Heading--medium-l--variant-extraLarge__IP2Vo","Heading--medium-l--variant-large":"Heading--medium-l--variant-large__tV93Y","Heading--medium-l--variant-medium":"Heading--medium-l--variant-medium__945np","Heading--medium-l--variant-small":"Heading--medium-l--variant-small__ZUV1D","Heading--wide-s--variant-massive":"Heading--wide-s--variant-massive__BWmTX","Heading--wide-s--variant-huge":"Heading--wide-s--variant-huge__inkxv","Heading--wide-s--variant-extraLarge":"Heading--wide-s--variant-extraLarge__SQjI9","Heading--wide-s--variant-large":"Heading--wide-s--variant-large__UNDsi","Heading--wide-s--variant-medium":"Heading--wide-s--variant-medium__4OLaD","Heading--wide-s--variant-small":"Heading--wide-s--variant-small__ex4C1","Heading--wide-l--variant-massive":"Heading--wide-l--variant-massive__94l-9","Heading--wide-l--variant-huge":"Heading--wide-l--variant-huge__1qto2","Heading--wide-l--variant-extraLarge":"Heading--wide-l--variant-extraLarge__udFtI","Heading--wide-l--variant-large":"Heading--wide-l--variant-large__Y7k-Q","Heading--wide-l--variant-medium":"Heading--wide-l--variant-medium__xkuYd","Heading--wide-l--variant-small":"Heading--wide-l--variant-small__ORLbL"},ve=i.forwardRef(function({children:e,variant:a,accent:n,level:l,large:u=!1,tag:r,color:B,centered:g,dataset:v,id:w,...c},x){const b=r||l||"h1",_=S(ge,f.Heading,a?m("variant",a):d(`level-${l}-large`,`level-${l}-normal`,u)),o=ue(g),C=le(!(n?void 0:B),n),N=oe(B),E=["preply-ds-heading",..._,...o,...C,...N],z={...M(c),className:E.join(" "),...W(v,{preplyDsComponent:f.Heading}),id:w,ref:x};return s.jsx(b,{...z,children:e})});ve.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{large:{defaultValue:{value:"false",computed:!1},required:!1}}};const we="Spinner__U3f6H",ce="spin__6opuF",T={Spinner:we,"Spinner--size-default":"Spinner--size-default__xo-Jk","Spinner--size-large":"Spinner--size-large__2nk5J","Spinner--narrow-l--size-default":"Spinner--narrow-l--size-default__gRrq1","Spinner--narrow-l--size-large":"Spinner--narrow-l--size-large__6gb70","Spinner--medium-s--size-default":"Spinner--medium-s--size-default__bJg-R","Spinner--medium-s--size-large":"Spinner--medium-s--size-large__HAPhI","Spinner--medium-l--size-default":"Spinner--medium-l--size-default__AuHDV","Spinner--medium-l--size-large":"Spinner--medium-l--size-large__MlfBE","Spinner--wide-s--size-default":"Spinner--wide-s--size-default__3sTOC","Spinner--wide-s--size-large":"Spinner--wide-s--size-large__AkfHJ","Spinner--wide-l--size-default":"Spinner--wide-l--size-default__FDlfA","Spinner--wide-l--size-large":"Spinner--wide-l--size-large__Oyg7h","Spinner--static":"Spinner--static__3-otL","Spinner--animated":"Spinner--animated__K3vs3",spin:ce},ze=({title:t,titleId:e,...a},n)=>i.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:n,"aria-labelledby":e,...a},t?i.createElement("title",{id:e},t):null,i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm9-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"})),he=i.forwardRef(ze),He=({title:t,titleId:e,...a},n)=>i.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:n,"aria-labelledby":e,...a},t?i.createElement("title",{id:e},t):null,i.createElement("g",{clipPath:"url(#clip0_1785_4234)"},i.createElement("path",{d:"M30 15.9996C30.0002 18.5815 29.2863 21.1132 27.9373 23.3148C26.5884 25.5163 24.6569 27.302 22.3564 28.4743C20.0559 29.6465 17.476 30.1598 14.902 29.9573C12.328 29.7548 9.86014 28.8444 7.77126 27.3269C5.68238 25.8093 4.05386 23.7436 3.06576 21.3582C2.07765 18.9728 1.76846 16.3606 2.17236 13.8104C2.57627 11.2602 3.67753 8.8714 5.35439 6.90808C7.03126 4.94475 9.2184 3.48339 11.674 2.68557",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{opacity:.3,d:"M16 29.9996C23.732 29.9996 30 23.7316 30 15.9996C30 8.26758 23.732 1.99956 16 1.99956C8.26801 1.99956 2 8.26758 2 15.9996C2 23.7316 8.26801 29.9996 16 29.9996Z",strokeWidth:3,strokeLinejoin:"round"})),i.createElement("defs",null,i.createElement("clipPath",{id:"clip0_1785_4234"},i.createElement("rect",{width:32,height:32,fill:"white"})))),be=i.forwardRef(He),j="Spinner",pe=({size:t=de})=>{const e=S(T,j,[m("size",t)]),a=[...p(T,j,["animated"])],n=[...p(T,j,["static"])];return s.jsxs("span",{className:e.join(" "),children:[s.jsx("span",{className:a.join(" "),children:s.jsx(be,{})}),s.jsx("span",{className:n.join(" "),children:s.jsx(he,{})})]})},V=(t,e)=>{typeof t=="function"?t(e):t&&(t.current=e)},fe=(t,e)=>i.useCallback(a=>{V(t,a),V(e,a)},[t,e]),Se="ButtonBase__lIl-s",R={"button-width--width-full":"button-width--width-full__nJNYU","button-width--width-auto":"button-width--width-auto__gsqlf","button-width--narrow-l--width-full":"button-width--narrow-l--width-full__y2YjC","button-width--narrow-l--width-auto":"button-width--narrow-l--width-auto__1qVpi","button-width--medium-s--width-full":"button-width--medium-s--width-full__IdW9b","button-width--medium-s--width-auto":"button-width--medium-s--width-auto__hrO4e","button-width--medium-l--width-full":"button-width--medium-l--width-full__Oc0vB","button-width--medium-l--width-auto":"button-width--medium-l--width-auto__RNuIr","button-width--wide-s--width-full":"button-width--wide-s--width-full__-egYf","button-width--wide-s--width-auto":"button-width--wide-s--width-auto__h-tgw","button-width--wide-l--width-full":"button-width--wide-l--width-full__OWgAy","button-width--wide-l--width-auto":"button-width--wide-l--width-auto__orWDN",ButtonBase:Se,"ButtonBase--content":"ButtonBase--content__F9k22","ButtonBase--is-icon-button":"ButtonBase--is-icon-button__48zlf","ButtonBase--is-icon-button-size-large":"ButtonBase--is-icon-button-size-large__9HVLW","ButtonBase--busy":"ButtonBase--busy__XAkcK","ButtonBase--dsInternalSimulation-focus":"ButtonBase--dsInternalSimulation-focus__8jkWp","ButtonBase--is-busy":"ButtonBase--is-busy__OpmZd","ButtonBase--width-full":"ButtonBase--width-full__rPUpd","ButtonBase--width-auto":"ButtonBase--width-auto__4ebPj","ButtonBase--narrow-l--width-full":"ButtonBase--narrow-l--width-full__Bwysi","ButtonBase--narrow-l--width-auto":"ButtonBase--narrow-l--width-auto__r52SI","ButtonBase--medium-s--width-full":"ButtonBase--medium-s--width-full__nsvpl","ButtonBase--medium-s--width-auto":"ButtonBase--medium-s--width-auto__hcYr9","ButtonBase--medium-l--width-full":"ButtonBase--medium-l--width-full__6AYGL","ButtonBase--medium-l--width-auto":"ButtonBase--medium-l--width-auto__BGHr5","ButtonBase--wide-s--width-full":"ButtonBase--wide-s--width-full__4w-XJ","ButtonBase--wide-s--width-auto":"ButtonBase--wide-s--width-auto__5eGoZ","ButtonBase--wide-l--width-full":"ButtonBase--wide-l--width-full__8LbNM","ButtonBase--wide-l--width-auto":"ButtonBase--wide-l--width-auto__ys3sp","ButtonBase--size-xs":"ButtonBase--size-xs__lxx7z","ButtonBase--is-icon-button-size-xs":"ButtonBase--is-icon-button-size-xs__eEs4s","ButtonBase--size-s":"ButtonBase--size-s__9b8fd","ButtonBase--is-icon-button-size-s":"ButtonBase--is-icon-button-size-s__tc2gF","ButtonBase--size-m":"ButtonBase--size-m__JSHCD","ButtonBase--is-icon-button-size-m":"ButtonBase--is-icon-button-size-m__xMHGL","ButtonBase--size-l":"ButtonBase--size-l__5IwtX","ButtonBase--is-icon-button-size-l":"ButtonBase--is-icon-button-size-l__LAPEo","ButtonBase--size-xl":"ButtonBase--size-xl__MV8va","ButtonBase--is-icon-button-size-xl":"ButtonBase--is-icon-button-size-xl__xunpR","ButtonBase--size-large":"ButtonBase--size-large__mHtSn","ButtonBase--size-medium":"ButtonBase--size-medium__5Qsuj","ButtonBase--is-icon-button-size-medium":"ButtonBase--is-icon-button-size-medium__HRsbM","ButtonBase--size-small":"ButtonBase--size-small__Ajd60","ButtonBase--is-icon-button-size-small":"ButtonBase--is-icon-button-size-small__Me6wm","ButtonBase--narrow-l--size-xs":"ButtonBase--narrow-l--size-xs__uAbKt","ButtonBase--narrow-l--is-icon-button-size-xs":"ButtonBase--narrow-l--is-icon-button-size-xs__yiZ24","ButtonBase--narrow-l--size-s":"ButtonBase--narrow-l--size-s__AflGu","ButtonBase--narrow-l--is-icon-button-size-s":"ButtonBase--narrow-l--is-icon-button-size-s__AomQA","ButtonBase--narrow-l--size-m":"ButtonBase--narrow-l--size-m__O1Xux","ButtonBase--narrow-l--is-icon-button-size-m":"ButtonBase--narrow-l--is-icon-button-size-m__Y3vj7","ButtonBase--narrow-l--size-l":"ButtonBase--narrow-l--size-l__rchmS","ButtonBase--narrow-l--is-icon-button-size-l":"ButtonBase--narrow-l--is-icon-button-size-l__SYw5v","ButtonBase--narrow-l--size-xl":"ButtonBase--narrow-l--size-xl__VqinD","ButtonBase--narrow-l--is-icon-button-size-xl":"ButtonBase--narrow-l--is-icon-button-size-xl__0HId0","ButtonBase--narrow-l--size-large":"ButtonBase--narrow-l--size-large__3gfd8","ButtonBase--narrow-l--is-icon-button-size-large":"ButtonBase--narrow-l--is-icon-button-size-large__mWjvJ","ButtonBase--narrow-l--size-medium":"ButtonBase--narrow-l--size-medium__BhXNK","ButtonBase--narrow-l--is-icon-button-size-medium":"ButtonBase--narrow-l--is-icon-button-size-medium__RWwYm","ButtonBase--narrow-l--size-small":"ButtonBase--narrow-l--size-small__Vl2nb","ButtonBase--narrow-l--is-icon-button-size-small":"ButtonBase--narrow-l--is-icon-button-size-small__-dAMj","ButtonBase--medium-s--size-xs":"ButtonBase--medium-s--size-xs__B5Gvh","ButtonBase--medium-s--is-icon-button-size-xs":"ButtonBase--medium-s--is-icon-button-size-xs__bePce","ButtonBase--medium-s--size-s":"ButtonBase--medium-s--size-s__67wXs","ButtonBase--medium-s--is-icon-button-size-s":"ButtonBase--medium-s--is-icon-button-size-s__E45Sc","ButtonBase--medium-s--size-m":"ButtonBase--medium-s--size-m__Vo-qg","ButtonBase--medium-s--is-icon-button-size-m":"ButtonBase--medium-s--is-icon-button-size-m__rjz2N","ButtonBase--medium-s--size-l":"ButtonBase--medium-s--size-l__PB---","ButtonBase--medium-s--is-icon-button-size-l":"ButtonBase--medium-s--is-icon-button-size-l__c8nir","ButtonBase--medium-s--size-xl":"ButtonBase--medium-s--size-xl__66maE","ButtonBase--medium-s--is-icon-button-size-xl":"ButtonBase--medium-s--is-icon-button-size-xl__WCvsC","ButtonBase--medium-s--size-large":"ButtonBase--medium-s--size-large__x6d3B","ButtonBase--medium-s--is-icon-button-size-large":"ButtonBase--medium-s--is-icon-button-size-large__54tXt","ButtonBase--medium-s--size-medium":"ButtonBase--medium-s--size-medium__l27CC","ButtonBase--medium-s--is-icon-button-size-medium":"ButtonBase--medium-s--is-icon-button-size-medium__zUviu","ButtonBase--medium-s--size-small":"ButtonBase--medium-s--size-small__49UoI","ButtonBase--medium-s--is-icon-button-size-small":"ButtonBase--medium-s--is-icon-button-size-small__IvyNG","ButtonBase--medium-l--size-xs":"ButtonBase--medium-l--size-xs__0sLm9","ButtonBase--medium-l--is-icon-button-size-xs":"ButtonBase--medium-l--is-icon-button-size-xs__FdQwd","ButtonBase--medium-l--size-s":"ButtonBase--medium-l--size-s__yAooZ","ButtonBase--medium-l--is-icon-button-size-s":"ButtonBase--medium-l--is-icon-button-size-s__uVDdU","ButtonBase--medium-l--size-m":"ButtonBase--medium-l--size-m__dNY-G","ButtonBase--medium-l--is-icon-button-size-m":"ButtonBase--medium-l--is-icon-button-size-m__u04Nc","ButtonBase--medium-l--size-l":"ButtonBase--medium-l--size-l__oZ52f","ButtonBase--medium-l--is-icon-button-size-l":"ButtonBase--medium-l--is-icon-button-size-l__JklvS","ButtonBase--medium-l--size-xl":"ButtonBase--medium-l--size-xl__QLV4j","ButtonBase--medium-l--is-icon-button-size-xl":"ButtonBase--medium-l--is-icon-button-size-xl__POeEf","ButtonBase--medium-l--size-large":"ButtonBase--medium-l--size-large__HywFW","ButtonBase--medium-l--is-icon-button-size-large":"ButtonBase--medium-l--is-icon-button-size-large__7IhZP","ButtonBase--medium-l--size-medium":"ButtonBase--medium-l--size-medium__Tf265","ButtonBase--medium-l--is-icon-button-size-medium":"ButtonBase--medium-l--is-icon-button-size-medium__bwlaM","ButtonBase--medium-l--size-small":"ButtonBase--medium-l--size-small__t2X0A","ButtonBase--medium-l--is-icon-button-size-small":"ButtonBase--medium-l--is-icon-button-size-small__LyC6d","ButtonBase--wide-s--size-xs":"ButtonBase--wide-s--size-xs__-mgOQ","ButtonBase--wide-s--is-icon-button-size-xs":"ButtonBase--wide-s--is-icon-button-size-xs__IBvqC","ButtonBase--wide-s--size-s":"ButtonBase--wide-s--size-s__-YHZU","ButtonBase--wide-s--is-icon-button-size-s":"ButtonBase--wide-s--is-icon-button-size-s__Wl9SE","ButtonBase--wide-s--size-m":"ButtonBase--wide-s--size-m__ZVy5-","ButtonBase--wide-s--is-icon-button-size-m":"ButtonBase--wide-s--is-icon-button-size-m__dUdfS","ButtonBase--wide-s--size-l":"ButtonBase--wide-s--size-l__s1Ihh","ButtonBase--wide-s--is-icon-button-size-l":"ButtonBase--wide-s--is-icon-button-size-l__1ZT4h","ButtonBase--wide-s--size-xl":"ButtonBase--wide-s--size-xl__Eqp9V","ButtonBase--wide-s--is-icon-button-size-xl":"ButtonBase--wide-s--is-icon-button-size-xl__CxZ2c","ButtonBase--wide-s--size-large":"ButtonBase--wide-s--size-large__revq4","ButtonBase--wide-s--is-icon-button-size-large":"ButtonBase--wide-s--is-icon-button-size-large__ECs3C","ButtonBase--wide-s--size-medium":"ButtonBase--wide-s--size-medium__LcWNl","ButtonBase--wide-s--is-icon-button-size-medium":"ButtonBase--wide-s--is-icon-button-size-medium__XgG6m","ButtonBase--wide-s--size-small":"ButtonBase--wide-s--size-small__zMihk","ButtonBase--wide-s--is-icon-button-size-small":"ButtonBase--wide-s--is-icon-button-size-small__86pYD","ButtonBase--wide-l--size-xs":"ButtonBase--wide-l--size-xs__Kra5R","ButtonBase--wide-l--is-icon-button-size-xs":"ButtonBase--wide-l--is-icon-button-size-xs__pZkvQ","ButtonBase--wide-l--size-s":"ButtonBase--wide-l--size-s__mXSys","ButtonBase--wide-l--is-icon-button-size-s":"ButtonBase--wide-l--is-icon-button-size-s__coM5t","ButtonBase--wide-l--size-m":"ButtonBase--wide-l--size-m__4tPUs","ButtonBase--wide-l--is-icon-button-size-m":"ButtonBase--wide-l--is-icon-button-size-m__ylg8h","ButtonBase--wide-l--size-l":"ButtonBase--wide-l--size-l__-MnEL","ButtonBase--wide-l--is-icon-button-size-l":"ButtonBase--wide-l--is-icon-button-size-l__Pf9hk","ButtonBase--wide-l--size-xl":"ButtonBase--wide-l--size-xl__QgW1O","ButtonBase--wide-l--is-icon-button-size-xl":"ButtonBase--wide-l--is-icon-button-size-xl__qPrzJ","ButtonBase--wide-l--size-large":"ButtonBase--wide-l--size-large__dkSfM","ButtonBase--wide-l--is-icon-button-size-large":"ButtonBase--wide-l--is-icon-button-size-large__Exb49","ButtonBase--wide-l--size-medium":"ButtonBase--wide-l--size-medium__DSTMt","ButtonBase--wide-l--is-icon-button-size-medium":"ButtonBase--wide-l--is-icon-button-size-medium__wftX5","ButtonBase--wide-l--size-small":"ButtonBase--wide-l--size-small__1o3ZA","ButtonBase--wide-l--is-icon-button-size-small":"ButtonBase--wide-l--is-icon-button-size-small__Xqy2p","ButtonBase--variant-primary":"ButtonBase--variant-primary__EgRuu","ButtonBase--variant-primary--dsInternalSimulation-hover":"ButtonBase--variant-primary--dsInternalSimulation-hover__qshA-","ButtonBase--variant-primary--dsInternalSimulation-active":"ButtonBase--variant-primary--dsInternalSimulation-active__RQanZ","ButtonBase--variant-secondary":"ButtonBase--variant-secondary__GphQb","ButtonBase--variant-secondary--dsInternalSimulation-hover":"ButtonBase--variant-secondary--dsInternalSimulation-hover__ndGIz","ButtonBase--variant-secondary--dsInternalSimulation-active":"ButtonBase--variant-secondary--dsInternalSimulation-active__k4I5F","ButtonBase--variant-tertiary":"ButtonBase--variant-tertiary__O9c3W","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"ButtonBase--variant-tertiary--dsInternalSimulation-hover__4-xa1","ButtonBase--variant-tertiary--dsInternalSimulation-active":"ButtonBase--variant-tertiary--dsInternalSimulation-active__-10gZ","ButtonBase--variant-quaternary":"ButtonBase--variant-quaternary__pLeI5","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"ButtonBase--variant-quaternary--dsInternalSimulation-hover__ED-s6","ButtonBase--variant-quaternary--dsInternalSimulation-active":"ButtonBase--variant-quaternary--dsInternalSimulation-active__4fmhU","ButtonBase--variant-ghost":"ButtonBase--variant-ghost__ezCgl","ButtonBase--variant-ghost--dsInternalSimulation-hover":"ButtonBase--variant-ghost--dsInternalSimulation-hover__N-vL2","ButtonBase--variant-ghost--dsInternalSimulation-active":"ButtonBase--variant-ghost--dsInternalSimulation-active__ap8Wb","ButtonBase--variant-ghost--is-selected":"ButtonBase--variant-ghost--is-selected__vHgdy","ButtonBase--variant-plain":"ButtonBase--variant-plain__NngTh","ButtonBase--variant-plain--dsInternalSimulation-hover":"ButtonBase--variant-plain--dsInternalSimulation-hover__XV9fr","ButtonBase--variant-plain--dsInternalSimulation-active":"ButtonBase--variant-plain--dsInternalSimulation-active__wTQ0e","ButtonBase--variant-dangerous":"ButtonBase--variant-dangerous__WpJz8","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"ButtonBase--variant-dangerous--dsInternalSimulation-hover__wQ0V8","ButtonBase--variant-dangerous--dsInternalSimulation-active":"ButtonBase--variant-dangerous--dsInternalSimulation-active__sA60n","ButtonBase--variant-critical":"ButtonBase--variant-critical__0FoGb","ButtonBase--variant-critical--dsInternalSimulation-hover":"ButtonBase--variant-critical--dsInternalSimulation-hover__DcuKz","ButtonBase--variant-critical--dsInternalSimulation-active":"ButtonBase--variant-critical--dsInternalSimulation-active__-D3p9","ButtonBase--variant-onColor":"ButtonBase--variant-onColor__gDgiZ","ButtonBase--variant-onColor--dsInternalSimulation-hover":"ButtonBase--variant-onColor--dsInternalSimulation-hover__GtnDL","ButtonBase--variant-onColor--dsInternalSimulation-active":"ButtonBase--variant-onColor--dsInternalSimulation-active__4ca8i","ButtonBase--variant-classroom":"ButtonBase--variant-classroom__HVQMA","ButtonBase--variant-classroom--dsInternalSimulation-hover":"ButtonBase--variant-classroom--dsInternalSimulation-hover__h2nxf","ButtonBase--variant-classroom--dsInternalSimulation-active":"ButtonBase--variant-classroom--dsInternalSimulation-active__3uCrs","ButtonBase--variant-classroom--is-selected":"ButtonBase--variant-classroom--is-selected__o47f2","ButtonBase--variant-primaryB2b":"ButtonBase--variant-primaryB2b__mqIFn","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__s-6Io","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"ButtonBase--variant-primaryB2b--dsInternalSimulation-active__5Zy8P","ButtonBase--variant-primaryTutor":"ButtonBase--variant-primaryTutor__0m-N0","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__-St95","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"ButtonBase--variant-primaryTutor--dsInternalSimulation-active__U8f46","ButtonBase--variant-inverted":"ButtonBase--variant-inverted__espSx","ButtonBase--variant-inverted--dsInternalSimulation-hover":"ButtonBase--variant-inverted--dsInternalSimulation-hover__2QLK5","ButtonBase--variant-inverted--dsInternalSimulation-active":"ButtonBase--variant-inverted--dsInternalSimulation-active__XPR7p","ButtonBase--variant-newFeature":"ButtonBase--variant-newFeature__kiL3X","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"ButtonBase--variant-newFeature--dsInternalSimulation-hover__MJYRN","ButtonBase--variant-newFeature--dsInternalSimulation-active":"ButtonBase--variant-newFeature--dsInternalSimulation-active__eVKIo","ButtonBase--variant-ai":"ButtonBase--variant-ai__QQ5F5","ButtonBase--variant-ai--dsInternalSimulation-hover":"ButtonBase--variant-ai--dsInternalSimulation-hover__sEFmg","ButtonBase--variant-ai--dsInternalSimulation-active":"ButtonBase--variant-ai--dsInternalSimulation-active__wLX6u","ButtonBase--no-wrap":"ButtonBase--no-wrap__U0fYw"},A="ButtonBase",xe=t=>Object.prototype.hasOwnProperty.call(t,"selected"),k=({children:t,busy:e})=>{const a=[...p(R,A,["content"])],n=[...p(R,A,["busy"])];return s.jsxs(s.Fragment,{children:[s.jsx("span",{className:a.join(" "),children:t}),e&&s.jsx("span",{className:n.join(" "),children:s.jsx(pe,{})})]})},Q=i.forwardRef(function(e,a){const{variant:n=X,size:l=G,fullWidth:u=!1,wrap:r=!1,href:B,download:g,opensInNewTab:v,nofollow:w,submitsForm:c,assistiveText:x,onClick:b,disabled:_,busy:o,isIconButton:I,as:y,url:C,a11yLabel:N,dataset:E,children:z,dsInternalSimulation:Z,preplyDsComponent:Y,className:K,...$}=e,{selected:ee}=xe(e)?e:{selected:void 0},te=me(),P=i.useRef(null),U=fe(P,a),ie=h=>{(_||o)&&h.preventDefault(),b==null||b(h)},ae=h=>{var O;const q=Be(h.key);(q===" "||q==="Enter")&&(h.preventDefault(),(O=P.current)==null||O.click())},ne=Z==="focus"?d("dsInternalSimulation-focus",void 0,!0):m(`variant-${n}--dsInternalSimulation`,Z),se=S(R,A,[ne,m("variant",n),m("size",l),I?m("is-icon-button-size",l):[],d(void 0,"no-wrap",r),d("width-full","width-auto",u),d("is-busy",void 0,o),d("is-icon-button",void 0,I),d(`variant-${n}--is-selected`,void 0,ee)]),D={...M($),...W(E,{preplyDsComponent:Y}),className:[...se,K].join(" "),"aria-label":x||N,onClick:ie,disabled:_,"aria-disabled":_||o?!0:void 0,ref:U},L=B||C,F={...D,download:g,ref:U,role:"button",tabIndex:_?-1:0,href:L,onKeyDown:ae};return L?s.jsx("a",{...F,...re(te,L,v,w),children:k({children:z,busy:o})}):y?i.cloneElement(y,{...F},k({children:z,busy:o})):s.jsx("button",{...D,type:c?"submit":"button",children:k({children:z,busy:o})})});Q.__docgenInfo={description:"",methods:[],displayName:"ButtonBase"};const Ie="Button__lJRiF",ye="leadingIcon__OZj4E",Ce="trailingIcon__d6fiW",Ne="icon__M1Hs-",H={Button:Ie,leadingIcon:ye,trailingIcon:Ce,"Button--size-s":"Button--size-s__02RwJ",icon:Ne,"Button--size-m":"Button--size-m__m1kGp","Button--size-small":"Button--size-small__hrJyO","Button--size-medium":"Button--size-medium__ToEik","Button--size-l":"Button--size-l__rHzPz","Button--size-large":"Button--size-large__2ARbP","Button--narrow-l--size-s":"Button--narrow-l--size-s__1iIxT","Button--narrow-l--size-m":"Button--narrow-l--size-m__Hn-71","Button--narrow-l--size-small":"Button--narrow-l--size-small__clOC0","Button--narrow-l--size-medium":"Button--narrow-l--size-medium__4CZXu","Button--narrow-l--size-l":"Button--narrow-l--size-l__VsnrA","Button--narrow-l--size-large":"Button--narrow-l--size-large__NNkfS","Button--medium-s--size-s":"Button--medium-s--size-s__JOAqd","Button--medium-s--size-m":"Button--medium-s--size-m__hQdSS","Button--medium-s--size-small":"Button--medium-s--size-small__EweV7","Button--medium-s--size-medium":"Button--medium-s--size-medium__72Buq","Button--medium-s--size-l":"Button--medium-s--size-l__cRcEp","Button--medium-s--size-large":"Button--medium-s--size-large__PaPLT","Button--medium-l--size-s":"Button--medium-l--size-s__FrGUu","Button--medium-l--size-m":"Button--medium-l--size-m__SWC53","Button--medium-l--size-small":"Button--medium-l--size-small__36CyE","Button--medium-l--size-medium":"Button--medium-l--size-medium__ySDr1","Button--medium-l--size-l":"Button--medium-l--size-l__ImFHA","Button--medium-l--size-large":"Button--medium-l--size-large__o93q-","Button--wide-s--size-s":"Button--wide-s--size-s__fGKJg","Button--wide-s--size-m":"Button--wide-s--size-m__qAksG","Button--wide-s--size-small":"Button--wide-s--size-small__sKZpV","Button--wide-s--size-medium":"Button--wide-s--size-medium__ovQ2U","Button--wide-s--size-l":"Button--wide-s--size-l__MTeN9","Button--wide-s--size-large":"Button--wide-s--size-large__vQ0OS","Button--wide-l--size-s":"Button--wide-l--size-s__ROYdJ","Button--wide-l--size-m":"Button--wide-l--size-m__4cVoF","Button--wide-l--size-small":"Button--wide-l--size-small__RU5x9","Button--wide-l--size-medium":"Button--wide-l--size-medium__Hv0g8","Button--wide-l--size-l":"Button--wide-l--size-l__r0ktJ","Button--wide-l--size-large":"Button--wide-l--size-large__WblYc"},Ee=i.forwardRef(function({variant:e=X,size:a=G,url:n,a11yLabel:l,leadingSvgIcon:u,trailingSvgIcon:r,children:B,...g},v){const w=!!u||!!r,c=S(H,f.Button,[m("size",a)]);return s.jsxs(Q,{...g,ref:v,isIconButton:!1,variant:e,size:a,url:n,a11yLabel:l,preplyDsComponent:f.Button,className:w?c.join(" "):"",children:[!!u&&s.jsx("span",{className:`${H.icon} ${H.leadingIcon}`,children:J(u,{"aria-hidden":"true",focusable:"false"})}),B,!!r&&s.jsx("span",{className:`${H.icon} ${H.trailingIcon}`,children:J(r,{"aria-hidden":"true",focusable:"false"})})]})});Ee.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},size:{defaultValue:{value:"'s'",computed:!1},required:!1}}};export{Ee as B,ve as H,pe as S,Q as a,fe as u};
|