@preply/ds-docs 2.0.1 → 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-Dxg48axa.js → 00.LayoutFlex.stories-CbDXxyuE.js} +1 -1
- package/dist/assets/{00.applications-CWPvzkb8.js → 00.applications-DrPcq5hf.js} +1 -1
- package/dist/assets/{00.favicons.guide-CioTS39P.js → 00.favicons.guide-BGlf-F09.js} +1 -1
- package/dist/assets/{00.token-explorer-Ms3A3gKw.js → 00.token-explorer-Bfc0792V.js} +1 -1
- package/dist/assets/{00.using-responsive-props-B4JXxb8B.js → 00.using-responsive-props-zAcJieHB.js} +1 -1
- package/dist/assets/{01.semantic-tokens-uwEK-alq.js → 01.semantic-tokens-Ccy3YqAg.js} +1 -1
- package/dist/assets/{01.using-shorthand-props-DVl924Oz.js → 01.using-shorthand-props-B0ANrFDR.js} +1 -1
- package/dist/assets/{10.Combinations.stories-BwVik25M.js → 10.Combinations.stories-CdNbC18z.js} +1 -1
- package/dist/assets/{10.fonts.guide-CPpSTBh5.js → 10.fonts.guide-kjxLDtt2.js} +1 -1
- package/dist/assets/{10.ssr-nIbsPyxs.js → 10.ssr-C85792Ym.js} +1 -1
- package/dist/assets/{11.languageFont.explorer-BnJaxOzB.js → 11.languageFont.explorer-C8B0RG10.js} +1 -1
- package/dist/assets/{11.ssr.app-router-D1RtbDN9.js → 11.ssr.app-router-DLGELGUU.js} +1 -1
- package/dist/assets/{20.libraries-DROERfkO.js → 20.libraries-BDQu_qts.js} +1 -1
- package/dist/assets/{30.icons.explorer-El51dKM_.js → 30.icons.explorer-Cs2BoR4M.js} +1 -1
- package/dist/assets/{30.storybook-DG4_FgeX.js → 30.storybook-Nx8Paw-6.js} +1 -1
- package/dist/assets/40.illustrations.explorer-WSD1rIjJ.js +21 -0
- package/dist/assets/{90.advanced-Bpafg85K.js → 90.advanced-DASg-ru6.js} +1 -1
- package/dist/assets/AlertDialog-Maq8_VU0.css +1 -0
- package/dist/assets/{AlertDialog.stories-DYP2Qbit.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-D7fst3_7.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-DxY6VuVF.js → Badge.stories-CSQZXuAX.js} +1 -1
- 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-B6Md1MMV.js → Chips.stories-3FQFAew8.js} +2 -2
- package/dist/assets/{Color-YHDXOIA2-4GAnzwWB.js → Color-YHDXOIA2-BYOU6QkC.js} +1 -1
- package/dist/assets/Dialog-DzqSHLus.css +1 -0
- package/dist/assets/{Dialog.stories-C7_Fdl3l.js → Dialog.stories-CjuVHAg6.js} +19 -19
- package/dist/assets/{DocsRenderer-CFRXHY34-DEKaLxr5.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-BknKG7pn.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-8phtWQab.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-TOLu2AYc.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-DVOG4eGs.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-BXbRnWp9.js → Icon-RSC-BuTFeAj0.js} +1 -1
- package/dist/assets/Icon-Wpz7-Jvg.js +8 -0
- package/dist/assets/{Icon.stories-DLdTr5b7.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-Bm8v-QkC.js → LayoutFlex-5ZDeW2G6.js} +1 -1
- package/dist/assets/{LayoutFlex-Cc1D09Ei.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-EiMcdLab.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-B0au_GJa.js +203 -0
- package/dist/assets/OnboardingTooltip-CsmroJZe.css +1 -0
- package/dist/assets/{OnboardingTooltip-vUAo9ADZ.js → OnboardingTooltip-DkJtTrMv.js} +1 -1
- package/dist/assets/{OnboardingTooltip.stories-doNUnMe7.js → OnboardingTooltip.stories-CBEGxsdn.js} +1 -1
- package/dist/assets/{OnboardingTooltip.tests.stories-Bv3lHMu_.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-CoOA-ga5.js → OnboardingTour.stories-Ci2XQcpZ.js} +1 -1
- package/dist/assets/{OnboardingTour.tests.stories-Bi99nEGK.js → OnboardingTour.tests.stories-fpAsT8xG.js} +1 -1
- package/dist/assets/PasswordField-pNO2_I4U.css +1 -0
- package/dist/assets/{PasswordField.stories-DY5ogILG.js → PasswordField.stories-tMCP_-zS.js} +3 -3
- 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-DQ2un511.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-CbxKZt-6.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/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-BhTfb1un.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-CRxantTh.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-Bclgc2EW.js +178 -0
- 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-ZPt_wlMP.js → TextareaField.stories-DeszU8P5.js} +5 -5
- package/dist/assets/Toast-Bce4LWtf.css +1 -0
- package/dist/assets/{Toast.stories-DKkMHs-Q.js → Toast.stories-ddQWgL74.js} +9 -9
- package/dist/assets/Tooltip-Cm9bKrYj.css +1 -0
- package/dist/assets/{Tooltip-Ct-WqDpg.js → Tooltip-DfP6dW5t.js} +1 -1
- package/dist/assets/{Tooltip.stories-BWtp4p6F.js → Tooltip.stories-BFaVZ-KR.js} +1 -1
- package/dist/assets/{Tooltip.tests.stories-C2PZScD4.js → Tooltip.tests.stories-BdWpurqX.js} +1 -1
- package/dist/assets/{breakpoints-DrPPi6ob.js → breakpoints-DZrjMODJ.js} +1 -1
- package/dist/assets/{breakpoints-BHfQdcIJ.js → breakpoints-OMNEQfen.js} +1 -1
- package/dist/assets/{breakpoints-I4FAlX3-.js → breakpoints-nQG7mZUy.js} +1 -1
- package/dist/assets/{changelog-CHKnz4hf.js → changelog-DKkspQMC.js} +136 -124
- package/dist/assets/{entry-preview-CJqbxsdd.js → entry-preview-Di48KvWt.js} +1 -1
- package/dist/assets/{getTokenVar-BX_aqC-A.js → getTokenVar-CaVPbV9a.js} +1 -1
- package/dist/assets/{hover-BcoRLc18.js → hover-5sSVivzT.js} +1 -1
- package/dist/assets/{hover-Bn6tz5Uw.js → hover-CqG5MZbC.js} +1 -1
- package/dist/assets/{hover-DNMePSJs.js → hover-DcOblfBc.js} +1 -1
- package/dist/assets/{iframe-D0mvSgIL.js → iframe-C8qEtSwt.js} +2 -2
- package/dist/assets/{index-BsQc80lu.js → index-Ba1GaWBz.js} +3 -3
- package/dist/assets/{index-4X0Wd6c1.js → index-Cp5_iz39.js} +1 -1
- package/dist/assets/{intro-CBk5iAA3.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-T5R-NRLP.js → migrating-from-less-DIb86N4R.js} +1 -1
- package/dist/assets/playground-t-QHn_5x.css +1 -0
- package/dist/assets/{playground.stories-D2vZb5DU.js → playground.stories-CTz0xGuT.js} +111 -111
- package/dist/assets/{preview-DCKor9oC.js → preview-BOyk1pfY.js} +1 -1
- package/dist/assets/{preview-Vxjmr8F-.js → preview-CBMehSre.js} +1 -1
- package/dist/assets/{preview-BBPbRy6B.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-D0BWg3AW.js → tokens-C4H21x5Y.js} +1 -1
- package/dist/assets/{tokens-BYJD7edf.js → tokens-DY9UJMme.js} +1 -1
- package/dist/assets/{tokens-ChcQAZih.js → tokens-bDgXZ1xi.js} +1 -1
- package/dist/assets/{usePortalElement-D8YB8wCj.js → usePortalElement-hM2pDsQq.js} +1 -1
- package/dist/assets/{welcome-mZ5KeQa-.js → welcome-DaVgjrPL.js} +1 -1
- package/dist/assets/{zeroheight-CLcZK6pE.js → zeroheight-D5Xa3jWw.js} +1 -1
- package/dist/iframe.html +1 -1
- package/dist/index.json +1 -1
- package/dist/preview-stats.json +1634 -1631
- package/dist/project.json +1 -1
- package/package.json +3 -3
- package/vite.config.ts +10 -0
- package/dist/assets/40.illustrations.explorer-BZO-_C_S.js +0 -21
- package/dist/assets/AlertDialog-C9BEjgkE.css +0 -1
- package/dist/assets/Avatar-DKsRQl4B.js +0 -6
- package/dist/assets/Avatar-HtycGal7.js +0 -1
- package/dist/assets/Avatar-L-715hiR.css +0 -1
- package/dist/assets/Avatar-M4k3pOBX.css +0 -1
- package/dist/assets/AvatarWithStatus-Dz0rSSHl.css +0 -1
- package/dist/assets/AvatarWithStatus.stories-NWE-3XEL.js +0 -41
- package/dist/assets/Badge-Ar4YZCqB.css +0 -1
- package/dist/assets/Box-D1WAKfTQ.css +0 -1
- package/dist/assets/Box.stories-DFh_1cIr.js +0 -44
- package/dist/assets/Button-BOyl6fPv.js +0 -20
- package/dist/assets/Button-BwBS3oEP.css +0 -1
- package/dist/assets/Button-DTjBNg_z.js +0 -1
- package/dist/assets/Button-P9yXDdEf.css +0 -1
- package/dist/assets/Button.stories-H01CJnTv.js +0 -211
- package/dist/assets/ButtonBase-CndTGqQQ.js +0 -8
- package/dist/assets/ButtonBase-Ddw6v5fn.css +0 -1
- package/dist/assets/Chips-CpylpY14.css +0 -1
- package/dist/assets/Dialog-CNTXsWOb.css +0 -1
- package/dist/assets/FieldAdditionalText-BbXsXR5V.js +0 -1
- package/dist/assets/FieldAdditionalText-DbuNvJBg.css +0 -1
- package/dist/assets/FieldButton-BJQKm6jT.css +0 -1
- package/dist/assets/FieldButton-CLS4hZRO.js +0 -1
- package/dist/assets/FieldLayout-DYbPQFAW.css +0 -1
- package/dist/assets/FieldLayout-nD5R7atd.js +0 -1
- package/dist/assets/FieldLayoutBase-B_B5-cjL.css +0 -1
- package/dist/assets/FieldLayoutBase-Ri_bjseH.js +0 -12
- package/dist/assets/Heading-BIzxWDA5.js +0 -2
- package/dist/assets/Heading-DLvxlILX.css +0 -1
- package/dist/assets/Icon-BmtvHdpX.js +0 -8
- package/dist/assets/Icon-BqDOhmd9.js +0 -1
- package/dist/assets/Icon-CQT2GKoH.css +0 -1
- package/dist/assets/Icon-CXX0nf3D.css +0 -1
- package/dist/assets/IconButton-LF952PfZ.js +0 -8
- package/dist/assets/InputText-Dtc7LpKa.js +0 -5
- package/dist/assets/LayoutFlexItem-BYTRwx_X.css +0 -1
- package/dist/assets/LayoutFlexItem-C_JBzaw-.js +0 -1
- package/dist/assets/LayoutGrid-DFWk8NB8.css +0 -1
- package/dist/assets/LayoutGrid-IDkxjZN1.js +0 -1
- package/dist/assets/LayoutGrid-L_40ixqn.css +0 -1
- package/dist/assets/LayoutGrid.stories-DPmEZkN1.js +0 -88
- package/dist/assets/LayoutGridItem-DvV7NvZa.js +0 -1
- package/dist/assets/LayoutGridItem-DwNHNpvD.css +0 -1
- package/dist/assets/Link-xQTG6qM6.css +0 -1
- package/dist/assets/Loader-BasFj5cB.css +0 -1
- package/dist/assets/Loader.stories-C9NOJXU_.js +0 -37
- package/dist/assets/NumberField-C0w7Zzcx.css +0 -1
- package/dist/assets/NumberField.stories-DpEWh-dT.js +0 -203
- package/dist/assets/OnboardingTooltip-BUE-a7PJ.css +0 -1
- package/dist/assets/OnboardingTour-BJaUVtET.css +0 -1
- package/dist/assets/OnboardingTour-i4oFa3CL.js +0 -4
- package/dist/assets/PasswordField-CW55DLIa.css +0 -1
- package/dist/assets/PreplyLogo-D50rvD8_.css +0 -1
- package/dist/assets/PreplyLogo.stories-D2YUc7Xm.js +0 -97
- package/dist/assets/ProgressBar-BoL6q8Gm.css +0 -1
- package/dist/assets/ProgressSteps-CSu6U8Oh.js +0 -2
- package/dist/assets/ProgressSteps-oRv75ID6.css +0 -1
- package/dist/assets/RootProvider-BgscvpVs.js +0 -1
- package/dist/assets/SelectField-DdoXEWJk.css +0 -1
- package/dist/assets/SelectField.stories-DXrTFOq5.js +0 -182
- package/dist/assets/Spinner-WkRCqqWl.css +0 -1
- package/dist/assets/Spinner-Yzq6CWfu.js +0 -1
- package/dist/assets/Steps-Cm49GD2O.css +0 -1
- package/dist/assets/Steps-Drw_J1pN.js +0 -26
- package/dist/assets/Text-BbTAW1HU.js +0 -1
- package/dist/assets/Text-V4TRyvtW.js +0 -1
- package/dist/assets/Text-rF1Oi742.css +0 -1
- package/dist/assets/TextField-BzR--15O.js +0 -1
- package/dist/assets/TextField-DYLqe3tJ.css +0 -1
- package/dist/assets/TextField-DnBkywp4.css +0 -1
- package/dist/assets/TextField.stories-B6ZiRnD3.js +0 -178
- package/dist/assets/TextHighlighted-Be3VqoqU.js +0 -1
- package/dist/assets/TextHighlighted-ctAnMXHo.css +0 -1
- package/dist/assets/TextHighlighted.stories-Ccl1UgGr.js +0 -32
- package/dist/assets/TextInline-zyBsYqm3.css +0 -1
- package/dist/assets/TextInline.stories-DjHRpfFb.js +0 -37
- package/dist/assets/TextareaField-CZ8v7yuT.css +0 -1
- package/dist/assets/Toast-9YYei-H6.css +0 -1
- package/dist/assets/Tooltip-CEXdeSMx.css +0 -1
- package/dist/assets/layout-relative-Bqi-eQr9.css +0 -1
- package/dist/assets/layout-relative-Brg7nCBe.css +0 -1
- package/dist/assets/layout-relative-D1P2Swpw.css +0 -1
- package/dist/assets/layout-relative-DFrOiWAE.js +0 -1
- package/dist/assets/layout-relative.module-BhIMNlTS-HdwEQarE.js +0 -1
- package/dist/assets/layout-relative.module-CDUOJ19G.js +0 -1
- package/dist/assets/playground-pPNOw9Oj.css +0 -1
- package/dist/assets/text-accent-BbDxH1tz.css +0 -1
- package/dist/assets/text-accent-C7pEavfl.js +0 -1
- package/dist/assets/text-accent-Pc_gtAUU.js +0 -1
- package/dist/assets/text-centered-Bf8j8BI4.js +0 -1
- package/dist/assets/text-centered-BsBBnlcu.css +0 -1
- package/dist/assets/text-centered-CCAvmLGC.css +0 -1
- package/dist/assets/text-centered-CEVxj3Ji.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.Text__BD7-C{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);margin:0;font-weight:var(--73984e)}.Text--variant-caption-regular__-ndGs{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}.Text--variant-caption-semibold__-q81F{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}.Text--variant-small-regular__V98UM{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}.Text--variant-small-regular-italic__Ii9YT{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}.Text--variant-small-semibold__mTXWU{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}.Text--variant-small-semibold-italic__N2bGq{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}.Text--variant-default-regular__GBkvP{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}.Text--variant-default-regular-italic__h8iGC{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}.Text--variant-default-semibold__BREV0{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}.Text--variant-default-semibold-italic__0qH9S{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}.Text--variant-large-regular__IFXFs{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}.Text--variant-large-regular-italic__PBExC{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}.Text--variant-large-semibold__iyV1O{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}.Text--variant-large-semibold-italic__wKF6g{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}.Text--variant-xs__-oA5D{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}.Text--variant-xs-medium__lJfcR{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}.Text--variant-s__xqH0U{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}.Text--variant-s-italic__jUEl1{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}.Text--variant-s-medium__waMrn{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}.Text--variant-s-medium-italic__sLhV3{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}.Text--variant-s-bold__tq4bK{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}.Text--variant-s-bold-italic__GG7kG{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}.Text--variant-m__y2H-S{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)}.Text--variant-m-italic__Sslhm{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}.Text--variant-m-medium__6RBW8{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}.Text--variant-m-medium-italic__dWABZ{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}.Text--variant-m-bold__5ZSGo{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}.Text--variant-m-bold-italic__EA7SO{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}.Text--variant-l__kMF37{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}.Text--variant-l-italic__O9IYe{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}.Text--variant-l-medium__mlaL6{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}.Text--variant-l-medium-italic__c-aUW{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}.Text--variant-xl__mVHo2{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}.Text--variant-xl-italic__E-mAM{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}.Text--variant-xl-medium__oom4K{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}.Text--variant-xl-medium-italic__TE3Jt{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}@media (min-width: 400px){.Text--narrow-l--variant-caption-regular__nznL0{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}.Text--narrow-l--variant-caption-semibold__l0VQQ{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}.Text--narrow-l--variant-small-regular__VMmD6{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}.Text--narrow-l--variant-small-regular-italic__nGADF{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}.Text--narrow-l--variant-small-semibold__BQ1W4{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}.Text--narrow-l--variant-small-semibold-italic__7UUeq{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}.Text--narrow-l--variant-default-regular__pVzcT{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}.Text--narrow-l--variant-default-regular-italic__RPEsW{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}.Text--narrow-l--variant-default-semibold__AHeOG{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}.Text--narrow-l--variant-default-semibold-italic__Dhmq4{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}.Text--narrow-l--variant-large-regular__vY6mg{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}.Text--narrow-l--variant-large-regular-italic__Jypdh{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}.Text--narrow-l--variant-large-semibold__XaN0f{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}.Text--narrow-l--variant-large-semibold-italic__5DrpP{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}.Text--narrow-l--variant-xs__4uGu2{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}.Text--narrow-l--variant-xs-medium__-CtgL{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}.Text--narrow-l--variant-s__KqYpy{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}.Text--narrow-l--variant-s-italic__-gELi{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}.Text--narrow-l--variant-s-medium__utaTA{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}.Text--narrow-l--variant-s-medium-italic__zkpxW{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}.Text--narrow-l--variant-s-bold__my0rm{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}.Text--narrow-l--variant-s-bold-italic__-j36-{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}.Text--narrow-l--variant-m__qcvbO{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)}.Text--narrow-l--variant-m-italic__2guYD{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}.Text--narrow-l--variant-m-medium__R0Zn5{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}.Text--narrow-l--variant-m-medium-italic__dbTJX{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}.Text--narrow-l--variant-m-bold__qG4uf{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}.Text--narrow-l--variant-m-bold-italic__zQtJz{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}.Text--narrow-l--variant-l__AXq1c{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}.Text--narrow-l--variant-l-italic__HGq6U{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}.Text--narrow-l--variant-l-medium__YwkyG{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}.Text--narrow-l--variant-l-medium-italic__yFA2S{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}.Text--narrow-l--variant-xl__oBX0z{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}.Text--narrow-l--variant-xl-italic__-zpWI{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}.Text--narrow-l--variant-xl-medium__83EfM{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}.Text--narrow-l--variant-xl-medium-italic__XFZLh{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}}@media (min-width: 700px){.Text--medium-s--variant-caption-regular__QIFIm{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}.Text--medium-s--variant-caption-semibold__qA3XV{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}.Text--medium-s--variant-small-regular__Fujae{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}.Text--medium-s--variant-small-regular-italic__jaDXd{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}.Text--medium-s--variant-small-semibold__9pYQr{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}.Text--medium-s--variant-small-semibold-italic__-ac-Q{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}.Text--medium-s--variant-default-regular__jyyg6{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}.Text--medium-s--variant-default-regular-italic__FzmWH{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}.Text--medium-s--variant-default-semibold__zfein{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}.Text--medium-s--variant-default-semibold-italic__pwAKv{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}.Text--medium-s--variant-large-regular__UQstF{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}.Text--medium-s--variant-large-regular-italic__BGPjz{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}.Text--medium-s--variant-large-semibold__ZTsh3{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}.Text--medium-s--variant-large-semibold-italic__QsDHO{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}.Text--medium-s--variant-xs__z3jXb{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}.Text--medium-s--variant-xs-medium__W652v{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}.Text--medium-s--variant-s__7VRn-{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}.Text--medium-s--variant-s-italic__BwgAM{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}.Text--medium-s--variant-s-medium__GvQp3{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}.Text--medium-s--variant-s-medium-italic__FyNWz{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}.Text--medium-s--variant-s-bold__21d9F{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}.Text--medium-s--variant-s-bold-italic__IGU-J{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}.Text--medium-s--variant-m__Dn8L6{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)}.Text--medium-s--variant-m-italic__W45ct{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}.Text--medium-s--variant-m-medium__l502U{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}.Text--medium-s--variant-m-medium-italic__Mn2Xv{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}.Text--medium-s--variant-m-bold__udL4N{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}.Text--medium-s--variant-m-bold-italic__-JwlV{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}.Text--medium-s--variant-l__enEs7{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}.Text--medium-s--variant-l-italic__GWybE{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}.Text--medium-s--variant-l-medium__OiUBT{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}.Text--medium-s--variant-l-medium-italic__E5PLY{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}.Text--medium-s--variant-xl__WhyWE{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}.Text--medium-s--variant-xl-italic__quV4P{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}.Text--medium-s--variant-xl-medium__5w8u0{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}.Text--medium-s--variant-xl-medium-italic__ZrCSq{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}}@media (min-width: 880px){.Text--medium-l--variant-caption-regular__neFtF{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}.Text--medium-l--variant-caption-semibold__96Bxj{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}.Text--medium-l--variant-small-regular__q832t{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}.Text--medium-l--variant-small-regular-italic__rh-C-{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}.Text--medium-l--variant-small-semibold__NyQYA{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}.Text--medium-l--variant-small-semibold-italic__D8qtH{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}.Text--medium-l--variant-default-regular__AZhpM{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}.Text--medium-l--variant-default-regular-italic__zLCku{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}.Text--medium-l--variant-default-semibold__3FVwk{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}.Text--medium-l--variant-default-semibold-italic__dmKNV{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}.Text--medium-l--variant-large-regular__4JxNh{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}.Text--medium-l--variant-large-regular-italic__wwnsG{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}.Text--medium-l--variant-large-semibold__WR7vo{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}.Text--medium-l--variant-large-semibold-italic__lLaF0{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}.Text--medium-l--variant-xs__Y6JFw{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}.Text--medium-l--variant-xs-medium__El12O{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}.Text--medium-l--variant-s__FlmNU{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}.Text--medium-l--variant-s-italic__5jiqZ{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}.Text--medium-l--variant-s-medium__EAkmj{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}.Text--medium-l--variant-s-medium-italic__ucwOq{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}.Text--medium-l--variant-s-bold__bgLyZ{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}.Text--medium-l--variant-s-bold-italic__1ov1K{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}.Text--medium-l--variant-m__0iJWf{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)}.Text--medium-l--variant-m-italic__3Qg3q{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}.Text--medium-l--variant-m-medium__KJ9Be{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}.Text--medium-l--variant-m-medium-italic__E11Pt{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}.Text--medium-l--variant-m-bold__9zNb6{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}.Text--medium-l--variant-m-bold-italic__Uhd8V{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}.Text--medium-l--variant-l__sB-Yg{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}.Text--medium-l--variant-l-italic__VFqnw{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}.Text--medium-l--variant-l-medium__zrQ83{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}.Text--medium-l--variant-l-medium-italic__sdI6v{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}.Text--medium-l--variant-xl__Y3-cI{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}.Text--medium-l--variant-xl-italic__SPEru{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}.Text--medium-l--variant-xl-medium__WoUQ5{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}.Text--medium-l--variant-xl-medium-italic__WffJn{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}}@media (min-width: 1200px){.Text--wide-s--variant-caption-regular__tfrra{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}.Text--wide-s--variant-caption-semibold__pcHWg{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}.Text--wide-s--variant-small-regular__qVuSz{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}.Text--wide-s--variant-small-regular-italic__paUwS{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}.Text--wide-s--variant-small-semibold__--T3V{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}.Text--wide-s--variant-small-semibold-italic__YLx3p{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}.Text--wide-s--variant-default-regular__7nbdM{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}.Text--wide-s--variant-default-regular-italic__ohsSu{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}.Text--wide-s--variant-default-semibold__-Q2Gu{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}.Text--wide-s--variant-default-semibold-italic__v6oao{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}.Text--wide-s--variant-large-regular__lrWEc{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}.Text--wide-s--variant-large-regular-italic__v55x9{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}.Text--wide-s--variant-large-semibold__FV1hE{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}.Text--wide-s--variant-large-semibold-italic__8Xjhy{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}.Text--wide-s--variant-xs__eeBxV{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}.Text--wide-s--variant-xs-medium__AENwl{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}.Text--wide-s--variant-s__ZWFJx{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}.Text--wide-s--variant-s-italic__IJH0P{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}.Text--wide-s--variant-s-medium__w9kPs{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}.Text--wide-s--variant-s-medium-italic__mLEAh{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}.Text--wide-s--variant-s-bold__mvwUE{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}.Text--wide-s--variant-s-bold-italic__X2TdA{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}.Text--wide-s--variant-m__2VmLl{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)}.Text--wide-s--variant-m-italic__-cijk{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}.Text--wide-s--variant-m-medium__1M-am{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}.Text--wide-s--variant-m-medium-italic__7mmlc{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}.Text--wide-s--variant-m-bold__AiN1T{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}.Text--wide-s--variant-m-bold-italic__IeqkZ{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}.Text--wide-s--variant-l__3OwLa{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}.Text--wide-s--variant-l-italic__kOKA0{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}.Text--wide-s--variant-l-medium__fexUj{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}.Text--wide-s--variant-l-medium-italic__nljBU{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}.Text--wide-s--variant-xl__U-I9z{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}.Text--wide-s--variant-xl-italic__Ezp9P{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}.Text--wide-s--variant-xl-medium__bm-qs{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}.Text--wide-s--variant-xl-medium-italic__gd-Un{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}}@media (min-width: 1900px){.Text--wide-l--variant-caption-regular__RmVMU{font-size:var(--d3e233);font-weight:var(--56c416);line-height:var(--bc6f38);letter-spacing:var(--be8c45);font-style:var(--ba54c4);font-variation-settings:var(--1f00e7)}.Text--wide-l--variant-caption-semibold__nWA4i{font-size:var(--4df4f0);font-weight:var(--756814);line-height:var(--f8ebff);letter-spacing:var(--03e2b6);font-style:var(--782782);font-variation-settings:var(--a1e375)}.Text--wide-l--variant-small-regular__jofJW{font-size:var(--d4ea3f);font-weight:var(--c2057a);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);font-style:var(--8dee8a);font-variation-settings:var(--51eeea)}.Text--wide-l--variant-small-regular-italic__vt9vP{font-size:var(--33b293);font-weight:var(--b38b97);line-height:var(--5f3bbf);letter-spacing:var(--40ba00);font-style:var(--02d236);font-variation-settings:var(--4c48ba)}.Text--wide-l--variant-small-semibold__jSimt{font-size:var(--97511e);font-weight:var(--fbec20);line-height:var(--a8f0e2);letter-spacing:var(--a566de);font-style:var(--92feb8);font-variation-settings:var(--a1201a)}.Text--wide-l--variant-small-semibold-italic__CPy01{font-size:var(--16878a);font-weight:var(--9d502c);line-height:var(--bd5dd5);letter-spacing:var(--ca673a);font-style:var(--7cc250);font-variation-settings:var(--f7661a)}.Text--wide-l--variant-default-regular__zGDH3{font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de);font-variation-settings:var(--2d95ca)}.Text--wide-l--variant-default-regular-italic__pj89w{font-size:var(--58dc82);font-weight:var(--55b888);line-height:var(--d59274);letter-spacing:var(--40d520);font-style:var(--b09e9d);font-variation-settings:var(--7dfa2c)}.Text--wide-l--variant-default-semibold__AzL9L{font-size:var(--8098ff);font-weight:var(--a4fde7);line-height:var(--2285fa);letter-spacing:var(--95d383);font-style:var(--82c3d5);font-variation-settings:var(--51956c)}.Text--wide-l--variant-default-semibold-italic__4AXL6{font-size:var(--4f1e3c);font-weight:var(--ea7bfd);line-height:var(--f70f04);letter-spacing:var(--f69e59);font-style:var(--dd40d0);font-variation-settings:var(--19883f)}.Text--wide-l--variant-large-regular__iIUQK{font-size:var(--3cfa3f);font-weight:var(--f9dbd7);line-height:var(--206b00);letter-spacing:var(--2585de);font-style:var(--1952bb);font-variation-settings:var(--0b4502)}.Text--wide-l--variant-large-regular-italic__OtyLZ{font-size:var(--3b44b6);font-weight:var(--500731);line-height:var(--c18960);letter-spacing:var(--e4d866);font-style:var(--bed3e0);font-variation-settings:var(--a4194d)}.Text--wide-l--variant-large-semibold__ZTrU9{font-size:var(--63f88d);font-weight:var(--c7a8eb);line-height:var(--942b2f);letter-spacing:var(--5b62c3);font-style:var(--9c1713);font-variation-settings:var(--42348d)}.Text--wide-l--variant-large-semibold-italic__UNwvX{font-size:var(--4afac4);font-weight:var(--333137);line-height:var(--ae63b1);letter-spacing:var(--64a0ba);font-style:var(--ec8789);font-variation-settings:var(--f43b0b)}.Text--wide-l--variant-xs__jktTZ{font-size:var(--4c9f68);font-weight:var(--71d69c);line-height:var(--543571);letter-spacing:var(--29af86);font-style:var(--647b4d);font-variation-settings:var(--afe759)}.Text--wide-l--variant-xs-medium__Snw-d{font-size:var(--547b8f);font-weight:var(--86a200);line-height:var(--e7e648);letter-spacing:var(--d7a1ad);font-style:var(--abe371);font-variation-settings:var(--f65ebc)}.Text--wide-l--variant-s__yhpAB{font-size:var(--a7cfda);font-weight:var(--dc8b92);line-height:var(--c552e7);letter-spacing:var(--4d1d51);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc)}.Text--wide-l--variant-s-italic__JEQga{font-size:var(--79c03c);font-weight:var(--5127dd);line-height:var(--aeb64b);letter-spacing:var(--a50d8c);font-style:var(--c89e06);font-variation-settings:var(--0557d4)}.Text--wide-l--variant-s-medium__t2Vrb{font-size:var(--28e99e);font-weight:var(--ca04c0);line-height:var(--af784d);letter-spacing:var(--015e8c);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a)}.Text--wide-l--variant-s-medium-italic__b4sif{font-size:var(--0e0e62);font-weight:var(--f9d4cc);line-height:var(--88c2d5);letter-spacing:var(--bc7f3e);font-style:var(--38a142);font-variation-settings:var(--6a0033)}.Text--wide-l--variant-s-bold__a2thi{font-size:var(--69b27c);font-weight:var(--a9bc9f);line-height:var(--42f895);letter-spacing:var(--c2692c);font-style:var(--070316);font-variation-settings:var(--676438)}.Text--wide-l--variant-s-bold-italic__dKJ86{font-size:var(--0afa8f);font-weight:var(--363b48);line-height:var(--494462);letter-spacing:var(--10dc5c);font-style:var(--36d923);font-variation-settings:var(--c0a734)}.Text--wide-l--variant-m__kv0Xt{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)}.Text--wide-l--variant-m-italic__drCVx{font-size:var(--aa6f00);font-weight:var(--fb4838);line-height:var(--33548f);letter-spacing:var(--8330df);font-style:var(--b8b43c);font-variation-settings:var(--f2721b)}.Text--wide-l--variant-m-medium__Nklnx{font-size:var(--a5b1e0);font-weight:var(--749dcd);line-height:var(--76f1ec);letter-spacing:var(--2a3820);font-style:var(--b079f7);font-variation-settings:var(--6fc943)}.Text--wide-l--variant-m-medium-italic__dyKE3{font-size:var(--a9ad47);font-weight:var(--faf5f3);line-height:var(--3bd2e0);letter-spacing:var(--fe4b24);font-style:var(--a19ae7);font-variation-settings:var(--858246)}.Text--wide-l--variant-m-bold__nGadW{font-size:var(--29e813);font-weight:var(--18f8ed);line-height:var(--3d432c);letter-spacing:var(--6e9f29);font-style:var(--f02b45);font-variation-settings:var(--483ad1)}.Text--wide-l--variant-m-bold-italic__Qyayk{font-size:var(--741af5);font-weight:var(--c521d5);line-height:var(--c47e7f);letter-spacing:var(--2e489a);font-style:var(--8c5771);font-variation-settings:var(--00e7e3)}.Text--wide-l--variant-l__X0Wqt{font-size:var(--8d5beb);font-weight:var(--0776b9);line-height:var(--1cd7aa);letter-spacing:var(--b5b330);font-style:var(--af51c3);font-variation-settings:var(--0f6434)}.Text--wide-l--variant-l-italic__N9AMu{font-size:var(--feec74);font-weight:var(--6e4501);line-height:var(--1056e0);letter-spacing:var(--421c23);font-style:var(--2adf67);font-variation-settings:var(--da82d0)}.Text--wide-l--variant-l-medium__sUOBO{font-size:var(--0bcae9);font-weight:var(--149f7d);line-height:var(--02fee9);letter-spacing:var(--11ba2e);font-style:var(--03e30a);font-variation-settings:var(--42f863)}.Text--wide-l--variant-l-medium-italic__LYJjd{font-size:var(--007ce3);font-weight:var(--fa9191);line-height:var(--2c996d);letter-spacing:var(--9705f8);font-style:var(--56d3fb);font-variation-settings:var(--362b90)}.Text--wide-l--variant-xl__0XyZB{font-size:var(--c338f3);font-weight:var(--f8f482);line-height:var(--2503fd);letter-spacing:var(--4aff48);font-style:var(--a93d90);font-variation-settings:var(--4bba58)}.Text--wide-l--variant-xl-italic__fIE0o{font-size:var(--734b0c);font-weight:var(--0baf26);line-height:var(--e84231);letter-spacing:var(--c9c193);font-style:var(--0b0b05);font-variation-settings:var(--461ced)}.Text--wide-l--variant-xl-medium__P1SBX{font-size:var(--19e13e);font-weight:var(--6455e5);line-height:var(--85e4ac);letter-spacing:var(--e76960);font-style:var(--0a5e67);font-variation-settings:var(--ccf786)}.Text--wide-l--variant-xl-medium-italic__wNV3Q{font-size:var(--88dc17);font-weight:var(--cc6f61);line-height:var(--904c1e);letter-spacing:var(--cf0e2c);font-style:var(--6fc949);font-variation-settings:var(--3233ee)}}.Text--strong__ig9qo{font-weight:var(--6e9792)}.Text--size-2xs__YlUqj{font-size:var(--451335)}.Text--size-xs__GSGix{font-size:var(--619ce5)}.Text--size-s__WrxO0{font-size:var(--9f7286)}.Text--size-m__p4phq{font-size:var(--081924)}.Text--size-l__GI6Vj{font-size:var(--da41aa)}.Text--size-xl__es-C8{font-size:var(--698b61)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{T as i}from"./Text-
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{T as i}from"./Text-BXZIkJPK.js";import{S as c}from"./consts-KAYct7Gj.js";import{T as f}from"./options-DSKYF8ow.js";import{g as S}from"./getTokenVar-DU_DEzTd.js";import{c as k}from"./tokens-Di5DrZN4.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-CznToR0o.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./constants-BgBLeZzp.js";const D={title:"components/Text",component:i,argTypes:{variant:{description:c},centered:{description:c}}},a=()=>e.jsx(i,{children:"Lorem ipsum"});a.tags=["!test"];a.parameters={chromatic:{disableSnapshot:!0}};const n=()=>{const r=S(k.background.primaryInverted);return e.jsx(e.Fragment,{children:f.map(({id:t})=>e.jsx("div",{style:{backgroundColor:["inverted","branded","selected"].includes(t)?r:void 0},children:e.jsx(i,{accent:t,children:t})},t))})},j=["caption-regular","caption-semibold","small-regular","small-regular-italic","small-semibold","small-semibold-italic","default-regular","default-regular-italic","default-semibold","default-semibold-italic","large-regular","large-regular-italic","large-semibold","large-semibold-italic"],o=()=>e.jsx(e.Fragment,{children:j.map(r=>e.jsx(i,{variant:r,children:r},r))}),s={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(r,{args:t})=>e.jsx("div",{style:{backgroundColor:t.accent==="inverted"?"black":void 0},children:r()})],args:{children:"Lorem ipsum dolor sit amet",variant:"default-regular",dataset:{qaid:"text"}},argTypes:{dataset:{control:"object"},children:{control:"text"},variant:{control:"select"},accent:{control:"select"},centered:{control:"boolean"},size:{table:{disable:!0}},strong:{table:{disable:!0}},color:{table:{disable:!0}}}};var l,d,m;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:"() => <Text>Lorem ipsum</Text>",...(m=(d=a.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var p,u,g;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
|
|
2
2
|
const grey = getTokenVar(color.background.primaryInverted);
|
|
3
3
|
return <>
|
|
4
4
|
{TEXT_ACCENT_OPTIONS.map(({
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r}from"./index-Cb9e4tly.js";import{m as N,s as $,b as x,a as h}from"./classNames-BUL1Zq7e.js";import{a as U,F as G}from"./constants-DL6gdbsq.js";import{w as u}from"./componentNames-Bwls0I02.js";import{g as w}from"./index-DdzHuZ-Y.js";import"./index-D1pfvbUR.js";import{M as H}from"./message-B1DLZQ1U.js";import{a as O,g as k,b as K,u as S}from"./useForcedRef--iGFM41p.js";import{u as Y}from"./useTextField-CXkMTG1s.js";const X="FieldAdditionalText__4yUGV",Q={FieldAdditionalText:X,"FieldAdditionalText--variant-normal":"FieldAdditionalText--variant-normal__azkPE","FieldAdditionalText--variant-error":"FieldAdditionalText--variant-error__M62dc"},W=({id:e,variant:s=U,children:t})=>{const o=N(Q,u.FieldAdditionalText,[$("variant",s)]);return a.jsx("p",{id:e,className:o.join(" "),...w(void 0,{preplyDsComponent:u.FieldAdditionalText}),children:t})},J="FieldLabel__u1thb",A={FieldLabel:J,"FieldLabel--wrap":"FieldLabel--wrap__K6Oyv","FieldLabel--wrapGap":"FieldLabel--wrapGap__Dd-Xa","FieldLabel--required":"FieldLabel--required__DXbIl","FieldLabel--hide":"FieldLabel--hide__hyBJr"},R="FieldLabel",Z="•",ee=a.jsx(H,{id:"preply-ds.fieldLabel.required",defaultMessage:[{type:0,value:"Required"}]}),se=({label:e=ee})=>{const s=h(A,R,["required"]);return a.jsxs("span",{className:s.join(" "),children:[a.jsx("span",{children:Z}),a.jsx("span",{children:e})]})},te=()=>{const e=h(A,R,["wrapGap"]);return a.jsx("span",{className:e.join(" ")})},ae=({id:e,label:s,hideLabel:t,wrapLabel:o=!1,required:l,requiredLabel:n})=>{const i=N(A,R,[x("hide",void 0,t),x("wrap",void 0,o)]);return a.jsxs("label",{htmlFor:e,className:i.join(" "),children:[s,o&&a.jsx(te,{}),l&&a.jsx(se,{label:n})]})},oe="FieldLayoutBase__HlLij",le={FieldLayoutBase:oe},ne="FieldLayoutBase",ie=({id:e,className:s,label:t,hideLabel:o,wrapLabel:l=!1,required:n,requiredLabel:i,additionalText:p,preserveSpace:_,hasError:m,dataset:F,children:d,preplyDsComponent:T},L)=>{const f=[...N(le,ne)];s&&f.push(s);const y={className:f.join(" "),...w(F,{preplyDsComponent:T})},I={id:e,label:t,hideLabel:o,wrapLabel:l,required:n,requiredLabel:i},b=!p&&_?a.jsx("span",{children:" "}):void 0,c=m?"error":"normal";return a.jsxs("div",{...y,ref:L,children:[a.jsx(ae,{...I}),d,p&&a.jsx(W,{id:`${e}-desc`,variant:c,children:p}),b]})},B=r.forwardRef(ie);B.__docgenInfo={description:"",methods:[],displayName:"FieldLayoutBase",props:{wrapLabel:{defaultValue:{value:"false",computed:!1},required:!1}}};const C={"FieldLayout--input":"FieldLayout--input__9tllQ","FieldLayout--icon":"FieldLayout--icon__-w9o9","FieldLayout--has-icon":"FieldLayout--has-icon__WsLZH","FieldLayout--has-button":"FieldLayout--has-button__dd2VM","FieldLayout--has-error":"FieldLayout--has-error__-Tird","FieldLayout--is-focused":"FieldLayout--is-focused__fVMFc","FieldLayout--is-disabled":"FieldLayout--is-disabled__387Am"},re=({id:e,className:s,input:t,icon:o,button:l,disabled:n,isFocused:i,hasError:p,inputHandle:_,onClick:m,preplyDsComponent:F,...d},T)=>{const L=r.useRef(null);r.useImperativeHandle(T,()=>({setFocus:()=>_==null?void 0:_.setFocus(),scrollIntoView:()=>{var c;return(c=L==null?void 0:L.current)==null?void 0:c.scrollIntoView()}}));const v=h(C,u.FieldLayout,[x("is-disabled",void 0,n),x("is-focused",void 0,i),x("has-error",void 0,p),x("has-icon",void 0,!!o),x("has-button",void 0,!!l)]),f=s?[s,...v]:v,y=h(C,u.FieldLayout,["input"]),I=h(C,u.FieldLayout,["icon"]),b=c=>{_==null||_.setFocus(),m==null||m(c)};return a.jsx(B,{id:e,className:f.join(" "),disabled:n,isFocused:i,hasError:p,...d,preplyDsComponent:F??u.FieldLayout,ref:L,children:a.jsxs("div",{className:y.join(" "),onClick:b,children:[o&&a.jsx("span",{className:I.join(" "),children:o}),t,l]})})},P=r.forwardRef(re);P.__docgenInfo={description:"",methods:[],displayName:"FieldLayout"};const E={textarea:"textarea",select:"select"},de=()=>{},ce=(e,s)=>{const{type:t,id:o,name:l,className:n,onChange:i,onFocus:p,onBlur:_,onClick:m,onKeyDown:F,onKeyUp:d,onCopy:T,onPaste:L,required:v,readOnly:f,disabled:y,dataset:I,preplyDsComponent:b}=e,c=r.useRef(null);r.useImperativeHandle(s,()=>({setFocus:()=>{var j;return(j=c.current)==null?void 0:j.focus()},scrollIntoView:()=>{var j;return(j=c.current)==null?void 0:j.scrollIntoView()}}));const z=O({disabled:y,captureChildEvents:!0,onBlur:_,onFocus:p}),D=E[t]||"input",V=D===t in E?void 0:t,M={...{ref:c,type:V,id:o,name:l,className:n,...z,onChange:i||de,onClick:m,onKeyDown:F,onKeyUp:d,onCopy:T,onPaste:L,required:v,readOnly:f,disabled:y},...K(e),...w(I,{preplyDsComponent:b}),...k(e)};return a.jsx(D,{...M,ref:c})},g=r.forwardRef(ce);g.__docgenInfo={description:"",methods:[],displayName:"InputBase"};function ue(e,s,t,o=[]){return r.useMemo(()=>{if(!(!s&&!t))return l=>{s==null||s(l);const n=e(l);t==null||t(n)}},[s,t,...o])}const pe="InputText__C9dMD",_e="InputPassword__m2AqT",me="InputDate__-jT18",Fe="InputTime__sPeq-",Le="InputNumber__mNCfH",xe="Textarea__GRKY0",fe="Checkbox__GIBjI",ye="Radio__Cn8rT",Te="Select__c6VUm",ve={InputText:pe,InputPassword:_e,InputDate:me,InputTime:Fe,InputNumber:Le,Textarea:xe,"Textarea--resize-none":"Textarea--resize-none__xOOMB","Textarea--resize-vertical":"Textarea--resize-vertical__oljjn","Textarea--resize-horizontal":"Textarea--resize-horizontal__wb-Ds","Textarea--resize-both":"Textarea--resize-both__-BVYT",Checkbox:fe,Radio:ye,Select:Te},Ie=({onChange:e,onValueChange:s,...t},o)=>{const l=N(ve,u.InputText),n=ue(i=>i.target.value,e,s);return a.jsx(g,{...t,ref:o,className:l.join(" "),onChange:n,preplyDsComponent:u.InputText})},q=r.forwardRef(Ie);q.__docgenInfo={description:"",methods:[],displayName:"InputText"};const be="TextField__j374i",je={TextField:be},he=({id:e,type:s=G,...t},o)=>{const l=r.useRef(null),n=S();r.useImperativeHandle(o,()=>({setFocus:()=>{var d;return(d=n==null?void 0:n.current)==null?void 0:d.setFocus()},scrollIntoView:()=>{var d;return(d=l==null?void 0:l.current)==null?void 0:d.scrollIntoView()}}));const i=Y({id:e,type:s,...t},u.TextField),{layoutProps:p,inputProps:_}=i,m=N(je,u.TextField),F=a.jsx(q,{..._,ref:n});return a.jsx(P,{...p,className:m.join(" "),input:F,inputHandle:n.current,ref:l,preplyDsComponent:u.TextField})},Ne=r.forwardRef(he);Ne.__docgenInfo={description:"",methods:[],displayName:"TextField",props:{type:{defaultValue:{value:"'text'",computed:!1},required:!1}}};export{P as F,g as I,Ne as T,q as a,B as b,W as c,ve as s,ue as u};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.FieldAdditionalText__4yUGV{margin:0;font-weight:var(--026ea8);font-size:var(--3f1843);line-height:var(--030292);letter-spacing:var(--c142cd)}.FieldAdditionalText--variant-normal__azkPE{color:var(--3d280d)}.FieldAdditionalText--variant-error__M62dc{color:var(--9167e9)}.FieldLabel__u1thb{-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:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--6947b0);max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.FieldLabel--wrap__K6Oyv{display:inline}.FieldLabel--wrapGap__Dd-Xa{width:var(--6947b0);display:inline-block}.FieldLabel--required__DXbIl{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--6947b0);color:var(--3d280d)}.FieldLabel--hide__hyBJr{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.FieldLayoutBase__HlLij{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--6947b0)}.FieldLayoutBase__HlLij input,.FieldLayoutBase__HlLij textarea{display:block;width:100%}.FieldLayout--input__9tllQ{border-radius:var(--c4b051);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--302ecf);color:var(--41d493);background-color:var(--211bc0)}@media (hover: hover) and (pointer: fine){.FieldLayout--input__9tllQ:hover input,.FieldLayout--input__9tllQ:hover textarea{border-color:var(--0bd642)}}.FieldLayout--input__9tllQ input,.FieldLayout--input__9tllQ 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__9tllQ input::-webkit-input-placeholder,.FieldLayout--input__9tllQ textarea::-webkit-input-placeholder{color:var(--d9209f)}.FieldLayout--input__9tllQ input::-moz-placeholder,.FieldLayout--input__9tllQ textarea::-moz-placeholder{color:var(--d9209f)}.FieldLayout--input__9tllQ input:-ms-input-placeholder,.FieldLayout--input__9tllQ textarea:-ms-input-placeholder{color:var(--d9209f)}.FieldLayout--input__9tllQ input::-ms-input-placeholder,.FieldLayout--input__9tllQ textarea::-ms-input-placeholder{color:var(--d9209f)}.FieldLayout--input__9tllQ input::placeholder,.FieldLayout--input__9tllQ textarea::placeholder{color:var(--d9209f)}.FieldLayout--icon__-w9o9{position:absolute;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;left:calc(var(--477fda) - var(--d9baa3));font-size:0;pointer-events:none}.FieldLayout--icon__-w9o9 svg{color:var(--cbc724)}.FieldLayout--has-icon__WsLZH .FieldLayout--input__9tllQ input{padding-left:calc((var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a));padding-left:calc(calc(var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a))}.FieldLayout--has-button__dd2VM .FieldLayout--input__9tllQ input{padding-right:58px}.FieldLayout--has-error__-Tird .FieldLayout--input__9tllQ{background-color:var(--95df5b)}.FieldLayout--has-error__-Tird .FieldLayout--input__9tllQ input,.FieldLayout--has-error__-Tird .FieldLayout--input__9tllQ textarea{border-color:var(--eaf4a3);color:var(--7b0f41)}.FieldLayout--has-error__-Tird .FieldLayout--icon__-w9o9 svg{color:var(--7b0f41)}.FieldLayout--is-focused__fVMFc .FieldLayout--input__9tllQ input,.FieldLayout--is-focused__fVMFc .FieldLayout--input__9tllQ textarea{border-color:var(--398094)}.FieldLayout--is-disabled__387Am .FieldLayout--input__9tllQ{background-color:var(--04daeb)}.FieldLayout--is-disabled__387Am .FieldLayout--input__9tllQ input,.FieldLayout--is-disabled__387Am .FieldLayout--input__9tllQ textarea{border-color:transparent}.FieldLayout--input__9tllQ button{position:absolute;top:calc(var(--1ba55a) + var(--6947b0));right:var(--6947b0);margin-top:calc(-1 * var(--1ba55a));margin-bottom:calc(-1 * var(--1ba55a))}.InputText__C9dMD,.InputPassword__m2AqT,.InputDate__-jT18,.InputTime__sPeq-,.InputNumber__mNCfH,.Textarea__GRKY0{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}.Textarea--resize-none__xOOMB{resize:none}.Textarea--resize-vertical__oljjn{resize:vertical}.Textarea--resize-horizontal__wb-Ds{resize:horizontal}.Textarea--resize-both__-BVYT{resize:both}.Checkbox__GIBjI,.Radio__Cn8rT{display:inline-block}.Select__c6VUm{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}.TextField__j374i{display:-webkit-box;display:-ms-flexbox;display:flex}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.TextField__0TQjD{display:flex}
|
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as s}from"./index-Cb9e4tly.js";import{a as n}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{e as q,u as be,w as we}from"./index-BVDq5o4N.js";import{F as Ve,a as Fe}from"./TokyoUITextShort-B-mpUykT.js";import{B as R}from"./Button-BlwReLw5.js";import{F as qe}from"./FieldButton-D_5Zrlco.js";import{I as Ee}from"./Icon-Wpz7-Jvg.js";import{F as Se}from"./FieldLayout-DHSEWaEL.js";import{I as Ce}from"./InputText-m06Ec_iQ.js";import{u as He}from"./useForcedRef--iGFM41p.js";import{u as Re}from"./useTextField-CXkMTG1s.js";import{m as ke}from"./classNames-BUL1Zq7e.js";import{w as C}from"./componentNames-Bwls0I02.js";import{F as Be}from"./constants-DL6gdbsq.js";import{T as je}from"./Text-BXZIkJPK.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-BCfmDQ_b.js";import"./Spinner-B2C3RkCF.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./text-accent-DZDDtpIt.js";import"./FieldLayoutBase-xV81xRaV.js";import"./FieldAdditionalText-BD8S7qnE.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-B1DLZQ1U.js";import"./constants-BaXVdZRV.js";import"./text-centered-CznToR0o.js";const De="TextField__0TQjD",Le={TextField:De},We=({id:e,type:a=Be,...r},u)=>{const o=s.useRef(null),l=He();s.useImperativeHandle(u,()=>({setFocus:()=>{var d;return(d=l==null?void 0:l.current)==null?void 0:d.setFocus()},scrollIntoView:()=>{var d;return(d=o==null?void 0:o.current)==null?void 0:d.scrollIntoView()}}));const i=Re({id:e,type:a,...r},C.TextField),{layoutProps:S,inputProps:p}=i,Ie=ke(Le,C.TextField),Te=t.jsx(Ce,{...p,ref:l});return t.jsx(Se,{...S,className:Ie.join(" "),input:Te,inputHandle:l.current,ref:o,preplyDsComponent:C.TextField})},c=s.forwardRef(We);try{c.displayName="TextField",c.__docgenInfo={description:"",displayName:"TextField",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",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:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",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"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",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"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'},{value:'"text"'}]}},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>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"name"'},{value:'"off"'},{value:'"on"'},{value:'"email"'},{value:'"username"'},{value:'"language"'},{value:'"tel"'},{value:'"new-password"'},{value:'"current-password"'}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},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>"}]}},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>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<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"}]}}}}}catch{}const ba={title:"components/TextField",component:c,args:{label:"Text",defaultValue:"",placeholder:"Enter a text",inputDataset:{testid:"input"},onChange:n("onChange"),onBlur:n("onBlur"),onFocus:n("onFocus"),onClick:n("onClick"),onCopy:n("onCopy"),onKeyDown:n("onKeyDown"),onKeyUp:n("onKeyUp"),onPaste:n("onPaste"),onValueChange:n("onValueChange")},render:function(a){const r=s.useRef(null);return a.ref=r,t.jsx(c,{...a})}},m={parameters:{docs:{description:{story:"An empty field with a `label` and a `placeholder`."}}}},v={args:{defaultValue:"Hey, you!"},play:async({canvas:e})=>{const a=e.getByTestId("input");return await q(a).toHaveValue("Hey, you!"),await be.type(a," How's it going?"),q(a).toHaveValue("Hey, you! How's it going?")}},f={args:{icon:t.jsx(Ee,{svg:Ve})}},y={args:{additionalText:"This is additional text"}},g={args:{required:!0}},h={args:{required:!0,requiredLabel:t.jsx(je,{accent:"critical",variant:"m-bold",children:"Needed"})}},x={args:{hideLabel:!0}},b={args:{hasError:!0}},w={args:{hasError:!0,errorMessage:"This is an error message"}},V={args:{disabled:!0}},E={args:{readOnly:!0}},I={decorators:[(e,{args:a})=>t.jsxs("div",{style:{padding:"8px",margin:"8px"},children:[t.jsxs("p",{children:["You can"," ",t.jsx(R,{variant:"secondary",dataset:{testid:"focus-button"},onClick:()=>{var r,u;return(u=(r=a.ref)==null?void 0:r.current)==null?void 0:u.setFocus()},children:"Focus"})," ","the input imperatively."]}),t.jsx(e,{})]})],play:async({args:e,canvas:a})=>{if(!H(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const r=a.getByTestId("input");await be.click(a.getByTestId("focus-button")),await we(()=>q(r).toHaveFocus())}},T={decorators:[(e,{args:a})=>t.jsxs("div",{style:{height:"300px",overflow:"scroll",padding:"8px",margin:"8px"},children:[t.jsxs("p",{children:["You can"," ",t.jsx(R,{variant:"secondary",dataset:{testid:"scroll-button"},onClick:()=>{if(!H(a.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");a.ref.current.scrollIntoView()},children:"Scroll"})," ","the input into view imperatively."]}),t.jsx("div",{style:{height:"1000px",display:"flex",flexDirection:"column",justifyContent:"end",border:"2px dashed lightgray",padding:"16px"},children:t.jsx(e,{})})]})],play:async({args:e,canvas:a})=>{if(!H(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const r=a.getByTestId("input");e.ref.current.scrollIntoView(),await we(()=>q(r).toBeVisible())}};function H(e){return typeof e=="object"&&e!==null&&"current"in e&&e.current!==null&&typeof e.current=="object"&&"setFocus"in e.current}const F={tags:["!test"],parameters:{docs:{description:{story:'\nThe following code renders a `TextField` with the `required` flag, an\n`icon`, `button`, `placeholder` and some `additionalText`.\n\nWhen you click the "Submit" button, and the input `value` is empty:\n\n- Displays feedback via the `errorMessage` prop;\n- Brings the focus back to the field.\n'}},chromatic:{disableSnapshot:!0}},render:function(){const[a,r]=s.useState(""),[u,o]=s.useState(!1),l=u&&!a&&"Please provide your full name",i=s.useRef(null),S=()=>{var p;o(!0),a||(p=i==null?void 0:i.current)==null||p.setFocus()};return t.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[t.jsx(c,{value:a,label:"Full name",required:!0,icon:t.jsx(Ee,{svg:Ve,label:"The hat"}),placeholder:"e.g.: Mary Williams",button:t.jsx(qe,{svg:Fe,assistiveText:"Do the thing",onClick:n("field button clicked")}),additionalText:"Will be shown in your profile",onValueChange:r,errorMessage:l,ref:i}),t.jsx(R,{onClick:S,children:"Submit"})]})}};var k,B,j;m.parameters={...m.parameters,docs:{...(k=m.parameters)==null?void 0:k.docs,source:{originalSource:`{
|
|
2
|
+
parameters: {
|
|
3
|
+
docs: {
|
|
4
|
+
description: {
|
|
5
|
+
story: \`An empty field with a \\\`label\\\` and a \\\`placeholder\\\`.\`
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
}`,...(j=(B=m.parameters)==null?void 0:B.docs)==null?void 0:j.source}}};var D,L,W;v.parameters={...v.parameters,docs:{...(D=v.parameters)==null?void 0:D.docs,source:{originalSource:`{
|
|
10
|
+
args: {
|
|
11
|
+
defaultValue: 'Hey, you!'
|
|
12
|
+
},
|
|
13
|
+
play: async ({
|
|
14
|
+
canvas
|
|
15
|
+
}) => {
|
|
16
|
+
const input = canvas.getByTestId('input');
|
|
17
|
+
await expect(input).toHaveValue('Hey, you!');
|
|
18
|
+
await userEvent.type(input, " How's it going?");
|
|
19
|
+
return expect(input).toHaveValue("Hey, you! How's it going?");
|
|
20
|
+
}
|
|
21
|
+
}`,...(W=(L=v.parameters)==null?void 0:L.docs)==null?void 0:W.source}}};var M,P,_;f.parameters={...f.parameters,docs:{...(M=f.parameters)==null?void 0:M.docs,source:{originalSource:`{
|
|
22
|
+
args: {
|
|
23
|
+
icon: <Icon svg={TextSvg} />
|
|
24
|
+
}
|
|
25
|
+
}`,...(_=(P=f.parameters)==null?void 0:P.docs)==null?void 0:_.source}}};var N,K,O;y.parameters={...y.parameters,docs:{...(N=y.parameters)==null?void 0:N.docs,source:{originalSource:`{
|
|
26
|
+
args: {
|
|
27
|
+
additionalText: 'This is additional text'
|
|
28
|
+
}
|
|
29
|
+
}`,...(O=(K=y.parameters)==null?void 0:K.docs)==null?void 0:O.source}}};var A,J,U;g.parameters={...g.parameters,docs:{...(A=g.parameters)==null?void 0:A.docs,source:{originalSource:`{
|
|
30
|
+
args: {
|
|
31
|
+
required: true
|
|
32
|
+
}
|
|
33
|
+
}`,...(U=(J=g.parameters)==null?void 0:J.docs)==null?void 0:U.source}}};var X,Y,$;h.parameters={...h.parameters,docs:{...(X=h.parameters)==null?void 0:X.docs,source:{originalSource:`{
|
|
34
|
+
args: {
|
|
35
|
+
required: true,
|
|
36
|
+
requiredLabel: <Text accent="critical" variant="m-bold">
|
|
37
|
+
Needed
|
|
38
|
+
</Text>
|
|
39
|
+
}
|
|
40
|
+
}`,...($=(Y=h.parameters)==null?void 0:Y.docs)==null?void 0:$.source}}};var Q,z,G;x.parameters={...x.parameters,docs:{...(Q=x.parameters)==null?void 0:Q.docs,source:{originalSource:`{
|
|
41
|
+
args: {
|
|
42
|
+
hideLabel: true
|
|
43
|
+
}
|
|
44
|
+
}`,...(G=(z=x.parameters)==null?void 0:z.docs)==null?void 0:G.source}}};var Z,ee,ae;b.parameters={...b.parameters,docs:{...(Z=b.parameters)==null?void 0:Z.docs,source:{originalSource:`{
|
|
45
|
+
args: {
|
|
46
|
+
hasError: true
|
|
47
|
+
}
|
|
48
|
+
}`,...(ae=(ee=b.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};var te,re,ne;w.parameters={...w.parameters,docs:{...(te=w.parameters)==null?void 0:te.docs,source:{originalSource:`{
|
|
49
|
+
args: {
|
|
50
|
+
hasError: true,
|
|
51
|
+
errorMessage: 'This is an error message'
|
|
52
|
+
}
|
|
53
|
+
}`,...(ne=(re=w.parameters)==null?void 0:re.docs)==null?void 0:ne.source}}};var le,se,ue;V.parameters={...V.parameters,docs:{...(le=V.parameters)==null?void 0:le.docs,source:{originalSource:`{
|
|
54
|
+
args: {
|
|
55
|
+
disabled: true
|
|
56
|
+
}
|
|
57
|
+
}`,...(ue=(se=V.parameters)==null?void 0:se.docs)==null?void 0:ue.source}}};var oe,ie,de;E.parameters={...E.parameters,docs:{...(oe=E.parameters)==null?void 0:oe.docs,source:{originalSource:`{
|
|
58
|
+
args: {
|
|
59
|
+
readOnly: true
|
|
60
|
+
}
|
|
61
|
+
}`,...(de=(ie=E.parameters)==null?void 0:ie.docs)==null?void 0:de.source}}};var ce,pe,me;I.parameters={...I.parameters,docs:{...(ce=I.parameters)==null?void 0:ce.docs,source:{originalSource:`{
|
|
62
|
+
decorators: [(Story, {
|
|
63
|
+
args
|
|
64
|
+
}) => <div style={{
|
|
65
|
+
padding: '8px',
|
|
66
|
+
margin: '8px'
|
|
67
|
+
}}>
|
|
68
|
+
<p>
|
|
69
|
+
You can{' '}
|
|
70
|
+
<Button variant="secondary" dataset={{
|
|
71
|
+
testid: 'focus-button'
|
|
72
|
+
}} onClick={() =>
|
|
73
|
+
// @ts-expect-error - This will fail gracefully,
|
|
74
|
+
// and the \`play\` function will assert it properly
|
|
75
|
+
args.ref?.current?.setFocus()}>
|
|
76
|
+
Focus
|
|
77
|
+
</Button>{' '}
|
|
78
|
+
the input imperatively.
|
|
79
|
+
</p>
|
|
80
|
+
<Story />
|
|
81
|
+
</div>],
|
|
82
|
+
play: async ({
|
|
83
|
+
args,
|
|
84
|
+
canvas
|
|
85
|
+
}) => {
|
|
86
|
+
if (!isImperativeHandleRef(args.ref)) {
|
|
87
|
+
throw new Error('Expected ref.current to be an InputImperativeHandle');
|
|
88
|
+
}
|
|
89
|
+
const input = canvas.getByTestId('input');
|
|
90
|
+
await userEvent.click(canvas.getByTestId('focus-button'));
|
|
91
|
+
await waitFor(() => expect(input).toHaveFocus());
|
|
92
|
+
}
|
|
93
|
+
}`,...(me=(pe=I.parameters)==null?void 0:pe.docs)==null?void 0:me.source}}};var ve,fe,ye;T.parameters={...T.parameters,docs:{...(ve=T.parameters)==null?void 0:ve.docs,source:{originalSource:`{
|
|
94
|
+
decorators: [(Story, {
|
|
95
|
+
args
|
|
96
|
+
}) => <div style={{
|
|
97
|
+
height: '300px',
|
|
98
|
+
overflow: 'scroll',
|
|
99
|
+
padding: '8px',
|
|
100
|
+
margin: '8px'
|
|
101
|
+
}}>
|
|
102
|
+
<p>
|
|
103
|
+
You can{' '}
|
|
104
|
+
<Button variant="secondary" dataset={{
|
|
105
|
+
testid: 'scroll-button'
|
|
106
|
+
}} onClick={() => {
|
|
107
|
+
if (!isImperativeHandleRef(args.ref)) {
|
|
108
|
+
throw new Error('Expected ref.current to be an InputImperativeHandle');
|
|
109
|
+
}
|
|
110
|
+
args.ref.current.scrollIntoView();
|
|
111
|
+
}}>
|
|
112
|
+
Scroll
|
|
113
|
+
</Button>{' '}
|
|
114
|
+
the input into view imperatively.
|
|
115
|
+
</p>
|
|
116
|
+
<div style={{
|
|
117
|
+
height: '1000px',
|
|
118
|
+
display: 'flex',
|
|
119
|
+
flexDirection: 'column',
|
|
120
|
+
justifyContent: 'end',
|
|
121
|
+
border: '2px dashed lightgray',
|
|
122
|
+
padding: '16px'
|
|
123
|
+
}}>
|
|
124
|
+
<Story />
|
|
125
|
+
</div>
|
|
126
|
+
</div>],
|
|
127
|
+
play: async ({
|
|
128
|
+
args,
|
|
129
|
+
canvas
|
|
130
|
+
}) => {
|
|
131
|
+
if (!isImperativeHandleRef(args.ref)) {
|
|
132
|
+
throw new Error('Expected ref.current to be an InputImperativeHandle');
|
|
133
|
+
}
|
|
134
|
+
const input = canvas.getByTestId('input');
|
|
135
|
+
args.ref.current.scrollIntoView();
|
|
136
|
+
await waitFor(() => expect(input).toBeVisible());
|
|
137
|
+
}
|
|
138
|
+
}`,...(ye=(fe=T.parameters)==null?void 0:fe.docs)==null?void 0:ye.source}}};var ge,he,xe;F.parameters={...F.parameters,docs:{...(ge=F.parameters)==null?void 0:ge.docs,source:{originalSource:`{
|
|
139
|
+
tags: ['!test'],
|
|
140
|
+
parameters: {
|
|
141
|
+
docs: {
|
|
142
|
+
description: {
|
|
143
|
+
story: \`
|
|
144
|
+
The following code renders a \\\`TextField\\\` with the \\\`required\\\` flag, an
|
|
145
|
+
\\\`icon\\\`, \\\`button\\\`, \\\`placeholder\\\` and some \\\`additionalText\\\`.
|
|
146
|
+
|
|
147
|
+
When you click the "Submit" button, and the input \\\`value\\\` is empty:
|
|
148
|
+
|
|
149
|
+
- Displays feedback via the \\\`errorMessage\\\` prop;
|
|
150
|
+
- Brings the focus back to the field.
|
|
151
|
+
\`
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
chromatic: {
|
|
155
|
+
disableSnapshot: true
|
|
156
|
+
}
|
|
157
|
+
},
|
|
158
|
+
render: function Story() {
|
|
159
|
+
const [value, setValue] = useState('');
|
|
160
|
+
const [submited, setSubmitted] = useState(false);
|
|
161
|
+
const errorMessage = submited && !value && 'Please provide your full name';
|
|
162
|
+
const fieldRef = useRef<InputImperativeHandle>(null);
|
|
163
|
+
const handleClick = () => {
|
|
164
|
+
setSubmitted(true);
|
|
165
|
+
if (!value) {
|
|
166
|
+
fieldRef?.current?.setFocus();
|
|
167
|
+
}
|
|
168
|
+
};
|
|
169
|
+
return <div style={{
|
|
170
|
+
maxWidth: '500px',
|
|
171
|
+
display: 'flex',
|
|
172
|
+
flexDirection: 'column'
|
|
173
|
+
}}>
|
|
174
|
+
<TextField value={value} label="Full name" required icon={<Icon svg={TextSvg} label="The hat" />} placeholder="e.g.: Mary Williams" button={<FieldButton svg={ErrorSvg} assistiveText="Do the thing" onClick={action('field button clicked')} />} additionalText="Will be shown in your profile" onValueChange={setValue} errorMessage={errorMessage} ref={fieldRef} />
|
|
175
|
+
<Button onClick={handleClick}>Submit</Button>
|
|
176
|
+
</div>;
|
|
177
|
+
}
|
|
178
|
+
}`,...(xe=(he=F.parameters)==null?void 0:he.docs)==null?void 0:xe.source}}};const wa=["Basic","WithValue","WithIcon","WithAdditionalText","Required","RequiredWithCustomLabel","WithHiddenLabel","HasError","HasErrorWithMessage","Disabled","ReadOnly","ImperativeSetFocus","ImperativeScrollIntoView","Example"];export{m as Basic,V as Disabled,F as Example,b as HasError,w as HasErrorWithMessage,T as ImperativeScrollIntoView,I as ImperativeSetFocus,E as ReadOnly,g as Required,h as RequiredWithCustomLabel,y as WithAdditionalText,x as WithHiddenLabel,f as WithIcon,v as WithValue,wa as __namedExportsOrder,ba as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.TextHighlighted__ErxU-{display:inline-block;padding-left:var(--58c1e5);padding-right:var(--58c1e5);margin:0;font-style:normal;border-radius:var(--330e49);font-weight:var(--73984e)}.TextHighlighted--highlight-blue__3H-tS{color:var(--68bd17);background-color:var(--2d51ae)}.TextHighlighted--highlight-green__PXiKm{color:var(--c50238);background-color:var(--292009)}.TextHighlighted--highlight-primary__cKWhc{color:var(--977d1a);background-color:var(--df6b06)}.TextHighlighted--highlight-secondary__24A04{color:var(--6c2ddf);background-color:var(--e5b0a4)}.TextHighlighted--highlight-tertiary__gkbLj{color:var(--8da8cb);background-color:var(--aa7c4d)}.TextHighlighted--highlight-accent__DsZKF{color:var(--1da698);background-color:var(--301ea7)}.TextHighlighted--highlight-positive__Tag8x{color:var(--ad48d7);background-color:var(--a2a233)}.TextHighlighted--highlight-info__Qqv0l{color:var(--2be49e);background-color:var(--86df85)}.TextHighlighted--highlight-warning__--U9g{color:var(--98c505);background-color:var(--d908ab)}.TextHighlighted--highlight-critical__D9jbb{color:var(--802584);background-color:var(--0c251f)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{c as d,d as n}from"./constants-BgBLeZzp.js";import{r as e}from"./index-Cb9e4tly.js";import{T as m}from"./useTheme-DpAUb62T.js";import{j as x}from"./jsx-runtime-BTJTZTIL.js";import{f as p}from"./filterHTMLAttributes-UOns5Q7s.js";import{m as H,s as _}from"./classNames-BUL1Zq7e.js";import{i as c,h as f}from"./defaults-B1rzzf6M.js";import{w as i}from"./componentNames-Bwls0I02.js";import{g as u}from"./index-DdzHuZ-Y.js";const V=t=>Array.isArray(t)&&t.length===3&&d.includes(t[n]),Y=()=>{const{setTheme:t}=e.useContext(m);return{setTheme:t}},E="TextHighlighted__ehLpO",y={TextHighlighted:E,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__a1Ymf","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__QQm6L","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__n35-d","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__YEj6c","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__uDEFk","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__JrA2s","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__tfVNZ","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__W1sMI","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__dzj54","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__V3-1S"},N=e.forwardRef(function({children:h,highlight:g=c,tag:l=f,dataset:s,...r},o){const a=H(y,i.TextHighlighted,[_("highlight",g)]),T={...p(r),ref:o,className:a.join(" "),...u(s,{preplyDsComponent:i.TextHighlighted})};return x.jsx(l,{...T,children:h})});N.__docgenInfo={description:"",methods:[],displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"'green'",computed:!1},required:!1},tag:{defaultValue:{value:"'span'",computed:!1},required:!1}}};export{N as T,V as i,Y as u};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.TextHighlighted__ehLpO{display:inline-block;padding-left:var(--58c1e5);padding-right:var(--58c1e5);margin:0;font-style:normal;border-radius:var(--330e49);font-weight:var(--73984e)}.TextHighlighted--highlight-blue__a1Ymf{color:var(--68bd17);background-color:var(--2d51ae)}.TextHighlighted--highlight-green__QQm6L{color:var(--c50238);background-color:var(--292009)}.TextHighlighted--highlight-primary__n35-d{color:var(--977d1a);background-color:var(--df6b06)}.TextHighlighted--highlight-secondary__YEj6c{color:var(--6c2ddf);background-color:var(--e5b0a4)}.TextHighlighted--highlight-tertiary__uDEFk{color:var(--8da8cb);background-color:var(--aa7c4d)}.TextHighlighted--highlight-accent__JrA2s{color:var(--1da698);background-color:var(--301ea7)}.TextHighlighted--highlight-positive__tfVNZ{color:var(--ad48d7);background-color:var(--a2a233)}.TextHighlighted--highlight-info__W1sMI{color:var(--2be49e);background-color:var(--86df85)}.TextHighlighted--highlight-warning__dzj54{color:var(--98c505);background-color:var(--d908ab)}.TextHighlighted--highlight-critical__V3-1S{color:var(--802584);background-color:var(--0c251f)}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import{j as i}from"./jsx-runtime-BTJTZTIL.js";import{r as j}from"./index-Cb9e4tly.js";import{f as L}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as E,s as w}from"./classNames-BUL1Zq7e.js";import{w as h}from"./componentNames-Bwls0I02.js";import{g as I}from"./index-DdzHuZ-Y.js";import{h as N,i as S}from"./defaults-B1rzzf6M.js";import{T as D}from"./Text-BXZIkJPK.js";import{a as O}from"./options-DSKYF8ow.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";const q="TextHighlighted__ErxU-",G={TextHighlighted:q,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__3H-tS","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__PXiKm","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__cKWhc","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__24A04","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__gkbLj","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__DsZKF","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__Tag8x","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__Qqv0l","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__--U9g","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__D9jbb"},a=j.forwardRef(function({children:T,highlight:x=S,tag:H=N,dataset:f,..._},v){const y=E(G,h.TextHighlighted,[w("highlight",x)]),b={...L(_),ref:v,className:y.join(" "),...I(f,{preplyDsComponent:h.TextHighlighted})};return i.jsx(H,{...b,children:T})});try{a.displayName="TextHighlighted",a.__docgenInfo={description:"",displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"green"},description:"",name:"highlight",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"accent"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"blue"'},{value:'"green"'}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"strong"'},{value:'"span"'},{value:'"em"'}]}},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: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const W={title:"components/TextHighlighted",component:a},t=()=>i.jsx(a,{children:"Lorem ipsum"});t.tags=["!test"];t.parameters={chromatic:{disableSnapshot:!0}};const r=()=>i.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem",width:"fit-content"},children:O.map(({id:e})=>i.jsx(a,{highlight:e,children:e},e))}),l={parameters:{chromatic:{disableSnapshot:!0}},render:e=>i.jsxs(D,{children:["Lorem ipsum ",i.jsx(a,{...e})]}),args:{children:"dolor sit amet",dataset:{qaid:"text-highlighted"}},argTypes:{dataset:{control:"object"}}};var n,g,s;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"() => <TextHighlighted>Lorem ipsum</TextHighlighted>",...(s=(g=t.parameters)==null?void 0:g.docs)==null?void 0:s.source}}};var o,d,c;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`() => <div style={{
|
|
2
|
+
display: 'flex',
|
|
3
|
+
flexDirection: 'column',
|
|
4
|
+
gap: '0.25rem',
|
|
5
|
+
width: 'fit-content'
|
|
6
|
+
}}>
|
|
7
|
+
{TEXT_HIGHLIGHT_OPTIONS.map(({
|
|
8
|
+
id
|
|
9
|
+
}) => <TextHighlighted key={id} highlight={id}>
|
|
10
|
+
{id}
|
|
11
|
+
</TextHighlighted>)}
|
|
12
|
+
</div>`,...(c=(d=r.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};var m,u,p;l.parameters={...l.parameters,docs:{...(m=l.parameters)==null?void 0:m.docs,source:{originalSource:`{
|
|
13
|
+
parameters: {
|
|
14
|
+
chromatic: {
|
|
15
|
+
disableSnapshot: true
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
render: args => <Text>
|
|
19
|
+
Lorem ipsum <TextHighlighted {...args} />
|
|
20
|
+
</Text>,
|
|
21
|
+
args: {
|
|
22
|
+
children: 'dolor sit amet',
|
|
23
|
+
dataset: {
|
|
24
|
+
qaid: 'text-highlighted'
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
argTypes: {
|
|
28
|
+
dataset: {
|
|
29
|
+
control: 'object'
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}`,...(p=(u=l.parameters)==null?void 0:u.docs)==null?void 0:p.source}}};const Z=["Base","Options","Playground"];export{t as Base,r as Options,l as Playground,Z as __namedExportsOrder,W as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.TextWeight__tMRbd.TextWeight--weight-400__EopTe{font-weight:var(--73984e)}.TextWeight__tMRbd.TextWeight--weight-500__wlyrw{font-weight:var(--6e9792)}.TextWeight__tMRbd.TextWeight--weight-700__sVSfY{font-weight:var(--d5337e)}.TextWeight__tMRbd.TextWeight--weight-normal__M5PxM{font-weight:var(--5ea101)}.TextWeight__tMRbd.TextWeight--weight-medium__8f3CD{font-weight:var(--2734e9)}.TextWeight__tMRbd.TextWeight--weight-bold__MG-yF{font-weight:var(--800787)}.TextInline__fMaqi{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;font-style:normal}.TextInline--italic__yG-Qj{font-style:var(--dfb500);font-variation-settings:var(--bc1abc)}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as j}from"./index-Cb9e4tly.js";import{g as D,a as q}from"./text-accent-DZDDtpIt.js";import{m as p,s as L,b as V}from"./classNames-BUL1Zq7e.js";import{f as A}from"./filterHTMLAttributes-DYdLqcvH.js";import{w as i}from"./componentNames-Bwls0I02.js";import{g as M}from"./index-DdzHuZ-Y.js";import{h as k,j as S}from"./defaults-B1rzzf6M.js";import{T as R}from"./Text-BXZIkJPK.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-centered-CznToR0o.js";const G="TextWeight__tMRbd",H={TextWeight:G,"TextWeight--weight-400":"TextWeight--weight-400__EopTe","TextWeight--weight-500":"TextWeight--weight-500__wlyrw","TextWeight--weight-700":"TextWeight--weight-700__sVSfY","TextWeight--weight-normal":"TextWeight--weight-normal__M5PxM","TextWeight--weight-medium":"TextWeight--weight-medium__8f3CD","TextWeight--weight-bold":"TextWeight--weight-bold__MG-yF"},P="TextWeight",F=e=>p(H,P,[L("weight",e)]),O="TextInline__fMaqi",U={TextInline:O,"TextInline--italic":"TextInline--italic__yG-Qj"},l=j.forwardRef(function({children:g,accent:r,color:h,weight:T=S,italic:f=!1,tag:x=k,dataset:y,..._},w){const b=p(U,i.TextInline,[V("italic",void 0,f)]),s=r?void 0:h,I=D(!s,r),W=q(s),N=F(T),C=[...b,...I,...W,...N],E={...A(_),ref:w,className:C.join(" "),...M(y,{preplyDsComponent:i.TextInline})};return t.jsx(x,{...E,children:g})});try{l.displayName="TextInline",l.__docgenInfo={description:"",displayName:"TextInline",props:{accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"inverted"'},{value:'"disabled"'},{value:'"selected"'},{value:'"accent"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"branded"'},{value:'"error"'}]}},color:{defaultValue:null,description:"@deprecated Use accent instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},weight:{defaultValue:{value:"normal"},description:"",name:"weight",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"bold"'},{value:'"normal"'},{value:'"400"'},{value:'"500"'},{value:'"700"'}]}},italic:{defaultValue:{value:"false"},description:"",name:"italic",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"strong"'},{value:'"span"'},{value:'"em"'}]}},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: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const ne={title:"components/TextInline",component:l},a=()=>t.jsxs("p",{children:["Lorem ",t.jsx(l,{children:"ipsum"})]});a.storyName="TextInline";const n={parameters:{chromatic:{disableSnapshot:!0}},render:e=>t.jsxs(R,{children:["Lorem ipsum ",t.jsx(l,{...e})]}),args:{children:"dolor sit amet",accent:"accentDark",tag:"span",dataset:{qaid:"text-inline"}},argTypes:{dataset:{control:"object"},children:{control:"text"},italic:{control:"boolean"},color:{table:{disable:!0}}}};var o,u,c;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:`() => <p>
|
|
2
|
+
Lorem <TextInline>ipsum</TextInline>
|
|
3
|
+
</p>`,...(c=(u=a.parameters)==null?void 0:u.docs)==null?void 0:c.source}}};var m,d,v;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`{
|
|
4
|
+
parameters: {
|
|
5
|
+
chromatic: {
|
|
6
|
+
disableSnapshot: true
|
|
7
|
+
}
|
|
8
|
+
},
|
|
9
|
+
render: args => <Text>
|
|
10
|
+
Lorem ipsum <TextInline {...args} />
|
|
11
|
+
</Text>,
|
|
12
|
+
args: {
|
|
13
|
+
children: 'dolor sit amet',
|
|
14
|
+
accent: 'accentDark',
|
|
15
|
+
tag: 'span',
|
|
16
|
+
dataset: {
|
|
17
|
+
qaid: 'text-inline'
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
argTypes: {
|
|
21
|
+
dataset: {
|
|
22
|
+
control: 'object'
|
|
23
|
+
},
|
|
24
|
+
children: {
|
|
25
|
+
control: 'text'
|
|
26
|
+
},
|
|
27
|
+
italic: {
|
|
28
|
+
control: 'boolean'
|
|
29
|
+
},
|
|
30
|
+
// Disable deprecated props
|
|
31
|
+
color: {
|
|
32
|
+
table: {
|
|
33
|
+
disable: true
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}`,...(v=(d=n.parameters)==null?void 0:d.docs)==null?void 0:v.source}}};const re=["Base","Playground"];export{a as Base,n as Playground,re as __namedExportsOrder,ne as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.TextareaField__Wpx9P{display:flex}
|