@preply/ds-docs 2.0.0 → 2.1.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-DoLb1LoS.js → 00.LayoutFlex.stories-CbDXxyuE.js} +1 -1
- package/dist/assets/{00.applications-CodmhfzP.js → 00.applications-DrPcq5hf.js} +1 -1
- package/dist/assets/{00.favicons.guide-CB7otDce.js → 00.favicons.guide-BGlf-F09.js} +1 -1
- package/dist/assets/{00.token-explorer-iUebypoy.js → 00.token-explorer-Bfc0792V.js} +1 -1
- package/dist/assets/{00.using-responsive-props-t2wHUu8m.js → 00.using-responsive-props-zAcJieHB.js} +1 -1
- package/dist/assets/{01.semantic-tokens-BRVBqUiT.js → 01.semantic-tokens-Ccy3YqAg.js} +1 -1
- package/dist/assets/{01.using-shorthand-props-DEJgBvzq.js → 01.using-shorthand-props-B0ANrFDR.js} +1 -1
- package/dist/assets/{10.Combinations.stories-DLSgJgrw.js → 10.Combinations.stories-CdNbC18z.js} +1 -1
- package/dist/assets/{10.fonts.guide-D12lSwgH.js → 10.fonts.guide-kjxLDtt2.js} +1 -1
- package/dist/assets/{10.ssr-DlFRK64e.js → 10.ssr-C85792Ym.js} +1 -1
- package/dist/assets/{11.languageFont.explorer-C5k8-Jz1.js → 11.languageFont.explorer-C8B0RG10.js} +1 -1
- package/dist/assets/{11.ssr.app-router-Dhu4kN2c.js → 11.ssr.app-router-DLGELGUU.js} +1 -1
- package/dist/assets/{20.libraries-B0n8gJVD.js → 20.libraries-BDQu_qts.js} +1 -1
- package/dist/assets/{30.icons.explorer-Crh_uKlY.js → 30.icons.explorer-Cs2BoR4M.js} +2 -2
- package/dist/assets/{30.storybook-BAO0l6SZ.js → 30.storybook-Nx8Paw-6.js} +1 -1
- package/dist/assets/40.illustrations.explorer-WSD1rIjJ.js +21 -0
- package/dist/assets/{90.advanced-CeKbZzoq.js → 90.advanced-DASg-ru6.js} +1 -1
- package/dist/assets/AlertDialog-Maq8_VU0.css +1 -0
- package/dist/assets/{AlertDialog.stories-CqAVOJ5x.js → AlertDialog.stories-BzWTSIy8.js} +4 -4
- package/dist/assets/Avatar-DTmc5ZGN.css +1 -0
- package/dist/assets/Avatar-DncQXX7G.js +7 -0
- package/dist/assets/Avatar-ElTllycS.js +1 -0
- package/dist/assets/Avatar-l4k-u_Mp.css +1 -0
- package/dist/assets/{Avatar.stories-DPuesOBK.js → Avatar.stories-D15oouju.js} +1 -1
- package/dist/assets/AvatarWithStatus-CxEAGmUA.css +1 -0
- package/dist/assets/AvatarWithStatus.stories-DeWJ6ypF.js +42 -0
- package/dist/assets/Badge-j_a0acGK.css +1 -0
- package/dist/assets/{Badge.stories-BY6I7UQ6.js → Badge.stories-CSQZXuAX.js} +2 -2
- package/dist/assets/Box-CjExCUkg.css +1 -0
- package/dist/assets/Box.stories-Vj0MUVA1.js +44 -0
- package/dist/assets/Button-BlwReLw5.js +20 -0
- package/dist/assets/Button-CB2hNkCw.css +1 -0
- package/dist/assets/Button-D7I5ig5h.js +1 -0
- package/dist/assets/Button-Do66hNtY.css +1 -0
- package/dist/assets/Button.stories-VxG3jfx5.js +252 -0
- package/dist/assets/ButtonBase-BCfmDQ_b.js +8 -0
- package/dist/assets/ButtonBase-C0CIM4Jh.css +1 -0
- package/dist/assets/Chips-DAK2so_G.css +1 -0
- package/dist/assets/{Chips.stories-C4g0ajtC.js → Chips.stories-3FQFAew8.js} +7 -7
- package/dist/assets/{Color-YHDXOIA2-n0bEiukQ.js → Color-YHDXOIA2-BYOU6QkC.js} +1 -1
- package/dist/assets/Dialog-DzqSHLus.css +1 -0
- package/dist/assets/{Dialog.stories-D74D9Tdn.js → Dialog.stories-CjuVHAg6.js} +18 -18
- package/dist/assets/{DocsRenderer-CFRXHY34-BhNva4nY.js → DocsRenderer-CFRXHY34-D1fchdBc.js} +1 -1
- package/dist/assets/FieldAdditionalText-BD8S7qnE.js +1 -0
- package/dist/assets/FieldAdditionalText-CuXtSnrq.css +1 -0
- package/dist/assets/{FieldAdditionalText.stories-CgNnZYRi.js → FieldAdditionalText.stories-Bkm8WlSW.js} +1 -1
- package/dist/assets/FieldButton-D_5Zrlco.js +1 -0
- package/dist/assets/FieldButton-Picq604V.css +1 -0
- package/dist/assets/{FieldButton.stories-ChS0IeCP.js → FieldButton.stories-C33Mb60l.js} +1 -1
- package/dist/assets/FieldLayout-DHSEWaEL.js +1 -0
- package/dist/assets/FieldLayout-uwpycSl9.css +1 -0
- package/dist/assets/{FieldLayout.stories-C5bw8Efg.js → FieldLayout.stories-BNq7gZCI.js} +1 -1
- package/dist/assets/FieldLayoutBase-C_wbpu8u.css +1 -0
- package/dist/assets/FieldLayoutBase-xV81xRaV.js +12 -0
- package/dist/assets/Heading-Bj7LLgoH.js +2 -0
- package/dist/assets/Heading-C14zK0Nl.css +1 -0
- package/dist/assets/{Heading.stories-D9Zye7km.js → Heading.stories-DUVgn-sr.js} +1 -1
- package/dist/assets/Icon-C3YgliEf.css +1 -0
- package/dist/assets/Icon-CBFs9hMA.js +1 -0
- package/dist/assets/Icon-D_HQx804.css +1 -0
- package/dist/assets/{Icon-RSC-YupbVJQy.js → Icon-RSC-BuTFeAj0.js} +1 -1
- package/dist/assets/Icon-Wpz7-Jvg.js +8 -0
- package/dist/assets/{Icon.stories-jVWnmDlZ.js → Icon.stories-DzUVuQaU.js} +1 -1
- package/dist/assets/IconButton-B7CxWK4j.js +8 -0
- package/dist/assets/InputText-m06Ec_iQ.js +5 -0
- package/dist/assets/{LayoutFlex-D2upWEjL.js → LayoutFlex-5ZDeW2G6.js} +1 -1
- package/dist/assets/{LayoutFlex-BOiDmozK.js → LayoutFlex-l6VPaSCi.js} +1 -1
- package/dist/assets/LayoutFlexItem-C4cPPR-1.css +1 -0
- package/dist/assets/LayoutFlexItem-DhCHigTj.js +1 -0
- package/dist/assets/LayoutGrid-CNwH06zf.js +1 -0
- package/dist/assets/LayoutGrid-Cm59X3OY.css +1 -0
- package/dist/assets/LayoutGrid-mQT2ikS8.css +1 -0
- package/dist/assets/LayoutGrid.stories-CJKRu44f.js +88 -0
- package/dist/assets/LayoutGridItem-BEFb1grO.css +1 -0
- package/dist/assets/LayoutGridItem-BYIEoI8K.js +1 -0
- package/dist/assets/Link-K5J3waqL.css +1 -0
- package/dist/assets/{Link.stories-BSLk0Pem.js → Link.stories-DdA4w7Yi.js} +8 -7
- package/dist/assets/Loader-hjoeRutr.css +1 -0
- package/dist/assets/Loader.stories-DXv_QpEq.js +37 -0
- package/dist/assets/NumberField-BwQ_OX3b.css +1 -0
- package/dist/assets/{NumberField.stories-DzaH3Pwj.js → NumberField.stories-B0au_GJa.js} +3 -3
- package/dist/assets/{ObserveIntersection-D396wl1Z.js → ObserveIntersection-Ccn6ggRl.js} +1 -1
- package/dist/assets/{ObserveIntersection.stories-DIe0cEvy.js → ObserveIntersection.stories-CK5RwCMK.js} +1 -1
- package/dist/assets/OnboardingTooltip-CsmroJZe.css +1 -0
- package/dist/assets/{OnboardingTooltip-Bl0XDogf.js → OnboardingTooltip-DkJtTrMv.js} +1 -1
- package/dist/assets/{OnboardingTooltip.stories-B0FIL9CU.js → OnboardingTooltip.stories-CBEGxsdn.js} +1 -1
- package/dist/assets/{OnboardingTooltip.tests.stories-JJZpRwk6.js → OnboardingTooltip.tests.stories-BVwCf3WX.js} +1 -1
- package/dist/assets/OnboardingTour-CiSAhOo4.js +4 -0
- package/dist/assets/OnboardingTour-D0hvRI8H.css +1 -0
- package/dist/assets/{OnboardingTour.stories--g6PQm9S.js → OnboardingTour.stories-Ci2XQcpZ.js} +1 -1
- package/dist/assets/{OnboardingTour.tests.stories-QS0jiTXB.js → OnboardingTour.tests.stories-fpAsT8xG.js} +1 -1
- package/dist/assets/PasswordField-pNO2_I4U.css +1 -0
- package/dist/assets/{PasswordField.stories-BPdZcEeu.js → PasswordField.stories-tMCP_-zS.js} +2 -2
- package/dist/assets/PreplyLogo-CTlTSEJp.css +1 -0
- package/dist/assets/PreplyLogo.stories-D-KuDEpf.js +98 -0
- package/dist/assets/ProgressBar-BmNYDQH3.css +1 -0
- package/dist/assets/{ProgressBar.stories-C3Hx8JBS.js → ProgressBar.stories-RX3TC-Mj.js} +1 -1
- package/dist/assets/ProgressSteps-BdahNXrs.js +2 -0
- package/dist/assets/ProgressSteps-DOMtSbxl.css +1 -0
- package/dist/assets/{ProgressSteps.stories-C4sfVcPt.js → ProgressSteps.stories-BOqzHA8v.js} +1 -1
- package/dist/assets/RootProvider-F-KPwN7Y.js +1 -0
- package/dist/assets/SelectField-D3L7IkDZ.css +1 -0
- package/dist/assets/SelectField.stories-BiKwJ7cJ.js +182 -0
- package/dist/assets/{ShowOnIntersection.stories-BYz5GE4A.js → ShowOnIntersection.stories-D4B8EpSn.js} +1 -1
- package/dist/assets/Spinner-B2C3RkCF.js +1 -0
- package/dist/assets/Spinner-CzIq-Vt3.css +1 -0
- package/dist/assets/Steps-B_rpKUTa.css +1 -0
- package/dist/assets/Steps-cwath_9x.js +26 -0
- package/dist/assets/{Steps.stories-D3jWUCfp.js → Steps.stories-BKq08-vN.js} +1 -1
- package/dist/assets/Text-BXZIkJPK.js +1 -0
- package/dist/assets/Text-BjBJEVRG.css +1 -0
- package/dist/assets/Text-CXoN02OL.js +1 -0
- package/dist/assets/Text-DWmJ-bA2.css +1 -0
- package/dist/assets/{Text.stories-MU-T7clI.js → Text.stories--sqpLsAp.js} +1 -1
- package/dist/assets/TextField-BdRa6kYC.js +1 -0
- package/dist/assets/TextField-CpavA6nv.css +1 -0
- package/dist/assets/TextField-Drr2dczB.css +1 -0
- package/dist/assets/{TextField.stories-CXDhM8SN.js → TextField.stories-Bclgc2EW.js} +3 -3
- package/dist/assets/TextHighlighted-BnmI0H3i.css +1 -0
- package/dist/assets/TextHighlighted-UGbUAPIH.js +1 -0
- package/dist/assets/TextHighlighted-XaAzBaUc.css +1 -0
- package/dist/assets/TextHighlighted.stories-NdWGjEJo.js +32 -0
- package/dist/assets/TextInline-CztA0I1b.css +1 -0
- package/dist/assets/TextInline.stories-CUApO-7f.js +37 -0
- package/dist/assets/TextareaField-D7ErWnri.css +1 -0
- package/dist/assets/{TextareaField.stories-8FWfbQuv.js → TextareaField.stories-DeszU8P5.js} +3 -3
- package/dist/assets/Toast-Bce4LWtf.css +1 -0
- package/dist/assets/{Toast.stories-D7QEZPb5.js → Toast.stories-ddQWgL74.js} +9 -9
- package/dist/assets/Tooltip-Cm9bKrYj.css +1 -0
- package/dist/assets/{Tooltip-zv_6ckj2.js → Tooltip-DfP6dW5t.js} +1 -1
- package/dist/assets/{Tooltip.stories-qNBQgLBX.js → Tooltip.stories-BFaVZ-KR.js} +1 -1
- package/dist/assets/{Tooltip.tests.stories-DdHKI1ve.js → Tooltip.tests.stories-BdWpurqX.js} +1 -1
- package/dist/assets/{breakpoints-LpH7GcYD.js → breakpoints-DZrjMODJ.js} +1 -1
- package/dist/assets/{breakpoints-zK4Z5SKD.js → breakpoints-OMNEQfen.js} +1 -1
- package/dist/assets/{breakpoints-DTrgfqbR.js → breakpoints-nQG7mZUy.js} +1 -1
- package/dist/assets/{changelog-kNvLUHOz.js → changelog-DKkspQMC.js} +224 -207
- package/dist/assets/{entry-preview-DjAFPLGc.js → entry-preview-Di48KvWt.js} +1 -1
- package/dist/assets/{getTokenVar-BIGy16TO.js → getTokenVar-CaVPbV9a.js} +1 -1
- package/dist/assets/{hover-CRiTDNhR.js → hover-5sSVivzT.js} +1 -1
- package/dist/assets/{hover-CaTImSM4.js → hover-CqG5MZbC.js} +1 -1
- package/dist/assets/{hover-p3QJEZw5.js → hover-DcOblfBc.js} +1 -1
- package/dist/assets/{iframe-9Hj_MNfh.js → iframe-C8qEtSwt.js} +2 -2
- package/dist/assets/{index-DRVMKRNe.js → index-Ba1GaWBz.js} +3 -3
- package/dist/assets/{index-BXfuwMTe.js → index-Cp5_iz39.js} +1 -1
- package/dist/assets/{intro-DzWewgwc.js → intro-BsAuI9-C.js} +1 -1
- package/dist/assets/layout-relative-BGyAoF2N.css +1 -0
- package/dist/assets/layout-relative-BpJIh3YK.js +1 -0
- package/dist/assets/layout-relative-C4ATemga.css +1 -0
- package/dist/assets/layout-relative-DuJENdo5.css +1 -0
- package/dist/assets/layout-relative.module-1z75aSwo-DNAR_Nv2.js +1 -0
- package/dist/assets/layout-relative.module-ed9bC4H4.js +1 -0
- package/dist/assets/{migrating-from-less-tN-JFjco.js → migrating-from-less-DIb86N4R.js} +1 -1
- package/dist/assets/playground-t-QHn_5x.css +1 -0
- package/dist/assets/{playground.stories-DMK1ZcmP.js → playground.stories-CTz0xGuT.js} +59 -59
- package/dist/assets/{preview-CvW0gOh5.js → preview-BOyk1pfY.js} +1 -1
- package/dist/assets/{preview-BCYWUPon.js → preview-CBMehSre.js} +1 -1
- package/dist/assets/{preview-BI7kN1TP.js → preview-DvauSVRq.js} +2 -2
- package/dist/assets/text-accent-CDvOoGdV.css +1 -0
- package/dist/assets/text-accent-CZD2Hmtq.js +1 -0
- package/dist/assets/text-accent-DZDDtpIt.js +1 -0
- package/dist/assets/text-accent-WDJkKazf.css +1 -0
- package/dist/assets/text-centered-Bk7GkK8R.js +1 -0
- package/dist/assets/text-centered-CznToR0o.js +1 -0
- package/dist/assets/text-centered-DN9XHxjM.css +1 -0
- package/dist/assets/text-centered-DxXu3Wfr.css +1 -0
- package/dist/assets/{tokens-d5jI-VhO.js → tokens-C4H21x5Y.js} +1 -1
- package/dist/assets/{tokens-C0oPORlF.js → tokens-DY9UJMme.js} +1 -1
- package/dist/assets/{tokens-kLWqWJLR.js → tokens-bDgXZ1xi.js} +1 -1
- package/dist/assets/{usePortalElement-D3vRKAB1.js → usePortalElement-hM2pDsQq.js} +1 -1
- package/dist/assets/{welcome-CvEfK4A3.js → welcome-DaVgjrPL.js} +1 -1
- package/dist/assets/{zeroheight-wKcu_QWZ.js → zeroheight-D5Xa3jWw.js} +1 -1
- package/dist/iframe.html +1 -1
- package/dist/index.json +1 -1
- package/dist/preview-stats.json +1653 -1650
- package/dist/project.json +1 -1
- package/package.json +3 -3
- package/vite.config.ts +10 -0
- package/dist/assets/40.illustrations.explorer-SD9H4gQS.js +0 -21
- package/dist/assets/AlertDialog-CNsqqwq6.css +0 -1
- package/dist/assets/Avatar-BWVdwHlY.js +0 -6
- package/dist/assets/Avatar-BaeMEqzB.js +0 -1
- package/dist/assets/Avatar-DELee2ui.css +0 -1
- package/dist/assets/Avatar-SizFbjOh.css +0 -1
- package/dist/assets/AvatarWithStatus-B8ohNruV.css +0 -1
- package/dist/assets/AvatarWithStatus.stories-CKhKeqbK.js +0 -41
- package/dist/assets/Badge-BTktKAv_.css +0 -1
- package/dist/assets/Box-Ci4ycgSn.css +0 -1
- package/dist/assets/Box.stories-DF2h791P.js +0 -44
- package/dist/assets/Button-CWNujLtP.js +0 -20
- package/dist/assets/Button-Cjld0T4n.css +0 -1
- package/dist/assets/Button-NXZW8cHc.css +0 -1
- package/dist/assets/Button-itdvNgOg.js +0 -1
- package/dist/assets/Button.stories-DUHAAHTV.js +0 -211
- package/dist/assets/ButtonBase-CJjNfOwu.js +0 -8
- package/dist/assets/ButtonBase-ixkzvA2i.css +0 -1
- package/dist/assets/Chips-2wQm6zLU.css +0 -1
- package/dist/assets/Dialog-BKWHIlGs.css +0 -1
- package/dist/assets/FieldAdditionalText-BiaO_Yss.js +0 -1
- package/dist/assets/FieldAdditionalText-tbMWNWhN.css +0 -1
- package/dist/assets/FieldButton-B_tn3Eq6.css +0 -1
- package/dist/assets/FieldButton-D0MgvwIU.js +0 -1
- package/dist/assets/FieldLayout-6dPZQnKP.css +0 -1
- package/dist/assets/FieldLayout-BbLKeSmh.js +0 -1
- package/dist/assets/FieldLayoutBase-DhKLFBcH.js +0 -12
- package/dist/assets/FieldLayoutBase-_Sj6YO8M.css +0 -1
- package/dist/assets/Heading-Ba64-F3t.css +0 -1
- package/dist/assets/Heading-DcJnmvUa.js +0 -2
- package/dist/assets/Icon-BQSXaoh3.css +0 -1
- package/dist/assets/Icon-ByBuC1kf.css +0 -1
- package/dist/assets/Icon-DbIHupWZ.js +0 -8
- package/dist/assets/Icon-pHhBCzBO.js +0 -1
- package/dist/assets/IconButton-C3AcGEY7.js +0 -8
- package/dist/assets/InputText-CL5Snaht.js +0 -5
- package/dist/assets/LayoutFlexItem-BWKgsCDT.css +0 -1
- package/dist/assets/LayoutFlexItem-Su5RvuQk.js +0 -1
- package/dist/assets/LayoutGrid-BG29rjrt.js +0 -1
- package/dist/assets/LayoutGrid-BId9Yglz.css +0 -1
- package/dist/assets/LayoutGrid-Cw_n5H21.css +0 -1
- package/dist/assets/LayoutGrid.stories-DKw5d1ZE.js +0 -88
- package/dist/assets/LayoutGridItem-C-iUb7WL.css +0 -1
- package/dist/assets/LayoutGridItem-D5Hb9kQy.js +0 -1
- package/dist/assets/Link-LMW4jOcv.css +0 -1
- package/dist/assets/Loader-Bx87E7sh.css +0 -1
- package/dist/assets/Loader.stories-DUgJSe87.js +0 -37
- package/dist/assets/NumberField-C0w7Zzcx.css +0 -1
- package/dist/assets/OnboardingTooltip-DceGOXFO.css +0 -1
- package/dist/assets/OnboardingTour-DaxzhhRL.css +0 -1
- package/dist/assets/OnboardingTour-pR_NmiBL.js +0 -4
- package/dist/assets/PasswordField-CW55DLIa.css +0 -1
- package/dist/assets/PreplyLogo-DnbCD6MN.css +0 -1
- package/dist/assets/PreplyLogo.stories-DyGEUhO3.js +0 -97
- package/dist/assets/ProgressBar-BHaYRC97.css +0 -1
- package/dist/assets/ProgressSteps-7jb0rnSw.js +0 -2
- package/dist/assets/ProgressSteps-HPd6w_Nr.css +0 -1
- package/dist/assets/RootProvider-BgscvpVs.js +0 -1
- package/dist/assets/SelectField-DMcbwWwy.css +0 -1
- package/dist/assets/SelectField.stories-C3X-5JHt.js +0 -182
- package/dist/assets/Spinner-CixbAVEL.css +0 -1
- package/dist/assets/Spinner-Iaah9nUJ.js +0 -1
- package/dist/assets/Steps-CRCACZIC.css +0 -1
- package/dist/assets/Steps-CfdqlU3Q.js +0 -26
- package/dist/assets/Text-CxaHmdy3.css +0 -1
- package/dist/assets/Text-i5U7-KMF.js +0 -1
- package/dist/assets/Text-nWyCR02l.js +0 -1
- package/dist/assets/TextField-CVWDg_y4.css +0 -1
- package/dist/assets/TextField-DFm3O-Tl.js +0 -1
- package/dist/assets/TextField-DYLqe3tJ.css +0 -1
- package/dist/assets/TextHighlighted-CgBvDnFO.css +0 -1
- package/dist/assets/TextHighlighted-LVoJ79mt.js +0 -1
- package/dist/assets/TextHighlighted.stories-Db5JA9US.js +0 -32
- package/dist/assets/TextInline-BWC2_5IX.css +0 -1
- package/dist/assets/TextInline.stories-DGBhhF71.js +0 -37
- package/dist/assets/TextareaField-CZ8v7yuT.css +0 -1
- package/dist/assets/Toast-BrvHWUik.css +0 -1
- package/dist/assets/Tooltip-xWfAzqNZ.css +0 -1
- package/dist/assets/layout-relative-BCl7bwOR.css +0 -1
- package/dist/assets/layout-relative-DIZ6zNub.css +0 -1
- package/dist/assets/layout-relative-PI7LimOc.css +0 -1
- package/dist/assets/layout-relative-UGlXPWqj.js +0 -1
- package/dist/assets/layout-relative.module-C63T27Fr.js +0 -1
- package/dist/assets/layout-relative.module-DIaUqnvq-DH_OPu7E.js +0 -1
- package/dist/assets/playground-D77Ee-EK.css +0 -1
- package/dist/assets/text-accent-BBah0rth.js +0 -1
- package/dist/assets/text-accent-BMdpzlaC.js +0 -1
- package/dist/assets/text-accent-Co1hrpvA.css +0 -1
- package/dist/assets/text-centered-DWGGTNIZ.css +0 -1
- package/dist/assets/text-centered-NqfVCsvd.css +0 -1
- package/dist/assets/text-centered-VuFsr_qt.js +0 -1
- package/dist/assets/text-centered-gMYE7PWw.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as s}from"./jsx-runtime-BTJTZTIL.js";import{r as n}from"./index-Cb9e4tly.js";import{g as te,a as ie}from"./text-accent-BBah0rth.js";import{g as se}from"./text-centered-gMYE7PWw.js";import{f as M}from"./filterHTMLAttributes-UOns5Q7s.js";import{m as k,s as g,b as B,a as y}from"./classNames-BUL1Zq7e.js";import{w as H}from"./componentNames-Bwls0I02.js";import{g as O,a as le}from"./index-DdzHuZ-Y.js";import{r as U}from"./render-icon-Du0nasoi.js";import{S as oe,a as V,B as K}from"./defaults-B1rzzf6M.js";import{u as ue}from"./useHostname-Y3PlXofY.js";import{m as re}from"./index-CC6DAVyL.js";const _e="_Heading_1ucgn_4",de={Heading:_e,"Heading--level-h1-normal":"_Heading--level-h1-normal_1ucgn_11","Heading--level-h1-large":"_Heading--level-h1-large_1ucgn_17","Heading--level-h2-normal":"_Heading--level-h2-normal_1ucgn_23","Heading--level-h2-large":"_Heading--level-h2-large_1ucgn_29","Heading--level-h3-normal":"_Heading--level-h3-normal_1ucgn_35","Heading--level-h3-large":"_Heading--level-h3-large_1ucgn_41","Heading--level-h4-normal":"_Heading--level-h4-normal_1ucgn_47","Heading--level-h4-large":"_Heading--level-h4-large_1ucgn_53","Heading--level-h5-normal":"_Heading--level-h5-normal_1ucgn_59","Heading--level-h5-large":"_Heading--level-h5-large_1ucgn_65","Heading--narrow-l--level-h1-normal":"_Heading--narrow-l--level-h1-normal_1ucgn_72","Heading--narrow-l--level-h1-large":"_Heading--narrow-l--level-h1-large_1ucgn_78","Heading--narrow-l--level-h2-normal":"_Heading--narrow-l--level-h2-normal_1ucgn_84","Heading--narrow-l--level-h2-large":"_Heading--narrow-l--level-h2-large_1ucgn_90","Heading--narrow-l--level-h3-normal":"_Heading--narrow-l--level-h3-normal_1ucgn_96","Heading--narrow-l--level-h3-large":"_Heading--narrow-l--level-h3-large_1ucgn_102","Heading--narrow-l--level-h4-normal":"_Heading--narrow-l--level-h4-normal_1ucgn_108","Heading--narrow-l--level-h4-large":"_Heading--narrow-l--level-h4-large_1ucgn_114","Heading--narrow-l--level-h5-normal":"_Heading--narrow-l--level-h5-normal_1ucgn_120","Heading--narrow-l--level-h5-large":"_Heading--narrow-l--level-h5-large_1ucgn_126","Heading--medium-s--level-h1-normal":"_Heading--medium-s--level-h1-normal_1ucgn_134","Heading--medium-s--level-h1-large":"_Heading--medium-s--level-h1-large_1ucgn_140","Heading--medium-s--level-h2-normal":"_Heading--medium-s--level-h2-normal_1ucgn_146","Heading--medium-s--level-h2-large":"_Heading--medium-s--level-h2-large_1ucgn_152","Heading--medium-s--level-h3-normal":"_Heading--medium-s--level-h3-normal_1ucgn_158","Heading--medium-s--level-h3-large":"_Heading--medium-s--level-h3-large_1ucgn_164","Heading--medium-s--level-h4-normal":"_Heading--medium-s--level-h4-normal_1ucgn_170","Heading--medium-s--level-h4-large":"_Heading--medium-s--level-h4-large_1ucgn_176","Heading--medium-s--level-h5-normal":"_Heading--medium-s--level-h5-normal_1ucgn_182","Heading--medium-s--level-h5-large":"_Heading--medium-s--level-h5-large_1ucgn_188","Heading--medium-l--level-h1-normal":"_Heading--medium-l--level-h1-normal_1ucgn_196","Heading--medium-l--level-h1-large":"_Heading--medium-l--level-h1-large_1ucgn_202","Heading--medium-l--level-h2-normal":"_Heading--medium-l--level-h2-normal_1ucgn_208","Heading--medium-l--level-h2-large":"_Heading--medium-l--level-h2-large_1ucgn_214","Heading--medium-l--level-h3-normal":"_Heading--medium-l--level-h3-normal_1ucgn_220","Heading--medium-l--level-h3-large":"_Heading--medium-l--level-h3-large_1ucgn_226","Heading--medium-l--level-h4-normal":"_Heading--medium-l--level-h4-normal_1ucgn_232","Heading--medium-l--level-h4-large":"_Heading--medium-l--level-h4-large_1ucgn_238","Heading--medium-l--level-h5-normal":"_Heading--medium-l--level-h5-normal_1ucgn_244","Heading--medium-l--level-h5-large":"_Heading--medium-l--level-h5-large_1ucgn_250","Heading--wide-s--level-h1-normal":"_Heading--wide-s--level-h1-normal_1ucgn_258","Heading--wide-s--level-h1-large":"_Heading--wide-s--level-h1-large_1ucgn_264","Heading--wide-s--level-h2-normal":"_Heading--wide-s--level-h2-normal_1ucgn_270","Heading--wide-s--level-h2-large":"_Heading--wide-s--level-h2-large_1ucgn_276","Heading--wide-s--level-h3-normal":"_Heading--wide-s--level-h3-normal_1ucgn_282","Heading--wide-s--level-h3-large":"_Heading--wide-s--level-h3-large_1ucgn_288","Heading--wide-s--level-h4-normal":"_Heading--wide-s--level-h4-normal_1ucgn_294","Heading--wide-s--level-h4-large":"_Heading--wide-s--level-h4-large_1ucgn_300","Heading--wide-s--level-h5-normal":"_Heading--wide-s--level-h5-normal_1ucgn_306","Heading--wide-s--level-h5-large":"_Heading--wide-s--level-h5-large_1ucgn_312","Heading--wide-l--level-h1-normal":"_Heading--wide-l--level-h1-normal_1ucgn_320","Heading--wide-l--level-h1-large":"_Heading--wide-l--level-h1-large_1ucgn_326","Heading--wide-l--level-h2-normal":"_Heading--wide-l--level-h2-normal_1ucgn_332","Heading--wide-l--level-h2-large":"_Heading--wide-l--level-h2-large_1ucgn_338","Heading--wide-l--level-h3-normal":"_Heading--wide-l--level-h3-normal_1ucgn_344","Heading--wide-l--level-h3-large":"_Heading--wide-l--level-h3-large_1ucgn_350","Heading--wide-l--level-h4-normal":"_Heading--wide-l--level-h4-normal_1ucgn_356","Heading--wide-l--level-h4-large":"_Heading--wide-l--level-h4-large_1ucgn_362","Heading--wide-l--level-h5-normal":"_Heading--wide-l--level-h5-normal_1ucgn_368","Heading--wide-l--level-h5-large":"_Heading--wide-l--level-h5-large_1ucgn_374","Heading--variant-massive":"_Heading--variant-massive_1ucgn_381","Heading--variant-huge":"_Heading--variant-huge_1ucgn_387","Heading--variant-extraLarge":"_Heading--variant-extraLarge_1ucgn_393","Heading--variant-large":"_Heading--variant-large_1ucgn_399","Heading--variant-medium":"_Heading--variant-medium_1ucgn_405","Heading--variant-small":"_Heading--variant-small_1ucgn_411","Heading--narrow-l--variant-massive":"_Heading--narrow-l--variant-massive_1ucgn_418","Heading--narrow-l--variant-huge":"_Heading--narrow-l--variant-huge_1ucgn_424","Heading--narrow-l--variant-extraLarge":"_Heading--narrow-l--variant-extraLarge_1ucgn_430","Heading--narrow-l--variant-large":"_Heading--narrow-l--variant-large_1ucgn_436","Heading--narrow-l--variant-medium":"_Heading--narrow-l--variant-medium_1ucgn_442","Heading--narrow-l--variant-small":"_Heading--narrow-l--variant-small_1ucgn_448","Heading--medium-s--variant-massive":"_Heading--medium-s--variant-massive_1ucgn_456","Heading--medium-s--variant-huge":"_Heading--medium-s--variant-huge_1ucgn_462","Heading--medium-s--variant-extraLarge":"_Heading--medium-s--variant-extraLarge_1ucgn_468","Heading--medium-s--variant-large":"_Heading--medium-s--variant-large_1ucgn_474","Heading--medium-s--variant-medium":"_Heading--medium-s--variant-medium_1ucgn_480","Heading--medium-s--variant-small":"_Heading--medium-s--variant-small_1ucgn_486","Heading--medium-l--variant-massive":"_Heading--medium-l--variant-massive_1ucgn_494","Heading--medium-l--variant-huge":"_Heading--medium-l--variant-huge_1ucgn_500","Heading--medium-l--variant-extraLarge":"_Heading--medium-l--variant-extraLarge_1ucgn_506","Heading--medium-l--variant-large":"_Heading--medium-l--variant-large_1ucgn_512","Heading--medium-l--variant-medium":"_Heading--medium-l--variant-medium_1ucgn_518","Heading--medium-l--variant-small":"_Heading--medium-l--variant-small_1ucgn_524","Heading--wide-s--variant-massive":"_Heading--wide-s--variant-massive_1ucgn_532","Heading--wide-s--variant-huge":"_Heading--wide-s--variant-huge_1ucgn_538","Heading--wide-s--variant-extraLarge":"_Heading--wide-s--variant-extraLarge_1ucgn_544","Heading--wide-s--variant-large":"_Heading--wide-s--variant-large_1ucgn_550","Heading--wide-s--variant-medium":"_Heading--wide-s--variant-medium_1ucgn_556","Heading--wide-s--variant-small":"_Heading--wide-s--variant-small_1ucgn_562","Heading--wide-l--variant-massive":"_Heading--wide-l--variant-massive_1ucgn_570","Heading--wide-l--variant-huge":"_Heading--wide-l--variant-huge_1ucgn_576","Heading--wide-l--variant-extraLarge":"_Heading--wide-l--variant-extraLarge_1ucgn_582","Heading--wide-l--variant-large":"_Heading--wide-l--variant-large_1ucgn_588","Heading--wide-l--variant-medium":"_Heading--wide-l--variant-medium_1ucgn_594","Heading--wide-l--variant-small":"_Heading--wide-l--variant-small_1ucgn_600"},me=n.forwardRef(function({children:e,variant:t,accent:i,level:l,large:u=!1,tag:r,color:_,centered:c,dataset:v,id:d,...b},p){const z=r||l||"h1",m=k(de,H.Heading,t?g("variant",t):B(`level-${l}-large`,`level-${l}-normal`,u)),o=se(c),x=te(!(i?void 0:_),i),I=ie(_),C=["preply-ds-heading",...m,...o,...x,...I],w={...M(b),className:C.join(" "),...O(v,{preplyDsComponent:H.Heading}),id:d,ref:p};return s.jsx(z,{...w,children:e})});me.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{large:{defaultValue:{value:"false",computed:!1},required:!1}}};const Be="_Spinner_1x6u0_12",ge="_spin_1x6u0_1",j={Spinner:Be,"Spinner--size-default":"_Spinner--size-default_1x6u0_15","Spinner--size-large":"_Spinner--size-large_1x6u0_19","Spinner--narrow-l--size-default":"_Spinner--narrow-l--size-default_1x6u0_24","Spinner--narrow-l--size-large":"_Spinner--narrow-l--size-large_1x6u0_28","Spinner--medium-s--size-default":"_Spinner--medium-s--size-default_1x6u0_34","Spinner--medium-s--size-large":"_Spinner--medium-s--size-large_1x6u0_38","Spinner--medium-l--size-default":"_Spinner--medium-l--size-default_1x6u0_44","Spinner--medium-l--size-large":"_Spinner--medium-l--size-large_1x6u0_48","Spinner--wide-s--size-default":"_Spinner--wide-s--size-default_1x6u0_54","Spinner--wide-s--size-large":"_Spinner--wide-s--size-large_1x6u0_58","Spinner--wide-l--size-default":"_Spinner--wide-l--size-default_1x6u0_64","Spinner--wide-l--size-large":"_Spinner--wide-l--size-large_1x6u0_68","Spinner--static":"_Spinner--static_1x6u0_73","Spinner--animated":"_Spinner--animated_1x6u0_79",spin:ge},ce=({title:a,titleId:e,...t},i)=>n.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:i,"aria-labelledby":e,...t},a?n.createElement("title",{id:e},a):null,n.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"})),ve=n.forwardRef(ce),we=({title:a,titleId:e,...t},i)=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:i,"aria-labelledby":e,...t},a?n.createElement("title",{id:e},a):null,n.createElement("g",{clipPath:"url(#clip0_1785_4234)"},n.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"}),n.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"})),n.createElement("defs",null,n.createElement("clipPath",{id:"clip0_1785_4234"},n.createElement("rect",{width:32,height:32,fill:"white"})))),he=n.forwardRef(we),E="Spinner",ye=({size:a=oe})=>{const e=k(j,E,[g("size",a)]),t=[...y(j,E,["animated"])],i=[...y(j,E,["static"])];return s.jsxs("span",{className:e.join(" "),children:[s.jsx("span",{className:t.join(" "),children:s.jsx(he,{})}),s.jsx("span",{className:i.join(" "),children:s.jsx(ve,{})})]})},Z=(a,e)=>{typeof a=="function"?a(e):a&&(a.current=e)},ze=(a,e)=>n.useCallback(t=>{Z(a,t),Z(e,t)},[a,e]),He="_ButtonBase_1lsy8_51",L={"button-width--width-full":"_button-width--width-full_1lsy8_5","button-width--width-auto":"_button-width--width-auto_1lsy8_8","button-width--narrow-l--width-full":"_button-width--narrow-l--width-full_1lsy8_12","button-width--narrow-l--width-auto":"_button-width--narrow-l--width-auto_1lsy8_15","button-width--medium-s--width-full":"_button-width--medium-s--width-full_1lsy8_20","button-width--medium-s--width-auto":"_button-width--medium-s--width-auto_1lsy8_23","button-width--medium-l--width-full":"_button-width--medium-l--width-full_1lsy8_28","button-width--medium-l--width-auto":"_button-width--medium-l--width-auto_1lsy8_31","button-width--wide-s--width-full":"_button-width--wide-s--width-full_1lsy8_36","button-width--wide-s--width-auto":"_button-width--wide-s--width-auto_1lsy8_39","button-width--wide-l--width-full":"_button-width--wide-l--width-full_1lsy8_44","button-width--wide-l--width-auto":"_button-width--wide-l--width-auto_1lsy8_47",ButtonBase:He,"ButtonBase--content":"_ButtonBase--content_1lsy8_77","ButtonBase--is-icon-button":"_ButtonBase--is-icon-button_1lsy8_84","ButtonBase--busy":"_ButtonBase--busy_1lsy8_91","ButtonBase--is-busy":"_ButtonBase--is-busy_1lsy8_114","ButtonBase--width-full":"_ButtonBase--width-full_1lsy8_121","ButtonBase--width-auto":"_ButtonBase--width-auto_1lsy8_124","ButtonBase--narrow-l--width-full":"_ButtonBase--narrow-l--width-full_1lsy8_128","ButtonBase--narrow-l--width-auto":"_ButtonBase--narrow-l--width-auto_1lsy8_131","ButtonBase--medium-s--width-full":"_ButtonBase--medium-s--width-full_1lsy8_136","ButtonBase--medium-s--width-auto":"_ButtonBase--medium-s--width-auto_1lsy8_139","ButtonBase--medium-l--width-full":"_ButtonBase--medium-l--width-full_1lsy8_144","ButtonBase--medium-l--width-auto":"_ButtonBase--medium-l--width-auto_1lsy8_147","ButtonBase--wide-s--width-full":"_ButtonBase--wide-s--width-full_1lsy8_152","ButtonBase--wide-s--width-auto":"_ButtonBase--wide-s--width-auto_1lsy8_155","ButtonBase--wide-l--width-full":"_ButtonBase--wide-l--width-full_1lsy8_160","ButtonBase--wide-l--width-auto":"_ButtonBase--wide-l--width-auto_1lsy8_163","ButtonBase--size-xs":"_ButtonBase--size-xs_1lsy8_167","ButtonBase--is-icon-button-size-xs":"_ButtonBase--is-icon-button-size-xs_1lsy8_176","ButtonBase--size-s":"_ButtonBase--size-s_1lsy8_181","ButtonBase--is-icon-button-size-s":"_ButtonBase--is-icon-button-size-s_1lsy8_190","ButtonBase--size-m":"_ButtonBase--size-m_1lsy8_195","ButtonBase--is-icon-button-size-m":"_ButtonBase--is-icon-button-size-m_1lsy8_204","ButtonBase--size-l":"_ButtonBase--size-l_1lsy8_209","ButtonBase--is-icon-button-size-l":"_ButtonBase--is-icon-button-size-l_1lsy8_218","ButtonBase--size-xl":"_ButtonBase--size-xl_1lsy8_223","ButtonBase--is-icon-button-size-xl":"_ButtonBase--is-icon-button-size-xl_1lsy8_232","ButtonBase--size-large":"_ButtonBase--size-large_1lsy8_237","ButtonBase--is-icon-button-size-large":"_ButtonBase--is-icon-button-size-large_1lsy8_246","ButtonBase--size-medium":"_ButtonBase--size-medium_1lsy8_251","ButtonBase--is-icon-button-size-medium":"_ButtonBase--is-icon-button-size-medium_1lsy8_260","ButtonBase--size-small":"_ButtonBase--size-small_1lsy8_265","ButtonBase--is-icon-button-size-small":"_ButtonBase--is-icon-button-size-small_1lsy8_274","ButtonBase--narrow-l--size-xs":"_ButtonBase--narrow-l--size-xs_1lsy8_280","ButtonBase--narrow-l--is-icon-button-size-xs":"_ButtonBase--narrow-l--is-icon-button-size-xs_1lsy8_289","ButtonBase--narrow-l--size-s":"_ButtonBase--narrow-l--size-s_1lsy8_294","ButtonBase--narrow-l--is-icon-button-size-s":"_ButtonBase--narrow-l--is-icon-button-size-s_1lsy8_303","ButtonBase--narrow-l--size-m":"_ButtonBase--narrow-l--size-m_1lsy8_308","ButtonBase--narrow-l--is-icon-button-size-m":"_ButtonBase--narrow-l--is-icon-button-size-m_1lsy8_317","ButtonBase--narrow-l--size-l":"_ButtonBase--narrow-l--size-l_1lsy8_322","ButtonBase--narrow-l--is-icon-button-size-l":"_ButtonBase--narrow-l--is-icon-button-size-l_1lsy8_331","ButtonBase--narrow-l--size-xl":"_ButtonBase--narrow-l--size-xl_1lsy8_336","ButtonBase--narrow-l--is-icon-button-size-xl":"_ButtonBase--narrow-l--is-icon-button-size-xl_1lsy8_345","ButtonBase--narrow-l--size-large":"_ButtonBase--narrow-l--size-large_1lsy8_350","ButtonBase--narrow-l--is-icon-button-size-large":"_ButtonBase--narrow-l--is-icon-button-size-large_1lsy8_359","ButtonBase--narrow-l--size-medium":"_ButtonBase--narrow-l--size-medium_1lsy8_364","ButtonBase--narrow-l--is-icon-button-size-medium":"_ButtonBase--narrow-l--is-icon-button-size-medium_1lsy8_373","ButtonBase--narrow-l--size-small":"_ButtonBase--narrow-l--size-small_1lsy8_378","ButtonBase--narrow-l--is-icon-button-size-small":"_ButtonBase--narrow-l--is-icon-button-size-small_1lsy8_387","ButtonBase--medium-s--size-xs":"_ButtonBase--medium-s--size-xs_1lsy8_394","ButtonBase--medium-s--is-icon-button-size-xs":"_ButtonBase--medium-s--is-icon-button-size-xs_1lsy8_403","ButtonBase--medium-s--size-s":"_ButtonBase--medium-s--size-s_1lsy8_408","ButtonBase--medium-s--is-icon-button-size-s":"_ButtonBase--medium-s--is-icon-button-size-s_1lsy8_417","ButtonBase--medium-s--size-m":"_ButtonBase--medium-s--size-m_1lsy8_422","ButtonBase--medium-s--is-icon-button-size-m":"_ButtonBase--medium-s--is-icon-button-size-m_1lsy8_431","ButtonBase--medium-s--size-l":"_ButtonBase--medium-s--size-l_1lsy8_436","ButtonBase--medium-s--is-icon-button-size-l":"_ButtonBase--medium-s--is-icon-button-size-l_1lsy8_445","ButtonBase--medium-s--size-xl":"_ButtonBase--medium-s--size-xl_1lsy8_450","ButtonBase--medium-s--is-icon-button-size-xl":"_ButtonBase--medium-s--is-icon-button-size-xl_1lsy8_459","ButtonBase--medium-s--size-large":"_ButtonBase--medium-s--size-large_1lsy8_464","ButtonBase--medium-s--is-icon-button-size-large":"_ButtonBase--medium-s--is-icon-button-size-large_1lsy8_473","ButtonBase--medium-s--size-medium":"_ButtonBase--medium-s--size-medium_1lsy8_478","ButtonBase--medium-s--is-icon-button-size-medium":"_ButtonBase--medium-s--is-icon-button-size-medium_1lsy8_487","ButtonBase--medium-s--size-small":"_ButtonBase--medium-s--size-small_1lsy8_492","ButtonBase--medium-s--is-icon-button-size-small":"_ButtonBase--medium-s--is-icon-button-size-small_1lsy8_501","ButtonBase--medium-l--size-xs":"_ButtonBase--medium-l--size-xs_1lsy8_508","ButtonBase--medium-l--is-icon-button-size-xs":"_ButtonBase--medium-l--is-icon-button-size-xs_1lsy8_517","ButtonBase--medium-l--size-s":"_ButtonBase--medium-l--size-s_1lsy8_522","ButtonBase--medium-l--is-icon-button-size-s":"_ButtonBase--medium-l--is-icon-button-size-s_1lsy8_531","ButtonBase--medium-l--size-m":"_ButtonBase--medium-l--size-m_1lsy8_536","ButtonBase--medium-l--is-icon-button-size-m":"_ButtonBase--medium-l--is-icon-button-size-m_1lsy8_545","ButtonBase--medium-l--size-l":"_ButtonBase--medium-l--size-l_1lsy8_550","ButtonBase--medium-l--is-icon-button-size-l":"_ButtonBase--medium-l--is-icon-button-size-l_1lsy8_559","ButtonBase--medium-l--size-xl":"_ButtonBase--medium-l--size-xl_1lsy8_564","ButtonBase--medium-l--is-icon-button-size-xl":"_ButtonBase--medium-l--is-icon-button-size-xl_1lsy8_573","ButtonBase--medium-l--size-large":"_ButtonBase--medium-l--size-large_1lsy8_578","ButtonBase--medium-l--is-icon-button-size-large":"_ButtonBase--medium-l--is-icon-button-size-large_1lsy8_587","ButtonBase--medium-l--size-medium":"_ButtonBase--medium-l--size-medium_1lsy8_592","ButtonBase--medium-l--is-icon-button-size-medium":"_ButtonBase--medium-l--is-icon-button-size-medium_1lsy8_601","ButtonBase--medium-l--size-small":"_ButtonBase--medium-l--size-small_1lsy8_606","ButtonBase--medium-l--is-icon-button-size-small":"_ButtonBase--medium-l--is-icon-button-size-small_1lsy8_615","ButtonBase--wide-s--size-xs":"_ButtonBase--wide-s--size-xs_1lsy8_622","ButtonBase--wide-s--is-icon-button-size-xs":"_ButtonBase--wide-s--is-icon-button-size-xs_1lsy8_631","ButtonBase--wide-s--size-s":"_ButtonBase--wide-s--size-s_1lsy8_636","ButtonBase--wide-s--is-icon-button-size-s":"_ButtonBase--wide-s--is-icon-button-size-s_1lsy8_645","ButtonBase--wide-s--size-m":"_ButtonBase--wide-s--size-m_1lsy8_650","ButtonBase--wide-s--is-icon-button-size-m":"_ButtonBase--wide-s--is-icon-button-size-m_1lsy8_659","ButtonBase--wide-s--size-l":"_ButtonBase--wide-s--size-l_1lsy8_664","ButtonBase--wide-s--is-icon-button-size-l":"_ButtonBase--wide-s--is-icon-button-size-l_1lsy8_673","ButtonBase--wide-s--size-xl":"_ButtonBase--wide-s--size-xl_1lsy8_678","ButtonBase--wide-s--is-icon-button-size-xl":"_ButtonBase--wide-s--is-icon-button-size-xl_1lsy8_687","ButtonBase--wide-s--size-large":"_ButtonBase--wide-s--size-large_1lsy8_692","ButtonBase--wide-s--is-icon-button-size-large":"_ButtonBase--wide-s--is-icon-button-size-large_1lsy8_701","ButtonBase--wide-s--size-medium":"_ButtonBase--wide-s--size-medium_1lsy8_706","ButtonBase--wide-s--is-icon-button-size-medium":"_ButtonBase--wide-s--is-icon-button-size-medium_1lsy8_715","ButtonBase--wide-s--size-small":"_ButtonBase--wide-s--size-small_1lsy8_720","ButtonBase--wide-s--is-icon-button-size-small":"_ButtonBase--wide-s--is-icon-button-size-small_1lsy8_729","ButtonBase--wide-l--size-xs":"_ButtonBase--wide-l--size-xs_1lsy8_736","ButtonBase--wide-l--is-icon-button-size-xs":"_ButtonBase--wide-l--is-icon-button-size-xs_1lsy8_745","ButtonBase--wide-l--size-s":"_ButtonBase--wide-l--size-s_1lsy8_750","ButtonBase--wide-l--is-icon-button-size-s":"_ButtonBase--wide-l--is-icon-button-size-s_1lsy8_759","ButtonBase--wide-l--size-m":"_ButtonBase--wide-l--size-m_1lsy8_764","ButtonBase--wide-l--is-icon-button-size-m":"_ButtonBase--wide-l--is-icon-button-size-m_1lsy8_773","ButtonBase--wide-l--size-l":"_ButtonBase--wide-l--size-l_1lsy8_778","ButtonBase--wide-l--is-icon-button-size-l":"_ButtonBase--wide-l--is-icon-button-size-l_1lsy8_787","ButtonBase--wide-l--size-xl":"_ButtonBase--wide-l--size-xl_1lsy8_792","ButtonBase--wide-l--is-icon-button-size-xl":"_ButtonBase--wide-l--is-icon-button-size-xl_1lsy8_801","ButtonBase--wide-l--size-large":"_ButtonBase--wide-l--size-large_1lsy8_806","ButtonBase--wide-l--is-icon-button-size-large":"_ButtonBase--wide-l--is-icon-button-size-large_1lsy8_815","ButtonBase--wide-l--size-medium":"_ButtonBase--wide-l--size-medium_1lsy8_820","ButtonBase--wide-l--is-icon-button-size-medium":"_ButtonBase--wide-l--is-icon-button-size-medium_1lsy8_829","ButtonBase--wide-l--size-small":"_ButtonBase--wide-l--size-small_1lsy8_834","ButtonBase--wide-l--is-icon-button-size-small":"_ButtonBase--wide-l--is-icon-button-size-small_1lsy8_843","ButtonBase--variant-primary":"_ButtonBase--variant-primary_1lsy8_849","ButtonBase--variant-primary--dsInternalSimulation-hover":"_ButtonBase--variant-primary--dsInternalSimulation-hover_1lsy8_855","ButtonBase--variant-primary--dsInternalSimulation-active":"_ButtonBase--variant-primary--dsInternalSimulation-active_1lsy8_870","ButtonBase--variant-secondary":"_ButtonBase--variant-secondary_1lsy8_874","ButtonBase--variant-secondary--dsInternalSimulation-hover":"_ButtonBase--variant-secondary--dsInternalSimulation-hover_1lsy8_880","ButtonBase--variant-secondary--dsInternalSimulation-active":"_ButtonBase--variant-secondary--dsInternalSimulation-active_1lsy8_895","ButtonBase--variant-tertiary":"_ButtonBase--variant-tertiary_1lsy8_899","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"_ButtonBase--variant-tertiary--dsInternalSimulation-hover_1lsy8_905","ButtonBase--variant-tertiary--dsInternalSimulation-active":"_ButtonBase--variant-tertiary--dsInternalSimulation-active_1lsy8_920","ButtonBase--variant-quaternary":"_ButtonBase--variant-quaternary_1lsy8_924","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"_ButtonBase--variant-quaternary--dsInternalSimulation-hover_1lsy8_930","ButtonBase--variant-quaternary--dsInternalSimulation-active":"_ButtonBase--variant-quaternary--dsInternalSimulation-active_1lsy8_945","ButtonBase--variant-ghost":"_ButtonBase--variant-ghost_1lsy8_949","ButtonBase--variant-ghost--dsInternalSimulation-hover":"_ButtonBase--variant-ghost--dsInternalSimulation-hover_1lsy8_955","ButtonBase--variant-ghost--dsInternalSimulation-active":"_ButtonBase--variant-ghost--dsInternalSimulation-active_1lsy8_970","ButtonBase--variant-ghost--is-selected":"_ButtonBase--variant-ghost--is-selected_1lsy8_974","ButtonBase--variant-plain":"_ButtonBase--variant-plain_1lsy8_978","ButtonBase--variant-plain--dsInternalSimulation-hover":"_ButtonBase--variant-plain--dsInternalSimulation-hover_1lsy8_984","ButtonBase--variant-plain--dsInternalSimulation-active":"_ButtonBase--variant-plain--dsInternalSimulation-active_1lsy8_999","ButtonBase--variant-dangerous":"_ButtonBase--variant-dangerous_1lsy8_1003","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"_ButtonBase--variant-dangerous--dsInternalSimulation-hover_1lsy8_1009","ButtonBase--variant-dangerous--dsInternalSimulation-active":"_ButtonBase--variant-dangerous--dsInternalSimulation-active_1lsy8_1024","ButtonBase--variant-critical":"_ButtonBase--variant-critical_1lsy8_1028","ButtonBase--variant-critical--dsInternalSimulation-hover":"_ButtonBase--variant-critical--dsInternalSimulation-hover_1lsy8_1034","ButtonBase--variant-critical--dsInternalSimulation-active":"_ButtonBase--variant-critical--dsInternalSimulation-active_1lsy8_1049","ButtonBase--variant-onColor":"_ButtonBase--variant-onColor_1lsy8_1053","ButtonBase--variant-onColor--dsInternalSimulation-hover":"_ButtonBase--variant-onColor--dsInternalSimulation-hover_1lsy8_1059","ButtonBase--variant-onColor--dsInternalSimulation-active":"_ButtonBase--variant-onColor--dsInternalSimulation-active_1lsy8_1074","ButtonBase--variant-classroom":"_ButtonBase--variant-classroom_1lsy8_1078","ButtonBase--variant-classroom--dsInternalSimulation-hover":"_ButtonBase--variant-classroom--dsInternalSimulation-hover_1lsy8_1084","ButtonBase--variant-classroom--dsInternalSimulation-active":"_ButtonBase--variant-classroom--dsInternalSimulation-active_1lsy8_1099","ButtonBase--variant-classroom--is-selected":"_ButtonBase--variant-classroom--is-selected_1lsy8_1103","ButtonBase--variant-primaryB2b":"_ButtonBase--variant-primaryB2b_1lsy8_1107","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_1lsy8_1113","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-active_1lsy8_1128","ButtonBase--variant-primaryTutor":"_ButtonBase--variant-primaryTutor_1lsy8_1132","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_1lsy8_1138","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-active_1lsy8_1153","ButtonBase--variant-inverted":"_ButtonBase--variant-inverted_1lsy8_1157","ButtonBase--variant-inverted--dsInternalSimulation-hover":"_ButtonBase--variant-inverted--dsInternalSimulation-hover_1lsy8_1163","ButtonBase--variant-inverted--dsInternalSimulation-active":"_ButtonBase--variant-inverted--dsInternalSimulation-active_1lsy8_1178","ButtonBase--variant-newFeature":"_ButtonBase--variant-newFeature_1lsy8_1182","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"_ButtonBase--variant-newFeature--dsInternalSimulation-hover_1lsy8_1188","ButtonBase--variant-newFeature--dsInternalSimulation-active":"_ButtonBase--variant-newFeature--dsInternalSimulation-active_1lsy8_1203","ButtonBase--variant-ai":"_ButtonBase--variant-ai_1lsy8_1207","ButtonBase--variant-ai--dsInternalSimulation-hover":"_ButtonBase--variant-ai--dsInternalSimulation-hover_1lsy8_1213","ButtonBase--variant-ai--dsInternalSimulation-active":"_ButtonBase--variant-ai--dsInternalSimulation-active_1lsy8_1228","ButtonBase--no-wrap":"_ButtonBase--no-wrap_1lsy8_1240"},R="ButtonBase",be=a=>Object.prototype.hasOwnProperty.call(a,"selected"),T=({children:a,busy:e})=>{const t=[...y(L,R,["content"])],i=[...y(L,R,["busy"])];return s.jsxs(s.Fragment,{children:[s.jsx("span",{className:t.join(" "),children:a}),e&&s.jsx("span",{className:i.join(" "),children:s.jsx(ye,{})})]})},W=n.forwardRef(function(e,t){const{variant:i=V,size:l=K,fullWidth:u=!1,wrap:r=!1,href:_,download:c,opensInNewTab:v,nofollow:d,submitsForm:b,assistiveText:p,onClick:z,disabled:m,busy:o,isIconButton:f,as:S,url:x,a11yLabel:I,dataset:C,children:w,dsInternalSimulation:G,preplyDsComponent:J,...Q}=e,{selected:X}=be(e)?e:{selected:void 0},Y=ue(),F=n.useRef(null),D=ze(F,t),ee=h=>{(m||o)&&h.preventDefault(),z==null||z(h)},ae=h=>{var A;const q=re(h.key);(q===" "||q==="Enter")&&(h.preventDefault(),(A=F.current)==null||A.click())},ne=k(L,R,[g(`variant-${i}--dsInternalSimulation`,G),g("variant",i),g("size",l),f?g("is-icon-button-size",l):[],B(void 0,"no-wrap",r),B("width-full","width-auto",u),B("is-busy",void 0,o),B("is-icon-button",void 0,f),B(`variant-${i}--is-selected`,void 0,X)]),P={...M(Q),...O(C,{preplyDsComponent:J}),className:ne.join(" "),"aria-label":p||I,onClick:ee,disabled:m,"aria-disabled":m||o?!0:void 0,ref:D},N=_||x,$={...P,download:c,ref:D,role:"button",tabIndex:m?-1:0,href:N,onKeyDown:ae};return N?s.jsx("a",{...$,...le(Y,N,v,d),children:T({children:w,busy:o})}):S?n.cloneElement(S,{...$},T({children:w,busy:o})):s.jsx("button",{...P,type:b?"submit":"button",children:T({children:w,busy:o})})});W.__docgenInfo={description:"",methods:[],displayName:"ButtonBase"};const pe={"Button--icon":"_Button--icon_3o0wv_5"},fe=n.forwardRef(function({variant:e=V,size:t=K,url:i,a11yLabel:l,leadingSvgIcon:u,trailingSvgIcon:r,children:_,...c},v){const d=[...y(pe,H.Button,["icon"])];return s.jsxs(W,{...c,ref:v,isIconButton:!1,variant:e,size:t,url:i,a11yLabel:l,preplyDsComponent:H.Button,children:[!!u&&s.jsx("span",{className:d.join(" "),children:U(u,{"aria-hidden":"true",focusable:"false"})}),_,!!r&&s.jsx("span",{className:d.join(" "),children:U(r,{"aria-hidden":"true",focusable:"false"})})]})});fe.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},size:{defaultValue:{value:"'s'",computed:!1},required:!1}}};export{fe as B,me as H,ye as S,W as a};
|
|
@@ -1,211 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{F as e}from"./TokyoUIFav-DOVerCtW.js";import{I as r}from"./IconButton-C3AcGEY7.js";import{B as a}from"./Button-CWNujLtP.js";import{S as y}from"./consts-KAYct7Gj.js";import{g as m}from"./getTokenVar-DU_DEzTd.js";import{c as x}from"./tokens-Di5DrZN4.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-CJjNfOwu.js";import"./Spinner-Iaah9nUJ.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./componentNames-Bwls0I02.js";import"./constants-BgBLeZzp.js";const ct={title:"components/Button",component:a,subcomponents:{IconButton:r},argTypes:{size:{description:y},fullWidth:{description:y}}},i=()=>t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(a,{children:"Button"}),t.jsx(a,{leadingSvgIcon:e,children:"Button"}),t.jsx(a,{trailingSvgIcon:e,children:"Button"}),t.jsx(r,{svg:e,assistiveText:"Favourite"})]});i.tags=["!autodocs","!test"];i.parameters={chromatic:{disableSnapshot:!0}};const v=()=>{const o=m(x.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(a,{variant:"primary",children:"Primary"}),t.jsx(a,{variant:"secondary",children:"Secondary"}),t.jsx(a,{variant:"tertiary",children:"Tertiary"}),t.jsx(a,{variant:"ghost",children:"Ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(a,{variant:"inverted",children:"Inverted"})}),t.jsx(a,{variant:"critical",children:"Critical"}),t.jsx(a,{variant:"onColor",children:"onColor"})]})},c=()=>{const o=m(x.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(r,{variant:"primary",svg:e,assistiveText:"primary"}),t.jsx(r,{variant:"secondary",svg:e,assistiveText:"secondary"}),t.jsx(r,{variant:"tertiary",svg:e,assistiveText:"tertiary"}),t.jsx(r,{variant:"ghost",svg:e,assistiveText:"ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(r,{variant:"inverted",svg:e,assistiveText:"inverted"})}),t.jsx(r,{variant:"critical",svg:e,assistiveText:"critical"}),t.jsx(r,{variant:"onColor",svg:e,assistiveText:"onColor"})]})};c.storyName="Variants (IconButton)";const u=()=>{const o=m(x.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(a,{variant:"ai",children:"AI"}),t.jsx(r,{variant:"ai",svg:e,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px",backgroundColor:o},children:[t.jsx(a,{variant:"classroom",children:"Classroom"}),t.jsx(r,{variant:"classroom",svg:e,assistiveText:"Fav"})]})]})},p=()=>t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(a,{size:"small",children:"Small"}),t.jsx(r,{size:"small",svg:e,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(a,{size:"medium",children:"Medium"}),t.jsx(r,{size:"medium",svg:e,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(a,{size:"large",children:"Large"}),t.jsx(r,{size:"large",svg:e,assistiveText:"Fav"})]})]}),l=()=>t.jsx(a,{wrap:!0,children:"Do the really quite unusually long thing"});l.tags=["!autodocs"];l.decorators=[o=>t.jsx("div",{style:{width:"200px"},children:o()})];const d=()=>{const o=m(x.background.primaryInverted);return t.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:["small","medium","large"].map(n=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(s=>t.jsxs("div",{style:{display:"flex",gap:"0.25rem",backgroundColor:s==="inverted"||s==="classroom"?o:void 0},children:[t.jsx(a,{size:n,variant:s,children:"Button"}),t.jsx(r,{size:n,variant:s,svg:e,assistiveText:"Fav"}),t.jsx(a,{size:n,variant:s,leadingSvgIcon:e,children:"Button"}),t.jsx(a,{size:n,variant:s,trailingSvgIcon:e,children:"Button"}),t.jsx(a,{size:n,variant:s,busy:!0,assistiveText:"Fav",children:"Button"}),t.jsx(r,{size:n,variant:s,svg:e,assistiveText:"Fav",busy:!0}),t.jsx(a,{size:n,variant:s,disabled:!0,children:"Button"}),t.jsx(r,{size:n,variant:s,svg:e,assistiveText:"Fav",disabled:!0})]},`${n}-${s}`)))})};d.tags=["!autodocs"];const g={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(o,{args:n})=>t.jsx("div",{style:{backgroundColor:n.variant==="inverted"?"black":void 0},children:o()})],args:{children:"Button",dataset:{qaid:"button"}},argTypes:{children:{control:"text"},dataset:{control:"object"},assistiveText:{control:"text"},disabled:{control:"boolean"},fullWidth:{control:"boolean"},wrap:{control:"boolean"},href:{control:"text"},download:{control:"boolean"},opensInNewTab:{control:"boolean"},nofollow:{control:"boolean"},submitsForm:{control:"boolean"},busy:{control:"boolean"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":e},control:"select"},trailingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":e},control:"select"},url:{table:{disable:!0}},a11yLabel:{table:{disable:!0}}}};var B,b,h;i.parameters={...i.parameters,docs:{...(B=i.parameters)==null?void 0:B.docs,source:{originalSource:`() => <div style={{
|
|
2
|
-
display: 'flex',
|
|
3
|
-
gap: '1rem'
|
|
4
|
-
}}>
|
|
5
|
-
<Button>Button</Button>
|
|
6
|
-
<Button leadingSvgIcon={Fav}>Button</Button>
|
|
7
|
-
<Button trailingSvgIcon={Fav}>Button</Button>
|
|
8
|
-
<IconButton svg={Fav} assistiveText="Favourite" />
|
|
9
|
-
</div>`,...(h=(b=i.parameters)==null?void 0:b.docs)==null?void 0:h.source}}};var I,j,T;v.parameters={...v.parameters,docs:{...(I=v.parameters)==null?void 0:I.docs,source:{originalSource:`() => {
|
|
10
|
-
const grey = getTokenVar(color.background.primaryInverted);
|
|
11
|
-
return <div style={{
|
|
12
|
-
display: 'flex',
|
|
13
|
-
gap: '1rem'
|
|
14
|
-
}}>
|
|
15
|
-
<Button variant="primary">Primary</Button>
|
|
16
|
-
<Button variant="secondary">Secondary</Button>
|
|
17
|
-
<Button variant="tertiary">Tertiary</Button>
|
|
18
|
-
<Button variant="ghost">Ghost</Button>
|
|
19
|
-
<div style={{
|
|
20
|
-
backgroundColor: grey,
|
|
21
|
-
borderRadius: '8px'
|
|
22
|
-
}}>
|
|
23
|
-
<Button variant="inverted">Inverted</Button>
|
|
24
|
-
</div>
|
|
25
|
-
<Button variant="critical">Critical</Button>
|
|
26
|
-
<Button variant="onColor">onColor</Button>
|
|
27
|
-
</div>;
|
|
28
|
-
}`,...(T=(j=v.parameters)==null?void 0:j.docs)==null?void 0:T.source}}};var f,F,S;c.parameters={...c.parameters,docs:{...(f=c.parameters)==null?void 0:f.docs,source:{originalSource:`() => {
|
|
29
|
-
const grey = getTokenVar(color.background.primaryInverted);
|
|
30
|
-
return <div style={{
|
|
31
|
-
display: 'flex',
|
|
32
|
-
gap: '1rem'
|
|
33
|
-
}}>
|
|
34
|
-
<IconButton variant="primary" svg={Fav} assistiveText="primary" />
|
|
35
|
-
<IconButton variant="secondary" svg={Fav} assistiveText="secondary" />
|
|
36
|
-
<IconButton variant="tertiary" svg={Fav} assistiveText="tertiary" />
|
|
37
|
-
<IconButton variant="ghost" svg={Fav} assistiveText="ghost" />
|
|
38
|
-
<div style={{
|
|
39
|
-
backgroundColor: grey,
|
|
40
|
-
borderRadius: '8px'
|
|
41
|
-
}}>
|
|
42
|
-
<IconButton variant="inverted" svg={Fav} assistiveText="inverted" />
|
|
43
|
-
</div>
|
|
44
|
-
<IconButton variant="critical" svg={Fav} assistiveText="critical" />
|
|
45
|
-
<IconButton variant="onColor" svg={Fav} assistiveText="onColor" />
|
|
46
|
-
</div>;
|
|
47
|
-
}`,...(S=(F=c.parameters)==null?void 0:F.docs)==null?void 0:S.source}}};var k,C,z;u.parameters={...u.parameters,docs:{...(k=u.parameters)==null?void 0:k.docs,source:{originalSource:`() => {
|
|
48
|
-
const grey = getTokenVar(color.background.primaryInverted);
|
|
49
|
-
return <div style={{
|
|
50
|
-
display: 'flex',
|
|
51
|
-
gap: '8px'
|
|
52
|
-
}}>
|
|
53
|
-
<div style={{
|
|
54
|
-
display: 'flex',
|
|
55
|
-
gap: '4px'
|
|
56
|
-
}}>
|
|
57
|
-
<Button variant="ai">AI</Button>
|
|
58
|
-
<IconButton variant="ai" svg={Fav} assistiveText="Fav" />
|
|
59
|
-
</div>
|
|
60
|
-
<div style={{
|
|
61
|
-
display: 'flex',
|
|
62
|
-
gap: '4px',
|
|
63
|
-
backgroundColor: grey
|
|
64
|
-
}}>
|
|
65
|
-
<Button variant="classroom">Classroom</Button>
|
|
66
|
-
<IconButton variant="classroom" svg={Fav} assistiveText="Fav" />
|
|
67
|
-
</div>
|
|
68
|
-
</div>;
|
|
69
|
-
}`,...(z=(C=u.parameters)==null?void 0:C.docs)==null?void 0:z.source}}};var V,W,w;p.parameters={...p.parameters,docs:{...(V=p.parameters)==null?void 0:V.docs,source:{originalSource:`() => <div style={{
|
|
70
|
-
display: 'flex',
|
|
71
|
-
alignItems: 'center',
|
|
72
|
-
gap: '8px'
|
|
73
|
-
}}>
|
|
74
|
-
<div style={{
|
|
75
|
-
display: 'flex',
|
|
76
|
-
gap: '4px'
|
|
77
|
-
}}>
|
|
78
|
-
<Button size="small">Small</Button>
|
|
79
|
-
<IconButton size="small" svg={Fav} assistiveText="Fav" />
|
|
80
|
-
</div>
|
|
81
|
-
<div style={{
|
|
82
|
-
display: 'flex',
|
|
83
|
-
gap: '4px'
|
|
84
|
-
}}>
|
|
85
|
-
<Button size="medium">Medium</Button>
|
|
86
|
-
<IconButton size="medium" svg={Fav} assistiveText="Fav" />
|
|
87
|
-
</div>
|
|
88
|
-
<div style={{
|
|
89
|
-
display: 'flex',
|
|
90
|
-
gap: '4px'
|
|
91
|
-
}}>
|
|
92
|
-
<Button size="large">Large</Button>
|
|
93
|
-
<IconButton size="large" svg={Fav} assistiveText="Fav" />
|
|
94
|
-
</div>
|
|
95
|
-
</div>`,...(w=(W=p.parameters)==null?void 0:W.docs)==null?void 0:w.source}}};var N,R,P;l.parameters={...l.parameters,docs:{...(N=l.parameters)==null?void 0:N.docs,source:{originalSource:"() => <Button wrap>Do the really quite unusually long thing</Button>",...(P=(R=l.parameters)==null?void 0:R.docs)==null?void 0:P.source}}};var D,E,L;d.parameters={...d.parameters,docs:{...(D=d.parameters)==null?void 0:D.docs,source:{originalSource:`() => {
|
|
96
|
-
const grey = getTokenVar(color.background.primaryInverted);
|
|
97
|
-
return <div style={{
|
|
98
|
-
display: 'flex',
|
|
99
|
-
flexDirection: 'column',
|
|
100
|
-
gap: '0.5rem'
|
|
101
|
-
}}>
|
|
102
|
-
{(['small', 'medium', 'large'] as const).map(size => (['primary', 'secondary', 'tertiary', 'ghost', 'inverted', 'critical', 'ai', 'onColor', 'classroom'] as const).map(variant => <div key={\`\${size}-\${variant}\`} style={{
|
|
103
|
-
display: 'flex',
|
|
104
|
-
gap: '0.25rem',
|
|
105
|
-
backgroundColor: variant === 'inverted' || variant === 'classroom' ? grey : undefined
|
|
106
|
-
}}>
|
|
107
|
-
<Button size={size} variant={variant}>
|
|
108
|
-
Button
|
|
109
|
-
</Button>
|
|
110
|
-
<IconButton size={size} variant={variant} svg={Fav} assistiveText="Fav" />
|
|
111
|
-
<Button size={size} variant={variant} leadingSvgIcon={Fav}>
|
|
112
|
-
Button
|
|
113
|
-
</Button>
|
|
114
|
-
<Button size={size} variant={variant} trailingSvgIcon={Fav}>
|
|
115
|
-
Button
|
|
116
|
-
</Button>
|
|
117
|
-
<Button size={size} variant={variant} busy assistiveText="Fav">
|
|
118
|
-
Button
|
|
119
|
-
</Button>
|
|
120
|
-
<IconButton size={size} variant={variant} svg={Fav} assistiveText="Fav" busy />
|
|
121
|
-
<Button size={size} variant={variant} disabled>
|
|
122
|
-
Button
|
|
123
|
-
</Button>
|
|
124
|
-
<IconButton size={size} variant={variant} svg={Fav} assistiveText="Fav" disabled />
|
|
125
|
-
</div>))}
|
|
126
|
-
</div>;
|
|
127
|
-
}`,...(L=(E=d.parameters)==null?void 0:E.docs)==null?void 0:L.source}}};var q,M,_;g.parameters={...g.parameters,docs:{...(q=g.parameters)==null?void 0:q.docs,source:{originalSource:`{
|
|
128
|
-
parameters: {
|
|
129
|
-
chromatic: {
|
|
130
|
-
disableSnapshot: true
|
|
131
|
-
}
|
|
132
|
-
},
|
|
133
|
-
decorators: [(story, {
|
|
134
|
-
args
|
|
135
|
-
}) => <div style={{
|
|
136
|
-
backgroundColor: args.variant === 'inverted' ? 'black' : undefined
|
|
137
|
-
}}>
|
|
138
|
-
{story()}
|
|
139
|
-
</div>],
|
|
140
|
-
args: {
|
|
141
|
-
children: 'Button',
|
|
142
|
-
dataset: {
|
|
143
|
-
qaid: 'button'
|
|
144
|
-
}
|
|
145
|
-
},
|
|
146
|
-
argTypes: {
|
|
147
|
-
children: {
|
|
148
|
-
control: 'text'
|
|
149
|
-
},
|
|
150
|
-
dataset: {
|
|
151
|
-
control: 'object'
|
|
152
|
-
},
|
|
153
|
-
assistiveText: {
|
|
154
|
-
control: 'text'
|
|
155
|
-
},
|
|
156
|
-
disabled: {
|
|
157
|
-
control: 'boolean'
|
|
158
|
-
},
|
|
159
|
-
fullWidth: {
|
|
160
|
-
control: 'boolean'
|
|
161
|
-
},
|
|
162
|
-
wrap: {
|
|
163
|
-
control: 'boolean'
|
|
164
|
-
},
|
|
165
|
-
href: {
|
|
166
|
-
control: 'text'
|
|
167
|
-
},
|
|
168
|
-
download: {
|
|
169
|
-
control: 'boolean'
|
|
170
|
-
},
|
|
171
|
-
opensInNewTab: {
|
|
172
|
-
control: 'boolean'
|
|
173
|
-
},
|
|
174
|
-
nofollow: {
|
|
175
|
-
control: 'boolean'
|
|
176
|
-
},
|
|
177
|
-
submitsForm: {
|
|
178
|
-
control: 'boolean'
|
|
179
|
-
},
|
|
180
|
-
busy: {
|
|
181
|
-
control: 'boolean'
|
|
182
|
-
},
|
|
183
|
-
leadingSvgIcon: {
|
|
184
|
-
options: ['None', 'With Icon'],
|
|
185
|
-
mapping: {
|
|
186
|
-
None: undefined,
|
|
187
|
-
'With Icon': Fav
|
|
188
|
-
},
|
|
189
|
-
control: 'select'
|
|
190
|
-
},
|
|
191
|
-
trailingSvgIcon: {
|
|
192
|
-
options: ['None', 'With Icon'],
|
|
193
|
-
mapping: {
|
|
194
|
-
None: undefined,
|
|
195
|
-
'With Icon': Fav
|
|
196
|
-
},
|
|
197
|
-
control: 'select'
|
|
198
|
-
},
|
|
199
|
-
// Disable deprecated props
|
|
200
|
-
url: {
|
|
201
|
-
table: {
|
|
202
|
-
disable: true
|
|
203
|
-
}
|
|
204
|
-
},
|
|
205
|
-
a11yLabel: {
|
|
206
|
-
table: {
|
|
207
|
-
disable: true
|
|
208
|
-
}
|
|
209
|
-
}
|
|
210
|
-
}
|
|
211
|
-
}`,...(_=(M=g.parameters)==null?void 0:M.docs)==null?void 0:_.source}}};const dt=["Icons","Variants","VariantsIconButton","MiscVariants","Sizes","WrappingText","Combinations","Playground"];export{d as Combinations,i as Icons,u as MiscVariants,g as Playground,p as Sizes,v as Variants,c as VariantsIconButton,l as WrappingText,dt as __namedExportsOrder,ct as default};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import{j as s}from"./jsx-runtime-BTJTZTIL.js";import{r}from"./index-Cb9e4tly.js";import{S as J}from"./Spinner-Iaah9nUJ.js";import{f as X}from"./filterHTMLAttributes-DYdLqcvH.js";import{a as Z,B as G}from"./defaults-B1rzzf6M.js";import{u as Q}from"./useHostname-Y3PlXofY.js";import{m as Y,s as B,b as u,a as x}from"./classNames-BUL1Zq7e.js";import{g as tt,a as et}from"./index-DdzHuZ-Y.js";import{m as st}from"./index-CC6DAVyL.js";const at="_ButtonBase_1lsy8_51",y={"button-width--width-full":"_button-width--width-full_1lsy8_5","button-width--width-auto":"_button-width--width-auto_1lsy8_8","button-width--narrow-l--width-full":"_button-width--narrow-l--width-full_1lsy8_12","button-width--narrow-l--width-auto":"_button-width--narrow-l--width-auto_1lsy8_15","button-width--medium-s--width-full":"_button-width--medium-s--width-full_1lsy8_20","button-width--medium-s--width-auto":"_button-width--medium-s--width-auto_1lsy8_23","button-width--medium-l--width-full":"_button-width--medium-l--width-full_1lsy8_28","button-width--medium-l--width-auto":"_button-width--medium-l--width-auto_1lsy8_31","button-width--wide-s--width-full":"_button-width--wide-s--width-full_1lsy8_36","button-width--wide-s--width-auto":"_button-width--wide-s--width-auto_1lsy8_39","button-width--wide-l--width-full":"_button-width--wide-l--width-full_1lsy8_44","button-width--wide-l--width-auto":"_button-width--wide-l--width-auto_1lsy8_47",ButtonBase:at,"ButtonBase--content":"_ButtonBase--content_1lsy8_77","ButtonBase--is-icon-button":"_ButtonBase--is-icon-button_1lsy8_84","ButtonBase--busy":"_ButtonBase--busy_1lsy8_91","ButtonBase--is-busy":"_ButtonBase--is-busy_1lsy8_114","ButtonBase--width-full":"_ButtonBase--width-full_1lsy8_121","ButtonBase--width-auto":"_ButtonBase--width-auto_1lsy8_124","ButtonBase--narrow-l--width-full":"_ButtonBase--narrow-l--width-full_1lsy8_128","ButtonBase--narrow-l--width-auto":"_ButtonBase--narrow-l--width-auto_1lsy8_131","ButtonBase--medium-s--width-full":"_ButtonBase--medium-s--width-full_1lsy8_136","ButtonBase--medium-s--width-auto":"_ButtonBase--medium-s--width-auto_1lsy8_139","ButtonBase--medium-l--width-full":"_ButtonBase--medium-l--width-full_1lsy8_144","ButtonBase--medium-l--width-auto":"_ButtonBase--medium-l--width-auto_1lsy8_147","ButtonBase--wide-s--width-full":"_ButtonBase--wide-s--width-full_1lsy8_152","ButtonBase--wide-s--width-auto":"_ButtonBase--wide-s--width-auto_1lsy8_155","ButtonBase--wide-l--width-full":"_ButtonBase--wide-l--width-full_1lsy8_160","ButtonBase--wide-l--width-auto":"_ButtonBase--wide-l--width-auto_1lsy8_163","ButtonBase--size-xs":"_ButtonBase--size-xs_1lsy8_167","ButtonBase--is-icon-button-size-xs":"_ButtonBase--is-icon-button-size-xs_1lsy8_176","ButtonBase--size-s":"_ButtonBase--size-s_1lsy8_181","ButtonBase--is-icon-button-size-s":"_ButtonBase--is-icon-button-size-s_1lsy8_190","ButtonBase--size-m":"_ButtonBase--size-m_1lsy8_195","ButtonBase--is-icon-button-size-m":"_ButtonBase--is-icon-button-size-m_1lsy8_204","ButtonBase--size-l":"_ButtonBase--size-l_1lsy8_209","ButtonBase--is-icon-button-size-l":"_ButtonBase--is-icon-button-size-l_1lsy8_218","ButtonBase--size-xl":"_ButtonBase--size-xl_1lsy8_223","ButtonBase--is-icon-button-size-xl":"_ButtonBase--is-icon-button-size-xl_1lsy8_232","ButtonBase--size-large":"_ButtonBase--size-large_1lsy8_237","ButtonBase--is-icon-button-size-large":"_ButtonBase--is-icon-button-size-large_1lsy8_246","ButtonBase--size-medium":"_ButtonBase--size-medium_1lsy8_251","ButtonBase--is-icon-button-size-medium":"_ButtonBase--is-icon-button-size-medium_1lsy8_260","ButtonBase--size-small":"_ButtonBase--size-small_1lsy8_265","ButtonBase--is-icon-button-size-small":"_ButtonBase--is-icon-button-size-small_1lsy8_274","ButtonBase--narrow-l--size-xs":"_ButtonBase--narrow-l--size-xs_1lsy8_280","ButtonBase--narrow-l--is-icon-button-size-xs":"_ButtonBase--narrow-l--is-icon-button-size-xs_1lsy8_289","ButtonBase--narrow-l--size-s":"_ButtonBase--narrow-l--size-s_1lsy8_294","ButtonBase--narrow-l--is-icon-button-size-s":"_ButtonBase--narrow-l--is-icon-button-size-s_1lsy8_303","ButtonBase--narrow-l--size-m":"_ButtonBase--narrow-l--size-m_1lsy8_308","ButtonBase--narrow-l--is-icon-button-size-m":"_ButtonBase--narrow-l--is-icon-button-size-m_1lsy8_317","ButtonBase--narrow-l--size-l":"_ButtonBase--narrow-l--size-l_1lsy8_322","ButtonBase--narrow-l--is-icon-button-size-l":"_ButtonBase--narrow-l--is-icon-button-size-l_1lsy8_331","ButtonBase--narrow-l--size-xl":"_ButtonBase--narrow-l--size-xl_1lsy8_336","ButtonBase--narrow-l--is-icon-button-size-xl":"_ButtonBase--narrow-l--is-icon-button-size-xl_1lsy8_345","ButtonBase--narrow-l--size-large":"_ButtonBase--narrow-l--size-large_1lsy8_350","ButtonBase--narrow-l--is-icon-button-size-large":"_ButtonBase--narrow-l--is-icon-button-size-large_1lsy8_359","ButtonBase--narrow-l--size-medium":"_ButtonBase--narrow-l--size-medium_1lsy8_364","ButtonBase--narrow-l--is-icon-button-size-medium":"_ButtonBase--narrow-l--is-icon-button-size-medium_1lsy8_373","ButtonBase--narrow-l--size-small":"_ButtonBase--narrow-l--size-small_1lsy8_378","ButtonBase--narrow-l--is-icon-button-size-small":"_ButtonBase--narrow-l--is-icon-button-size-small_1lsy8_387","ButtonBase--medium-s--size-xs":"_ButtonBase--medium-s--size-xs_1lsy8_394","ButtonBase--medium-s--is-icon-button-size-xs":"_ButtonBase--medium-s--is-icon-button-size-xs_1lsy8_403","ButtonBase--medium-s--size-s":"_ButtonBase--medium-s--size-s_1lsy8_408","ButtonBase--medium-s--is-icon-button-size-s":"_ButtonBase--medium-s--is-icon-button-size-s_1lsy8_417","ButtonBase--medium-s--size-m":"_ButtonBase--medium-s--size-m_1lsy8_422","ButtonBase--medium-s--is-icon-button-size-m":"_ButtonBase--medium-s--is-icon-button-size-m_1lsy8_431","ButtonBase--medium-s--size-l":"_ButtonBase--medium-s--size-l_1lsy8_436","ButtonBase--medium-s--is-icon-button-size-l":"_ButtonBase--medium-s--is-icon-button-size-l_1lsy8_445","ButtonBase--medium-s--size-xl":"_ButtonBase--medium-s--size-xl_1lsy8_450","ButtonBase--medium-s--is-icon-button-size-xl":"_ButtonBase--medium-s--is-icon-button-size-xl_1lsy8_459","ButtonBase--medium-s--size-large":"_ButtonBase--medium-s--size-large_1lsy8_464","ButtonBase--medium-s--is-icon-button-size-large":"_ButtonBase--medium-s--is-icon-button-size-large_1lsy8_473","ButtonBase--medium-s--size-medium":"_ButtonBase--medium-s--size-medium_1lsy8_478","ButtonBase--medium-s--is-icon-button-size-medium":"_ButtonBase--medium-s--is-icon-button-size-medium_1lsy8_487","ButtonBase--medium-s--size-small":"_ButtonBase--medium-s--size-small_1lsy8_492","ButtonBase--medium-s--is-icon-button-size-small":"_ButtonBase--medium-s--is-icon-button-size-small_1lsy8_501","ButtonBase--medium-l--size-xs":"_ButtonBase--medium-l--size-xs_1lsy8_508","ButtonBase--medium-l--is-icon-button-size-xs":"_ButtonBase--medium-l--is-icon-button-size-xs_1lsy8_517","ButtonBase--medium-l--size-s":"_ButtonBase--medium-l--size-s_1lsy8_522","ButtonBase--medium-l--is-icon-button-size-s":"_ButtonBase--medium-l--is-icon-button-size-s_1lsy8_531","ButtonBase--medium-l--size-m":"_ButtonBase--medium-l--size-m_1lsy8_536","ButtonBase--medium-l--is-icon-button-size-m":"_ButtonBase--medium-l--is-icon-button-size-m_1lsy8_545","ButtonBase--medium-l--size-l":"_ButtonBase--medium-l--size-l_1lsy8_550","ButtonBase--medium-l--is-icon-button-size-l":"_ButtonBase--medium-l--is-icon-button-size-l_1lsy8_559","ButtonBase--medium-l--size-xl":"_ButtonBase--medium-l--size-xl_1lsy8_564","ButtonBase--medium-l--is-icon-button-size-xl":"_ButtonBase--medium-l--is-icon-button-size-xl_1lsy8_573","ButtonBase--medium-l--size-large":"_ButtonBase--medium-l--size-large_1lsy8_578","ButtonBase--medium-l--is-icon-button-size-large":"_ButtonBase--medium-l--is-icon-button-size-large_1lsy8_587","ButtonBase--medium-l--size-medium":"_ButtonBase--medium-l--size-medium_1lsy8_592","ButtonBase--medium-l--is-icon-button-size-medium":"_ButtonBase--medium-l--is-icon-button-size-medium_1lsy8_601","ButtonBase--medium-l--size-small":"_ButtonBase--medium-l--size-small_1lsy8_606","ButtonBase--medium-l--is-icon-button-size-small":"_ButtonBase--medium-l--is-icon-button-size-small_1lsy8_615","ButtonBase--wide-s--size-xs":"_ButtonBase--wide-s--size-xs_1lsy8_622","ButtonBase--wide-s--is-icon-button-size-xs":"_ButtonBase--wide-s--is-icon-button-size-xs_1lsy8_631","ButtonBase--wide-s--size-s":"_ButtonBase--wide-s--size-s_1lsy8_636","ButtonBase--wide-s--is-icon-button-size-s":"_ButtonBase--wide-s--is-icon-button-size-s_1lsy8_645","ButtonBase--wide-s--size-m":"_ButtonBase--wide-s--size-m_1lsy8_650","ButtonBase--wide-s--is-icon-button-size-m":"_ButtonBase--wide-s--is-icon-button-size-m_1lsy8_659","ButtonBase--wide-s--size-l":"_ButtonBase--wide-s--size-l_1lsy8_664","ButtonBase--wide-s--is-icon-button-size-l":"_ButtonBase--wide-s--is-icon-button-size-l_1lsy8_673","ButtonBase--wide-s--size-xl":"_ButtonBase--wide-s--size-xl_1lsy8_678","ButtonBase--wide-s--is-icon-button-size-xl":"_ButtonBase--wide-s--is-icon-button-size-xl_1lsy8_687","ButtonBase--wide-s--size-large":"_ButtonBase--wide-s--size-large_1lsy8_692","ButtonBase--wide-s--is-icon-button-size-large":"_ButtonBase--wide-s--is-icon-button-size-large_1lsy8_701","ButtonBase--wide-s--size-medium":"_ButtonBase--wide-s--size-medium_1lsy8_706","ButtonBase--wide-s--is-icon-button-size-medium":"_ButtonBase--wide-s--is-icon-button-size-medium_1lsy8_715","ButtonBase--wide-s--size-small":"_ButtonBase--wide-s--size-small_1lsy8_720","ButtonBase--wide-s--is-icon-button-size-small":"_ButtonBase--wide-s--is-icon-button-size-small_1lsy8_729","ButtonBase--wide-l--size-xs":"_ButtonBase--wide-l--size-xs_1lsy8_736","ButtonBase--wide-l--is-icon-button-size-xs":"_ButtonBase--wide-l--is-icon-button-size-xs_1lsy8_745","ButtonBase--wide-l--size-s":"_ButtonBase--wide-l--size-s_1lsy8_750","ButtonBase--wide-l--is-icon-button-size-s":"_ButtonBase--wide-l--is-icon-button-size-s_1lsy8_759","ButtonBase--wide-l--size-m":"_ButtonBase--wide-l--size-m_1lsy8_764","ButtonBase--wide-l--is-icon-button-size-m":"_ButtonBase--wide-l--is-icon-button-size-m_1lsy8_773","ButtonBase--wide-l--size-l":"_ButtonBase--wide-l--size-l_1lsy8_778","ButtonBase--wide-l--is-icon-button-size-l":"_ButtonBase--wide-l--is-icon-button-size-l_1lsy8_787","ButtonBase--wide-l--size-xl":"_ButtonBase--wide-l--size-xl_1lsy8_792","ButtonBase--wide-l--is-icon-button-size-xl":"_ButtonBase--wide-l--is-icon-button-size-xl_1lsy8_801","ButtonBase--wide-l--size-large":"_ButtonBase--wide-l--size-large_1lsy8_806","ButtonBase--wide-l--is-icon-button-size-large":"_ButtonBase--wide-l--is-icon-button-size-large_1lsy8_815","ButtonBase--wide-l--size-medium":"_ButtonBase--wide-l--size-medium_1lsy8_820","ButtonBase--wide-l--is-icon-button-size-medium":"_ButtonBase--wide-l--is-icon-button-size-medium_1lsy8_829","ButtonBase--wide-l--size-small":"_ButtonBase--wide-l--size-small_1lsy8_834","ButtonBase--wide-l--is-icon-button-size-small":"_ButtonBase--wide-l--is-icon-button-size-small_1lsy8_843","ButtonBase--variant-primary":"_ButtonBase--variant-primary_1lsy8_849","ButtonBase--variant-primary--dsInternalSimulation-hover":"_ButtonBase--variant-primary--dsInternalSimulation-hover_1lsy8_855","ButtonBase--variant-primary--dsInternalSimulation-active":"_ButtonBase--variant-primary--dsInternalSimulation-active_1lsy8_870","ButtonBase--variant-secondary":"_ButtonBase--variant-secondary_1lsy8_874","ButtonBase--variant-secondary--dsInternalSimulation-hover":"_ButtonBase--variant-secondary--dsInternalSimulation-hover_1lsy8_880","ButtonBase--variant-secondary--dsInternalSimulation-active":"_ButtonBase--variant-secondary--dsInternalSimulation-active_1lsy8_895","ButtonBase--variant-tertiary":"_ButtonBase--variant-tertiary_1lsy8_899","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"_ButtonBase--variant-tertiary--dsInternalSimulation-hover_1lsy8_905","ButtonBase--variant-tertiary--dsInternalSimulation-active":"_ButtonBase--variant-tertiary--dsInternalSimulation-active_1lsy8_920","ButtonBase--variant-quaternary":"_ButtonBase--variant-quaternary_1lsy8_924","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"_ButtonBase--variant-quaternary--dsInternalSimulation-hover_1lsy8_930","ButtonBase--variant-quaternary--dsInternalSimulation-active":"_ButtonBase--variant-quaternary--dsInternalSimulation-active_1lsy8_945","ButtonBase--variant-ghost":"_ButtonBase--variant-ghost_1lsy8_949","ButtonBase--variant-ghost--dsInternalSimulation-hover":"_ButtonBase--variant-ghost--dsInternalSimulation-hover_1lsy8_955","ButtonBase--variant-ghost--dsInternalSimulation-active":"_ButtonBase--variant-ghost--dsInternalSimulation-active_1lsy8_970","ButtonBase--variant-ghost--is-selected":"_ButtonBase--variant-ghost--is-selected_1lsy8_974","ButtonBase--variant-plain":"_ButtonBase--variant-plain_1lsy8_978","ButtonBase--variant-plain--dsInternalSimulation-hover":"_ButtonBase--variant-plain--dsInternalSimulation-hover_1lsy8_984","ButtonBase--variant-plain--dsInternalSimulation-active":"_ButtonBase--variant-plain--dsInternalSimulation-active_1lsy8_999","ButtonBase--variant-dangerous":"_ButtonBase--variant-dangerous_1lsy8_1003","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"_ButtonBase--variant-dangerous--dsInternalSimulation-hover_1lsy8_1009","ButtonBase--variant-dangerous--dsInternalSimulation-active":"_ButtonBase--variant-dangerous--dsInternalSimulation-active_1lsy8_1024","ButtonBase--variant-critical":"_ButtonBase--variant-critical_1lsy8_1028","ButtonBase--variant-critical--dsInternalSimulation-hover":"_ButtonBase--variant-critical--dsInternalSimulation-hover_1lsy8_1034","ButtonBase--variant-critical--dsInternalSimulation-active":"_ButtonBase--variant-critical--dsInternalSimulation-active_1lsy8_1049","ButtonBase--variant-onColor":"_ButtonBase--variant-onColor_1lsy8_1053","ButtonBase--variant-onColor--dsInternalSimulation-hover":"_ButtonBase--variant-onColor--dsInternalSimulation-hover_1lsy8_1059","ButtonBase--variant-onColor--dsInternalSimulation-active":"_ButtonBase--variant-onColor--dsInternalSimulation-active_1lsy8_1074","ButtonBase--variant-classroom":"_ButtonBase--variant-classroom_1lsy8_1078","ButtonBase--variant-classroom--dsInternalSimulation-hover":"_ButtonBase--variant-classroom--dsInternalSimulation-hover_1lsy8_1084","ButtonBase--variant-classroom--dsInternalSimulation-active":"_ButtonBase--variant-classroom--dsInternalSimulation-active_1lsy8_1099","ButtonBase--variant-classroom--is-selected":"_ButtonBase--variant-classroom--is-selected_1lsy8_1103","ButtonBase--variant-primaryB2b":"_ButtonBase--variant-primaryB2b_1lsy8_1107","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_1lsy8_1113","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-active_1lsy8_1128","ButtonBase--variant-primaryTutor":"_ButtonBase--variant-primaryTutor_1lsy8_1132","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_1lsy8_1138","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-active_1lsy8_1153","ButtonBase--variant-inverted":"_ButtonBase--variant-inverted_1lsy8_1157","ButtonBase--variant-inverted--dsInternalSimulation-hover":"_ButtonBase--variant-inverted--dsInternalSimulation-hover_1lsy8_1163","ButtonBase--variant-inverted--dsInternalSimulation-active":"_ButtonBase--variant-inverted--dsInternalSimulation-active_1lsy8_1178","ButtonBase--variant-newFeature":"_ButtonBase--variant-newFeature_1lsy8_1182","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"_ButtonBase--variant-newFeature--dsInternalSimulation-hover_1lsy8_1188","ButtonBase--variant-newFeature--dsInternalSimulation-active":"_ButtonBase--variant-newFeature--dsInternalSimulation-active_1lsy8_1203","ButtonBase--variant-ai":"_ButtonBase--variant-ai_1lsy8_1207","ButtonBase--variant-ai--dsInternalSimulation-hover":"_ButtonBase--variant-ai--dsInternalSimulation-hover_1lsy8_1213","ButtonBase--variant-ai--dsInternalSimulation-active":"_ButtonBase--variant-ai--dsInternalSimulation-active_1lsy8_1228","ButtonBase--no-wrap":"_ButtonBase--no-wrap_1lsy8_1240"},T=(t,e)=>{typeof t=="function"?t(e):t&&(t.current=e)},nt=(t,e)=>r.useCallback(a=>{T(t,a),T(e,a)},[t,e]),v="ButtonBase",it=t=>Object.prototype.hasOwnProperty.call(t,"selected"),c=({children:t,busy:e})=>{const a=[...x(y,v,["content"])],i=[...x(y,v,["busy"])];return s.jsxs(s.Fragment,{children:[s.jsx("span",{className:a.join(" "),children:t}),e&&s.jsx("span",{className:i.join(" "),children:s.jsx(J,{})})]})},q=r.forwardRef(function(e,a){const{variant:i=Z,size:w=G,fullWidth:C=!1,wrap:V=!1,href:E,download:N,opensInNewTab:k,nofollow:R,submitsForm:j,assistiveText:F,onClick:_,disabled:l,busy:n,isIconButton:z,as:b,url:L,a11yLabel:D,dataset:A,children:m,dsInternalSimulation:P,preplyDsComponent:H,...U}=e,{selected:M}=it(e)?e:{selected:void 0},O=Q(),h=r.useRef(null),p=nt(h,a),K=o=>{(l||n)&&o.preventDefault(),_==null||_(o)},W=o=>{var g;const S=st(o.key);(S===" "||S==="Enter")&&(o.preventDefault(),(g=h.current)==null||g.click())},$=Y(y,v,[B(`variant-${i}--dsInternalSimulation`,P),B("variant",i),B("size",w),z?B("is-icon-button-size",w):[],u(void 0,"no-wrap",V),u("width-full","width-auto",C),u("is-busy",void 0,n),u("is-icon-button",void 0,z),u(`variant-${i}--is-selected`,void 0,M)]),f={...X(U),...tt(A,{preplyDsComponent:H}),className:$.join(" "),"aria-label":F||D,onClick:K,disabled:l,"aria-disabled":l||n?!0:void 0,ref:p},d=E||L,I={...f,download:N,ref:p,role:"button",tabIndex:l?-1:0,href:d,onKeyDown:W};return d?s.jsx("a",{...I,...et(O,d,k,R),children:c({children:m,busy:n})}):b?r.cloneElement(b,{...I},c({children:m,busy:n})):s.jsx("button",{...f,type:j?"submit":"button",children:c({children:m,busy:n})})});try{q.displayName="ButtonBase",q.__docgenInfo={description:"",displayName:"ButtonBase",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"critical"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"inverted"'},{value:'"newFeature"'},{value:'"ai"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},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"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isIconButton:{defaultValue:null,description:"",name:"isIconButton",required:!0,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
|
|
2
|
-
|
|
3
|
-
Allows rendering the button using a different React element or component.
|
|
4
|
-
This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
|
|
5
|
-
@example // Render as a react router link component
|
|
6
|
-
import { Link } from 'react-router-dom';
|
|
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"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!0,type:{name:"string"}},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: HTMLAnchorElement | HTMLButtonElement | null) => void"},{value:"RefObject<HTMLAnchorElement | HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}export{q as B};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._button-width--width-full_1lsy8_5{width:100%}._button-width--width-auto_1lsy8_8{width:auto}@media (min-width: 400px){._button-width--narrow-l--width-full_1lsy8_12{width:100%}._button-width--narrow-l--width-auto_1lsy8_15{width:auto}}@media (min-width: 700px){._button-width--medium-s--width-full_1lsy8_20{width:100%}._button-width--medium-s--width-auto_1lsy8_23{width:auto}}@media (min-width: 880px){._button-width--medium-l--width-full_1lsy8_28{width:100%}._button-width--medium-l--width-auto_1lsy8_31{width:auto}}@media (min-width: 1200px){._button-width--wide-s--width-full_1lsy8_36{width:100%}._button-width--wide-s--width-auto_1lsy8_39{width:auto}}@media (min-width: 1900px){._button-width--wide-l--width-full_1lsy8_44{width:100%}._button-width--wide-l--width-auto_1lsy8_47{width:auto}}._ButtonBase_1lsy8_51{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);color:var(--aface6);position:relative;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--d61910);text-align:center;text-decoration:none;background-color:transparent;border-radius:var(--8d5131);border-width:var(--0b1b71);border-style:solid;border-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;height:fit-content;-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}._ButtonBase--content_1lsy8_77{display:inline-flex;align-items:center;gap:var(--0aee7b);justify-content:center;vertical-align:baseline}._ButtonBase--is-icon-button_1lsy8_84 ._ButtonBase--content_1lsy8_77 svg{width:var(--f02c4e);height:var(--f02c4e)}._ButtonBase--is-icon-button_1lsy8_84 ._ButtonBase--content_1lsy8_77 svg path{fill:currentColor}._ButtonBase--busy_1lsy8_91{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center}._ButtonBase_1lsy8_51[disabled],._ButtonBase_1lsy8_51[disabled]:hover{cursor:not-allowed;color:var(--a8b89c);background-color:var(--04daeb);border-color:var(--e05289)}._ButtonBase_1lsy8_51:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._ButtonBase--is-busy_1lsy8_114{cursor:default;pointer-events:none}._ButtonBase--is-busy_1lsy8_114 ._ButtonBase--content_1lsy8_77{visibility:hidden}._ButtonBase--width-full_1lsy8_121{width:100%}._ButtonBase--width-auto_1lsy8_124{width:auto}@media (min-width: 400px){._ButtonBase--narrow-l--width-full_1lsy8_128{width:100%}._ButtonBase--narrow-l--width-auto_1lsy8_131{width:auto}}@media (min-width: 700px){._ButtonBase--medium-s--width-full_1lsy8_136{width:100%}._ButtonBase--medium-s--width-auto_1lsy8_139{width:auto}}@media (min-width: 880px){._ButtonBase--medium-l--width-full_1lsy8_144{width:100%}._ButtonBase--medium-l--width-auto_1lsy8_147{width:auto}}@media (min-width: 1200px){._ButtonBase--wide-s--width-full_1lsy8_152{width:100%}._ButtonBase--wide-s--width-auto_1lsy8_155{width:auto}}@media (min-width: 1900px){._ButtonBase--wide-l--width-full_1lsy8_160{width:100%}._ButtonBase--wide-l--width-auto_1lsy8_163{width:auto}}._ButtonBase--size-xs_1lsy8_167{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--is-icon-button-size-xs_1lsy8_176{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--size-s_1lsy8_181{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--is-icon-button-size-s_1lsy8_190{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--size-m_1lsy8_195{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--is-icon-button-size-m_1lsy8_204{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--size-l_1lsy8_209{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--is-icon-button-size-l_1lsy8_218{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--size-xl_1lsy8_223{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--is-icon-button-size-xl_1lsy8_232{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--size-large_1lsy8_237{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--is-icon-button-size-large_1lsy8_246{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--size-medium_1lsy8_251{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--is-icon-button-size-medium_1lsy8_260{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--size-small_1lsy8_265{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--is-icon-button-size-small_1lsy8_274{width:var(--5eca09);height:var(--5eca09);padding:0}@media (min-width: 400px){._ButtonBase--narrow-l--size-xs_1lsy8_280{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--narrow-l--is-icon-button-size-xs_1lsy8_289{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--narrow-l--size-s_1lsy8_294{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--narrow-l--is-icon-button-size-s_1lsy8_303{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--narrow-l--size-m_1lsy8_308{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--narrow-l--is-icon-button-size-m_1lsy8_317{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--narrow-l--size-l_1lsy8_322{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--narrow-l--is-icon-button-size-l_1lsy8_331{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--narrow-l--size-xl_1lsy8_336{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--narrow-l--is-icon-button-size-xl_1lsy8_345{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--narrow-l--size-large_1lsy8_350{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--narrow-l--is-icon-button-size-large_1lsy8_359{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--narrow-l--size-medium_1lsy8_364{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--narrow-l--is-icon-button-size-medium_1lsy8_373{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--narrow-l--size-small_1lsy8_378{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--narrow-l--is-icon-button-size-small_1lsy8_387{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 700px){._ButtonBase--medium-s--size-xs_1lsy8_394{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--medium-s--is-icon-button-size-xs_1lsy8_403{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-s--size-s_1lsy8_408{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--medium-s--is-icon-button-size-s_1lsy8_417{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-s--size-m_1lsy8_422{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--medium-s--is-icon-button-size-m_1lsy8_431{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-s--size-l_1lsy8_436{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--medium-s--is-icon-button-size-l_1lsy8_445{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-s--size-xl_1lsy8_450{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--medium-s--is-icon-button-size-xl_1lsy8_459{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-s--size-large_1lsy8_464{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--medium-s--is-icon-button-size-large_1lsy8_473{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-s--size-medium_1lsy8_478{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--medium-s--is-icon-button-size-medium_1lsy8_487{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-s--size-small_1lsy8_492{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--medium-s--is-icon-button-size-small_1lsy8_501{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 880px){._ButtonBase--medium-l--size-xs_1lsy8_508{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--medium-l--is-icon-button-size-xs_1lsy8_517{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-l--size-s_1lsy8_522{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--medium-l--is-icon-button-size-s_1lsy8_531{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-l--size-m_1lsy8_536{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--medium-l--is-icon-button-size-m_1lsy8_545{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-l--size-l_1lsy8_550{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--medium-l--is-icon-button-size-l_1lsy8_559{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-l--size-xl_1lsy8_564{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--medium-l--is-icon-button-size-xl_1lsy8_573{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-l--size-large_1lsy8_578{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--medium-l--is-icon-button-size-large_1lsy8_587{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-l--size-medium_1lsy8_592{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--medium-l--is-icon-button-size-medium_1lsy8_601{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-l--size-small_1lsy8_606{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--medium-l--is-icon-button-size-small_1lsy8_615{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1200px){._ButtonBase--wide-s--size-xs_1lsy8_622{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--wide-s--is-icon-button-size-xs_1lsy8_631{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-s--size-s_1lsy8_636{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--wide-s--is-icon-button-size-s_1lsy8_645{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-s--size-m_1lsy8_650{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--wide-s--is-icon-button-size-m_1lsy8_659{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-s--size-l_1lsy8_664{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--wide-s--is-icon-button-size-l_1lsy8_673{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-s--size-xl_1lsy8_678{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--wide-s--is-icon-button-size-xl_1lsy8_687{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-s--size-large_1lsy8_692{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--wide-s--is-icon-button-size-large_1lsy8_701{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-s--size-medium_1lsy8_706{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--wide-s--is-icon-button-size-medium_1lsy8_715{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-s--size-small_1lsy8_720{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--wide-s--is-icon-button-size-small_1lsy8_729{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1900px){._ButtonBase--wide-l--size-xs_1lsy8_736{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--wide-l--is-icon-button-size-xs_1lsy8_745{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-l--size-s_1lsy8_750{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--wide-l--is-icon-button-size-s_1lsy8_759{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-l--size-m_1lsy8_764{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--wide-l--is-icon-button-size-m_1lsy8_773{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-l--size-l_1lsy8_778{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--wide-l--is-icon-button-size-l_1lsy8_787{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-l--size-xl_1lsy8_792{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--wide-l--is-icon-button-size-xl_1lsy8_801{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-l--size-large_1lsy8_806{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--wide-l--is-icon-button-size-large_1lsy8_815{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-l--size-medium_1lsy8_820{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--wide-l--is-icon-button-size-medium_1lsy8_829{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-l--size-small_1lsy8_834{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--wide-l--is-icon-button-size-small_1lsy8_843{width:var(--5eca09);height:var(--5eca09);padding:0}}._ButtonBase--variant-primary_1lsy8_849{color:var(--d2baa6);background-color:var(--508b34);border-color:var(--44bfe9);text-decoration:var(--74cfa2)}._ButtonBase--variant-primary--dsInternalSimulation-hover_1lsy8_855{color:var(--df6151);background-color:var(--902b50)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primary_1lsy8_849:hover{color:var(--df6151);background-color:var(--902b50)}}._ButtonBase--variant-primary_1lsy8_849[disabled],._ButtonBase--variant-primary_1lsy8_849[disabled]:hover{border-color:var(--f0720e)}._ButtonBase--variant-primary_1lsy8_849:active,._ButtonBase--variant-primary--dsInternalSimulation-active_1lsy8_870{color:var(--15cee1);background-color:var(--c1c1ca)}._ButtonBase--variant-secondary_1lsy8_874{color:var(--1614c9);background-color:var(--e56164);border-color:var(--ab736c);text-decoration:var(--c6c73d)}._ButtonBase--variant-secondary--dsInternalSimulation-hover_1lsy8_880{color:var(--0d6ae2);background-color:var(--0d124d)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-secondary_1lsy8_874:hover{color:var(--0d6ae2);background-color:var(--0d124d)}}._ButtonBase--variant-secondary_1lsy8_874[disabled],._ButtonBase--variant-secondary_1lsy8_874[disabled]:hover{border-color:var(--3f0f51)}._ButtonBase--variant-secondary_1lsy8_874:active,._ButtonBase--variant-secondary--dsInternalSimulation-active_1lsy8_895{color:var(--22cb4c);background-color:var(--33b439)}._ButtonBase--variant-tertiary_1lsy8_899{color:var(--937543);background-color:var(--28f3c1);border-color:var(--10556e);text-decoration:var(--ce0e6a)}._ButtonBase--variant-tertiary--dsInternalSimulation-hover_1lsy8_905{color:var(--175a77);background-color:var(--ec17be)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-tertiary_1lsy8_899:hover{color:var(--175a77);background-color:var(--ec17be)}}._ButtonBase--variant-tertiary_1lsy8_899[disabled],._ButtonBase--variant-tertiary_1lsy8_899[disabled]:hover{border-color:var(--fd08b7)}._ButtonBase--variant-tertiary_1lsy8_899:active,._ButtonBase--variant-tertiary--dsInternalSimulation-active_1lsy8_920{color:var(--8274ee);background-color:var(--b0bf50)}._ButtonBase--variant-quaternary_1lsy8_924{color:var(--9cf6ec);background-color:var(--e46449);border-color:var(--0e9e01);text-decoration:var(--5c0a2f)}._ButtonBase--variant-quaternary--dsInternalSimulation-hover_1lsy8_930{color:var(--6609c6);background-color:var(--afc176)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-quaternary_1lsy8_924:hover{color:var(--6609c6);background-color:var(--afc176)}}._ButtonBase--variant-quaternary_1lsy8_924[disabled],._ButtonBase--variant-quaternary_1lsy8_924[disabled]:hover{border-color:var(--3e2684)}._ButtonBase--variant-quaternary_1lsy8_924:active,._ButtonBase--variant-quaternary--dsInternalSimulation-active_1lsy8_945{color:var(--e9f226);background-color:var(--2ee553)}._ButtonBase--variant-ghost_1lsy8_949{color:var(--255ddc);background-color:var(--64bffa);border-color:var(--39e128);text-decoration:var(--31d455)}._ButtonBase--variant-ghost--dsInternalSimulation-hover_1lsy8_955{color:var(--e69072);background-color:var(--3b749f)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ghost_1lsy8_949:hover{color:var(--e69072);background-color:var(--3b749f)}}._ButtonBase--variant-ghost_1lsy8_949[disabled],._ButtonBase--variant-ghost_1lsy8_949[disabled]:hover{border-color:var(--af2d26)}._ButtonBase--variant-ghost_1lsy8_949:active,._ButtonBase--variant-ghost--dsInternalSimulation-active_1lsy8_970{color:var(--ddf285);background-color:var(--6beb48)}._ButtonBase--variant-ghost--is-selected_1lsy8_974{color:var(--5f5238);background-color:var(--a5cfbe)}._ButtonBase--variant-plain_1lsy8_978{color:var(--122a99);background-color:var(--bbb356);border-color:var(--0cad84);text-decoration:var(--d2d32f)}._ButtonBase--variant-plain--dsInternalSimulation-hover_1lsy8_984{color:var(--1265db);background-color:var(--df2aca)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-plain_1lsy8_978:hover{color:var(--1265db);background-color:var(--df2aca)}}._ButtonBase--variant-plain_1lsy8_978[disabled],._ButtonBase--variant-plain_1lsy8_978[disabled]:hover{border-color:var(--c6b607)}._ButtonBase--variant-plain_1lsy8_978:active,._ButtonBase--variant-plain--dsInternalSimulation-active_1lsy8_999{color:var(--a41624);background-color:var(--435fa5)}._ButtonBase--variant-dangerous_1lsy8_1003{color:var(--efde5b);background-color:var(--118bda);border-color:var(--ab5970);text-decoration:var(--0bf14c)}._ButtonBase--variant-dangerous--dsInternalSimulation-hover_1lsy8_1009{color:var(--6f5d5d);background-color:var(--e0b0f4)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-dangerous_1lsy8_1003:hover{color:var(--6f5d5d);background-color:var(--e0b0f4)}}._ButtonBase--variant-dangerous_1lsy8_1003[disabled],._ButtonBase--variant-dangerous_1lsy8_1003[disabled]:hover{border-color:var(--7deffa)}._ButtonBase--variant-dangerous_1lsy8_1003:active,._ButtonBase--variant-dangerous--dsInternalSimulation-active_1lsy8_1024{color:var(--6b4e92);background-color:var(--a5eaa1)}._ButtonBase--variant-critical_1lsy8_1028{color:var(--f68030);background-color:var(--faae28);border-color:var(--b357d0);text-decoration:var(--91f4fa)}._ButtonBase--variant-critical--dsInternalSimulation-hover_1lsy8_1034{color:var(--c3136e);background-color:var(--064c43)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-critical_1lsy8_1028:hover{color:var(--c3136e);background-color:var(--064c43)}}._ButtonBase--variant-critical_1lsy8_1028[disabled],._ButtonBase--variant-critical_1lsy8_1028[disabled]:hover{border-color:var(--e117c7)}._ButtonBase--variant-critical_1lsy8_1028:active,._ButtonBase--variant-critical--dsInternalSimulation-active_1lsy8_1049{color:var(--f9fba8);background-color:var(--152a7a)}._ButtonBase--variant-onColor_1lsy8_1053{color:var(--96343f);background-color:var(--d64a99);border-color:var(--d2723c);text-decoration:var(--af7137)}._ButtonBase--variant-onColor--dsInternalSimulation-hover_1lsy8_1059{color:var(--145384);background-color:var(--549e56)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-onColor_1lsy8_1053:hover{color:var(--145384);background-color:var(--549e56)}}._ButtonBase--variant-onColor_1lsy8_1053[disabled],._ButtonBase--variant-onColor_1lsy8_1053[disabled]:hover{border-color:var(--e1a214)}._ButtonBase--variant-onColor_1lsy8_1053:active,._ButtonBase--variant-onColor--dsInternalSimulation-active_1lsy8_1074{color:var(--f772e8);background-color:var(--936fce)}._ButtonBase--variant-classroom_1lsy8_1078{color:var(--8d482c);background-color:var(--7a038f);border-color:var(--38faba);text-decoration:var(--4d5ea8)}._ButtonBase--variant-classroom--dsInternalSimulation-hover_1lsy8_1084{color:var(--55bfda);background-color:var(--077a93)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-classroom_1lsy8_1078:hover{color:var(--55bfda);background-color:var(--077a93)}}._ButtonBase--variant-classroom_1lsy8_1078[disabled],._ButtonBase--variant-classroom_1lsy8_1078[disabled]:hover{border-color:var(--659377)}._ButtonBase--variant-classroom_1lsy8_1078:active,._ButtonBase--variant-classroom--dsInternalSimulation-active_1lsy8_1099{color:var(--b62751);background-color:var(--45d93a)}._ButtonBase--variant-classroom--is-selected_1lsy8_1103{color:var(--a0b42b);background-color:var(--16a985)}._ButtonBase--variant-primaryB2b_1lsy8_1107{color:var(--4a94de);background-color:var(--6c36b5);border-color:var(--4a9eb5);text-decoration:var(--6c9741)}._ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_1lsy8_1113{color:var(--3e45d7);background-color:var(--dcdb32)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryB2b_1lsy8_1107:hover{color:var(--3e45d7);background-color:var(--dcdb32)}}._ButtonBase--variant-primaryB2b_1lsy8_1107[disabled],._ButtonBase--variant-primaryB2b_1lsy8_1107[disabled]:hover{border-color:var(--e7f949)}._ButtonBase--variant-primaryB2b_1lsy8_1107:active,._ButtonBase--variant-primaryB2b--dsInternalSimulation-active_1lsy8_1128{color:var(--cb03bc);background-color:var(--fc3d8b)}._ButtonBase--variant-primaryTutor_1lsy8_1132{color:var(--c93681);background-color:var(--4aa1b1);border-color:var(--f103e9);text-decoration:var(--6e7352)}._ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_1lsy8_1138{color:var(--e91696);background-color:var(--46a009)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryTutor_1lsy8_1132:hover{color:var(--e91696);background-color:var(--46a009)}}._ButtonBase--variant-primaryTutor_1lsy8_1132[disabled],._ButtonBase--variant-primaryTutor_1lsy8_1132[disabled]:hover{border-color:var(--f6a20e)}._ButtonBase--variant-primaryTutor_1lsy8_1132:active,._ButtonBase--variant-primaryTutor--dsInternalSimulation-active_1lsy8_1153{color:var(--58d992);background-color:var(--dd5a43)}._ButtonBase--variant-inverted_1lsy8_1157{color:var(--81b7df);background-color:var(--c54155);border-color:var(--fe1378);text-decoration:var(--fb8624)}._ButtonBase--variant-inverted--dsInternalSimulation-hover_1lsy8_1163{color:var(--79a09e);background-color:var(--8a16b5)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-inverted_1lsy8_1157:hover{color:var(--79a09e);background-color:var(--8a16b5)}}._ButtonBase--variant-inverted_1lsy8_1157[disabled],._ButtonBase--variant-inverted_1lsy8_1157[disabled]:hover{border-color:var(--e797f1)}._ButtonBase--variant-inverted_1lsy8_1157:active,._ButtonBase--variant-inverted--dsInternalSimulation-active_1lsy8_1178{color:var(--77e945);background-color:var(--de59a1)}._ButtonBase--variant-newFeature_1lsy8_1182{color:var(--ad44c3);background-color:var(--7dbfce);border-color:var(--a7eddc);text-decoration:var(--fd7ece)}._ButtonBase--variant-newFeature--dsInternalSimulation-hover_1lsy8_1188{color:var(--ddcea1);background-color:var(--dd2815)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-newFeature_1lsy8_1182:hover{color:var(--ddcea1);background-color:var(--dd2815)}}._ButtonBase--variant-newFeature_1lsy8_1182[disabled],._ButtonBase--variant-newFeature_1lsy8_1182[disabled]:hover{border-color:var(--7d2338)}._ButtonBase--variant-newFeature_1lsy8_1182:active,._ButtonBase--variant-newFeature--dsInternalSimulation-active_1lsy8_1203{color:var(--d4762b);background-color:var(--b3e453)}._ButtonBase--variant-ai_1lsy8_1207{color:var(--aa08fb);background-color:var(--1bdcc0);border-color:var(--8e8894);text-decoration:var(--c82204)}._ButtonBase--variant-ai--dsInternalSimulation-hover_1lsy8_1213{color:var(--59b757);background-color:var(--f043dc)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ai_1lsy8_1207:hover{color:var(--59b757);background-color:var(--f043dc)}}._ButtonBase--variant-ai_1lsy8_1207[disabled],._ButtonBase--variant-ai_1lsy8_1207[disabled]:hover{border-color:var(--6ac212)}._ButtonBase--variant-ai_1lsy8_1207:active,._ButtonBase--variant-ai--dsInternalSimulation-active_1lsy8_1228{color:var(--349ae3);background-color:var(--5bba7d)}._ButtonBase--variant-ai_1lsy8_1207{border-image:var(--0b0037)}._ButtonBase--variant-ai_1lsy8_1207[disabled],._ButtonBase--variant-ai_1lsy8_1207[disabled]:hover{border-image:initial;border-color:var(--6ac212)}._ButtonBase--no-wrap_1lsy8_1240{min-width:max-content}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._chips_1fgmx_3{display:flex;gap:var(--813599);flex-wrap:wrap}._chips_1fgmx_3:is(ul){list-style:none;margin:0;padding:0}._chips_1fgmx_3 ._chip_1fgmx_3{box-sizing:border-box;cursor:pointer;height:var(--ece0fe);width:fit-content;font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e);color:var(--628fb7);background-color:var(--3546c3);border:solid var(--26b8e3);border-radius:var(--fa4b1a);border-color:var(--c03289);display:flex;align-items:center}._chips_1fgmx_3 ._chip_1fgmx_3 button{all:unset}@media (hover: hover) and (pointer: fine){._chips_1fgmx_3 ._chip_1fgmx_3:hover{background-color:var(--302ecf)}}._chips_1fgmx_3 ._chip_1fgmx_3:has(._chip-toggle_1fgmx_37:focus-visible){outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--05dd73)}._chips_1fgmx_3 ._chip_1fgmx_3:has(._chip-toggle_1fgmx_37:active){border-color:var(--11d206);background-color:var(--a5c761)}._chips_1fgmx_3 ._chip_1fgmx_3:has(._chip-toggle_1fgmx_37[aria-pressed=true]){border-color:var(--11d206);background-color:var(--a5c761)}._chips_1fgmx_3 ._chip_1fgmx_3 ._chip-toggle_1fgmx_37{padding:var(--66b80b) var(--813599);display:flex;gap:var(--66b80b)}._chips_1fgmx_3 ._chip_1fgmx_3 ._chip-remove_1fgmx_54{height:fit-content;width:fit-content;display:flex;justify-content:center;align-items:center;padding:var(--66b80b) var(--813599) var(--66b80b) 0;border-radius:inherit}._chips_1fgmx_3 ._chip_1fgmx_3 ._chip-remove_1fgmx_54:focus-visible{outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--109103) var(--05dd73)}._chips_1fgmx_3[data-variant=choice] ._chip_1fgmx_3:has(._chip-toggle_1fgmx_37[aria-pressed=true]){color:var(--c2b191);background-color:var(--4983fe)}._chips_1fgmx_3[data-variant=choice] ._chip_1fgmx_3 ._chip-remove_1fgmx_54{display:none}._chips_1fgmx_3[data-variant=filter] ._chip_1fgmx_3:has(._chip-toggle_1fgmx_37[aria-pressed=false]) ._chip-remove_1fgmx_54{display:none}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@keyframes _overlayShow_1f6r0_1{0%{opacity:0}to{opacity:1}}@keyframes _overlayHide_1f6r0_1{0%{opacity:1}to{opacity:0}}@keyframes _contentShow_1f6r0_1{0%{opacity:0;transform:translateY(var(--b53873))}to{opacity:1;transform:translateY(0)}}@keyframes _contentHide_1f6r0_1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--b53873))}}@keyframes _mobileContentShow_1f6r0_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _mobileContentHide_1f6r0_1{0%{transform:translateY(0)}to{transform:translateY(100%)}}._overlay_1f6r0_56{background-color:var(--02a0d5);position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ds-dialog-overlay-z-index-override, auto)}@media (prefers-reduced-motion: no-preference){._overlay_1f6r0_56[data-state=open]{animation:_overlayShow_1f6r0_1 .15s cubic-bezier(.4,0,.2,1)}._overlay_1f6r0_56[data-state=closed]{animation:_overlayHide_1f6r0_1 .15s cubic-bezier(.4,0,.2,1)}}._Dialog_1f6r0_70{box-sizing:border-box;background-color:var(--3546c3);position:fixed;right:0;bottom:0;left:0;top:auto;margin:auto;width:100%;padding:var(--f1b498) var(--558c4c);box-shadow:var(--df7dbb);z-index:var(--ds-dialog-content-z-index-override, auto)}@media (prefers-reduced-motion: no-preference){._Dialog_1f6r0_70[data-state=open]{animation:_mobileContentShow_1f6r0_1 .25s cubic-bezier(.4,0,.2,1)}._Dialog_1f6r0_70[data-state=closed]{animation:_mobileContentHide_1f6r0_1 .25s cubic-bezier(.4,0,.2,1)}}._Dialog--size-xs_1f6r0_90{height:30%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}@media (min-width: 400px){._Dialog--narrow-l--size-xs_1f6r0_96{height:30%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 700px){._Dialog--medium-s--size-xs_1f6r0_103{height:30%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 880px){._Dialog--medium-l--size-xs_1f6r0_110{height:30%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 1200px){._Dialog--wide-s--size-xs_1f6r0_117{height:30%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 1900px){._Dialog--wide-l--size-xs_1f6r0_124{height:30%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}._Dialog--size-sm_1f6r0_130{height:60%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}@media (min-width: 400px){._Dialog--narrow-l--size-sm_1f6r0_136{height:60%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 700px){._Dialog--medium-s--size-sm_1f6r0_143{height:60%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 880px){._Dialog--medium-l--size-sm_1f6r0_150{height:60%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 1200px){._Dialog--wide-s--size-sm_1f6r0_157{height:60%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 1900px){._Dialog--wide-l--size-sm_1f6r0_164{height:60%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}._Dialog--size-md_1f6r0_170{height:90%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}@media (min-width: 400px){._Dialog--narrow-l--size-md_1f6r0_176{height:90%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 700px){._Dialog--medium-s--size-md_1f6r0_183{height:90%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 880px){._Dialog--medium-l--size-md_1f6r0_190{height:90%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 1200px){._Dialog--wide-s--size-md_1f6r0_197{height:90%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}@media (min-width: 1900px){._Dialog--wide-l--size-md_1f6r0_204{height:90%;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a)}}._Dialog--size-lg_1f6r0_210{height:100%;border-top-left-radius:0;border-top-right-radius:0}@media (min-width: 400px){._Dialog--narrow-l--size-lg_1f6r0_216{height:100%;border-top-left-radius:0;border-top-right-radius:0}}@media (min-width: 700px){._Dialog--medium-s--size-lg_1f6r0_223{height:100%;border-top-left-radius:0;border-top-right-radius:0}}@media (min-width: 880px){._Dialog--medium-l--size-lg_1f6r0_230{height:100%;border-top-left-radius:0;border-top-right-radius:0}}@media (min-width: 1200px){._Dialog--wide-s--size-lg_1f6r0_237{height:100%;border-top-left-radius:0;border-top-right-radius:0}}@media (min-width: 1900px){._Dialog--wide-l--size-lg_1f6r0_244{height:100%;border-top-left-radius:0;border-top-right-radius:0}}@media (min-width: 880px){._Dialog_1f6r0_70{top:0;height:fit-content;border-radius:var(--fa4b1a);padding:var(--f1b498)}._Dialog--size-xs_1f6r0_90{width:440px;height:fit-content}._Dialog--size-sm_1f6r0_130{width:520px;height:fit-content}._Dialog--size-md_1f6r0_170{width:640px;height:fit-content}._Dialog--size-lg_1f6r0_210{width:840px;height:fit-content}}@media (min-width: 880px) and (prefers-reduced-motion: no-preference){._Dialog_1f6r0_70[data-state=open]{animation:_contentShow_1f6r0_1 .15s cubic-bezier(.4,0,.2,1)}._Dialog_1f6r0_70[data-state=closed]{animation:_contentHide_1f6r0_1 .15s cubic-bezier(.4,0,.2,1)}}@media (min-width: 880px) and (min-width: 400px){._Dialog--narrow-l--size-xs_1f6r0_96{width:440px;height:fit-content}}@media (min-width: 880px) and (min-width: 700px){._Dialog--medium-s--size-xs_1f6r0_103{width:440px;height:fit-content}}@media (min-width: 880px) and (min-width: 880px){._Dialog--medium-l--size-xs_1f6r0_110{width:440px;height:fit-content}}@media (min-width: 880px) and (min-width: 1200px){._Dialog--wide-s--size-xs_1f6r0_117{width:440px;height:fit-content}}@media (min-width: 880px) and (min-width: 1900px){._Dialog--wide-l--size-xs_1f6r0_124{width:440px;height:fit-content}}@media (min-width: 880px) and (min-width: 400px){._Dialog--narrow-l--size-sm_1f6r0_136{width:520px;height:fit-content}}@media (min-width: 880px) and (min-width: 700px){._Dialog--medium-s--size-sm_1f6r0_143{width:520px;height:fit-content}}@media (min-width: 880px) and (min-width: 880px){._Dialog--medium-l--size-sm_1f6r0_150{width:520px;height:fit-content}}@media (min-width: 880px) and (min-width: 1200px){._Dialog--wide-s--size-sm_1f6r0_157{width:520px;height:fit-content}}@media (min-width: 880px) and (min-width: 1900px){._Dialog--wide-l--size-sm_1f6r0_164{width:520px;height:fit-content}}@media (min-width: 880px) and (min-width: 400px){._Dialog--narrow-l--size-md_1f6r0_176{width:640px;height:fit-content}}@media (min-width: 880px) and (min-width: 700px){._Dialog--medium-s--size-md_1f6r0_183{width:640px;height:fit-content}}@media (min-width: 880px) and (min-width: 880px){._Dialog--medium-l--size-md_1f6r0_190{width:640px;height:fit-content}}@media (min-width: 880px) and (min-width: 1200px){._Dialog--wide-s--size-md_1f6r0_197{width:640px;height:fit-content}}@media (min-width: 880px) and (min-width: 1900px){._Dialog--wide-l--size-md_1f6r0_204{width:640px;height:fit-content}}@media (min-width: 880px) and (min-width: 400px){._Dialog--narrow-l--size-lg_1f6r0_216{width:840px;height:fit-content}}@media (min-width: 880px) and (min-width: 700px){._Dialog--medium-s--size-lg_1f6r0_223{width:840px;height:fit-content}}@media (min-width: 880px) and (min-width: 880px){._Dialog--medium-l--size-lg_1f6r0_230{width:840px;height:fit-content}}@media (min-width: 880px) and (min-width: 1200px){._Dialog--wide-s--size-lg_1f6r0_237{width:840px;height:fit-content}}@media (min-width: 880px) and (min-width: 1900px){._Dialog--wide-l--size-lg_1f6r0_244{width:840px;height:fit-content}}._Dialog_1f6r0_70 ._header_1f6r0_402{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--558c4c)}._Dialog_1f6r0_70 ._header_1f6r0_402>hgroup{display:flex;flex-direction:column;gap:var(--66b80b);flex:1;min-width:0;margin-bottom:var(--558c4c)}._Dialog_1f6r0_70 ._header_1f6r0_402>hgroup[hidden]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}._Dialog_1f6r0_70 ._header_1f6r0_402>button{margin-inline-start:auto}._Dialog_1f6r0_70 ._description_1f6r0_428{font-size:var(--9c8f04);font-weight:var(--1bc44d);line-height:var(--3dd5bc);margin:0}._Dialog_1f6r0_70 ._actions_1f6r0_434{display:flex;flex-direction:column;gap:var(--558c4c);margin-top:var(--558c4c)}@media (min-width: 400px){._Dialog_1f6r0_70 ._actions_1f6r0_434{flex-direction:row;justify-content:flex-end}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as l}from"./jsx-runtime-BTJTZTIL.js";import{m as o,s as n}from"./classNames-BUL1Zq7e.js";import{w as a}from"./componentNames-Bwls0I02.js";import{g as s}from"./index-DdzHuZ-Y.js";import{a as m}from"./constants-DL6gdbsq.js";const p="_FieldAdditionalText_ydqpr_4",_={FieldAdditionalText:p,"FieldAdditionalText--variant-normal":"_FieldAdditionalText--variant-normal_ydqpr_11","FieldAdditionalText--variant-error":"_FieldAdditionalText--variant-error_ydqpr_14"},i=({id:e,variant:t=m,children:d})=>{const r=o(_,a.FieldAdditionalText,[n("variant",t)]);return l.jsx("p",{id:e,className:r.join(" "),...s(void 0,{preplyDsComponent:a.FieldAdditionalText}),children:d})};try{i.displayName="FieldAdditionalText",i.__docgenInfo={description:"",displayName:"FieldAdditionalText",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"error"'},{value:'"normal"'}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}}}}}catch{}export{i as F};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._FieldAdditionalText_ydqpr_4{margin:0;font-weight:var(--026ea8);font-size:var(--3f1843);line-height:var(--030292);letter-spacing:var(--c142cd)}._FieldAdditionalText--variant-normal_ydqpr_11{color:var(--3d280d)}._FieldAdditionalText--variant-error_ydqpr_14{color:var(--9167e9)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._FieldButton_40zj3_4{display:flex;justify-content:center;align-items:center;min-width:var(--d57208);height:var(--3caeb9);border-width:1px;border-style:solid;border-radius:var(--0191ea);border-color:var(--ea1746);background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}@media (hover: hover) and (pointer: fine){._FieldButton_40zj3_4:hover{background-color:var(--0bbea4)}}._FieldButton_40zj3_4:active{background-color:var(--33e933)}._FieldButton_40zj3_4:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._FieldButton_40zj3_4 svg{width:var(--f02c4e);height:var(--f02c4e)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as f}from"./index-Cb9e4tly.js";import{f as v}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as y}from"./classNames-BUL1Zq7e.js";import{g}from"./index-DdzHuZ-Y.js";import{w as a}from"./componentNames-Bwls0I02.js";const b="_FieldButton_40zj3_4",h={FieldButton:b},l=f.forwardRef(function({svg:o,assistiveText:r,onClick:e,dataset:u,...i},m){const d=y(h,a.FieldButton),p=t=>{t.stopPropagation(),e==null||e(t)},c={...v(i),...g(u,{preplyDsComponent:a.FieldButton}),className:d.join(" "),title:r,onClick:p,ref:m};return n.jsx("button",{...c,type:"button",children:n.jsx(o,{"aria-hidden":"true",focusable:"false"})})});try{l.displayName="FieldButton",l.__docgenInfo={description:"",displayName:"FieldButton",props:{svg:{defaultValue:null,description:"",name:"svg",required:!0,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!0,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"MouseEventHandler<Element>"}},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: HTMLButtonElement | null) => void"},{value:"RefObject<HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{l as F};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._FieldLayout--input_v9wya_5{border-radius:var(--c4b051);display:flex;position:relative;align-items:center;background-color:var(--302ecf);color:var(--41d493);background-color:var(--211bc0)}@media (hover: hover) and (pointer: fine){._FieldLayout--input_v9wya_5:hover input,._FieldLayout--input_v9wya_5:hover textarea{border-color:var(--0bd642)}}._FieldLayout--input_v9wya_5 input,._FieldLayout--input_v9wya_5 textarea{border-color:var(--29cd58);border-width:var(--d9baa3);border-radius:var(--c4b051);border-style:solid;background:none;outline:none;font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);padding:calc(var(--d9baa3) + var(--1ba55a));padding-right:calc(var(--477fda) - var(--d9baa3));padding-left:calc(var(--477fda) - var(--d9baa3))}._FieldLayout--input_v9wya_5 input::placeholder,._FieldLayout--input_v9wya_5 textarea::placeholder{color:var(--d9209f)}._FieldLayout--icon_v9wya_42{position:absolute;top:0;display:flex;align-items:center;height:100%;left:calc(var(--477fda) - var(--d9baa3));font-size:0;pointer-events:none}._FieldLayout--icon_v9wya_42 svg{color:var(--cbc724)}._FieldLayout--has-icon_v9wya_55 ._FieldLayout--input_v9wya_5 input{padding-left:calc(calc(var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a))}._FieldLayout--has-button_v9wya_58 ._FieldLayout--input_v9wya_5 input{padding-right:58px}._FieldLayout--has-error_v9wya_61 ._FieldLayout--input_v9wya_5{background-color:var(--95df5b)}._FieldLayout--has-error_v9wya_61 ._FieldLayout--input_v9wya_5 input,._FieldLayout--has-error_v9wya_61 ._FieldLayout--input_v9wya_5 textarea{border-color:var(--eaf4a3);color:var(--7b0f41)}._FieldLayout--has-error_v9wya_61 ._FieldLayout--icon_v9wya_42 svg{color:var(--7b0f41)}._FieldLayout--is-focused_v9wya_72 ._FieldLayout--input_v9wya_5 input,._FieldLayout--is-focused_v9wya_72 ._FieldLayout--input_v9wya_5 textarea{border-color:var(--398094)}._FieldLayout--is-disabled_v9wya_76 ._FieldLayout--input_v9wya_5{background-color:var(--04daeb)}._FieldLayout--is-disabled_v9wya_76 ._FieldLayout--input_v9wya_5 input,._FieldLayout--is-disabled_v9wya_76 ._FieldLayout--input_v9wya_5 textarea{border-color:transparent}._FieldLayout--input_v9wya_5 button{position:absolute;top:calc(var(--1ba55a) + var(--6947b0));right:var(--6947b0);margin-top:calc(-1 * var(--1ba55a));margin-bottom:calc(-1 * var(--1ba55a))}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as s}from"./jsx-runtime-BTJTZTIL.js";import{r as d}from"./index-Cb9e4tly.js";import{F as E}from"./FieldLayoutBase-DhKLFBcH.js";import{a as i,b as a}from"./classNames-BUL1Zq7e.js";import{w as t}from"./componentNames-Bwls0I02.js";const o={"FieldLayout--input":"_FieldLayout--input_v9wya_5","FieldLayout--icon":"_FieldLayout--icon_v9wya_42","FieldLayout--has-icon":"_FieldLayout--has-icon_v9wya_55","FieldLayout--has-button":"_FieldLayout--has-button_v9wya_58","FieldLayout--has-error":"_FieldLayout--has-error_v9wya_61","FieldLayout--is-focused":"_FieldLayout--is-focused_v9wya_72","FieldLayout--is-disabled":"_FieldLayout--is-disabled_v9wya_76"},R=({id:m,className:c,input:L,icon:n,button:v,disabled:p,isFocused:f,hasError:y,inputHandle:e,onClick:r,preplyDsComponent:F,..._},q)=>{const l=d.useRef(null);d.useImperativeHandle(q,()=>({setFocus:()=>e==null?void 0:e.setFocus(),scrollIntoView:()=>{var u;return(u=l==null?void 0:l.current)==null?void 0:u.scrollIntoView()}}));const h=i(o,t.FieldLayout,[a("is-disabled",void 0,p),a("is-focused",void 0,f),a("has-error",void 0,y),a("has-icon",void 0,!!n),a("has-button",void 0,!!v)]),V=c?[c,...h]:h,g=i(o,t.FieldLayout,["input"]),w=i(o,t.FieldLayout,["icon"]),C=u=>{e==null||e.setFocus(),r==null||r(u)};return s.jsx(E,{id:m,className:V.join(" "),disabled:p,isFocused:f,hasError:y,..._,preplyDsComponent:F??t.FieldLayout,ref:l,children:s.jsxs("div",{className:g.join(" "),onClick:C,children:[n&&s.jsx("span",{className:w.join(" "),children:n}),L,v]})})},b=d.forwardRef(R);try{b.displayName="FieldLayout",b.__docgenInfo={description:"A component for building custom fields.",displayName:"FieldLayout",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},label:{defaultValue:null,description:"",name:"label",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"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},isFocused:{defaultValue:null,description:"",name:"isFocused",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isTouched:{defaultValue:null,description:"",name:"isTouched",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isChanged:{defaultValue:null,description:"",name:"isChanged",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasValue:{defaultValue:null,description:"",name:"hasValue",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},input:{defaultValue:null,description:"An `<input>` element.",name:"input",required:!0,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},inputHandle:{defaultValue:null,description:"A ref handle to the `<input>` element, used to manage focus when\nclicking on elements within the layout, such as the button and icon.",name:"inputHandle",required:!0,type:{name:"enum",value:[{value:"null"},{value:"InputImperativeHandle"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<IconProps, string | JSXElementConstructor<any>>"}]}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"enum",value:[{value:"ReactElement<FieldButtonProps, string | JSXElementConstructor<any>>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},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: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{b as F};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import{j as u}from"./jsx-runtime-BTJTZTIL.js";import{r as m}from"./index-Cb9e4tly.js";import{a as B,g as H,b as z}from"./useForcedRef--iGFM41p.js";import{g as N}from"./index-DdzHuZ-Y.js";import{F as S}from"./FieldAdditionalText-BiaO_Yss.js";import"./index-D1pfvbUR.js";import{m as T,b as I,a as D}from"./classNames-BUL1Zq7e.js";import{M as A}from"./message-B1DLZQ1U.js";const F={textarea:"textarea",select:"select"},M=()=>{},K=(e,a)=>{const{type:l,id:n,name:t,className:r,onChange:i,onFocus:d,onBlur:v,onClick:f,onKeyDown:y,onKeyUp:b,onCopy:_,onPaste:q,required:E,readOnly:p,disabled:c,dataset:h,preplyDsComponent:V}=e,s=m.useRef(null);m.useImperativeHandle(a,()=>({setFocus:()=>{var o;return(o=s.current)==null?void 0:o.focus()},scrollIntoView:()=>{var o;return(o=s.current)==null?void 0:o.scrollIntoView()}}));const j=B({disabled:c,captureChildEvents:!0,onBlur:v,onFocus:d}),x=F[l]||"input",k=x===l in F?void 0:l,P={...{ref:s,type:k,id:n,name:t,className:r,...j,onChange:i||M,onClick:f,onKeyDown:y,onKeyUp:b,onCopy:_,onPaste:q,required:E,readOnly:p,disabled:c},...z(e),...N(h,{preplyDsComponent:V}),...H(e)};return u.jsx(x,{...P,ref:s})},R=m.forwardRef(K);try{R.displayName="InputBase",R.__docgenInfo={description:"",displayName:"InputBase",props:{type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"number"'},{value:'"url"'},{value:'"search"'},{value:'"text"'},{value:'"email"'},{value:'"tel"'},{value:'"password"'},{value:'"date"'},{value:'"time"'},{value:'"select"'},{value:'"textarea"'},{value:'"checkbox"'},{value:'"radio"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"name"'},{value:'"off"'},{value:'"new-password"'},{value:'"current-password"'},{value:'"email"'},{value:'"tel"'},{value:'"on"'},{value:'"username"'},{value:'"language"'}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
|
|
2
|
-
@see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
|
|
3
|
-
@see aria-hidden
|
|
4
|
-
@see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
|
|
5
|
-
@see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"spelling"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},preplyDsComponent:{defaultValue:null,description:`@deprecated preplyDsComponent is meant for internal Design SYstem use only!!
|
|
6
|
-
@see getDatasetProps`,name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"string"}]}},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: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"enum",value:[{value:"number"}]}},resize:{defaultValue:null,description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"vertical"'},{value:'"horizontal"'},{value:'"both"'}]}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"enum",value:[{value:"string"}]}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"enum",value:[{value:"string"}]}},checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}function be(e,a,l,n=[]){return m.useMemo(()=>{if(!(!a&&!l))return t=>{a==null||a(t);const r=e(t);l==null||l(r)}},[a,l,...n])}const O="_InputText_7pwbu_4",U="_InputPassword_7pwbu_11",G="_InputDate_7pwbu_18",J="_InputTime_7pwbu_25",X="_InputNumber_7pwbu_32",$="_Textarea_7pwbu_39",Y="_Checkbox_7pwbu_58",Q="_Radio_7pwbu_61",W="_Select_7pwbu_64",_e={InputText:O,InputPassword:U,InputDate:G,InputTime:J,InputNumber:X,Textarea:$,"Textarea--resize-none":"_Textarea--resize-none_7pwbu_46","Textarea--resize-vertical":"_Textarea--resize-vertical_7pwbu_49","Textarea--resize-horizontal":"_Textarea--resize-horizontal_7pwbu_52","Textarea--resize-both":"_Textarea--resize-both_7pwbu_55",Checkbox:Y,Radio:Q,Select:W},Z="_FieldLabel_1aa2k_4",L={FieldLabel:Z,"FieldLabel--wrap":"_FieldLabel--wrap_1aa2k_19","FieldLabel--wrapGap":"_FieldLabel--wrapGap_1aa2k_22","FieldLabel--required":"_FieldLabel--required_1aa2k_26","FieldLabel--hide":"_FieldLabel--hide_1aa2k_31"},w="FieldLabel",ee="•",ae=u.jsx(A,{id:"preply-ds.fieldLabel.required",defaultMessage:"Required",description:"Form field required label"}),le=({label:e=ae})=>{const a=D(L,w,["required"]);return u.jsxs("span",{className:a.join(" "),children:[u.jsx("span",{children:ee}),u.jsx("span",{children:e})]})},ue=()=>{const e=D(L,w,["wrapGap"]);return u.jsx("span",{className:e.join(" ")})},g=({id:e,label:a,hideLabel:l,wrapLabel:n=!1,required:t,requiredLabel:r})=>{const i=T(L,w,[I("hide",void 0,l),I("wrap",void 0,n)]);return u.jsxs("label",{htmlFor:e,className:i.join(" "),children:[a,n&&u.jsx(ue,{}),t&&u.jsx(le,{label:r})]})};try{g.displayName="FieldLabel",g.__docgenInfo={description:"",displayName:"FieldLabel",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},label:{defaultValue:{value:`(
|
|
7
|
-
<FormattedMessage
|
|
8
|
-
id="preply-ds.fieldLabel.required"
|
|
9
|
-
defaultMessage="Required"
|
|
10
|
-
description="Form field required label"
|
|
11
|
-
/>
|
|
12
|
-
)`},description:"",name:"label",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:{value:"false"},description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}}}}}catch{}const ne="_FieldLayoutBase_1retl_2",te={FieldLayoutBase:ne},re="FieldLayoutBase",se=({id:e,className:a,label:l,hideLabel:n,wrapLabel:t=!1,required:r,requiredLabel:i,additionalText:d,preserveSpace:v,hasError:f,dataset:y,children:b,preplyDsComponent:_},q)=>{const p=[...T(te,re)];a&&p.push(a);const c={className:p.join(" "),...N(y,{preplyDsComponent:_})},h={id:e,label:l,hideLabel:n,wrapLabel:t,required:r,requiredLabel:i},V=!d&&v?u.jsx("span",{children:" "}):void 0,s=f?"error":"normal";return u.jsxs("div",{...c,ref:q,children:[u.jsx(g,{...h}),b,d&&u.jsx(S,{id:`${e}-desc`,variant:s,children:d}),V]})},C=m.forwardRef(se);try{C.displayName="FieldLayoutBase",C.__docgenInfo={description:"",displayName:"FieldLayoutBase",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},label:{defaultValue:null,description:"",name:"label",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"}]}},hideLabel:{defaultValue:null,description:"",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:{value:"false"},description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isFocused:{defaultValue:null,description:"",name:"isFocused",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isTouched:{defaultValue:null,description:"",name:"isTouched",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isChanged:{defaultValue:null,description:"",name:"isChanged",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasValue:{defaultValue:null,description:"",name:"hasValue",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"string"}]}},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: HTMLDivElement | null) => void"},{value:"RefObject<HTMLDivElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{C as F,R as I,_e as s,be as u};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._InputText_7pwbu_4,._InputPassword_7pwbu_11,._InputDate_7pwbu_18,._InputTime_7pwbu_25,._InputNumber_7pwbu_32,._Textarea_7pwbu_39{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._Textarea--resize-none_7pwbu_46{resize:none}._Textarea--resize-vertical_7pwbu_49{resize:vertical}._Textarea--resize-horizontal_7pwbu_52{resize:horizontal}._Textarea--resize-both_7pwbu_55{resize:both}._Checkbox_7pwbu_58,._Radio_7pwbu_61{display:inline-block}._Select_7pwbu_64{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._FieldLabel_1aa2k_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);color:var(--e41135);font-size:var(--343d89);font-weight:var(--b44390);line-height:var(--360264);letter-spacing:var(--b8c41f);font-style:var(--0ab3be);display:flex;gap:var(--6947b0);max-width:max-content}._FieldLabel--wrap_1aa2k_19{display:inline}._FieldLabel--wrapGap_1aa2k_22{width:var(--6947b0);display:inline-block}._FieldLabel--required_1aa2k_26{display:flex;gap:var(--6947b0);color:var(--3d280d)}._FieldLabel--hide_1aa2k_31{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}._FieldLayoutBase_1retl_2{display:flex;flex-direction:column;gap:var(--6947b0)}._FieldLayoutBase_1retl_2 input,._FieldLayoutBase_1retl_2 textarea{display:block;width:100%}
|