@preply/ds-docs 3.1.1-beta.060c7778978d1ba1488656e79c5f79997a641cf1.0 → 3.1.1-beta.857b0ab30a03b836ac6c63997eeb17f464e3510c.0
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-YROUuJkm.js → 00.LayoutFlex.stories-Dx9Eo2na.js} +1 -1
- package/dist/assets/{00.applications-BPe3Juew.js → 00.applications-4_kAf65R.js} +1 -1
- package/dist/assets/{00.favicons.guide-DWDWSitD.js → 00.favicons.guide-WmsjYzsU.js} +1 -1
- package/dist/assets/{00.token-explorer-DlqZUQi1.js → 00.token-explorer-DDWWO9yw.js} +1 -1
- package/dist/assets/{00.using-responsive-props-BZFzeMkI.js → 00.using-responsive-props-Db1CE2Bn.js} +1 -1
- package/dist/assets/{01.semantic-tokens-B_maulUL.js → 01.semantic-tokens-BGh7M0eY.js} +1 -1
- package/dist/assets/{01.using-shorthand-props-CSdvELZ-.js → 01.using-shorthand-props-DlhDhuqe.js} +1 -1
- package/dist/assets/10.Combinations.stories-Wf-NooK0.js +144 -0
- package/dist/assets/{10.fonts.guide-BLGdEszm.js → 10.fonts.guide-9-b6LwTC.js} +1 -1
- package/dist/assets/{10.ssr-D2wS7usx.js → 10.ssr-VCBg9dbk.js} +1 -1
- package/dist/assets/{11.languageFont.explorer-CYToRovn.js → 11.languageFont.explorer-fCUE9Req.js} +1 -1
- package/dist/assets/{11.ssr.app-router-CCyVK3T0.js → 11.ssr.app-router-DK46wtcG.js} +1 -1
- package/dist/assets/{20.libraries-BSl9ePSH.js → 20.libraries-FpWvhQac.js} +1 -1
- package/dist/assets/{30.icons.explorer-CbyFZ1KX.js → 30.icons.explorer-CIrIe9zZ.js} +1 -1
- package/dist/assets/{30.storybook-DQuFtvdR.js → 30.storybook-8XKIrOG2.js} +1 -1
- package/dist/assets/{40.illustrations.explorer-ZH_64QsN.js → 40.illustrations.explorer-DWDPZG1O.js} +1 -1
- package/dist/assets/{90.advanced-B8SjZIIy.js → 90.advanced-BrSJ75kb.js} +1 -1
- package/dist/assets/{Accordion-CVZIOGNR.js → Accordion-Bn_7bQpK.js} +3 -3
- package/dist/assets/{Accordion.stories-o4h_sY0V.js → Accordion.stories-IHPoH-rI.js} +1 -1
- package/dist/assets/{Accordion.tests.stories-DqGSOkGv.js → Accordion.tests.stories-D80ku7JR.js} +1 -1
- package/dist/assets/{AlertDialog.stories-BuacQngv.js → AlertDialog.stories-BDaUfcmP.js} +1 -1
- package/dist/assets/{Avatar-D_mKYr5W.js → Avatar-BkCAqOuF.js} +1 -1
- package/dist/assets/{Avatar--Me1wFbM.js → Avatar-D6BKQVaH.js} +1 -1
- package/dist/assets/{Avatar.stories-CGQDYNGY.js → Avatar.stories-DnjfAeSV.js} +1 -1
- package/dist/assets/{AvatarWithStatus.stories-5qjPY64Z.js → AvatarWithStatus.stories-CocgTI5A.js} +1 -1
- package/dist/assets/{Badge.stories-DhBazbPH.js → Badge.stories-BxGvNozr.js} +1 -1
- package/dist/assets/{Box.stories-DYxm40b1.js → Box.stories-BCCuYnrC.js} +1 -1
- package/dist/assets/{Button-etPAfZn6.js → Button-BumqXQgN.js} +2 -2
- package/dist/assets/{Button-Cypl3yDn.js → Button-klA2GCDX.js} +1 -1
- package/dist/assets/{Button.stories-zCdl6A4v.js → Button.stories-DA25kI-7.js} +1 -1
- package/dist/assets/{ButtonBase-CiON5Gq9.js → ButtonBase-OAaaGRgi.js} +1 -1
- package/dist/assets/{Checkbox-PK_lzd6o.js → Checkbox-CsXsO8bL.js} +2 -2
- package/dist/assets/{Checkbox.stories-DPCtwQEk.js → Checkbox.stories-C-vlyqxy.js} +1 -1
- package/dist/assets/{Checkbox.tests.stories-CmARszTI.js → Checkbox.tests.stories-Bn0cGiYz.js} +1 -1
- package/dist/assets/{Chips.stories-C3XJafXG.js → Chips.stories-Dln8xBho.js} +1 -1
- package/dist/assets/{Color-YHDXOIA2-R6sgjhMY.js → Color-YHDXOIA2-DdMC8kO4.js} +1 -1
- package/dist/assets/CountryFlag-CJV53jf1.js +48 -0
- package/dist/assets/CountryFlag-p-8M_k5M.css +1 -0
- package/dist/assets/{Dialog.stories-CLyDuYn9.js → Dialog.stories-C7JVGkL3.js} +2 -2
- package/dist/assets/{DocsRenderer-CFRXHY34-Bub8-jZR.js → DocsRenderer-CFRXHY34-BUR9I9U1.js} +1 -1
- package/dist/assets/{FieldButton-Dprr9FF4.js → FieldButton-xxvyfVcj.js} +1 -1
- package/dist/assets/{FieldButton.stories-BuA4NyAH.js → FieldButton.stories-1kY40W8X.js} +1 -1
- package/dist/assets/Flag.stories-Bfpeo5_i.js +110 -0
- package/dist/assets/Flag.test.stories-GCtORN0m.js +27 -0
- package/dist/assets/FormControl-DD3JEwg1.js +5 -0
- package/dist/assets/{FormControl.stories-D83_07EZ.js → FormControl.stories-DoVURnEB.js} +1 -1
- package/dist/assets/{Heading-BSlUFvxo.js → Heading-D79pA8cG.js} +2 -2
- package/dist/assets/{Heading.stories-CsCslhOn.js → Heading.stories-FhR8Ieuz.js} +1 -1
- package/dist/assets/{Icon-Cx1Om39U.js → Icon-D4cMo1we.js} +2 -2
- package/dist/assets/{Icon-RSC-De70zQQg.js → Icon-RSC-Yp03gSP9.js} +1 -1
- package/dist/assets/{Icon-Clsj4XP8.js → Icon-zcBK8bUG.js} +1 -1
- package/dist/assets/{Icon.stories-Batx6hcA.js → Icon.stories-DlJ1cDyb.js} +1 -1
- package/dist/assets/IconButton-DNz6Hldb.js +8 -0
- package/dist/assets/{Input-B5nl0Iyd.js → Input-B7MlX4U9.js} +7 -7
- package/dist/assets/{IntegrationWithReactHookForm.stories-BoWMVLOX.js → IntegrationWithReactHookForm.stories-CFvk5m0u.js} +1 -1
- package/dist/assets/{LayoutFlex-Dp29ojjO.js → LayoutFlex-DsiZkqdg.js} +1 -1
- package/dist/assets/{LayoutFlex-DT7eMWg5.js → LayoutFlex-oRwI31fW.js} +1 -1
- package/dist/assets/LayoutFlexItem-RxfNp994.js +1 -0
- package/dist/assets/{LayoutGrid-D9R6yTYX.js → LayoutGrid-6cTmb1jX.js} +1 -1
- package/dist/assets/LayoutGrid.stories-CAvHZzVw.js +88 -0
- package/dist/assets/LayoutGridItem-AvP_ZkC5.js +1 -0
- package/dist/assets/{LayoutGridItem-B1eMKElL.js → LayoutGridItem-CVWVBh65.js} +1 -1
- package/dist/assets/LayoutGridItem-Dy4Q8woN.css +1 -0
- package/dist/assets/{Link.stories-DWbasHUE.js → Link.stories-Kb5m59aP.js} +2 -2
- package/dist/assets/{Loader.stories-Dv3ubOhZ.js → Loader.stories-CFBO-7A0.js} +1 -1
- package/dist/assets/NumberField-DyKjoAC-.js +4 -0
- package/dist/assets/{NumberField.stories-D74rSbUs.js → NumberField.stories-D-g-_JoA.js} +7 -7
- package/dist/assets/{ObserveIntersection-BM5DGF0-.js → ObserveIntersection-CvDmrhxS.js} +2 -2
- package/dist/assets/{ObserveIntersection.stories-EyGedr3b.js → ObserveIntersection.stories-CJbpJ7AX.js} +1 -1
- package/dist/assets/{OnboardingTooltip-_5vI5YX1.js → OnboardingTooltip-Lspn1J1n.js} +1 -1
- package/dist/assets/{OnboardingTooltip.stories-zAMAeQy1.js → OnboardingTooltip.stories-BSTAbBKq.js} +1 -1
- package/dist/assets/{OnboardingTooltip.tests.stories-DAxkQF6H.js → OnboardingTooltip.tests.stories-C3TfZDQZ.js} +1 -1
- package/dist/assets/{OnboardingTour-Bs65E3B_.js → OnboardingTour-J68z1zuj.js} +1 -1
- package/dist/assets/{OnboardingTour.stories-L4wR5VUD.js → OnboardingTour.stories-D3Z3aBlG.js} +2 -2
- package/dist/assets/{OnboardingTour.tests.stories-D9DB8HzR.js → OnboardingTour.tests.stories-DgM_E88t.js} +1 -1
- package/dist/assets/PasswordField-BkVjxPtF.js +4 -0
- package/dist/assets/{PasswordField.stories-BWnTPMMy.js → PasswordField.stories-CoxGxN0y.js} +7 -7
- package/dist/assets/{PreplyLogo.stories-CKZvG96R.js → PreplyLogo.stories-CoKY5vmY.js} +2 -2
- package/dist/assets/{ProgressBar.stories-BO6-xzZ9.js → ProgressBar.stories-D-zAEKVA.js} +1 -1
- package/dist/assets/{ProgressSteps-ByDec2fC.js → ProgressSteps-CuGX9_Fy.js} +1 -1
- package/dist/assets/{ProgressSteps.stories-CaGz9UvI.js → ProgressSteps.stories-BZpbJxJ4.js} +1 -1
- package/dist/assets/{SelectField-M6d20_vW.js → SelectField-DVUeHaUI.js} +12 -14
- package/dist/assets/{SelectField.stories-C8b5ZtGG.js → SelectField.stories-l2h7AeUs.js} +8 -8
- package/dist/assets/{ShowOnIntersection.stories-CkN1WDGU.js → ShowOnIntersection.stories-B24bNVFn.js} +1 -1
- package/dist/assets/{Steps-C32suZpN.js → Steps-Cnv3Nys-.js} +1 -1
- package/dist/assets/{Steps.stories-Bb8vy8e1.js → Steps.stories-DcSCPhwD.js} +1 -1
- package/dist/assets/{Text-DmTAIIVj.js → Text-C3jprdij.js} +1 -1
- package/dist/assets/{Text.stories-D1y5agve.js → Text.stories-CGHOveiR.js} +1 -1
- package/dist/assets/TextField-872WjatY.js +1 -0
- package/dist/assets/TextField-X8bB9C1g.js +4 -0
- package/dist/assets/{TextField.stories-Db1NKI4j.js → TextField.stories-DQBz69MT.js} +8 -8
- package/dist/assets/{TextHighlighted-CfvNH8PY.js → TextHighlighted-B7-aMGmA.js} +1 -1
- package/dist/assets/{TextHighlighted.stories-PV3yANaI.js → TextHighlighted.stories-BepOj0Ru.js} +1 -1
- package/dist/assets/{TextInline.stories-fEzj3mnz.js → TextInline.stories-E8plGh4A.js} +1 -1
- package/dist/assets/{TextareaField-DzHn3ZB3.js → TextareaField-vuK19L40.js} +12 -14
- package/dist/assets/{TextareaField.stories-BlMt3RhU.js → TextareaField.stories-CykA4cDO.js} +8 -8
- package/dist/assets/{Toast.stories-BeSJa7YF.js → Toast.stories-Bi9S1Grd.js} +1 -1
- package/dist/assets/{Tooltip-DYI-etfB.js → Tooltip-hS-9HVfR.js} +1 -1
- package/dist/assets/{Tooltip.stories-BY_kLvYK.js → Tooltip.stories-B1e9vr5u.js} +1 -1
- package/dist/assets/{Tooltip.tests.stories-CtFfR3fb.js → Tooltip.tests.stories-QA7Lh6Tu.js} +1 -1
- package/dist/assets/align-self-BM6l9H5Z.js +1 -0
- package/dist/assets/{breakpoints-fH9dYJAl.js → breakpoints-CmMCxJmD.js} +1 -1
- package/dist/assets/{breakpoints-20WyVwJ6.js → breakpoints-CpqGBjYO.js} +1 -1
- package/dist/assets/{breakpoints-D63eyxc3.js → breakpoints-ysnexzv-.js} +1 -1
- package/dist/assets/{changelog-CZp0K-Th.js → changelog-COau0gJf.js} +1 -1
- package/dist/assets/componentNames-CVVyamkx.js +1 -0
- package/dist/assets/{entry-preview-Beai-Ttn.js → entry-preview-C4N2xCt5.js} +1 -1
- package/dist/assets/{getTokenVar-CaYACIxq.js → getTokenVar-CUHKNeJD.js} +1 -1
- package/dist/assets/{hover-D1ok7rID.js → hover-DXcaKjLt.js} +1 -1
- package/dist/assets/{hover-BWX0MqdU.js → hover-GSE0CvmS.js} +1 -1
- package/dist/assets/{hover-CSM1irGv.js → hover-VvQeuGyg.js} +1 -1
- package/dist/assets/{iframe-BJQSUUXK.js → iframe-D0A79CBI.js} +2 -2
- package/dist/assets/{index-C9qzZweZ.js → index-DJz3jMTz.js} +3 -3
- package/dist/assets/{index-C4N2QXGu.js → index-DueYSiMN.js} +1 -1
- package/dist/assets/{intro-ukuXiDOx.js → intro-UMrunOuq.js} +1 -1
- package/dist/assets/{migrating-from-less-JoAfxRIi.js → migrating-from-less-BqEJZLZ5.js} +1 -1
- package/dist/assets/{playground-CCc6VR51.css → playground-DBdZFxjC.css} +1 -1
- package/dist/assets/{playground.stories-BODyPOuN.js → playground.stories-BhNG8Jgk.js} +165 -165
- package/dist/assets/{preview-DHlsZwR4.js → preview-Bk7AZmud.js} +1 -1
- package/dist/assets/{preview-DJuzriZr.js → preview-CcucgJy3.js} +1 -1
- package/dist/assets/{preview-QL9aHs0E.js → preview-iHfxidwg.js} +2 -2
- package/dist/assets/{tokens-HWgzrI-u.js → tokens-BuSmlz1z.js} +1 -1
- package/dist/assets/{tokens-BecRNN80.js → tokens-D0SjH8dK.js} +1 -1
- package/dist/assets/{tokens-C8vVARpG.js → tokens-DOJLI2G7.js} +1 -1
- package/dist/assets/{usePortalElement-BtPCQHPX.js → usePortalElement-Byczyvc6.js} +1 -1
- package/dist/assets/{welcome-CN1zQ6D8.js → welcome-CFbV1cfg.js} +1 -1
- package/dist/assets/{zeroheight-C3flYOQk.js → zeroheight-ChMVcLJ3.js} +1 -1
- package/dist/iframe.html +1 -1
- package/dist/index.json +1 -1
- package/dist/preview-stats.json +1125 -1014
- package/dist/project.json +1 -1
- package/package.json +3 -3
- package/dist/assets/10.Combinations.stories-6ywklR8I.js +0 -144
- package/dist/assets/FormControl-V3kzTeDQ.js +0 -7
- package/dist/assets/IconButton-CUUvxhBi.js +0 -8
- package/dist/assets/LayoutFlexItem-CemO2cFY.js +0 -1
- package/dist/assets/LayoutGrid-mQT2ikS8.css +0 -1
- package/dist/assets/LayoutGrid.stories-D1JxCWQq.js +0 -88
- package/dist/assets/NumberField-tAVhOkam.js +0 -6
- package/dist/assets/PasswordField-CmREo8SU.js +0 -6
- package/dist/assets/TextField-CDlYWWnq.js +0 -1
- package/dist/assets/TextField-Cbt-ocgZ.js +0 -6
- package/dist/assets/componentNames-Ba2ybP0W.js +0 -1
- package/dist/assets/layout-relative-BpJIh3YK.js +0 -1
- /package/dist/assets/{layout-relative-C4ATemga.css → align-self-C4ATemga.css} +0 -0
package/dist/assets/{Accordion.tests.stories-DqGSOkGv.js → Accordion.tests.stories-D80ku7JR.js}
RENAMED
@@ -1,4 +1,4 @@
|
|
1
|
-
import{j as e}from"./jsx-runtime-BYouaCF_.js";import{f as J,w as K,e as o,u as i,a as f}from"./index-DDyIDR-R.js";import{A as d,a as s,b as c,c as l}from"./Accordion-
|
1
|
+
import{j as e}from"./jsx-runtime-BYouaCF_.js";import{f as J,w as K,e as o,u as i,a as f}from"./index-DDyIDR-R.js";import{A as d,a as s,b as c,c as l}from"./Accordion-Bn_7bQpK.js";import{c as M}from"./OnboardingTour-J68z1zuj.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./TokyoUIExpand-DThzqohx.js";import"./Icon-D4cMo1we.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-CVTdrNe-.js";import"./componentNames-CVVyamkx.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./Text-C3jprdij.js";import"./text-centered-CznToR0o.js";import"./useMergeRefs-CeyIhNgY.js";import"./OnboardingTooltip-Lspn1J1n.js";import"./index-jPlWeKki.js";import"./PortalElementProvider-D4ltrA8j.js";import"./index-DRKYGVyc.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./Combination-CCYtWL8C.js";import"./tslib.es6-BntfKcQG.js";import"./index-DbgDZDus.js";import"./TokyoUIClose-DFIfVIfy.js";import"./Button-BumqXQgN.js";import"./ButtonBase-OAaaGRgi.js";import"./Spinner-BCTJunNM.js";import"./useHostname-CH18gHFj.js";import"./index-CC6DAVyL.js";import"./Heading-D79pA8cG.js";import"./index-BfBdt3zW.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./shared-strings-CcWGHelY.js";import"./message-BraTJ16C.js";const Pe={title:"Components/Accordion/Tests",component:d,parameters:{controls:{disable:!0},chromatic:{disableSnapshot:!0}},tags:["!autodocs","!a11y-test","test"]},m={render:function(){return e.jsx(d,{"aria-label":"accordionLabel",children:e.jsxs(s,{children:[e.jsx(c,{children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{children:"Of course it is!"})]})})},play:async({canvasElement:n})=>{const r=K(n).getByLabelText("accordionLabel");o(r).toBeVisible()}},y={args:{},render:function(){return e.jsxs(d,{children:[e.jsxs(s,{children:[e.jsx(c,{children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{children:"Of course it is!"})]}),e.jsxs(s,{children:[e.jsx(c,{children:"Why?"}),e.jsx(l,{children:"If you are wondering, it means you have not tried it out yet!"})]})]})},play:async({canvas:n,step:t})=>{const r=n.getByText("Is Preply the best platform for learning a language?"),a=n.getByText("Of course it is!"),u=n.getByText("Why?"),p=n.getByText("If you are wondering, it means you have not tried it out yet!");await t("Contents are hidden",async()=>{o(a).not.toBeVisible(),o(p).not.toBeVisible()}),await t("Content 1 is revelable",async()=>{await i.click(r),o(a).toBeVisible()}),await t("Content 2 is revelable",async()=>{await i.click(u),o(p).toBeVisible()}),await t("Both contents are visible (non-exclusivity check)",async()=>{o(a).toBeVisible(),o(p).toBeVisible()}),await t("Item 1 is hidable",async()=>{await i.click(r),o(a).not.toBeVisible()}),await t("Item 2 is hidable",async()=>{await i.click(u),o(p).not.toBeVisible()})}},g={args:{},render:function(){return e.jsx(d,{children:e.jsxs(s,{dsInternalSimulation:"noAnimation",children:[e.jsx(c,{children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{children:"Of course it is!"})]})})},play:async({canvas:n,step:t})=>{const r=n.getByText("Is Preply the best platform for learning a language?"),a=n.getByText("Of course it is!");await t("Contents are hidden",async()=>{o(a).not.toBeVisible()}),await t("Content is revelable",async()=>{await i.click(r),o(a).toBeVisible()}),await t("Content is hidable",async()=>{await i.click(r),o(a).not.toBeVisible()})}},h={args:{},render:function(){return e.jsxs(d,{children:[e.jsxs(s,{name:"choose-subscription-duration",children:[e.jsx(c,{children:"Two-week subscription"}),e.jsx(l,{children:"We will charge you every two weeks."})]}),e.jsxs(s,{name:"choose-subscription-duration",children:[e.jsx(c,{children:"Four-week subscription"}),e.jsx(l,{children:"We will charge you every four weeks."})]})]})},play:async({canvas:n,step:t})=>{const r=n.getByText("Two-week subscription"),a=n.getByText("We will charge you every two weeks."),u=n.getByText("Four-week subscription"),p=n.getByText("We will charge you every four weeks.");await t("Contents are hidden",async()=>{o(a).not.toBeVisible(),o(p).not.toBeVisible()}),await t("Content 1 is revelable",async()=>{await i.click(r),o(a).toBeVisible()}),await t("Content 2 is revelable",async()=>{await i.click(u),o(p).toBeVisible()}),await t("Item 1 is hidden",async()=>{o(a).not.toBeVisible()})}},b={args:{onOpenChange:J()},render:function(t){return e.jsx(d,{children:e.jsxs(s,{onOpenChange:t.onOpenChange,children:[e.jsx(c,{children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{children:"Of course it is!"})]})})},play:async({canvas:n,args:t,step:r})=>{const a=n.getByText("Is Preply the best platform for learning a language?");await r("onOpenChange is not called",async()=>{o(t.onOpenChange).not.toBeCalled()}),await r("onOpenChange is called with true",async()=>{await i.click(a),o(t.onOpenChange).toBeCalledWith(!0)}),await r("onOpenChange is called with false",async()=>{await i.click(a),o(t.onOpenChange).toBeCalledWith(!1)})}},w={args:{onClick:J()},render:function(t){return e.jsx(d,{children:e.jsxs(s,{children:[e.jsx(c,{onClick:t.onClick,children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{children:"Of course it is!"})]})})},play:async({canvas:n,args:t,step:r})=>{const a=n.getByText("Is Preply the best platform for learning a language?");await r("onClick is not called",async()=>{o(t.onClick).not.toBeCalled()}),await r("onClick is called",async()=>{await i.click(a),o(t.onClick).toBeCalled()})}},x={render:function(){return e.jsx(d,{"aria-label":"accordion",dataset:{foo:1},children:e.jsxs(s,{dataset:{"qa-id":"firstItem"},children:[e.jsx(c,{dataset:{"qa-id":"firstItemHeader"},children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{dataset:{"qa-id":"firstItemContent"},children:"Yes!"})]})})},play:async({canvas:n})=>{const t=n.getByLabelText("accordion");o(t).toHaveAttribute("data-foo","1")}},C={parameters:{a11y:{config:{rules:[{id:"color-contrast",enabled:!1}]}}},render:function(){const t=M();return e.jsx(t.Provider,{totalSteps:2,children:e.jsxs(d,{children:[e.jsx(t.Step,{step:0,title:"Step 1",text:"Ensure you can answer this question",children:e.jsxs(s,{children:[e.jsx(c,{children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{children:"Of course it is!"})]})}),e.jsx(t.Step,{step:1,title:"Step 2",text:"Push them to try Preply out!",children:e.jsxs(s,{children:[e.jsx(c,{children:"Why?"}),e.jsx(l,{children:"If you are wondering, it means you have not tried it out yet!"})]})})]})})},play:async({canvasElement:n,step:t})=>{const r=K(n);await t("Step 1 should be visible",async()=>{await f(()=>{const a=r.getByText("Ensure you can answer this question");o(a).toBeVisible()})}),await t("Click Next",async()=>{const a=r.getByRole("button",{name:"Next"});await i.click(a)}),await t("Step 2 should be visible",async()=>{await f(()=>{const a=r.getByText("Ensure you can answer this question");o(a).toBeVisible()})})}};var A,B,v;m.parameters={...m.parameters,docs:{...(A=m.parameters)==null?void 0:A.docs,source:{originalSource:`{
|
2
2
|
render: function Story() {
|
3
3
|
return <Accordion aria-label="accordionLabel">
|
4
4
|
<AccordionItem>
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import{j as e}from"./jsx-runtime-BYouaCF_.js";import{r as i}from"./index-B3evPFBL.js";import{u as _,a as N,e as y}from"./index-DDyIDR-R.js";import{a as s}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{R as V,P as q,O as W,C as L,T as X,D as J,a as G,A as H,b as Y}from"./index-BYp7dUfi.js";import{H as Z}from"./Heading-
|
1
|
+
import{j as e}from"./jsx-runtime-BYouaCF_.js";import{r as i}from"./index-B3evPFBL.js";import{u as _,a as N,e as y}from"./index-DDyIDR-R.js";import{a as s}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{R as V,P as q,O as W,C as L,T as X,D as J,a as G,A as H,b as Y}from"./index-BYp7dUfi.js";import{H as Z}from"./Heading-D79pA8cG.js";import{B as l}from"./Button-BumqXQgN.js";import{g as K}from"./PortalElementProvider-D4ltrA8j.js";import{g as M}from"./index-DdzHuZ-Y.js";import{w as Q}from"./componentNames-CVVyamkx.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./index-DRKYGVyc.js";import"./index-wFyje0se.js";import"./Combination-CCYtWL8C.js";import"./tslib.es6-BntfKcQG.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-CznToR0o.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-CVTdrNe-.js";import"./ButtonBase-OAaaGRgi.js";import"./Spinner-BCTJunNM.js";import"./defaults-B1rzzf6M.js";import"./useMergeRefs-CeyIhNgY.js";import"./useHostname-CH18gHFj.js";import"./index-CC6DAVyL.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";const $="overlay__vG-Gu",ee="content__Nk-Ib",te="description__1dRpy",ne="actions__FsX-e",d={overlay:$,content:ee,description:te,actions:ne},F=({children:o})=>e.jsx(Y,{asChild:!0,children:i.Children.only(o)}),oe=i.forwardRef(function(t,n){return e.jsx(H,{asChild:!0,children:e.jsx(l,{...t,ref:n})})}),re=i.forwardRef(function(t,n){return e.jsx(G,{asChild:!0,children:e.jsx(l,{...t,ref:n})})}),ae=({open:o,title:t,description:n,dataset:a,children:f})=>{const v=K(),U=M(a,{preplyDsComponent:Q.AlertDialog});let C;const A=[];return i.Children.forEach(f,c=>{i.isValidElement(c)&&(c.type===F?C=c:A.push(c))}),e.jsxs(V,{open:o,children:[C,e.jsxs(q,{container:v,children:[e.jsx(W,{className:d.overlay}),e.jsxs(L,{...U,className:d.content,children:[e.jsx(X,{asChild:!0,children:e.jsx(Z,{tag:"h3",variant:"medium",children:t})}),e.jsx(J,{asChild:!0,children:e.jsx("p",{className:d.description,children:n})}),e.jsx("div",{className:d.actions,children:A})]})]})]})},r=Object.assign(ae,{Trigger:F,Action:oe,Cancel:re});try{r.displayName="AlertDialog",r.__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 Re={title:"Components/AlertDialog",component:r,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:o,step:t})=>{await t("Open alert",async()=>(await _.click(o.getByTestId("alert-trigger")),N(()=>{const n=o.getByTestId("alert-dialog");y(n).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(t){return e.jsxs(r,{...t,children:[e.jsx(r.Trigger,{children:e.jsx(l,{dataset:{testid:"alert-trigger"},children:"Action"})}),e.jsx(r.Cancel,{variant:"secondary",onClick:s("cancel"),children:"Cancel"}),e.jsx(r.Action,{onClick:s("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(t){return e.jsxs(r,{...t,children:[e.jsx(r.Trigger,{children:e.jsx(l,{variant:"critical",dataset:{testid:"alert-trigger"},children:"Cancel Lesson"})}),e.jsx(r.Action,{variant:"ghost",onClick:s("cancel"),children:"Cancel lesson"}),e.jsx(r.Action,{variant:"secondary",onClick:s("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(t){const[n,a]=i.useState(!1),f=()=>{a(!1),s("account deleted")()},v=()=>{a(!1),s("deletion canceled")()};return e.jsxs(e.Fragment,{children:[e.jsx(l,{onClick:()=>a(!0),dataset:{testid:"alert-trigger"},children:"Action"}),e.jsxs(r,{...t,open:n,children:[e.jsx(r.Cancel,{variant:"secondary",onClick:v,children:"Cancel"}),e.jsx(r.Action,{variant:"critical",onClick:f,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(t){const[n,a]=i.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(l,{onClick:()=>a(!0),dataset:{testid:"alert-trigger"},children:"Action"}),e.jsx(r,{...t,open:n,children:e.jsx(r.Action,{onClick:()=>{a(!1),s("page refreshed")()},children:"Refresh"})})]})}},h={parameters:{docs:{description:{story:`
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import{j as a}from"./jsx-runtime-BYouaCF_.js";import{r as n}from"./index-B3evPFBL.js";import{f as w}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{m as p,s as x,b as c}from"./classNames-BUL1Zq7e.js";import{w as e}from"./componentNames-
|
1
|
+
import{j as a}from"./jsx-runtime-BYouaCF_.js";import{r as n}from"./index-B3evPFBL.js";import{f as w}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{m as p,s as x,b as c}from"./classNames-BUL1Zq7e.js";import{w as e}from"./componentNames-CVVyamkx.js";import{g as f}from"./index-DdzHuZ-Y.js";import{A as y}from"./constants--ewUoBsO.js";import{A as g}from"./defaults-B1rzzf6M.js";const h="Avatar__K41Tw",q={Avatar:h,"Avatar--size-2xs":"Avatar--size-2xs__DWVtx","Avatar--size-xs":"Avatar--size-xs__xsB9y","Avatar--size-s":"Avatar--size-s__lPG7y","Avatar--size-m":"Avatar--size-m__QjPnd","Avatar--size-l":"Avatar--size-l__cuADz","Avatar--size-xl":"Avatar--size-xl__22V2l","Avatar--size-24":"Avatar--size-24__hDb5G","Avatar--size-32":"Avatar--size-32__0goVI","Avatar--size-48":"Avatar--size-48__uGMSJ","Avatar--size-64":"Avatar--size-64__WD77O","Avatar--size-96":"Avatar--size-96__OxIe2","Avatar--size-160":"Avatar--size-160__8tEPo","Avatar--narrow-l--size-2xs":"Avatar--narrow-l--size-2xs__jljjM","Avatar--narrow-l--size-xs":"Avatar--narrow-l--size-xs__7B-jh","Avatar--narrow-l--size-s":"Avatar--narrow-l--size-s__RYetq","Avatar--narrow-l--size-m":"Avatar--narrow-l--size-m__zam12","Avatar--narrow-l--size-l":"Avatar--narrow-l--size-l__qOhX6","Avatar--narrow-l--size-xl":"Avatar--narrow-l--size-xl__DVXKH","Avatar--narrow-l--size-24":"Avatar--narrow-l--size-24__L-54O","Avatar--narrow-l--size-32":"Avatar--narrow-l--size-32__Mdeh3","Avatar--narrow-l--size-48":"Avatar--narrow-l--size-48__1xNsg","Avatar--narrow-l--size-64":"Avatar--narrow-l--size-64__ZQ5C-","Avatar--narrow-l--size-96":"Avatar--narrow-l--size-96__DuZVB","Avatar--narrow-l--size-160":"Avatar--narrow-l--size-160__PN1pX","Avatar--medium-s--size-2xs":"Avatar--medium-s--size-2xs__qTU6Z","Avatar--medium-s--size-xs":"Avatar--medium-s--size-xs__BSbO-","Avatar--medium-s--size-s":"Avatar--medium-s--size-s__B4jP8","Avatar--medium-s--size-m":"Avatar--medium-s--size-m__zLOqH","Avatar--medium-s--size-l":"Avatar--medium-s--size-l__5l0Bn","Avatar--medium-s--size-xl":"Avatar--medium-s--size-xl__bKrql","Avatar--medium-s--size-24":"Avatar--medium-s--size-24__6--6m","Avatar--medium-s--size-32":"Avatar--medium-s--size-32__7rlpv","Avatar--medium-s--size-48":"Avatar--medium-s--size-48__R893D","Avatar--medium-s--size-64":"Avatar--medium-s--size-64__x4N0d","Avatar--medium-s--size-96":"Avatar--medium-s--size-96__1qdaO","Avatar--medium-s--size-160":"Avatar--medium-s--size-160__z7IAl","Avatar--medium-l--size-2xs":"Avatar--medium-l--size-2xs__yBvjS","Avatar--medium-l--size-xs":"Avatar--medium-l--size-xs__MwYGW","Avatar--medium-l--size-s":"Avatar--medium-l--size-s__nmMyG","Avatar--medium-l--size-m":"Avatar--medium-l--size-m__gGguL","Avatar--medium-l--size-l":"Avatar--medium-l--size-l__aITY0","Avatar--medium-l--size-xl":"Avatar--medium-l--size-xl__mFm28","Avatar--medium-l--size-24":"Avatar--medium-l--size-24__Ndkzw","Avatar--medium-l--size-32":"Avatar--medium-l--size-32__3miIB","Avatar--medium-l--size-48":"Avatar--medium-l--size-48__arPBB","Avatar--medium-l--size-64":"Avatar--medium-l--size-64__aFQa7","Avatar--medium-l--size-96":"Avatar--medium-l--size-96__eg03F","Avatar--medium-l--size-160":"Avatar--medium-l--size-160__fGJ7K","Avatar--wide-s--size-2xs":"Avatar--wide-s--size-2xs__NFYZ2","Avatar--wide-s--size-xs":"Avatar--wide-s--size-xs__HtdLJ","Avatar--wide-s--size-s":"Avatar--wide-s--size-s__EsekK","Avatar--wide-s--size-m":"Avatar--wide-s--size-m__BLcmN","Avatar--wide-s--size-l":"Avatar--wide-s--size-l__-BII-","Avatar--wide-s--size-xl":"Avatar--wide-s--size-xl__JEpuf","Avatar--wide-s--size-24":"Avatar--wide-s--size-24__Ue7o0","Avatar--wide-s--size-32":"Avatar--wide-s--size-32__hYoGY","Avatar--wide-s--size-48":"Avatar--wide-s--size-48__Q9kzJ","Avatar--wide-s--size-64":"Avatar--wide-s--size-64__vvQME","Avatar--wide-s--size-96":"Avatar--wide-s--size-96__tVnz3","Avatar--wide-s--size-160":"Avatar--wide-s--size-160__brJ59","Avatar--wide-l--size-2xs":"Avatar--wide-l--size-2xs__494a-","Avatar--wide-l--size-xs":"Avatar--wide-l--size-xs__x-qZ6","Avatar--wide-l--size-s":"Avatar--wide-l--size-s__gvL9N","Avatar--wide-l--size-m":"Avatar--wide-l--size-m__fLHkS","Avatar--wide-l--size-l":"Avatar--wide-l--size-l__HOWbG","Avatar--wide-l--size-xl":"Avatar--wide-l--size-xl__By2Ym","Avatar--wide-l--size-24":"Avatar--wide-l--size-24__EMfbp","Avatar--wide-l--size-32":"Avatar--wide-l--size-32__7bYZs","Avatar--wide-l--size-48":"Avatar--wide-l--size-48__548Bt","Avatar--wide-l--size-64":"Avatar--wide-l--size-64__5Ce08","Avatar--wide-l--size-96":"Avatar--wide-l--size-96__-6w7Y","Avatar--wide-l--size-160":"Avatar--wide-l--size-160__5ft-T","Avatar--round":"Avatar--round__ZDtGc"},s=n.forwardRef(function({size:r=g,round:t,src:v,alt:l="",dataset:m,crossOrigin:A,...d},_){const z=t??!0,u=p(q,e.Avatar,[x("size",r),c("round",void 0,z)]),o={...w(d),ref:_,className:u.join(" "),...f(m,{preplyDsComponent:e.Avatar})};return a.jsx("picture",{...o,children:a.jsx("img",{src:v||y,alt:l,crossOrigin:A})})});try{s.displayName="Avatar",s.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"xs"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"2xs"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:"ResponsiveProp<AvatarSize>"}]}},round:{defaultValue:null,description:"@deprecated this prop is deprecated and has no effect",name:"round",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},src:{defaultValue:null,description:`The avatar image URL.
|
2
2
|
If not provided, the default placeholder image is used instead.`,name:"src",required:!1,type:{name:"enum",value:[{value:"string"}]}},alt:{defaultValue:{value:""},description:`A description of the image.
|
3
3
|
This is recommended for accessibility purposes, specifically for users
|
4
4
|
of screen readers.
|
@@ -1 +1 @@
|
|
1
|
-
import{j as e}from"./jsx-runtime-BYouaCF_.js";import{r as w}from"./index-B3evPFBL.js";import{f as o}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as u,s as n,b as x}from"./classNames-BUL1Zq7e.js";import{w as s}from"./componentNames-
|
1
|
+
import{j as e}from"./jsx-runtime-BYouaCF_.js";import{r as w}from"./index-B3evPFBL.js";import{f as o}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as u,s as n,b as x}from"./classNames-BUL1Zq7e.js";import{w as s}from"./componentNames-CVVyamkx.js";import{g as p}from"./index-DdzHuZ-Y.js";import{A as f}from"./constants--ewUoBsO.js";import{A as c}from"./defaults-B1rzzf6M.js";const N="Avatar__ENaap",R={Avatar:N,"Avatar--size-2xs":"Avatar--size-2xs__d2pNq","Avatar--size-xs":"Avatar--size-xs__hlQlf","Avatar--size-s":"Avatar--size-s__OXNzr","Avatar--size-m":"Avatar--size-m__4n3bp","Avatar--size-l":"Avatar--size-l__VHR4R","Avatar--size-xl":"Avatar--size-xl__AQlZ0","Avatar--size-24":"Avatar--size-24__ObR4y","Avatar--size-32":"Avatar--size-32__dN-5k","Avatar--size-48":"Avatar--size-48__ddqP8","Avatar--size-64":"Avatar--size-64__-Ju7I","Avatar--size-96":"Avatar--size-96__KgHP3","Avatar--size-160":"Avatar--size-160__KZ0Fc","Avatar--narrow-l--size-2xs":"Avatar--narrow-l--size-2xs__-PmgC","Avatar--narrow-l--size-xs":"Avatar--narrow-l--size-xs__RdTWx","Avatar--narrow-l--size-s":"Avatar--narrow-l--size-s__zwV93","Avatar--narrow-l--size-m":"Avatar--narrow-l--size-m__pW4--","Avatar--narrow-l--size-l":"Avatar--narrow-l--size-l__1pv2G","Avatar--narrow-l--size-xl":"Avatar--narrow-l--size-xl__vH5iG","Avatar--narrow-l--size-24":"Avatar--narrow-l--size-24__qXCWM","Avatar--narrow-l--size-32":"Avatar--narrow-l--size-32__qq9TP","Avatar--narrow-l--size-48":"Avatar--narrow-l--size-48__h51Bn","Avatar--narrow-l--size-64":"Avatar--narrow-l--size-64__LnrZ9","Avatar--narrow-l--size-96":"Avatar--narrow-l--size-96__n3HEe","Avatar--narrow-l--size-160":"Avatar--narrow-l--size-160__1zjWL","Avatar--medium-s--size-2xs":"Avatar--medium-s--size-2xs__qWyz5","Avatar--medium-s--size-xs":"Avatar--medium-s--size-xs__2e4Qo","Avatar--medium-s--size-s":"Avatar--medium-s--size-s__d0fm8","Avatar--medium-s--size-m":"Avatar--medium-s--size-m__ZHi66","Avatar--medium-s--size-l":"Avatar--medium-s--size-l__xxroc","Avatar--medium-s--size-xl":"Avatar--medium-s--size-xl__2QWlo","Avatar--medium-s--size-24":"Avatar--medium-s--size-24__7-PF9","Avatar--medium-s--size-32":"Avatar--medium-s--size-32__kS7dJ","Avatar--medium-s--size-48":"Avatar--medium-s--size-48__7rHLm","Avatar--medium-s--size-64":"Avatar--medium-s--size-64__eSycG","Avatar--medium-s--size-96":"Avatar--medium-s--size-96__gMO59","Avatar--medium-s--size-160":"Avatar--medium-s--size-160__VHYbX","Avatar--medium-l--size-2xs":"Avatar--medium-l--size-2xs__Kt93i","Avatar--medium-l--size-xs":"Avatar--medium-l--size-xs__BwpLG","Avatar--medium-l--size-s":"Avatar--medium-l--size-s__JjLGR","Avatar--medium-l--size-m":"Avatar--medium-l--size-m__L-KEk","Avatar--medium-l--size-l":"Avatar--medium-l--size-l__a53QC","Avatar--medium-l--size-xl":"Avatar--medium-l--size-xl__kUFUb","Avatar--medium-l--size-24":"Avatar--medium-l--size-24__wkAJa","Avatar--medium-l--size-32":"Avatar--medium-l--size-32__ZX2QH","Avatar--medium-l--size-48":"Avatar--medium-l--size-48__17P3w","Avatar--medium-l--size-64":"Avatar--medium-l--size-64__FpM1G","Avatar--medium-l--size-96":"Avatar--medium-l--size-96__5-hlk","Avatar--medium-l--size-160":"Avatar--medium-l--size-160__fa-Bb","Avatar--wide-s--size-2xs":"Avatar--wide-s--size-2xs__1jiA7","Avatar--wide-s--size-xs":"Avatar--wide-s--size-xs__CwbZa","Avatar--wide-s--size-s":"Avatar--wide-s--size-s__DxpiN","Avatar--wide-s--size-m":"Avatar--wide-s--size-m__qn5xe","Avatar--wide-s--size-l":"Avatar--wide-s--size-l__4TPfZ","Avatar--wide-s--size-xl":"Avatar--wide-s--size-xl__NtVch","Avatar--wide-s--size-24":"Avatar--wide-s--size-24__ggmeN","Avatar--wide-s--size-32":"Avatar--wide-s--size-32__J7HvU","Avatar--wide-s--size-48":"Avatar--wide-s--size-48__FDJLh","Avatar--wide-s--size-64":"Avatar--wide-s--size-64__qE9HQ","Avatar--wide-s--size-96":"Avatar--wide-s--size-96__yjySN","Avatar--wide-s--size-160":"Avatar--wide-s--size-160__sQ83p","Avatar--wide-l--size-2xs":"Avatar--wide-l--size-2xs__BuADe","Avatar--wide-l--size-xs":"Avatar--wide-l--size-xs__g8Tfi","Avatar--wide-l--size-s":"Avatar--wide-l--size-s__qYwnP","Avatar--wide-l--size-m":"Avatar--wide-l--size-m__tMD4S","Avatar--wide-l--size-l":"Avatar--wide-l--size-l__M3npP","Avatar--wide-l--size-xl":"Avatar--wide-l--size-xl__-vkhW","Avatar--wide-l--size-24":"Avatar--wide-l--size-24__lammM","Avatar--wide-l--size-32":"Avatar--wide-l--size-32__hM5mX","Avatar--wide-l--size-48":"Avatar--wide-l--size-48__mLV4a","Avatar--wide-l--size-64":"Avatar--wide-l--size-64__uQV-R","Avatar--wide-l--size-96":"Avatar--wide-l--size-96__nbICp","Avatar--wide-l--size-160":"Avatar--wide-l--size-160__gRCi9","Avatar--round":"Avatar--round__Ndyn3"},C=w.forwardRef(function({size:i=c,round:a,src:r,alt:t="",dataset:A,crossOrigin:v,..._},m){const z=a??!0,l=u(R,s.Avatar,[n("size",i),x("round",void 0,z)]),d={...o(_),ref:m,className:l.join(" "),...p(A,{preplyDsComponent:s.Avatar})};return e.jsx("picture",{...d,children:e.jsx("img",{src:r||f,alt:t,crossOrigin:v})})});C.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{defaultValue:{value:"'xs'",computed:!1},required:!1},alt:{defaultValue:{value:'""',computed:!1},required:!1}}};export{C as A};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import{j as a}from"./jsx-runtime-BYouaCF_.js";import{S as d}from"./consts-KAYct7Gj.js";import{A as t}from"./Avatar-
|
1
|
+
import{j as a}from"./jsx-runtime-BYouaCF_.js";import{S as d}from"./consts-KAYct7Gj.js";import{A as t}from"./Avatar-BkCAqOuF.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./classNames-BUL1Zq7e.js";import"./componentNames-CVVyamkx.js";import"./index-DdzHuZ-Y.js";import"./constants--ewUoBsO.js";import"./defaults-B1rzzf6M.js";const j={title:"components/Avatar",component:t,argTypes:{size:{description:d}}},s=()=>a.jsxs("div",{style:{display:"flex",gap:"8px",alignItems:"end"},children:[a.jsx(t,{size:"160"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",size:"96"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-2.png",size:"64"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-3.png",size:"48"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-4.png",size:"32"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-5.png",size:"24"})]}),r={parameters:{chromatic:{disableSnapshot:!0}},args:{size:"32",src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",dataset:{qaid:"avatar"}},argTypes:{src:{control:"text"},dataset:{control:"object"},alt:{control:"text"},round:{table:{disable:!0}}}};var e,o,n;s.parameters={...s.parameters,docs:{...(e=s.parameters)==null?void 0:e.docs,source:{originalSource:`() => <div style={{
|
2
2
|
display: 'flex',
|
3
3
|
gap: '8px',
|
4
4
|
alignItems: 'end'
|
package/dist/assets/{AvatarWithStatus.stories-5qjPY64Z.js → AvatarWithStatus.stories-CocgTI5A.js}
RENAMED
@@ -1,4 +1,4 @@
|
|
1
|
-
import{j as a}from"./jsx-runtime-BYouaCF_.js";import{r as j}from"./index-B3evPFBL.js";import{f as q}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{A as C}from"./Avatar-
|
1
|
+
import{j as a}from"./jsx-runtime-BYouaCF_.js";import{r as j}from"./index-B3evPFBL.js";import{f as q}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{A as C}from"./Avatar-BkCAqOuF.js";import{m as N,b as w,s as V,a as R}from"./classNames-BUL1Zq7e.js";import{w as r}from"./componentNames-CVVyamkx.js";import{g as T}from"./index-DdzHuZ-Y.js";import{A as D}from"./defaults-B1rzzf6M.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./constants--ewUoBsO.js";const E="AvatarWithStatus__z8Zik",n={AvatarWithStatus:E,"AvatarWithStatus--indicator":"AvatarWithStatus--indicator__dsdXa","AvatarWithStatus--online":"AvatarWithStatus--online__pGAFw","AvatarWithStatus--size-2xs":"AvatarWithStatus--size-2xs__fkqaK","AvatarWithStatus--size-xs":"AvatarWithStatus--size-xs__VzJXv","AvatarWithStatus--size-m":"AvatarWithStatus--size-m__VkIzy","AvatarWithStatus--size-xl":"AvatarWithStatus--size-xl__h-Pv7","AvatarWithStatus--size-64":"AvatarWithStatus--size-64__vG-kB","AvatarWithStatus--size-96":"AvatarWithStatus--size-96__Dgqc1","AvatarWithStatus--size-160":"AvatarWithStatus--size-160__7gCR7"},e=j.forwardRef(function({online:f=!1,size:i=D,dataset:A,alt:S,crossOrigin:x,src:_,...W},g){const y=N(n,r.AvatarWithStatus,[w("online",void 0,f),V("size",i)]),z=[...R(n,r.AvatarWithStatus,["indicator"])],b={...q(W),ref:g,className:y.join(" "),...T(A,{preplyDsComponent:r.AvatarWithStatus})};return a.jsxs("div",{...b,children:[a.jsx("span",{className:z.join(" ")}),a.jsx("div",{children:a.jsx(C,{alt:S,crossOrigin:x,src:_,size:i})})]})});try{e.displayName="AvatarWithStatus",e.__docgenInfo={description:"",displayName:"AvatarWithStatus",props:{dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
|
2
2
|
@example <Avatar dataset={{ 'qa-id': 'user-avatar' }} /> // will add data-qa-id="user-avatar" to the HTML element`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},src:{defaultValue:null,description:`The avatar image URL.
|
3
3
|
If not provided, the default placeholder image is used instead.`,name:"src",required:!1,type:{name:"enum",value:[{value:"string"}]}},alt:{defaultValue:null,description:`A description of the image.
|
4
4
|
This is recommended for accessibility purposes, specifically for users
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import{j as e}from"./jsx-runtime-BYouaCF_.js";import{F as l}from"./TokyoUITag-CulX0-gf.js";import{L as S}from"./LayoutFlex-
|
1
|
+
import{j as e}from"./jsx-runtime-BYouaCF_.js";import{F as l}from"./TokyoUITag-CulX0-gf.js";import{L as S}from"./LayoutFlex-oRwI31fW.js";import{r as N}from"./index-B3evPFBL.js";import{f as U}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{I as q}from"./Icon-D4cMo1we.js";import{g as C}from"./index-DdzHuZ-Y.js";import{w as k}from"./componentNames-CVVyamkx.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-CVTdrNe-.js";const F="badge__ioy0w",L={badge:F},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:T,children:j,accent:u,inverted:m,...z},V){const p=E(d),t={...T,size:p};u===void 0&&m===void 0?t.type=o:(t.accent=u||"unset",t.inverted=!!m);const _={...U(z),ref:V,className:L.badge,...C(t,{preplyDsComponent:k.Badge})},w=o==="neutral"?"primary":o;return e.jsxs("span",{..._,children:[!!c&&p!=="small"&&e.jsx(q,{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:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"critical"'},{value:'"neutral"'}]}},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:'"small"'},{value:'"medium"'},{value:'"large"'}]}},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>
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import{j as o}from"./jsx-runtime-BYouaCF_.js";import{H as b}from"./Heading-BSlUFvxo.js";import{L as B}from"./LayoutFlex-DT7eMWg5.js";import{T as _}from"./Text-DmTAIIVj.js";import{r as D}from"./index-B3evPFBL.js";import{f as N}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{g as O}from"./layout-relative.module-ed9bC4H4.js";import{m as A,s as u}from"./classNames-BUL1Zq7e.js";import{w as d}from"./componentNames-Ba2ybP0W.js";import{g as H}from"./index-DdzHuZ-Y.js";import{L as I,c as R,d as q}from"./defaults-B1rzzf6M.js";import{a as C,S as U}from"./consts-KAYct7Gj.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./_commonjsHelpers-Cpj98o6Y.js";const E="Box__T6Fyt",j={Box:E,"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=R,padding:p=q,tag:k,dataset:w,...y},f){const h=A(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(" "),...H(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:'"16"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"none"'},{value:'"0"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:"ResponsiveProp<BoxRadius>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"article"'},{value:'"caption"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"header"'},{value:'"li"'},{value:'"main"'},{value:'"ol"'},{value:'"section"'},{value:'"table"'},{value:'"tbody"'},{value:'"td"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"tr"'},{value:'"ul"'}]}},padding:{defaultValue:{value:"s"},description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"2xs"'},{value:'"16"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"none"'},{value:'"3xs"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"20"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{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 eo={title:"components/Box",component:r,argTypes:{radius:{description:U},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-BYouaCF_.js";import{H as b}from"./Heading-D79pA8cG.js";import{L as B}from"./LayoutFlex-oRwI31fW.js";import{T as _}from"./Text-C3jprdij.js";import{r as D}from"./index-B3evPFBL.js";import{f as N}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{g as O}from"./layout-relative.module-ed9bC4H4.js";import{m as A,s as u}from"./classNames-BUL1Zq7e.js";import{w as d}from"./componentNames-CVVyamkx.js";import{g as H}from"./index-DdzHuZ-Y.js";import{L as I,c as R,d as q}from"./defaults-B1rzzf6M.js";import{a as C,S as U}from"./consts-KAYct7Gj.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./_commonjsHelpers-Cpj98o6Y.js";const E="Box__T6Fyt",j={Box:E,"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=R,padding:p=q,tag:k,dataset:w,...y},f){const h=A(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(" "),...H(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:'"none"'},{value:'"0"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{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:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"2xs"'},{value:'"none"'},{value:'"3xs"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{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 eo={title:"components/Box",component:r,argTypes:{radius:{description:U},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,11 +1,11 @@
|
|
1
|
-
import{j as a}from"./jsx-runtime-BYouaCF_.js";import{r as _}from"./index-B3evPFBL.js";import{r as u}from"./render-icon-CVTdrNe-.js";import{B as z}from"./ButtonBase-
|
1
|
+
import{j as a}from"./jsx-runtime-BYouaCF_.js";import{r as _}from"./index-B3evPFBL.js";import{r as u}from"./render-icon-CVTdrNe-.js";import{B as z}from"./ButtonBase-OAaaGRgi.js";import{m as g,s as y}from"./classNames-BUL1Zq7e.js";import{w as i}from"./componentNames-CVVyamkx.js";import{B as w,a as T}from"./defaults-B1rzzf6M.js";const h="Button__zN6zT",V="leadingIcon__wQqJW",b="trailingIcon__zChSf",I="icon__sU6GA",e={Button:h,leadingIcon:V,trailingIcon:b,"Button--size-s":"Button--size-s__yKEFo",icon:I,"Button--size-m":"Button--size-m__-0jeH","Button--size-small":"Button--size-small__xrFvg","Button--size-medium":"Button--size-medium__Mc1B1","Button--size-l":"Button--size-l__7gew2","Button--size-large":"Button--size-large__LejpK","Button--narrow-l--size-s":"Button--narrow-l--size-s__oKIHq","Button--narrow-l--size-m":"Button--narrow-l--size-m__FfkOA","Button--narrow-l--size-small":"Button--narrow-l--size-small__y-M26","Button--narrow-l--size-medium":"Button--narrow-l--size-medium__so23Y","Button--narrow-l--size-l":"Button--narrow-l--size-l__xZOAd","Button--narrow-l--size-large":"Button--narrow-l--size-large__8clcn","Button--medium-s--size-s":"Button--medium-s--size-s__I-GoC","Button--medium-s--size-m":"Button--medium-s--size-m__Fk3sj","Button--medium-s--size-small":"Button--medium-s--size-small__N-91h","Button--medium-s--size-medium":"Button--medium-s--size-medium__sRSxR","Button--medium-s--size-l":"Button--medium-s--size-l__QXDbD","Button--medium-s--size-large":"Button--medium-s--size-large__Rtei-","Button--medium-l--size-s":"Button--medium-l--size-s__YqR0K","Button--medium-l--size-m":"Button--medium-l--size-m__BaJ0d","Button--medium-l--size-small":"Button--medium-l--size-small__iP5bS","Button--medium-l--size-medium":"Button--medium-l--size-medium__JanvZ","Button--medium-l--size-l":"Button--medium-l--size-l__ps0aM","Button--medium-l--size-large":"Button--medium-l--size-large__2gVOL","Button--wide-s--size-s":"Button--wide-s--size-s__OE3Yz","Button--wide-s--size-m":"Button--wide-s--size-m__H2KPf","Button--wide-s--size-small":"Button--wide-s--size-small__lDDYF","Button--wide-s--size-medium":"Button--wide-s--size-medium__CoePZ","Button--wide-s--size-l":"Button--wide-s--size-l__gcSoP","Button--wide-s--size-large":"Button--wide-s--size-large__KLj98","Button--wide-l--size-s":"Button--wide-l--size-s__HAZa1","Button--wide-l--size-m":"Button--wide-l--size-m__xB4x0","Button--wide-l--size-small":"Button--wide-l--size-small__WdoWT","Button--wide-l--size-medium":"Button--wide-l--size-medium__KgZbS","Button--wide-l--size-l":"Button--wide-l--size-l__rw5N1","Button--wide-l--size-large":"Button--wide-l--size-large__7TyOT"},s=_.forwardRef(function({variant:r=T,size:l=w,url:m,a11yLabel:d,leadingSvgIcon:t,trailingSvgIcon:n,children:c,...B},p){const v=!!t||!!n,f=g(e,i.Button,[y("size",l)]);return a.jsxs(z,{...B,ref:p,isIconButton:!1,variant:r,size:l,url:m,a11yLabel:d,preplyDsComponent:i.Button,className:v?f.join(" "):"",children:[!!t&&a.jsx("span",{className:`${e.icon} ${e.leadingIcon}`,children:u(t,{"aria-hidden":"true",focusable:"false"})}),c,!!n&&a.jsx("span",{className:`${e.icon} ${e.trailingIcon}`,children:u(n,{"aria-hidden":"true",focusable:"false"})})]})});try{s.displayName="Button",s.__docgenInfo={description:"",displayName:"Button",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"critical"'},{value:'"ai"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'}]}},size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"small"'},{value:'"medium"'},{value:'"large"'},{value:"ResponsiveProp<ButtonSize>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},as:{defaultValue:null,description:`Custom element to render the button.
|
2
2
|
|
3
3
|
Allows rendering the button using a different React element or component.
|
4
4
|
This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
|
5
5
|
@example // Render as a react router link component
|
6
6
|
import { Link } from 'react-router-dom';
|
7
7
|
|
8
|
-
<ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon.
|
8
|
+
<ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon.
|
9
9
|
@example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
|
10
10
|
|
11
11
|
<Button leadingSvgIcon={TokyoUITag}>Button</Button>
|
@@ -1 +1 @@
|
|
1
|
-
import{j as s}from"./jsx-runtime-BYouaCF_.js";import{r as i}from"./index-B3evPFBL.js";import{b as le,g as oe,a as ue}from"./text-centered-C0V1O_Sd.js";import{f as W}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as S,s as m,b as d,a as p}from"./classNames-BUL1Zq7e.js";import{w as f}from"./componentNames-Ba2ybP0W.js";import{g as X,a as re}from"./index-DdzHuZ-Y.js";import{r as J}from"./render-icon-CwRdpin3.js";import{S as de,a as G,B as M}from"./defaults-B1rzzf6M.js";import{u as me}from"./useHostname-CH18gHFj.js";import{m as Be}from"./index-CC6DAVyL.js";const V=(t,e)=>{typeof t=="function"?t(e):t&&(t.current=e)},_e=(t,e)=>i.useCallback(a=>{V(t,a),V(e,a)},[t,e]),ve="Heading__Lv13n",ge={Heading:ve,"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"},we=i.forwardRef(function({children:e,variant:a,accent:n,level:l,large:u=!1,tag:r,color:B,centered:v,dataset:g,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=le(v),C=oe(!(n?void 0:B),n),N=ue(B),E=["preply-ds-heading",..._,...o,...C,...N],z={...W(c),className:E.join(" "),...X(g,{preplyDsComponent:f.Heading}),id:w,ref:x};return s.jsx(b,{...z,children:e})});we.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{large:{defaultValue:{value:"false",computed:!1},required:!1}}};const ce="Spinner__U3f6H",ze="spin__6opuF",R={Spinner:ce,"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:ze},he=({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(he),be=({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"})))),pe=i.forwardRef(be),j="Spinner",fe=({size:t=de})=>{const e=S(R,j,[m("size",t)]),a=[...p(R,j,["animated"])],n=[...p(R,j,["static"])];return s.jsxs("span",{className:e.join(" "),children:[s.jsx("span",{className:a.join(" "),children:s.jsx(pe,{})}),s.jsx("span",{className:n.join(" "),children:s.jsx(He,{})})]})},Se="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: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(T,A,["content"])],n=[...p(T,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(fe,{})})]})},Q=i.forwardRef(function(e,a){const{variant:n=G,size:l=M,fullWidth:u=!1,wrap:r=!1,href:B,download:v,opensInNewTab:g,nofollow:w,submitsForm:c,assistiveText:x,onClick:b,disabled:_,busy:o,isIconButton:I,as:y,url:C,a11yLabel:N,dataset:E,children:z,dsInternalSimulation:P,preplyDsComponent:Y,className:K,...$}=e,{selected:ee}=xe(e)?e:{selected:void 0},te=me(),U=i.useRef(null),Z=_e(U,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=U.current)==null||O.click())},ne=P==="focus"?d("dsInternalSimulation-focus",void 0,!0):m(`variant-${n}--dsInternalSimulation`,P),se=S(T,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={...W($),...X(E,{preplyDsComponent:Y}),className:[...se,K].join(" "),"aria-label":x||N,onClick:ie,disabled:_,"aria-disabled":_||o?!0:void 0,ref:Z},L=B||C,F={...D,download:v,ref:Z,role:"button",tabIndex:_?-1:0,href:L,onKeyDown:ae};return L?s.jsx("a",{...F,...re(te,L,g,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=G,size:a=M,url:n,a11yLabel:l,leadingSvgIcon:u,trailingSvgIcon:r,children:B,...v},g){const w=!!u||!!r,c=S(H,f.Button,[m("size",a)]);return s.jsxs(Q,{...v,ref:g,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,we as H,fe as S,Q as a,_e as u};
|
1
|
+
import{j as s}from"./jsx-runtime-BYouaCF_.js";import{r as i}from"./index-B3evPFBL.js";import{b as le,g as oe,a as ue}from"./text-centered-C0V1O_Sd.js";import{f as W}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as S,s as m,b as d,a as p}from"./classNames-BUL1Zq7e.js";import{w as f}from"./componentNames-CVVyamkx.js";import{g as X,a as re}from"./index-DdzHuZ-Y.js";import{r as J}from"./render-icon-CwRdpin3.js";import{S as de,a as G,B as M}from"./defaults-B1rzzf6M.js";import{u as me}from"./useHostname-CH18gHFj.js";import{m as Be}from"./index-CC6DAVyL.js";const V=(t,e)=>{typeof t=="function"?t(e):t&&(t.current=e)},_e=(t,e)=>i.useCallback(a=>{V(t,a),V(e,a)},[t,e]),ve="Heading__Lv13n",ge={Heading:ve,"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"},we=i.forwardRef(function({children:e,variant:a,accent:n,level:l,large:u=!1,tag:r,color:B,centered:v,dataset:g,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=le(v),C=oe(!(n?void 0:B),n),N=ue(B),E=["preply-ds-heading",..._,...o,...C,...N],z={...W(c),className:E.join(" "),...X(g,{preplyDsComponent:f.Heading}),id:w,ref:x};return s.jsx(b,{...z,children:e})});we.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{large:{defaultValue:{value:"false",computed:!1},required:!1}}};const ce="Spinner__U3f6H",ze="spin__6opuF",R={Spinner:ce,"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:ze},he=({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(he),be=({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"})))),pe=i.forwardRef(be),j="Spinner",fe=({size:t=de})=>{const e=S(R,j,[m("size",t)]),a=[...p(R,j,["animated"])],n=[...p(R,j,["static"])];return s.jsxs("span",{className:e.join(" "),children:[s.jsx("span",{className:a.join(" "),children:s.jsx(pe,{})}),s.jsx("span",{className:n.join(" "),children:s.jsx(He,{})})]})},Se="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: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(T,A,["content"])],n=[...p(T,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(fe,{})})]})},Q=i.forwardRef(function(e,a){const{variant:n=G,size:l=M,fullWidth:u=!1,wrap:r=!1,href:B,download:v,opensInNewTab:g,nofollow:w,submitsForm:c,assistiveText:x,onClick:b,disabled:_,busy:o,isIconButton:I,as:y,url:C,a11yLabel:N,dataset:E,children:z,dsInternalSimulation:P,preplyDsComponent:Y,className:K,...$}=e,{selected:ee}=xe(e)?e:{selected:void 0},te=me(),U=i.useRef(null),Z=_e(U,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=U.current)==null||O.click())},ne=P==="focus"?d("dsInternalSimulation-focus",void 0,!0):m(`variant-${n}--dsInternalSimulation`,P),se=S(T,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={...W($),...X(E,{preplyDsComponent:Y}),className:[...se,K].join(" "),"aria-label":x||N,onClick:ie,disabled:_,"aria-disabled":_||o?!0:void 0,ref:Z},L=B||C,F={...D,download:v,ref:Z,role:"button",tabIndex:_?-1:0,href:L,onKeyDown:ae};return L?s.jsx("a",{...F,...re(te,L,g,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=G,size:a=M,url:n,a11yLabel:l,leadingSvgIcon:u,trailingSvgIcon:r,children:B,...v},g){const w=!!u||!!r,c=S(H,f.Button,[m("size",a)]);return s.jsxs(Q,{...v,ref:g,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,we as H,fe as S,Q as a,_e as u};
|