@preply/ds-docs 1.4.6 → 1.5.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-Dq5DUmQD.js → 00.LayoutFlex.stories-CQZmIU-U.js} +1 -1
- package/dist/assets/{00.applications-qZlvAkr1.js → 00.applications-Di7jQEUP.js} +1 -1
- package/dist/assets/{00.favicons.guide-CKF4OV4R.js → 00.favicons.guide-BqtgcOst.js} +1 -1
- package/dist/assets/{00.token-explorer-BLPRqIDh.js → 00.token-explorer-B-hoQtAZ.js} +1 -1
- package/dist/assets/{00.using-responsive-props-CcvENalR.js → 00.using-responsive-props-yIiNVrjH.js} +1 -1
- package/dist/assets/{01.semantic-tokens-CBbAvO88.js → 01.semantic-tokens-Bszt1twO.js} +1 -1
- package/dist/assets/{01.using-shorthand-props-Dem89Aji.js → 01.using-shorthand-props-w8U5wYm4.js} +1 -1
- package/dist/assets/{10.Combinations.stories-B2t5dWpR.js → 10.Combinations.stories-BJzVfaWu.js} +1 -1
- package/dist/assets/{10.fonts.guide-LxVBwF-1.js → 10.fonts.guide-NBYHGpZG.js} +1 -1
- package/dist/assets/{10.ssr-D6Z9lhKL.js → 10.ssr-CjoJSokY.js} +1 -1
- package/dist/assets/{11.languageFont.explorer-UHlg3tYx.js → 11.languageFont.explorer-7dsvANIs.js} +1 -1
- package/dist/assets/{11.ssr.app-router-DOa7VicQ.js → 11.ssr.app-router-D7ufx5p4.js} +1 -1
- package/dist/assets/{20.libraries-DB2B5LI7.js → 20.libraries-BgURMzec.js} +1 -1
- package/dist/assets/{30.icons.explorer-hLFKyjsU.js → 30.icons.explorer-GCwQhgUE.js} +8 -8
- package/dist/assets/{30.storybook-CoVTGKPK.js → 30.storybook-6u3F3eKp.js} +1 -1
- package/dist/assets/{40.illustrations.explorer-DIVnMD9r.js → 40.illustrations.explorer-DQ5Oemtc.js} +1 -1
- package/dist/assets/{90.advanced-ChEiRXc9.js → 90.advanced-CfRw5q9D.js} +1 -1
- package/dist/assets/AlertDialog-DSR7lwcr.css +1 -0
- package/dist/assets/{AlertDialog.stories-CLOz-Xse.js → AlertDialog.stories-YL-e1X-5.js} +2 -2
- package/dist/assets/Avatar-CY8LENR_.css +1 -0
- package/dist/assets/Avatar-DBYAA8jq.js +6 -0
- package/dist/assets/Avatar-Vaj5CZzo.js +1 -0
- package/dist/assets/Avatar-yGngrFRe.css +1 -0
- package/dist/assets/{Avatar.stories-BzWIv8sX.js → Avatar.stories-Bok7S-hP.js} +1 -1
- package/dist/assets/AvatarWithStatus-C-I9yxMp.css +1 -0
- package/dist/assets/AvatarWithStatus.stories-CEZSwfci.js +41 -0
- package/dist/assets/Badge-BDfgu9OD.css +1 -0
- package/dist/assets/{Badge.stories-3y3VF7VA.js → Badge.stories-CvhsYu7L.js} +2 -2
- package/dist/assets/Box-Dl-QnUHN.css +1 -0
- package/dist/assets/Box.stories-nJvB5AvT.js +44 -0
- package/dist/assets/Button-CDbUPX5z.css +1 -0
- package/dist/assets/{Button--KAZaY7M.css → Button-CjrFqtK6.css} +1 -1
- package/dist/assets/Button-DoDXFggu.js +1 -0
- package/dist/assets/{Button-sxuW7ql0.js → Button-Dy26oY0t.js} +4 -2
- package/dist/assets/{Button.stories-DjecMnlz.js → Button.stories-C3ImqpQo.js} +1 -1
- package/dist/assets/ButtonBase-C6zIOZ7w.js +8 -0
- package/dist/assets/{ButtonBase-DsmeXloU.css → ButtonBase-CZ1X_2UT.css} +1 -1
- package/dist/assets/Chips-D3NfThf2.css +1 -0
- package/dist/assets/{Chips.stories-C6WkX-Z_.js → Chips.stories-DvnrQpsy.js} +7 -7
- package/dist/assets/{Color-YHDXOIA2-CVcfLiYQ.js → Color-YHDXOIA2-Dz3WhSmf.js} +1 -1
- package/dist/assets/Dialog-DHOGtHBQ.css +1 -0
- package/dist/assets/{Dialog.stories-CyKHJUtE.js → Dialog.stories-DFaL3AMR.js} +10 -10
- package/dist/assets/{DocsRenderer-CFRXHY34-D881Judw.js → DocsRenderer-CFRXHY34-rpqlGaZf.js} +1 -1
- package/dist/assets/{FieldAdditionalText-C5XAlipw.js → FieldAdditionalText-BCMB8JHW.js} +1 -1
- package/dist/assets/FieldAdditionalText-BtVADuTn.css +1 -0
- package/dist/assets/{FieldAdditionalText.stories-B45flMW4.js → FieldAdditionalText.stories-BTKc3XUo.js} +1 -1
- package/dist/assets/{FieldButton-DSbPDTAJ.css → FieldButton-BK6nCNDL.css} +1 -1
- package/dist/assets/{FieldButton-BGYoqsP8.js → FieldButton-BbLI1MM0.js} +1 -1
- package/dist/assets/{FieldButton.stories-lPQrEoKY.js → FieldButton.stories-vpLl5qi7.js} +1 -1
- package/dist/assets/FieldLayout-DC-YB5tP.css +1 -0
- package/dist/assets/{FieldLayout-DgtUHJnk.js → FieldLayout-zG6DP4fD.js} +1 -1
- package/dist/assets/{FieldLayout.stories-DVopjnRC.js → FieldLayout.stories-BcIZKltP.js} +1 -1
- package/dist/assets/{FieldLayoutBase-OPLZFzfB.js → FieldLayoutBase-CbZWkNI7.js} +3 -3
- package/dist/assets/FieldLayoutBase-Dv-ccXqK.css +1 -0
- package/dist/assets/{Heading-DEhP3zeq.css → Heading-B_ZQCeib.css} +1 -1
- package/dist/assets/Heading-DPPEK9A1.js +2 -0
- package/dist/assets/{Heading.stories-DzgtA5lo.js → Heading.stories-MSLqIH2n.js} +1 -1
- package/dist/assets/Icon-BNvtTXpG.js +8 -0
- package/dist/assets/Icon-DaYbmtvu.css +1 -0
- package/dist/assets/Icon-DdGCYYnw.css +1 -0
- package/dist/assets/{Icon-RSC-CIS_rYj-.js → Icon-RSC-Z5MLssxb.js} +1 -1
- package/dist/assets/Icon-wXkY19lJ.js +1 -0
- package/dist/assets/{Icon.stories-BvoIYlCX.js → Icon.stories-DoZhZVXF.js} +1 -1
- package/dist/assets/{IconButton-CBtq6L3L.js → IconButton-DMtc1AqT.js} +1 -1
- package/dist/assets/InputText-DAMAB4Tc.js +5 -0
- package/dist/assets/{LayoutFlex-eQuKAhqj.js → LayoutFlex-Cj8q1bY9.js} +1 -1
- package/dist/assets/{LayoutFlex-CF0H-L2i.js → LayoutFlex-DJgUW3tI.js} +1 -1
- package/dist/assets/LayoutFlexItem-BIkIcH4n.css +1 -0
- package/dist/assets/{LayoutFlexItem-DKXhQ4uI.js → LayoutFlexItem-C1qrSn1R.js} +1 -1
- package/dist/assets/LayoutGrid-DLuh585c.js +1 -0
- package/dist/assets/LayoutGrid-DMbtqKwQ.css +1 -0
- package/dist/assets/LayoutGrid-DqCfK2vN.css +1 -0
- package/dist/assets/{LayoutGrid.stories-CUF1pFax.js → LayoutGrid.stories-BNUhVFei.js} +3 -3
- package/dist/assets/LayoutGridItem-BissFQZa.css +1 -0
- package/dist/assets/LayoutGridItem-Cl02VDid.js +1 -0
- package/dist/assets/Link-CZvqSjA-.css +1 -0
- package/dist/assets/{Link.stories-op3rALt2.js → Link.stories-KUuvoGXv.js} +6 -6
- package/dist/assets/Loader-CPdt-2H5.css +1 -0
- package/dist/assets/{Loader.stories-DkuQH0il.js → Loader.stories-C7oYgr7U.js} +3 -3
- package/dist/assets/NumberField.stories-EBr9TWOu.js +203 -0
- package/dist/assets/{ObserveIntersection-D396wl1Z.js → ObserveIntersection-Ccn6ggRl.js} +1 -1
- package/dist/assets/{ObserveIntersection.stories-DIe0cEvy.js → ObserveIntersection.stories-CK5RwCMK.js} +1 -1
- package/dist/assets/{OnboardingTooltip-LmpN7irN.js → OnboardingTooltip-DuoU0OG7.js} +1 -1
- package/dist/assets/OnboardingTooltip-ih2-H7aT.css +1 -0
- package/dist/assets/{OnboardingTooltip.stories-Jgwhw8B7.js → OnboardingTooltip.stories-C7TCPsRd.js} +1 -1
- package/dist/assets/{OnboardingTooltip.tests.stories-SMAM4gfM.js → OnboardingTooltip.tests.stories-CR7peq2A.js} +1 -1
- package/dist/assets/{OnboardingTour-num3ncQf.js → OnboardingTour-D5pUyw-H.js} +1 -1
- package/dist/assets/{OnboardingTour-DwK5DUbq.css → OnboardingTour-a1foGtP0.css} +1 -1
- package/dist/assets/{OnboardingTour.stories-ByD_1qfY.js → OnboardingTour.stories-CHE5u2N9.js} +2 -2
- package/dist/assets/{OnboardingTour.tests.stories-CuKEIqem.js → OnboardingTour.tests.stories-L1SItA_o.js} +1 -1
- package/dist/assets/PasswordField.stories-BbIVWXCg.js +203 -0
- package/dist/assets/PreplyLogo-DzP78T2L.css +1 -0
- package/dist/assets/{PreplyLogo.stories-D1TtCHqk.js → PreplyLogo.stories-U59VXeLV.js} +4 -4
- package/dist/assets/{ProgressBar-BmXw-nZR.css → ProgressBar-wu_9uvGg.css} +1 -1
- package/dist/assets/{ProgressBar.stories-CPO4wH1o.js → ProgressBar.stories-CJHzGMBI.js} +1 -1
- package/dist/assets/{ProgressSteps-Dv8OCCuP.js → ProgressSteps-D0sRQY_x.js} +1 -1
- package/dist/assets/ProgressSteps-e3-CbmW-.css +1 -0
- package/dist/assets/{ProgressSteps.stories-BETmKQ0H.js → ProgressSteps.stories-C_1GQ6Wk.js} +1 -1
- package/dist/assets/SelectField-DtmQqReE.css +1 -0
- package/dist/assets/SelectField.stories-Dbbnnm8r.js +182 -0
- package/dist/assets/{ShowOnIntersection.stories-BYz5GE4A.js → ShowOnIntersection.stories-D4B8EpSn.js} +1 -1
- package/dist/assets/Spinner-CXZtxZbo.css +1 -0
- package/dist/assets/{Spinner-CyxiLyL8.js → Spinner-DgGnJd2k.js} +1 -1
- package/dist/assets/{Steps-C0r_s7cm.js → Steps-BC67AT21.js} +2 -2
- package/dist/assets/Steps-BemYpgTr.css +1 -0
- package/dist/assets/{Steps.stories-Cu3YnDNv.js → Steps.stories-Croh-b85.js} +1 -1
- package/dist/assets/Text-BQv_D3Xd.js +1 -0
- package/dist/assets/Text-C4DBPFZ_.js +1 -0
- package/dist/assets/{Text-Dz90MOGh.css → Text-j7spMxpW.css} +1 -1
- package/dist/assets/{Text.stories-Shf82ACe.js → Text.stories-D2QDcBIa.js} +1 -1
- package/dist/assets/TextField-4eAvmy7R.js +1 -0
- package/dist/assets/TextField-QAPIvMQf.css +1 -0
- package/dist/assets/{TextField.stories-dmjAjz-c.js → TextField.stories-BlZcgyOD.js} +1 -1
- package/dist/assets/TextHighlighted-D1Eq_O3M.js +1 -0
- package/dist/assets/TextHighlighted-Kfu8Cikz.css +1 -0
- package/dist/assets/{TextHighlighted.stories-BMKYOwah.js → TextHighlighted.stories-D5eTvy-x.js} +3 -3
- package/dist/assets/TextInline-CieB8GiR.css +1 -0
- package/dist/assets/{TextInline.stories-B_Pz9WwY.js → TextInline.stories-4RVYUyo7.js} +1 -1
- package/dist/assets/TextareaField.stories-Bp5XBUFn.js +221 -0
- package/dist/assets/Toast-BxY7edbh.css +1 -0
- package/dist/assets/{Toast.stories-DbrLDm_t.js → Toast.stories-C1rwf1P4.js} +2 -2
- package/dist/assets/{Tooltip-BAg1KQKT.js → Tooltip-BcWLgQdz.js} +1 -1
- package/dist/assets/Tooltip-C4RcESB2.css +1 -0
- package/dist/assets/{Tooltip.stories-wHqCEPWU.js → Tooltip.stories-C_eulyA8.js} +1 -1
- package/dist/assets/{Tooltip.tests.stories-D_nq5DIs.js → Tooltip.tests.stories-CNSvrg-a.js} +1 -1
- package/dist/assets/{breakpoints-BRprJf6A.js → breakpoints-C8FPGqgF.js} +1 -1
- package/dist/assets/{breakpoints-CtaUCSco.js → breakpoints-DD1YjD9M.js} +1 -1
- package/dist/assets/{breakpoints-BOyibZtN.js → breakpoints-Owi7Squn.js} +1 -1
- package/dist/assets/{changelog-TBi7WTEQ.js → changelog-BDm_gPnt.js} +217 -198
- package/dist/assets/{entry-preview-C_P_Nlzd.js → entry-preview-Djan81pS.js} +1 -1
- package/dist/assets/{getTokenVar-DCOEweXk.js → getTokenVar-D087RqJE.js} +1 -1
- package/dist/assets/{hover-kMs8GiJJ.js → hover-Bacj4cI5.js} +1 -1
- package/dist/assets/{hover-mW_YLLTC.js → hover-C9JcRjWU.js} +1 -1
- package/dist/assets/{hover-JFd-w7BX.js → hover-CrLn2ebs.js} +1 -1
- package/dist/assets/{iframe-BgwuwByS.js → iframe-CDRtj9ru.js} +2 -2
- package/dist/assets/{index-Bq6FoAGz.js → index-CV8DVSiW.js} +3 -3
- package/dist/assets/{index-B87xOJOM.js → index-CvmVTRnc.js} +1 -1
- package/dist/assets/{intro-c4tF8yKu.js → intro-BVNrHHEI.js} +1 -1
- package/dist/assets/layout-relative-ByAioz3N.css +1 -0
- package/dist/assets/layout-relative-DL5GCYL3.css +1 -0
- package/dist/assets/layout-relative-DX2HhfVy.css +1 -0
- package/dist/assets/layout-relative-vwhQiHRS.js +1 -0
- package/dist/assets/layout-relative.module-BIEPDZE2-CYlDcUGJ.js +1 -0
- package/dist/assets/layout-relative.module-Cmd2g7hD.js +1 -0
- package/dist/assets/{migrating-from-less-BxFz649c.js → migrating-from-less-Dr8tG-us.js} +1 -1
- package/dist/assets/playground-66zMGCdb.css +1 -0
- package/dist/assets/{playground.stories-C_o2YAsU.js → playground.stories-BLiukQbS.js} +88 -88
- package/dist/assets/{preview-DokNpyGe.js → preview-1ef74z28.js} +2 -2
- package/dist/assets/{preview-Cxi3mzSv.js → preview-CfQRgEmh.js} +1 -1
- package/dist/assets/{preview-CRvlowuh.js → preview-EanVfwSK.js} +1 -1
- package/dist/assets/text-accent-BbQDH9df.js +1 -0
- package/dist/assets/text-accent-DwQPHwM2.js +1 -0
- package/dist/assets/text-accent-UmsGcNvp.css +1 -0
- package/dist/assets/text-centered-BwHG-She.js +1 -0
- package/dist/assets/text-centered-Do6zdubZ.css +1 -0
- package/dist/assets/text-centered-J90FiEm7.css +1 -0
- package/dist/assets/text-centered-zQ_girwR.js +1 -0
- package/dist/assets/{tokens-DQr7_aYr.js → tokens-BtYQ8W_y.js} +1 -1
- package/dist/assets/{tokens-CQ5Gl5I2.js → tokens-DX2Hf4qt.js} +1 -1
- package/dist/assets/{tokens-Dbp-fi1-.js → tokens-noSXbqGF.js} +1 -1
- package/dist/assets/{usePortalElement-ClaqbqyG.js → usePortalElement-o38kz4UN.js} +1 -1
- package/dist/assets/{welcome-Dyttm4kJ.js → welcome-CnT01hD4.js} +1 -1
- package/dist/assets/{zeroheight-Q95Upmq8.js → zeroheight-BUMgok6n.js} +1 -1
- package/dist/iframe.html +1 -1
- package/dist/preview-stats.json +1409 -1382
- package/dist/project.json +1 -1
- package/package.json +3 -3
- package/dist/assets/AlertDialog-CCF7GpSQ.css +0 -1
- package/dist/assets/Avatar-B4uTWF6k.css +0 -1
- package/dist/assets/Avatar-CXOOPp5F.js +0 -1
- package/dist/assets/Avatar-D6tiuf1g.css +0 -1
- package/dist/assets/Avatar-DyGbZXJT.js +0 -6
- package/dist/assets/AvatarWithStatus-BiWxFmxH.css +0 -1
- package/dist/assets/AvatarWithStatus.stories-D1dAmJZA.js +0 -41
- package/dist/assets/Badge-B4U4Q-2L.css +0 -1
- package/dist/assets/Box-CXgYYZla.css +0 -1
- package/dist/assets/Box.stories-DWQHVvRJ.js +0 -44
- package/dist/assets/Button-C79RaET4.css +0 -1
- package/dist/assets/Button-D0GrV4Uw.js +0 -1
- package/dist/assets/ButtonBase-XFGBMwvm.js +0 -8
- package/dist/assets/Chips-DEkhPu7u.css +0 -1
- package/dist/assets/Dialog-DzE2u8b4.css +0 -1
- package/dist/assets/FieldAdditionalText-7SqTgPGu.css +0 -1
- package/dist/assets/FieldLayout-DMnUQxF2.css +0 -1
- package/dist/assets/FieldLayoutBase-DhmxmPiX.css +0 -1
- package/dist/assets/Heading-W4tHdF3R.js +0 -2
- package/dist/assets/Icon-BkSufs9e.css +0 -1
- package/dist/assets/Icon-CEJvCK2_.js +0 -1
- package/dist/assets/Icon-CUp8b0-U.js +0 -8
- package/dist/assets/Icon-D9BLfD32.css +0 -1
- package/dist/assets/InputText-UMYaayje.js +0 -5
- package/dist/assets/LayoutFlexItem-JfATLtRB.css +0 -1
- package/dist/assets/LayoutGrid-7peX52Vg.js +0 -1
- package/dist/assets/LayoutGrid-BT47Kl_Q.css +0 -1
- package/dist/assets/LayoutGrid-CGVWLW4Z.css +0 -1
- package/dist/assets/LayoutGridItem-6-QYYydO.css +0 -1
- package/dist/assets/LayoutGridItem-C-ej9KNj.js +0 -1
- package/dist/assets/Link-fCDYmX-7.css +0 -1
- package/dist/assets/Loader-BTxpB10O.css +0 -1
- package/dist/assets/NumberField.stories-DxU4XnMJ.js +0 -203
- package/dist/assets/OnboardingTooltip-iIP6td1I.css +0 -1
- package/dist/assets/PasswordField.stories-DstYRZDR.js +0 -203
- package/dist/assets/PreplyLogo-DBsyVspP.css +0 -1
- package/dist/assets/ProgressSteps-sMVv2IRR.css +0 -1
- package/dist/assets/SelectField-BxmHYGfP.css +0 -1
- package/dist/assets/SelectField.stories-DUyshTWW.js +0 -182
- package/dist/assets/Spinner-3LrAh6MU.css +0 -1
- package/dist/assets/Steps-CQxZhEz8.css +0 -1
- package/dist/assets/Text-Calcoo_W.js +0 -1
- package/dist/assets/Text-kaTl-B8Q.js +0 -1
- package/dist/assets/TextField-B_PVRzNM.js +0 -1
- package/dist/assets/TextField-lBm2t84t.css +0 -1
- package/dist/assets/TextHighlighted-B124J6SL.css +0 -1
- package/dist/assets/TextHighlighted-giKo87bb.js +0 -1
- package/dist/assets/TextInline-BpI6YPWG.css +0 -1
- package/dist/assets/TextareaField.stories-ByYFYI2v.js +0 -221
- package/dist/assets/Toast-DeW4F2lr.css +0 -1
- package/dist/assets/Tooltip-dFlhCupI.css +0 -1
- package/dist/assets/layout-relative-CLkOx8US.css +0 -1
- package/dist/assets/layout-relative-CqRlJdrj.js +0 -1
- package/dist/assets/layout-relative-Dg1lRTig.css +0 -1
- package/dist/assets/layout-relative-Oe5iP76h.css +0 -1
- package/dist/assets/layout-relative.module-Bbwb9_Eu.js +0 -1
- package/dist/assets/layout-relative.module-DB0GH6jo-BuT1zyXU.js +0 -1
- package/dist/assets/playground-Bt9UAyP9.css +0 -1
- package/dist/assets/text-accent-BucCjkua.js +0 -1
- package/dist/assets/text-accent-Ck8Nt9WJ.css +0 -1
- package/dist/assets/text-accent-Doi2Sa1E.js +0 -1
- package/dist/assets/text-centered-BFlte_Y7.css +0 -1
- package/dist/assets/text-centered-CvDN0Don.js +0 -1
- package/dist/assets/text-centered-CvpIKS_q.js +0 -1
- package/dist/assets/text-centered-D6faPckT.css +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BN6VMYqa.js","./index-Cb9e4tly.js","./_commonjsHelpers-Cpj98o6Y.js","./index-ChsGqxH_.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{_ as l}from"./iframe-
|
|
2
|
+
import{_ as l}from"./iframe-CDRtj9ru.js";import{r as s,e as n}from"./index-Cb9e4tly.js";import{H as p,A as h,C as E,c as d}from"./index-CV8DVSiW.js";import{c as v}from"./client-C1fTPCwG.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-ChsGqxH_.js";import"./jsx-runtime-BTJTZTIL.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";var i=new Map;function R(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var f=({callback:e,children:t})=>{let r=s.useRef();return s.useLayoutEffect(()=>{r.current!==e&&(r.current=e,e())},[e]),t};typeof Promise.withResolvers>"u"&&(Promise.withResolvers=()=>{let e=null,t=null;return{promise:new Promise((r,o)=>{e=r,t=o}),resolve:e,reject:t}});var w=async(e,t,r)=>{let o=await x(t,r);if(R()){o.render(e);return}let{promise:m,resolve:a}=Promise.withResolvers();return o.render(s.createElement(f,{callback:a},e)),m},_=(e,t)=>{let r=i.get(e);r&&(r.unmount(),i.delete(e))},x=async(e,t)=>{let r=i.get(e);return r||(r=v.createRoot(e,t),i.set(e,r)),r},g={code:E,a:h,...p},y=class extends s.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:n.createElement(n.Fragment,null,t)}},L=class{constructor(){this.render=async(e,t,r)=>{let o={...g,...t==null?void 0:t.components},m=d;return new Promise((a,c)=>{l(async()=>{const{MDXProvider:u}=await import("./index-BN6VMYqa.js");return{MDXProvider:u}},__vite__mapDeps([0,1,2,3]),import.meta.url).then(({MDXProvider:u})=>w(n.createElement(y,{showException:c,key:Math.random()},n.createElement(u,{components:o},n.createElement(m,{context:e,docsParameter:t}))),r)).then(()=>a())})},this.unmount=e=>{_(e)}}};export{L as DocsRenderer,g as defaultComponents};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as
|
|
1
|
+
import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{m as l,s as n}from"./classNames-BUL1Zq7e.js";import{w as a}from"./componentNames-Bwls0I02.js";import{g as s}from"./index-DdzHuZ-Y.js";import{a as m}from"./constants-DL6gdbsq.js";const p="_FieldAdditionalText_d4rao_4",_={FieldAdditionalText:p,"FieldAdditionalText--variant-normal":"_FieldAdditionalText--variant-normal_d4rao_11","FieldAdditionalText--variant-error":"_FieldAdditionalText--variant-error_d4rao_14"},i=({id:e,variant:t=m,children:d})=>{const r=l(_,a.FieldAdditionalText,[n("variant",t)]);return o.jsx("p",{id:e,className:r.join(" "),...s(void 0,{preplyDsComponent:a.FieldAdditionalText}),children:d})};try{i.displayName="FieldAdditionalText",i.__docgenInfo={description:"",displayName:"FieldAdditionalText",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"error"'},{value:'"normal"'}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}}}}}catch{}export{i as F};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._FieldAdditionalText_d4rao_4{margin:0;font-weight:var(--026ea8);font-size:var(--3f1843);line-height:var(--030292);letter-spacing:var(--c142cd)}._FieldAdditionalText--variant-normal_d4rao_11{color:var(--3d280d)}._FieldAdditionalText--variant-error_d4rao_14{color:var(--9167e9)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as u}from"./jsx-runtime-BTJTZTIL.js";import{F as o}from"./FieldAdditionalText-
|
|
1
|
+
import{j as u}from"./jsx-runtime-BTJTZTIL.js";import{F as o}from"./FieldAdditionalText-BCMB8JHW.js";import"./index-ChsGqxH_.js";import"./classNames-BUL1Zq7e.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./constants-DL6gdbsq.js";const v={title:"components/FieldAdditionalText",component:o},r=()=>u.jsx(o,{children:"Provide a telephone number so we can contact you."}),e=()=>u.jsx(o,{variant:"error",children:"Please fill out this field."}),t={parameters:{chromatic:{disableSnapshot:!0}},args:{children:"Additional text",variant:"normal"},argTypes:{children:{control:"text"},id:{control:"text"}}};var a,n,i;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:"() => <FieldAdditionalText>Provide a telephone number so we can contact you.</FieldAdditionalText>",...(i=(n=r.parameters)==null?void 0:n.docs)==null?void 0:i.source}}};var s,d,l;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:'() => <FieldAdditionalText variant="error">Please fill out this field.</FieldAdditionalText>',...(l=(d=e.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};var c,m,p;t.parameters={...t.parameters,docs:{...(c=t.parameters)==null?void 0:c.docs,source:{originalSource:`{
|
|
2
2
|
parameters: {
|
|
3
3
|
chromatic: {
|
|
4
4
|
disableSnapshot: true
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._FieldButton_ti59p_4{display:flex;justify-content:center;align-items:center;min-width:var(--d57208);height:var(--3caeb9);border-width:1px;border-style:solid;border-radius:var(--0191ea);border-color:var(--ea1746);background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}@media (hover: hover) and (pointer: fine){._FieldButton_ti59p_4:hover{background-color:var(--0bbea4)}}._FieldButton_ti59p_4:active{background-color:var(--33e933)}._FieldButton_ti59p_4:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._FieldButton_ti59p_4 svg{width:var(--f02c4e);height:var(--f02c4e)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as f}from"./index-Cb9e4tly.js";import{f as v}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as y}from"./classNames-BUL1Zq7e.js";import{g}from"./index-DdzHuZ-Y.js";import{w as a}from"./componentNames-Bwls0I02.js";const b="
|
|
1
|
+
import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as f}from"./index-Cb9e4tly.js";import{f as v}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as y}from"./classNames-BUL1Zq7e.js";import{g}from"./index-DdzHuZ-Y.js";import{w as a}from"./componentNames-Bwls0I02.js";const b="_FieldButton_ti59p_4",h={FieldButton:b},l=f.forwardRef(function({svg:o,assistiveText:r,onClick:e,dataset:u,...i},m){const d=y(h,a.FieldButton),p=t=>{t.stopPropagation(),e==null||e(t)},c={...v(i),...g(u,{preplyDsComponent:a.FieldButton}),className:d.join(" "),title:r,onClick:p,ref:m};return n.jsx("button",{...c,type:"button",children:n.jsx(o,{"aria-hidden":"true",focusable:"false"})})});try{l.displayName="FieldButton",l.__docgenInfo={description:"",displayName:"FieldButton",props:{svg:{defaultValue:null,description:"",name:"svg",required:!0,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!0,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"MouseEventHandler<Element>"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLButtonElement | null) => void"},{value:"RefObject<HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{l as F};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as i}from"./jsx-runtime-BTJTZTIL.js";import{F as m}from"./LibraryExplore-oBYfEgnm.js";import{F as s}from"./FieldButton-
|
|
1
|
+
import{j as i}from"./jsx-runtime-BTJTZTIL.js";import{F as m}from"./LibraryExplore-oBYfEgnm.js";import{F as s}from"./FieldButton-BbLI1MM0.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./classNames-BUL1Zq7e.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Bwls0I02.js";const v={title:"components/FieldButton",component:s},o=()=>i.jsx(s,{svg:m,assistiveText:"Lorem Ipsum",onClick:()=>{}});o.storyName="FieldButton";var t,e,r;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:'() => <FieldButton svg={LibSvg} assistiveText="Lorem Ipsum" onClick={() => undefined} />',...(r=(e=o.parameters)==null?void 0:e.docs)==null?void 0:r.source}}};const B=["Base"];export{o as Base,B as __namedExportsOrder,v as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._FieldLayout--input_18ixp_5{border-radius:var(--c4b051);display:flex;position:relative;align-items:center;background-color:var(--302ecf);color:var(--41d493);background-color:var(--211bc0)}@media (hover: hover) and (pointer: fine){._FieldLayout--input_18ixp_5:hover input,._FieldLayout--input_18ixp_5:hover textarea{border-color:var(--0bd642)}}._FieldLayout--input_18ixp_5 input,._FieldLayout--input_18ixp_5 textarea{border-color:var(--29cd58);border-width:var(--d9baa3);border-radius:var(--c4b051);border-style:solid;background:none;outline:none;font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);padding:calc(var(--d9baa3) + var(--1ba55a));padding-right:calc(var(--477fda) - var(--d9baa3));padding-left:calc(var(--477fda) - var(--d9baa3))}._FieldLayout--input_18ixp_5 input::placeholder,._FieldLayout--input_18ixp_5 textarea::placeholder{color:var(--d9209f)}._FieldLayout--icon_18ixp_42{position:absolute;top:0;display:flex;align-items:center;height:100%;left:calc(var(--477fda) - var(--d9baa3));font-size:0;pointer-events:none}._FieldLayout--icon_18ixp_42 svg{color:var(--cbc724)}._FieldLayout--has-icon_18ixp_55 ._FieldLayout--input_18ixp_5 input{padding-left:calc(calc(var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a))}._FieldLayout--has-button_18ixp_58 ._FieldLayout--input_18ixp_5 input{padding-right:58px}._FieldLayout--has-error_18ixp_61 ._FieldLayout--input_18ixp_5{background-color:var(--95df5b)}._FieldLayout--has-error_18ixp_61 ._FieldLayout--input_18ixp_5 input,._FieldLayout--has-error_18ixp_61 ._FieldLayout--input_18ixp_5 textarea{border-color:var(--eaf4a3);color:var(--7b0f41)}._FieldLayout--has-error_18ixp_61 ._FieldLayout--icon_18ixp_42 svg{color:var(--7b0f41)}._FieldLayout--is-focused_18ixp_72 ._FieldLayout--input_18ixp_5 input,._FieldLayout--is-focused_18ixp_72 ._FieldLayout--input_18ixp_5 textarea{border-color:var(--398094)}._FieldLayout--is-disabled_18ixp_76 ._FieldLayout--input_18ixp_5{background-color:var(--04daeb)}._FieldLayout--is-disabled_18ixp_76 ._FieldLayout--input_18ixp_5 input,._FieldLayout--is-disabled_18ixp_76 ._FieldLayout--input_18ixp_5 textarea{border-color:transparent}._FieldLayout--input_18ixp_5 button{position:absolute;top:calc(var(--1ba55a) + var(--6947b0));right:var(--6947b0);margin-top:calc(-1 * var(--1ba55a));margin-bottom:calc(-1 * var(--1ba55a))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as s}from"./jsx-runtime-BTJTZTIL.js";import{r as d}from"./index-Cb9e4tly.js";import{F as R}from"./FieldLayoutBase-
|
|
1
|
+
import{j as s}from"./jsx-runtime-BTJTZTIL.js";import{r as d}from"./index-Cb9e4tly.js";import{F as R}from"./FieldLayoutBase-CbZWkNI7.js";import{a as i,b as a}from"./classNames-BUL1Zq7e.js";import{w as t}from"./componentNames-Bwls0I02.js";const o={"FieldLayout--input":"_FieldLayout--input_18ixp_5","FieldLayout--icon":"_FieldLayout--icon_18ixp_42","FieldLayout--has-icon":"_FieldLayout--has-icon_18ixp_55","FieldLayout--has-button":"_FieldLayout--has-button_18ixp_58","FieldLayout--has-error":"_FieldLayout--has-error_18ixp_61","FieldLayout--is-focused":"_FieldLayout--is-focused_18ixp_72","FieldLayout--is-disabled":"_FieldLayout--is-disabled_18ixp_76"},x=({id:m,className:c,input:L,icon:n,button:p,disabled:v,isFocused:f,hasError:y,inputHandle:e,onClick:r,preplyDsComponent:F,..._},q)=>{const l=d.useRef(null);d.useImperativeHandle(q,()=>({setFocus:()=>e==null?void 0:e.setFocus(),scrollIntoView:()=>{var u;return(u=l==null?void 0:l.current)==null?void 0:u.scrollIntoView()}}));const h=i(o,t.FieldLayout,[a("is-disabled",void 0,v),a("is-focused",void 0,f),a("has-error",void 0,y),a("has-icon",void 0,!!n),a("has-button",void 0,!!p)]),V=c?[c,...h]:h,g=i(o,t.FieldLayout,["input"]),C=i(o,t.FieldLayout,["icon"]),E=u=>{e==null||e.setFocus(),r==null||r(u)};return s.jsx(R,{id:m,className:V.join(" "),disabled:v,isFocused:f,hasError:y,..._,preplyDsComponent:F??t.FieldLayout,ref:l,children:s.jsxs("div",{className:g.join(" "),onClick:E,children:[n&&s.jsx("span",{className:C.join(" "),children:n}),L,p]})})},b=d.forwardRef(x);try{b.displayName="FieldLayout",b.__docgenInfo={description:"A component for building custom fields.",displayName:"FieldLayout",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},hideLabel:{defaultValue:null,description:"",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isFocused:{defaultValue:null,description:"",name:"isFocused",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isTouched:{defaultValue:null,description:"",name:"isTouched",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isChanged:{defaultValue:null,description:"",name:"isChanged",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasValue:{defaultValue:null,description:"",name:"hasValue",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},input:{defaultValue:null,description:"An `<input>` element.",name:"input",required:!0,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},inputHandle:{defaultValue:null,description:"A ref handle to the `<input>` element, used to manage focus when\nclicking on elements within the layout, such as the button and icon.",name:"inputHandle",required:!0,type:{name:"enum",value:[{value:"null"},{value:"InputImperativeHandle"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<IconProps, string | JSXElementConstructor<any>>"}]}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"enum",value:[{value:"ReactElement<FieldButtonProps, string | JSXElementConstructor<any>>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{b as F};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{r as U}from"./index-Cb9e4tly.js";import{a as g}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{u as X,w as M,e as P}from"./index-BVDq5o4N.js";import{F as Z,a as ee}from"./TokyoUIUser-Hwg3-lyt.js";import{F as re}from"./FieldButton-
|
|
1
|
+
import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{r as U}from"./index-Cb9e4tly.js";import{a as g}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{u as X,w as M,e as P}from"./index-BVDq5o4N.js";import{F as Z,a as ee}from"./TokyoUIUser-Hwg3-lyt.js";import{F as re}from"./FieldButton-BbLI1MM0.js";import{I as te}from"./Icon-BNvtTXpG.js";import{I as ae}from"./InputText-DAMAB4Tc.js";import{F as h}from"./FieldLayout-zG6DP4fD.js";import{B as Q}from"./Button-Dy26oY0t.js";import{T as oe}from"./Text-C4DBPFZ_.js";import{u as se}from"./useForcedRef--iGFM41p.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./classNames-BUL1Zq7e.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Bwls0I02.js";import"./text-accent-DwQPHwM2.js";import"./render-icon-BT0Aq7PA.js";import"./defaults-B1rzzf6M.js";import"./FieldLayoutBase-CbZWkNI7.js";import"./FieldAdditionalText-BCMB8JHW.js";import"./constants-DL6gdbsq.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-B1DLZQ1U.js";import"./ButtonBase-C6zIOZ7w.js";import"./Spinner-DgGnJd2k.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./text-centered-BwHG-She.js";const Ne={title:"components/FieldLayout",component:h,args:{onClick:g("onClick")},render:function(t){const a=U.useRef(null),o=se();return t.ref=a,r.jsx(h,{...t,id:"full-name",label:"Full name",icon:r.jsx(te,{svg:ee,label:"The hat"}),input:r.jsx(ae,{type:"text",id:"full-name-input",ref:o,placeholder:"John Smith",disabled:t.disabled,dataset:{testid:"input"}}),inputHandle:o.current,button:r.jsx(re,{svg:Z,assistiveText:"Do the thing",onClick:g("button clicked")})})}},s={},n={args:{additionalText:"This is additional text"}},i={args:{required:!0}},c={args:{required:!0,requiredLabel:r.jsx(oe,{accent:"critical",variant:"m-bold",children:"Needed"})}},p={args:{hideLabel:!0}},d={args:{isFocused:!0}},u={args:{hasError:!0}},l={args:{disabled:!0}},m={decorators:[(e,{args:t})=>r.jsxs("div",{style:{padding:"8px",margin:"8px"},children:[r.jsxs("p",{children:["You can"," ",r.jsx(Q,{variant:"secondary",dataset:{testid:"focus-button"},onClick:()=>{var a,o;return(o=(a=t.ref)==null?void 0:a.current)==null?void 0:o.setFocus()},children:"Focus"})," ","the input imperatively."]}),r.jsx(e,{})]})],play:async({args:e,canvas:t})=>{if(!x(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const a=t.getByTestId("input");await X.click(t.getByTestId("focus-button")),await M(()=>P(a).toHaveFocus())}},f={decorators:[(e,{args:t})=>r.jsxs("div",{style:{height:"300px",overflow:"scroll",padding:"8px",margin:"8px"},children:[r.jsxs("p",{children:["You can"," ",r.jsx(Q,{variant:"secondary",dataset:{testid:"scroll-button"},onClick:()=>{if(!x(t.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");t.ref.current.scrollIntoView()},children:"Scroll"})," ","the input into view imperatively."]}),r.jsx("div",{style:{height:"1000px",display:"flex",flexDirection:"column",justifyContent:"end",border:"2px dashed lightgray",padding:"16px"},children:r.jsx(e,{})})]})],play:async({args:e,canvas:t})=>{if(!x(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const a=t.getByTestId("input");e.ref.current.scrollIntoView(),await M(()=>P(a).toBeVisible())}};function x(e){return typeof e=="object"&&e!==null&&"current"in e&&e.current!==null&&typeof e.current=="object"&&"setFocus"in e.current}var v,y,b;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(b=(y=s.parameters)==null?void 0:y.docs)==null?void 0:b.source}}};var I,w,F;n.parameters={...n.parameters,docs:{...(I=n.parameters)==null?void 0:I.docs,source:{originalSource:`{
|
|
2
2
|
args: {
|
|
3
3
|
additionalText: 'This is additional text'
|
|
4
4
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import{j as u}from"./jsx-runtime-BTJTZTIL.js";import{r as m}from"./index-Cb9e4tly.js";import{a as k,g as H,b as z}from"./useForcedRef--iGFM41p.js";import{g as N}from"./index-DdzHuZ-Y.js";import{F as S}from"./FieldAdditionalText-
|
|
1
|
+
import{j as u}from"./jsx-runtime-BTJTZTIL.js";import{r as m}from"./index-Cb9e4tly.js";import{a as k,g as H,b as z}from"./useForcedRef--iGFM41p.js";import{g as N}from"./index-DdzHuZ-Y.js";import{F as S}from"./FieldAdditionalText-BCMB8JHW.js";import"./index-D1pfvbUR.js";import{m as T,b as F,a as D}from"./classNames-BUL1Zq7e.js";import{M as A}from"./message-B1DLZQ1U.js";const w={textarea:"textarea",select:"select"},M=()=>{},K=(e,a)=>{const{type:l,id:n,name:t,className:r,onChange:i,onFocus:d,onBlur:v,onClick:f,onKeyDown:y,onKeyUp:b,onCopy:_,onPaste:q,required:x,readOnly:p,disabled:c,dataset:h,preplyDsComponent:V}=e,s=m.useRef(null);m.useImperativeHandle(a,()=>({setFocus:()=>{var o;return(o=s.current)==null?void 0:o.focus()},scrollIntoView:()=>{var o;return(o=s.current)==null?void 0:o.scrollIntoView()}}));const j=k({disabled:c,captureChildEvents:!0,onBlur:v,onFocus:d}),I=w[l]||"input",P=I===l in w?void 0:l,B={...{ref:s,type:P,id:n,name:t,className:r,...j,onChange:i||M,onClick:f,onKeyDown:y,onKeyUp:b,onCopy:_,onPaste:q,required:x,readOnly:p,disabled:c},...z(e),...N(h,{preplyDsComponent:V}),...H(e)};return u.jsx(I,{...B,ref:s})},R=m.forwardRef(K);try{R.displayName="InputBase",R.__docgenInfo={description:"",displayName:"InputBase",props:{type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"number"'},{value:'"url"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'},{value:'"text"'},{value:'"password"'},{value:'"date"'},{value:'"time"'},{value:'"select"'},{value:'"textarea"'},{value:'"checkbox"'},{value:'"radio"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"name"'},{value:'"off"'},{value:'"on"'},{value:'"email"'},{value:'"username"'},{value:'"language"'},{value:'"tel"'},{value:'"new-password"'},{value:'"current-password"'}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
|
|
2
2
|
@see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
|
|
3
3
|
@see aria-hidden
|
|
4
4
|
@see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
|
|
5
5
|
@see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"spelling"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},preplyDsComponent:{defaultValue:null,description:`@deprecated preplyDsComponent is meant for internal Design SYstem use only!!
|
|
6
|
-
@see getDatasetProps`,name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"string"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},
|
|
6
|
+
@see getDatasetProps`,name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"string"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"enum",value:[{value:"number"}]}},resize:{defaultValue:null,description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"vertical"'},{value:'"horizontal"'},{value:'"both"'}]}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"enum",value:[{value:"string"}]}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"enum",value:[{value:"string"}]}},checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}function be(e,a,l,n=[]){return m.useMemo(()=>{if(!(!a&&!l))return t=>{a==null||a(t);const r=e(t);l==null||l(r)}},[a,l,...n])}const O="_InputText_11b18_4",U="_InputPassword_11b18_11",G="_InputDate_11b18_18",J="_InputTime_11b18_25",X="_InputNumber_11b18_32",$="_Textarea_11b18_39",Y="_Checkbox_11b18_58",Q="_Radio_11b18_61",W="_Select_11b18_64",_e={InputText:O,InputPassword:U,InputDate:G,InputTime:J,InputNumber:X,Textarea:$,"Textarea--resize-none":"_Textarea--resize-none_11b18_46","Textarea--resize-vertical":"_Textarea--resize-vertical_11b18_49","Textarea--resize-horizontal":"_Textarea--resize-horizontal_11b18_52","Textarea--resize-both":"_Textarea--resize-both_11b18_55",Checkbox:Y,Radio:Q,Select:W},Z="_FieldLabel_1fnht_4",L={FieldLabel:Z,"FieldLabel--wrap":"_FieldLabel--wrap_1fnht_19","FieldLabel--wrapGap":"_FieldLabel--wrapGap_1fnht_22","FieldLabel--required":"_FieldLabel--required_1fnht_26","FieldLabel--hide":"_FieldLabel--hide_1fnht_31"},E="FieldLabel",ee="•",ae=u.jsx(A,{id:"preply-ds.fieldLabel.required",defaultMessage:"Required",description:"Form field required label"}),le=({label:e=ae})=>{const a=D(L,E,["required"]);return u.jsxs("span",{className:a.join(" "),children:[u.jsx("span",{children:ee}),u.jsx("span",{children:e})]})},ue=()=>{const e=D(L,E,["wrapGap"]);return u.jsx("span",{className:e.join(" ")})},g=({id:e,label:a,hideLabel:l,wrapLabel:n=!1,required:t,requiredLabel:r})=>{const i=T(L,E,[F("hide",void 0,l),F("wrap",void 0,n)]);return u.jsxs("label",{htmlFor:e,className:i.join(" "),children:[a,n&&u.jsx(ue,{}),t&&u.jsx(le,{label:r})]})};try{g.displayName="FieldLabel",g.__docgenInfo={description:"",displayName:"FieldLabel",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},label:{defaultValue:{value:`(
|
|
7
7
|
<FormattedMessage
|
|
8
8
|
id="preply-ds.fieldLabel.required"
|
|
9
9
|
defaultMessage="Required"
|
|
10
10
|
description="Form field required label"
|
|
11
11
|
/>
|
|
12
|
-
)`},description:"",name:"label",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:{value:"false"},description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}}}}}catch{}const ne="
|
|
12
|
+
)`},description:"",name:"label",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:{value:"false"},description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}}}}}catch{}const ne="_FieldLayoutBase_9r3ib_2",te={FieldLayoutBase:ne},re="FieldLayoutBase",se=({id:e,className:a,label:l,hideLabel:n,wrapLabel:t=!1,required:r,requiredLabel:i,additionalText:d,preserveSpace:v,hasError:f,dataset:y,children:b,preplyDsComponent:_},q)=>{const p=[...T(te,re)];a&&p.push(a);const c={className:p.join(" "),...N(y,{preplyDsComponent:_})},h={id:e,label:l,hideLabel:n,wrapLabel:t,required:r,requiredLabel:i},V=!d&&v?u.jsx("span",{children:" "}):void 0,s=f?"error":"normal";return u.jsxs("div",{...c,ref:q,children:[u.jsx(g,{...h}),b,d&&u.jsx(S,{id:`${e}-desc`,variant:s,children:d}),V]})},C=m.forwardRef(se);try{C.displayName="FieldLayoutBase",C.__docgenInfo={description:"",displayName:"FieldLayoutBase",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:{value:"false"},description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isFocused:{defaultValue:null,description:"",name:"isFocused",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isTouched:{defaultValue:null,description:"",name:"isTouched",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isChanged:{defaultValue:null,description:"",name:"isChanged",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasValue:{defaultValue:null,description:"",name:"hasValue",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"string"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLDivElement | null) => void"},{value:"RefObject<HTMLDivElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{C as F,R as I,_e as s,be as u};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._InputText_11b18_4,._InputPassword_11b18_11,._InputDate_11b18_18,._InputTime_11b18_25,._InputNumber_11b18_32,._Textarea_11b18_39{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._Textarea--resize-none_11b18_46{resize:none}._Textarea--resize-vertical_11b18_49{resize:vertical}._Textarea--resize-horizontal_11b18_52{resize:horizontal}._Textarea--resize-both_11b18_55{resize:both}._Checkbox_11b18_58,._Radio_11b18_61{display:inline-block}._Select_11b18_64{display:block;width:100%;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._FieldLabel_1fnht_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);color:var(--e41135);font-size:var(--343d89);font-weight:var(--b44390);line-height:var(--360264);letter-spacing:var(--b8c41f);font-style:var(--0ab3be);display:flex;gap:var(--6947b0);max-width:max-content}._FieldLabel--wrap_1fnht_19{display:inline}._FieldLabel--wrapGap_1fnht_22{width:var(--6947b0);display:inline-block}._FieldLabel--required_1fnht_26{display:flex;gap:var(--6947b0);color:var(--3d280d)}._FieldLabel--hide_1fnht_31{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}._FieldLayoutBase_9r3ib_2{display:flex;flex-direction:column;gap:var(--6947b0)}._FieldLayoutBase_9r3ib_2 input,._FieldLayoutBase_9r3ib_2 textarea{display:block;width:100%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._Heading_16kt3_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);margin:0}._Heading--level-h1-normal_16kt3_11{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--level-h1-large_16kt3_17{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--level-h2-normal_16kt3_23{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--level-h2-large_16kt3_29{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--level-h3-normal_16kt3_35{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--level-h3-large_16kt3_41{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--level-h4-normal_16kt3_47{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--level-h4-large_16kt3_53{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--level-h5-normal_16kt3_59{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--level-h5-large_16kt3_65{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}@media (min-width: 400px){._Heading--narrow-l--level-h1-normal_16kt3_72{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--narrow-l--level-h1-large_16kt3_78{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--narrow-l--level-h2-normal_16kt3_84{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--narrow-l--level-h2-large_16kt3_90{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--narrow-l--level-h3-normal_16kt3_96{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--narrow-l--level-h3-large_16kt3_102{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--narrow-l--level-h4-normal_16kt3_108{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--narrow-l--level-h4-large_16kt3_114{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--narrow-l--level-h5-normal_16kt3_120{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--narrow-l--level-h5-large_16kt3_126{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 700px){._Heading--medium-s--level-h1-normal_16kt3_134{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-s--level-h1-large_16kt3_140{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-s--level-h2-normal_16kt3_146{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-s--level-h2-large_16kt3_152{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-s--level-h3-normal_16kt3_158{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-s--level-h3-large_16kt3_164{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-s--level-h4-normal_16kt3_170{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-s--level-h4-large_16kt3_176{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-s--level-h5-normal_16kt3_182{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-s--level-h5-large_16kt3_188{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 880px){._Heading--medium-l--level-h1-normal_16kt3_196{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-l--level-h1-large_16kt3_202{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-l--level-h2-normal_16kt3_208{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-l--level-h2-large_16kt3_214{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-l--level-h3-normal_16kt3_220{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-l--level-h3-large_16kt3_226{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-l--level-h4-normal_16kt3_232{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-l--level-h4-large_16kt3_238{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-l--level-h5-normal_16kt3_244{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-l--level-h5-large_16kt3_250{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1200px){._Heading--wide-s--level-h1-normal_16kt3_258{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-s--level-h1-large_16kt3_264{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-s--level-h2-normal_16kt3_270{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-s--level-h2-large_16kt3_276{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-s--level-h3-normal_16kt3_282{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-s--level-h3-large_16kt3_288{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-s--level-h4-normal_16kt3_294{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-s--level-h4-large_16kt3_300{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-s--level-h5-normal_16kt3_306{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-s--level-h5-large_16kt3_312{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1900px){._Heading--wide-l--level-h1-normal_16kt3_320{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-l--level-h1-large_16kt3_326{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-l--level-h2-normal_16kt3_332{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-l--level-h2-large_16kt3_338{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-l--level-h3-normal_16kt3_344{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-l--level-h3-large_16kt3_350{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-l--level-h4-normal_16kt3_356{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-l--level-h4-large_16kt3_362{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-l--level-h5-normal_16kt3_368{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-l--level-h5-large_16kt3_374{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}._Heading--variant-massive_16kt3_381{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--variant-huge_16kt3_387{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--variant-extraLarge_16kt3_393{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--variant-large_16kt3_399{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--variant-medium_16kt3_405{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--variant-small_16kt3_411{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}@media (min-width: 400px){._Heading--narrow-l--variant-massive_16kt3_418{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--narrow-l--variant-huge_16kt3_424{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--narrow-l--variant-extraLarge_16kt3_430{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--narrow-l--variant-large_16kt3_436{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--narrow-l--variant-medium_16kt3_442{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--narrow-l--variant-small_16kt3_448{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 700px){._Heading--medium-s--variant-massive_16kt3_456{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-s--variant-huge_16kt3_462{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-s--variant-extraLarge_16kt3_468{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-s--variant-large_16kt3_474{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-s--variant-medium_16kt3_480{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-s--variant-small_16kt3_486{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 880px){._Heading--medium-l--variant-massive_16kt3_494{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-l--variant-huge_16kt3_500{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-l--variant-extraLarge_16kt3_506{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-l--variant-large_16kt3_512{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-l--variant-medium_16kt3_518{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-l--variant-small_16kt3_524{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1200px){._Heading--wide-s--variant-massive_16kt3_532{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-s--variant-huge_16kt3_538{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-s--variant-extraLarge_16kt3_544{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-s--variant-large_16kt3_550{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-s--variant-medium_16kt3_556{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-s--variant-small_16kt3_562{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1900px){._Heading--wide-l--variant-massive_16kt3_570{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-l--variant-huge_16kt3_576{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-l--variant-extraLarge_16kt3_582{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-l--variant-large_16kt3_588{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-l--variant-medium_16kt3_594{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-l--variant-small_16kt3_600{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}
|
|
1
|
+
._Heading_1kas7_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);margin:0}._Heading--level-h1-normal_1kas7_11{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--level-h1-large_1kas7_17{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--level-h2-normal_1kas7_23{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--level-h2-large_1kas7_29{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--level-h3-normal_1kas7_35{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--level-h3-large_1kas7_41{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--level-h4-normal_1kas7_47{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--level-h4-large_1kas7_53{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--level-h5-normal_1kas7_59{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--level-h5-large_1kas7_65{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}@media (min-width: 400px){._Heading--narrow-l--level-h1-normal_1kas7_72{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--narrow-l--level-h1-large_1kas7_78{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--narrow-l--level-h2-normal_1kas7_84{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--narrow-l--level-h2-large_1kas7_90{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--narrow-l--level-h3-normal_1kas7_96{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--narrow-l--level-h3-large_1kas7_102{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--narrow-l--level-h4-normal_1kas7_108{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--narrow-l--level-h4-large_1kas7_114{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--narrow-l--level-h5-normal_1kas7_120{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--narrow-l--level-h5-large_1kas7_126{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 700px){._Heading--medium-s--level-h1-normal_1kas7_134{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-s--level-h1-large_1kas7_140{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-s--level-h2-normal_1kas7_146{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-s--level-h2-large_1kas7_152{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-s--level-h3-normal_1kas7_158{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-s--level-h3-large_1kas7_164{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-s--level-h4-normal_1kas7_170{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-s--level-h4-large_1kas7_176{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-s--level-h5-normal_1kas7_182{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-s--level-h5-large_1kas7_188{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 880px){._Heading--medium-l--level-h1-normal_1kas7_196{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-l--level-h1-large_1kas7_202{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-l--level-h2-normal_1kas7_208{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-l--level-h2-large_1kas7_214{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-l--level-h3-normal_1kas7_220{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-l--level-h3-large_1kas7_226{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-l--level-h4-normal_1kas7_232{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-l--level-h4-large_1kas7_238{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-l--level-h5-normal_1kas7_244{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-l--level-h5-large_1kas7_250{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1200px){._Heading--wide-s--level-h1-normal_1kas7_258{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-s--level-h1-large_1kas7_264{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-s--level-h2-normal_1kas7_270{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-s--level-h2-large_1kas7_276{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-s--level-h3-normal_1kas7_282{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-s--level-h3-large_1kas7_288{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-s--level-h4-normal_1kas7_294{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-s--level-h4-large_1kas7_300{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-s--level-h5-normal_1kas7_306{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-s--level-h5-large_1kas7_312{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1900px){._Heading--wide-l--level-h1-normal_1kas7_320{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-l--level-h1-large_1kas7_326{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-l--level-h2-normal_1kas7_332{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-l--level-h2-large_1kas7_338{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-l--level-h3-normal_1kas7_344{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-l--level-h3-large_1kas7_350{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-l--level-h4-normal_1kas7_356{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-l--level-h4-large_1kas7_362{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-l--level-h5-normal_1kas7_368{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-l--level-h5-large_1kas7_374{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}._Heading--variant-massive_1kas7_381{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--variant-huge_1kas7_387{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--variant-extraLarge_1kas7_393{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--variant-large_1kas7_399{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--variant-medium_1kas7_405{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--variant-small_1kas7_411{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}@media (min-width: 400px){._Heading--narrow-l--variant-massive_1kas7_418{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--narrow-l--variant-huge_1kas7_424{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--narrow-l--variant-extraLarge_1kas7_430{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--narrow-l--variant-large_1kas7_436{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--narrow-l--variant-medium_1kas7_442{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--narrow-l--variant-small_1kas7_448{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 700px){._Heading--medium-s--variant-massive_1kas7_456{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-s--variant-huge_1kas7_462{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-s--variant-extraLarge_1kas7_468{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-s--variant-large_1kas7_474{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-s--variant-medium_1kas7_480{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-s--variant-small_1kas7_486{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 880px){._Heading--medium-l--variant-massive_1kas7_494{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-l--variant-huge_1kas7_500{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-l--variant-extraLarge_1kas7_506{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-l--variant-large_1kas7_512{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-l--variant-medium_1kas7_518{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-l--variant-small_1kas7_524{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1200px){._Heading--wide-s--variant-massive_1kas7_532{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-s--variant-huge_1kas7_538{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-s--variant-extraLarge_1kas7_544{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-s--variant-large_1kas7_550{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-s--variant-medium_1kas7_556{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-s--variant-small_1kas7_562{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1900px){._Heading--wide-l--variant-massive_1kas7_570{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-l--variant-huge_1kas7_576{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-l--variant-extraLarge_1kas7_582{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-l--variant-large_1kas7_588{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-l--variant-medium_1kas7_594{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-l--variant-small_1kas7_600{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as y}from"./jsx-runtime-BTJTZTIL.js";import{r as x}from"./index-Cb9e4tly.js";import{g as b,a as C}from"./text-accent-DwQPHwM2.js";import{g as L}from"./text-centered-BwHG-She.js";import{f as N}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as V,s as q,b as T}from"./classNames-BUL1Zq7e.js";import{w as i}from"./componentNames-Bwls0I02.js";import{g as R}from"./index-DdzHuZ-Y.js";const D="_Heading_1kas7_4",j={Heading:D,"Heading--level-h1-normal":"_Heading--level-h1-normal_1kas7_11","Heading--level-h1-large":"_Heading--level-h1-large_1kas7_17","Heading--level-h2-normal":"_Heading--level-h2-normal_1kas7_23","Heading--level-h2-large":"_Heading--level-h2-large_1kas7_29","Heading--level-h3-normal":"_Heading--level-h3-normal_1kas7_35","Heading--level-h3-large":"_Heading--level-h3-large_1kas7_41","Heading--level-h4-normal":"_Heading--level-h4-normal_1kas7_47","Heading--level-h4-large":"_Heading--level-h4-large_1kas7_53","Heading--level-h5-normal":"_Heading--level-h5-normal_1kas7_59","Heading--level-h5-large":"_Heading--level-h5-large_1kas7_65","Heading--narrow-l--level-h1-normal":"_Heading--narrow-l--level-h1-normal_1kas7_72","Heading--narrow-l--level-h1-large":"_Heading--narrow-l--level-h1-large_1kas7_78","Heading--narrow-l--level-h2-normal":"_Heading--narrow-l--level-h2-normal_1kas7_84","Heading--narrow-l--level-h2-large":"_Heading--narrow-l--level-h2-large_1kas7_90","Heading--narrow-l--level-h3-normal":"_Heading--narrow-l--level-h3-normal_1kas7_96","Heading--narrow-l--level-h3-large":"_Heading--narrow-l--level-h3-large_1kas7_102","Heading--narrow-l--level-h4-normal":"_Heading--narrow-l--level-h4-normal_1kas7_108","Heading--narrow-l--level-h4-large":"_Heading--narrow-l--level-h4-large_1kas7_114","Heading--narrow-l--level-h5-normal":"_Heading--narrow-l--level-h5-normal_1kas7_120","Heading--narrow-l--level-h5-large":"_Heading--narrow-l--level-h5-large_1kas7_126","Heading--medium-s--level-h1-normal":"_Heading--medium-s--level-h1-normal_1kas7_134","Heading--medium-s--level-h1-large":"_Heading--medium-s--level-h1-large_1kas7_140","Heading--medium-s--level-h2-normal":"_Heading--medium-s--level-h2-normal_1kas7_146","Heading--medium-s--level-h2-large":"_Heading--medium-s--level-h2-large_1kas7_152","Heading--medium-s--level-h3-normal":"_Heading--medium-s--level-h3-normal_1kas7_158","Heading--medium-s--level-h3-large":"_Heading--medium-s--level-h3-large_1kas7_164","Heading--medium-s--level-h4-normal":"_Heading--medium-s--level-h4-normal_1kas7_170","Heading--medium-s--level-h4-large":"_Heading--medium-s--level-h4-large_1kas7_176","Heading--medium-s--level-h5-normal":"_Heading--medium-s--level-h5-normal_1kas7_182","Heading--medium-s--level-h5-large":"_Heading--medium-s--level-h5-large_1kas7_188","Heading--medium-l--level-h1-normal":"_Heading--medium-l--level-h1-normal_1kas7_196","Heading--medium-l--level-h1-large":"_Heading--medium-l--level-h1-large_1kas7_202","Heading--medium-l--level-h2-normal":"_Heading--medium-l--level-h2-normal_1kas7_208","Heading--medium-l--level-h2-large":"_Heading--medium-l--level-h2-large_1kas7_214","Heading--medium-l--level-h3-normal":"_Heading--medium-l--level-h3-normal_1kas7_220","Heading--medium-l--level-h3-large":"_Heading--medium-l--level-h3-large_1kas7_226","Heading--medium-l--level-h4-normal":"_Heading--medium-l--level-h4-normal_1kas7_232","Heading--medium-l--level-h4-large":"_Heading--medium-l--level-h4-large_1kas7_238","Heading--medium-l--level-h5-normal":"_Heading--medium-l--level-h5-normal_1kas7_244","Heading--medium-l--level-h5-large":"_Heading--medium-l--level-h5-large_1kas7_250","Heading--wide-s--level-h1-normal":"_Heading--wide-s--level-h1-normal_1kas7_258","Heading--wide-s--level-h1-large":"_Heading--wide-s--level-h1-large_1kas7_264","Heading--wide-s--level-h2-normal":"_Heading--wide-s--level-h2-normal_1kas7_270","Heading--wide-s--level-h2-large":"_Heading--wide-s--level-h2-large_1kas7_276","Heading--wide-s--level-h3-normal":"_Heading--wide-s--level-h3-normal_1kas7_282","Heading--wide-s--level-h3-large":"_Heading--wide-s--level-h3-large_1kas7_288","Heading--wide-s--level-h4-normal":"_Heading--wide-s--level-h4-normal_1kas7_294","Heading--wide-s--level-h4-large":"_Heading--wide-s--level-h4-large_1kas7_300","Heading--wide-s--level-h5-normal":"_Heading--wide-s--level-h5-normal_1kas7_306","Heading--wide-s--level-h5-large":"_Heading--wide-s--level-h5-large_1kas7_312","Heading--wide-l--level-h1-normal":"_Heading--wide-l--level-h1-normal_1kas7_320","Heading--wide-l--level-h1-large":"_Heading--wide-l--level-h1-large_1kas7_326","Heading--wide-l--level-h2-normal":"_Heading--wide-l--level-h2-normal_1kas7_332","Heading--wide-l--level-h2-large":"_Heading--wide-l--level-h2-large_1kas7_338","Heading--wide-l--level-h3-normal":"_Heading--wide-l--level-h3-normal_1kas7_344","Heading--wide-l--level-h3-large":"_Heading--wide-l--level-h3-large_1kas7_350","Heading--wide-l--level-h4-normal":"_Heading--wide-l--level-h4-normal_1kas7_356","Heading--wide-l--level-h4-large":"_Heading--wide-l--level-h4-large_1kas7_362","Heading--wide-l--level-h5-normal":"_Heading--wide-l--level-h5-normal_1kas7_368","Heading--wide-l--level-h5-large":"_Heading--wide-l--level-h5-large_1kas7_374","Heading--variant-massive":"_Heading--variant-massive_1kas7_381","Heading--variant-huge":"_Heading--variant-huge_1kas7_387","Heading--variant-extraLarge":"_Heading--variant-extraLarge_1kas7_393","Heading--variant-large":"_Heading--variant-large_1kas7_399","Heading--variant-medium":"_Heading--variant-medium_1kas7_405","Heading--variant-small":"_Heading--variant-small_1kas7_411","Heading--narrow-l--variant-massive":"_Heading--narrow-l--variant-massive_1kas7_418","Heading--narrow-l--variant-huge":"_Heading--narrow-l--variant-huge_1kas7_424","Heading--narrow-l--variant-extraLarge":"_Heading--narrow-l--variant-extraLarge_1kas7_430","Heading--narrow-l--variant-large":"_Heading--narrow-l--variant-large_1kas7_436","Heading--narrow-l--variant-medium":"_Heading--narrow-l--variant-medium_1kas7_442","Heading--narrow-l--variant-small":"_Heading--narrow-l--variant-small_1kas7_448","Heading--medium-s--variant-massive":"_Heading--medium-s--variant-massive_1kas7_456","Heading--medium-s--variant-huge":"_Heading--medium-s--variant-huge_1kas7_462","Heading--medium-s--variant-extraLarge":"_Heading--medium-s--variant-extraLarge_1kas7_468","Heading--medium-s--variant-large":"_Heading--medium-s--variant-large_1kas7_474","Heading--medium-s--variant-medium":"_Heading--medium-s--variant-medium_1kas7_480","Heading--medium-s--variant-small":"_Heading--medium-s--variant-small_1kas7_486","Heading--medium-l--variant-massive":"_Heading--medium-l--variant-massive_1kas7_494","Heading--medium-l--variant-huge":"_Heading--medium-l--variant-huge_1kas7_500","Heading--medium-l--variant-extraLarge":"_Heading--medium-l--variant-extraLarge_1kas7_506","Heading--medium-l--variant-large":"_Heading--medium-l--variant-large_1kas7_512","Heading--medium-l--variant-medium":"_Heading--medium-l--variant-medium_1kas7_518","Heading--medium-l--variant-small":"_Heading--medium-l--variant-small_1kas7_524","Heading--wide-s--variant-massive":"_Heading--wide-s--variant-massive_1kas7_532","Heading--wide-s--variant-huge":"_Heading--wide-s--variant-huge_1kas7_538","Heading--wide-s--variant-extraLarge":"_Heading--wide-s--variant-extraLarge_1kas7_544","Heading--wide-s--variant-large":"_Heading--wide-s--variant-large_1kas7_550","Heading--wide-s--variant-medium":"_Heading--wide-s--variant-medium_1kas7_556","Heading--wide-s--variant-small":"_Heading--wide-s--variant-small_1kas7_562","Heading--wide-l--variant-massive":"_Heading--wide-l--variant-massive_1kas7_570","Heading--wide-l--variant-huge":"_Heading--wide-l--variant-huge_1kas7_576","Heading--wide-l--variant-extraLarge":"_Heading--wide-l--variant-extraLarge_1kas7_582","Heading--wide-l--variant-large":"_Heading--wide-l--variant-large_1kas7_588","Heading--wide-l--variant-medium":"_Heading--wide-l--variant-medium_1kas7_594","Heading--wide-l--variant-small":"_Heading--wide-l--variant-small_1kas7_600"},r=x.forwardRef(function({children:s,variant:a,accent:l,level:e,large:g=!1,tag:m,color:n,centered:v,dataset:_,id:u,...t},o){const H=m||e||"h1",h=V(j,i.Heading,a?q("variant",a):T(`level-${e}-large`,`level-${e}-normal`,g)),w=L(v),k=b(!(l?void 0:n),l),c=C(n),p=["preply-ds-heading",...h,...w,...k,...c],f={...N(t),className:p.join(" "),...R(_,{preplyDsComponent:i.Heading}),id:u,ref:o};return y.jsx(H,{...f,children:s})});try{r.displayName="Heading",r.__docgenInfo={description:"",displayName:"Heading",props:{strong:{defaultValue:null,description:"@deprecated The appropriate `font-weight` is automatically set",name:"strong",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},centered:{defaultValue:null,description:"",name:"centered",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:'"massive"'},{value:'"huge"'},{value:'"extraLarge"'},{value:"ResponsiveProp<HeadingVariant>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"p"'},{value:'"div"'},{value:'"span"'}]}},level:{defaultValue:null,description:"@deprecated Use `variant` instead\n@deprecated Use `variant` instead",name:"level",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'}]}},large:{defaultValue:{value:"false"},description:`@deprecated There is no large version in Tokyo UI.
|
|
2
|
+
@deprecated There is no large version in Tokyo UI.`,name:"large",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},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: HTMLHeadingElement | null) => void"},{value:"RefObject<HTMLHeadingElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{r as H};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{H as e}from"./Heading-
|
|
1
|
+
import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{H as e}from"./Heading-DPPEK9A1.js";import{S as s}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DwQPHwM2.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-BwHG-She.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";const f={title:"components/Heading",component:e,argTypes:{centered:{description:s},variant:{description:s}}},r=()=>a.jsxs("div",{style:{padding:"16px",display:"grid",gridTemplateColumns:"auto 3fr",alignItems:"center",gap:"16px"},children:[a.jsx("span",{children:"h1 / massive"}),a.jsx(e,{tag:"h1",variant:"massive",children:"Lorem ipsum"}),a.jsx("span",{children:"h2 / huge"}),a.jsx(e,{tag:"h2",variant:"huge",children:"Lorem ipsum"}),a.jsx("span",{children:"h3 / extraLarge"}),a.jsx(e,{tag:"h3",variant:"extraLarge",children:"Lorem ipsum"}),a.jsx("span",{children:"h4 / large"}),a.jsx(e,{tag:"h4",variant:"large",children:"Lorem ipsum"}),a.jsx("span",{children:"h5 / medium"}),a.jsx(e,{tag:"h5",variant:"medium",children:"Lorem ipsum"}),a.jsx("span",{children:"p / small"}),a.jsx(e,{tag:"p",variant:"small",children:"Lorem ipsum"})]}),n={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(l,{args:g})=>a.jsx("div",{style:{backgroundColor:g.accent==="inverted"?"black":void 0},children:l()})],args:{tag:"h1",variant:"massive",children:"Lorem ipsum",dataset:{qaid:"heading"}},argTypes:{centered:{control:"boolean"},dataset:{control:"object"},strong:{table:{disable:!0}},level:{table:{disable:!0}},color:{table:{disable:!0}},large:{table:{disable:!0}}}};var t,i,o;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`() => <div style={{
|
|
2
2
|
padding: '16px',
|
|
3
3
|
display: 'grid',
|
|
4
4
|
gridTemplateColumns: 'auto 3fr',
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import{j as b}from"./jsx-runtime-BTJTZTIL.js";import{r as f}from"./index-Cb9e4tly.js";import{g as w,a as I}from"./text-accent-DwQPHwM2.js";import{f as h}from"./filterHTMLAttributes-DYdLqcvH.js";import{r as z}from"./render-icon-BT0Aq7PA.js";import{m as x,s as N,b as V}from"./classNames-BUL1Zq7e.js";import{w as c}from"./componentNames-Bwls0I02.js";import{g as T}from"./index-DdzHuZ-Y.js";import{I as S}from"./defaults-B1rzzf6M.js";const q="_Icon_yzb4a_4",U={Icon:q,"Icon--size-2xs":"_Icon--size-2xs_yzb4a_16","Icon--size-xs":"_Icon--size-xs_yzb4a_22","Icon--size-s":"_Icon--size-s_yzb4a_28","Icon--size-m":"_Icon--size-m_yzb4a_34","Icon--size-l":"_Icon--size-l_yzb4a_40","Icon--size-16":"_Icon--size-16_yzb4a_46","Icon--size-24":"_Icon--size-24_yzb4a_52","Icon--size-32":"_Icon--size-32_yzb4a_58","Icon--size-48":"_Icon--size-48_yzb4a_64"},P="_ExpColor_ktcpy_3",R={ExpColor:P,"ExpColor--exp-color-grey-0":"_ExpColor--exp-color-grey-0_ktcpy_3","ExpColor--exp-color-grey-50":"_ExpColor--exp-color-grey-50_ktcpy_6","ExpColor--exp-color-grey-100":"_ExpColor--exp-color-grey-100_ktcpy_9","ExpColor--exp-color-grey-200":"_ExpColor--exp-color-grey-200_ktcpy_12","ExpColor--exp-color-grey-300":"_ExpColor--exp-color-grey-300_ktcpy_15","ExpColor--exp-color-grey-400":"_ExpColor--exp-color-grey-400_ktcpy_18","ExpColor--exp-color-grey-500":"_ExpColor--exp-color-grey-500_ktcpy_21","ExpColor--exp-color-grey-600":"_ExpColor--exp-color-grey-600_ktcpy_24","ExpColor--exp-color-grey-700":"_ExpColor--exp-color-grey-700_ktcpy_27","ExpColor--exp-color-grey-800":"_ExpColor--exp-color-grey-800_ktcpy_30","ExpColor--exp-color-grey-900":"_ExpColor--exp-color-grey-900_ktcpy_33","ExpColor--exp-color-pink-50":"_ExpColor--exp-color-pink-50_ktcpy_36","ExpColor--exp-color-pink-100":"_ExpColor--exp-color-pink-100_ktcpy_39","ExpColor--exp-color-pink-200":"_ExpColor--exp-color-pink-200_ktcpy_42","ExpColor--exp-color-pink-300":"_ExpColor--exp-color-pink-300_ktcpy_45","ExpColor--exp-color-pink-400":"_ExpColor--exp-color-pink-400_ktcpy_48","ExpColor--exp-color-pink-500":"_ExpColor--exp-color-pink-500_ktcpy_51","ExpColor--exp-color-pink-600":"_ExpColor--exp-color-pink-600_ktcpy_54","ExpColor--exp-color-pink-700":"_ExpColor--exp-color-pink-700_ktcpy_57","ExpColor--exp-color-pink-800":"_ExpColor--exp-color-pink-800_ktcpy_60","ExpColor--exp-color-yellow-50":"_ExpColor--exp-color-yellow-50_ktcpy_63","ExpColor--exp-color-yellow-100":"_ExpColor--exp-color-yellow-100_ktcpy_66","ExpColor--exp-color-yellow-200":"_ExpColor--exp-color-yellow-200_ktcpy_69","ExpColor--exp-color-yellow-300":"_ExpColor--exp-color-yellow-300_ktcpy_72","ExpColor--exp-color-yellow-400":"_ExpColor--exp-color-yellow-400_ktcpy_75","ExpColor--exp-color-yellow-500":"_ExpColor--exp-color-yellow-500_ktcpy_78","ExpColor--exp-color-yellow-600":"_ExpColor--exp-color-yellow-600_ktcpy_81","ExpColor--exp-color-yellow-700":"_ExpColor--exp-color-yellow-700_ktcpy_84","ExpColor--exp-color-yellow-800":"_ExpColor--exp-color-yellow-800_ktcpy_87","ExpColor--exp-color-blue-50":"_ExpColor--exp-color-blue-50_ktcpy_90","ExpColor--exp-color-blue-100":"_ExpColor--exp-color-blue-100_ktcpy_93","ExpColor--exp-color-blue-200":"_ExpColor--exp-color-blue-200_ktcpy_96","ExpColor--exp-color-blue-300":"_ExpColor--exp-color-blue-300_ktcpy_99","ExpColor--exp-color-blue-400":"_ExpColor--exp-color-blue-400_ktcpy_102","ExpColor--exp-color-blue-500":"_ExpColor--exp-color-blue-500_ktcpy_105","ExpColor--exp-color-blue-600":"_ExpColor--exp-color-blue-600_ktcpy_108","ExpColor--exp-color-blue-700":"_ExpColor--exp-color-blue-700_ktcpy_111","ExpColor--exp-color-blue-800":"_ExpColor--exp-color-blue-800_ktcpy_114","ExpColor--exp-color-teal-50":"_ExpColor--exp-color-teal-50_ktcpy_117","ExpColor--exp-color-teal-100":"_ExpColor--exp-color-teal-100_ktcpy_120","ExpColor--exp-color-teal-200":"_ExpColor--exp-color-teal-200_ktcpy_123","ExpColor--exp-color-teal-300":"_ExpColor--exp-color-teal-300_ktcpy_126","ExpColor--exp-color-teal-400":"_ExpColor--exp-color-teal-400_ktcpy_129","ExpColor--exp-color-teal-500":"_ExpColor--exp-color-teal-500_ktcpy_132","ExpColor--exp-color-teal-600":"_ExpColor--exp-color-teal-600_ktcpy_135","ExpColor--exp-color-teal-700":"_ExpColor--exp-color-teal-700_ktcpy_138","ExpColor--exp-color-teal-800":"_ExpColor--exp-color-teal-800_ktcpy_141","ExpColor--exp-color-red-50":"_ExpColor--exp-color-red-50_ktcpy_144","ExpColor--exp-color-red-100":"_ExpColor--exp-color-red-100_ktcpy_147","ExpColor--exp-color-red-200":"_ExpColor--exp-color-red-200_ktcpy_150","ExpColor--exp-color-red-300":"_ExpColor--exp-color-red-300_ktcpy_153","ExpColor--exp-color-red-400":"_ExpColor--exp-color-red-400_ktcpy_156","ExpColor--exp-color-red-500":"_ExpColor--exp-color-red-500_ktcpy_159","ExpColor--exp-color-red-600":"_ExpColor--exp-color-red-600_ktcpy_162","ExpColor--exp-color-red-700":"_ExpColor--exp-color-red-700_ktcpy_165","ExpColor--exp-color-red-800":"_ExpColor--exp-color-red-800_ktcpy_168"},j="ExpColor",A=o=>x(R,j,[N("exp-color",o)]),t=f.forwardRef(function({svg:r,size:e=S,accent:l,expColor:u,color:n,label:p,dataset:_,...s},y){const a=!Number.isNaN(Number(e)),i=a?{width:`${e}px`,height:`${e}px`}:{},v=x(U,c.Icon,[V(`size-${e}`,void 0,!a)]),C=l?void 0:n,E=w(!1,l),d=I(C),m=l?[]:A(u),k=[...v,...E,...d,...m],g={...h(s),className:k.join(" "),...T(_,{preplyDsComponent:c.Icon}),ref:y};if(!r)throw new Error("Icon prop svg is mandatory");return b.jsx("span",{...g,role:"img",style:i,"aria-hidden":!p,"aria-label":p,children:z(r,{"aria-hidden":"true",focusable:"false"})})});try{t.displayName="Icon",t.__docgenInfo={description:"",displayName:"Icon",props:{svg:{defaultValue:null,description:`The SVG icon to render.
|
|
2
|
+
@example import TokyoUINotesWithPad from '@preply/ds-media-icons/dist/24/TokyoUINotesWithPad.svg';
|
|
3
|
+
|
|
4
|
+
<Icon svg={TokyoUINotesWithPad} />
|
|
5
|
+
@example <caption>Using as react server component</caption>
|
|
6
|
+
import TokyoUINotesWithPad from '@preply/ds-media-icons/dist/24/TokyoUINotesWithPad.svg';
|
|
7
|
+
|
|
8
|
+
<Icon svg={<TokyoUINotesWithPad />} />`,name:"svg",required:!0,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"16"'}]}},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"'}]}},expColor:{defaultValue:null,description:"If passed along with `accent`, `accent` takes precedence.",name:"expColor",required:!1,type:{name:"enum",value:[{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"grey-0"'},{value:'"grey-50"'},{value:'"grey-100"'},{value:'"grey-200"'},{value:'"grey-300"'},{value:'"grey-400"'},{value:'"grey-500"'},{value:'"grey-600"'},{value:'"grey-700"'},{value:'"grey-800"'},{value:'"grey-900"'},{value:'"pink-50"'},{value:'"pink-100"'},{value:'"pink-200"'},{value:'"pink-300"'},{value:'"pink-400"'},{value:'"pink-500"'},{value:'"pink-600"'},{value:'"pink-700"'},{value:'"pink-800"'},{value:'"yellow-50"'},{value:'"yellow-600"'},{value:'"yellow-700"'},{value:'"yellow-800"'},{value:'"blue-50"'},{value:'"blue-600"'},{value:'"blue-700"'},{value:'"blue-800"'},{value:'"teal-50"'},{value:'"teal-600"'},{value:'"teal-700"'},{value:'"teal-800"'},{value:'"red-50"'},{value:'"red-600"'},{value:'"red-700"'},{value:'"red-800"'}]}},color:{defaultValue:null,description:"@deprecated Use accent instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},label:{defaultValue:null,description:"If using the icon without any adjacent descriptive text, use this prop to\nprovide an `aria-label` for assistive technologies.",name:"label",required:!1,type:{name:"enum",value:[{value:"string"}]}},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{}export{t as I};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._ExpColor_ktcpy_3._ExpColor--exp-color-grey-0_ktcpy_3{color:var(--d751dc)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-50_ktcpy_6{color:var(--d4e1b8)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-100_ktcpy_9{color:var(--e986ec)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-200_ktcpy_12{color:var(--8a8cb8)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-300_ktcpy_15{color:var(--e7dcf4)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-400_ktcpy_18{color:var(--d48a93)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-500_ktcpy_21{color:var(--9b582c)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-600_ktcpy_24{color:var(--bd0a12)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-700_ktcpy_27{color:var(--5540cb)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-800_ktcpy_30{color:var(--3f9d59)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-900_ktcpy_33{color:var(--0d2c1d)}._ExpColor_ktcpy_3._ExpColor--exp-color-pink-50_ktcpy_36{color:var(--696262)}._ExpColor_ktcpy_3._ExpColor--exp-color-pink-100_ktcpy_39{color:var(--2a8bdc)}._ExpColor_ktcpy_3._ExpColor--exp-color-pink-200_ktcpy_42{color:var(--9c55fe)}._ExpColor_ktcpy_3._ExpColor--exp-color-pink-300_ktcpy_45{color:var(--55b1b2)}._ExpColor_ktcpy_3._ExpColor--exp-color-pink-400_ktcpy_48{color:var(--e2e617)}._ExpColor_ktcpy_3._ExpColor--exp-color-pink-500_ktcpy_51{color:var(--28075b)}._ExpColor_ktcpy_3._ExpColor--exp-color-pink-600_ktcpy_54{color:var(--0d21bc)}._ExpColor_ktcpy_3._ExpColor--exp-color-pink-700_ktcpy_57{color:var(--dcc28c)}._ExpColor_ktcpy_3._ExpColor--exp-color-pink-800_ktcpy_60{color:var(--e2ccaa)}._ExpColor_ktcpy_3._ExpColor--exp-color-yellow-50_ktcpy_63{color:var(--f73f81)}._ExpColor_ktcpy_3._ExpColor--exp-color-yellow-100_ktcpy_66{color:var(--05c737)}._ExpColor_ktcpy_3._ExpColor--exp-color-yellow-200_ktcpy_69{color:var(--32d8a2)}._ExpColor_ktcpy_3._ExpColor--exp-color-yellow-300_ktcpy_72{color:var(--92f9a7)}._ExpColor_ktcpy_3._ExpColor--exp-color-yellow-400_ktcpy_75{color:var(--4db3c1)}._ExpColor_ktcpy_3._ExpColor--exp-color-yellow-500_ktcpy_78{color:var(--2d6e08)}._ExpColor_ktcpy_3._ExpColor--exp-color-yellow-600_ktcpy_81{color:var(--2db5c2)}._ExpColor_ktcpy_3._ExpColor--exp-color-yellow-700_ktcpy_84{color:var(--b31329)}._ExpColor_ktcpy_3._ExpColor--exp-color-yellow-800_ktcpy_87{color:var(--66ebdf)}._ExpColor_ktcpy_3._ExpColor--exp-color-blue-50_ktcpy_90{color:var(--6ae6f0)}._ExpColor_ktcpy_3._ExpColor--exp-color-blue-100_ktcpy_93{color:var(--b916ba)}._ExpColor_ktcpy_3._ExpColor--exp-color-blue-200_ktcpy_96{color:var(--c6fc9c)}._ExpColor_ktcpy_3._ExpColor--exp-color-blue-300_ktcpy_99{color:var(--b773b2)}._ExpColor_ktcpy_3._ExpColor--exp-color-blue-400_ktcpy_102{color:var(--e848c4)}._ExpColor_ktcpy_3._ExpColor--exp-color-blue-500_ktcpy_105{color:var(--e57766)}._ExpColor_ktcpy_3._ExpColor--exp-color-blue-600_ktcpy_108{color:var(--fdf041)}._ExpColor_ktcpy_3._ExpColor--exp-color-blue-700_ktcpy_111{color:var(--cd5904)}._ExpColor_ktcpy_3._ExpColor--exp-color-blue-800_ktcpy_114{color:var(--440fc3)}._ExpColor_ktcpy_3._ExpColor--exp-color-teal-50_ktcpy_117{color:var(--9fac3a)}._ExpColor_ktcpy_3._ExpColor--exp-color-teal-100_ktcpy_120{color:var(--32b0b3)}._ExpColor_ktcpy_3._ExpColor--exp-color-teal-200_ktcpy_123{color:var(--873ad3)}._ExpColor_ktcpy_3._ExpColor--exp-color-teal-300_ktcpy_126{color:var(--202011)}._ExpColor_ktcpy_3._ExpColor--exp-color-teal-400_ktcpy_129{color:var(--4f3eb4)}._ExpColor_ktcpy_3._ExpColor--exp-color-teal-500_ktcpy_132{color:var(--c47d0d)}._ExpColor_ktcpy_3._ExpColor--exp-color-teal-600_ktcpy_135{color:var(--985403)}._ExpColor_ktcpy_3._ExpColor--exp-color-teal-700_ktcpy_138{color:var(--2c9147)}._ExpColor_ktcpy_3._ExpColor--exp-color-teal-800_ktcpy_141{color:var(--0d9ea5)}._ExpColor_ktcpy_3._ExpColor--exp-color-red-50_ktcpy_144{color:var(--f951e9)}._ExpColor_ktcpy_3._ExpColor--exp-color-red-100_ktcpy_147{color:var(--3aa891)}._ExpColor_ktcpy_3._ExpColor--exp-color-red-200_ktcpy_150{color:var(--ba4c34)}._ExpColor_ktcpy_3._ExpColor--exp-color-red-300_ktcpy_153{color:var(--943cfc)}._ExpColor_ktcpy_3._ExpColor--exp-color-red-400_ktcpy_156{color:var(--8af651)}._ExpColor_ktcpy_3._ExpColor--exp-color-red-500_ktcpy_159{color:var(--f5bfe7)}._ExpColor_ktcpy_3._ExpColor--exp-color-red-600_ktcpy_162{color:var(--1bd221)}._ExpColor_ktcpy_3._ExpColor--exp-color-red-700_ktcpy_165{color:var(--38cd90)}._ExpColor_ktcpy_3._ExpColor--exp-color-red-800_ktcpy_168{color:var(--e9fcc6)}._Icon_yzb4a_4{display:inline-block;vertical-align:text-top}._Icon_yzb4a_4 svg{display:block;width:100%;min-width:100%;max-width:100%;max-height:100%;fill:currentColor}._Icon--size-2xs_yzb4a_16{width:var(--b21f61);height:var(--b21f61);min-width:var(--b21f61);max-width:var(--b21f61)}._Icon--size-xs_yzb4a_22{width:var(--766f3b);height:var(--766f3b);min-width:var(--766f3b);max-width:var(--766f3b)}._Icon--size-s_yzb4a_28{width:var(--7c1b1c);height:var(--7c1b1c);min-width:var(--7c1b1c);max-width:var(--7c1b1c)}._Icon--size-m_yzb4a_34{width:var(--2152b7);height:var(--2152b7);min-width:var(--2152b7);max-width:var(--2152b7)}._Icon--size-l_yzb4a_40{width:var(--8f525f);height:var(--8f525f);min-width:var(--8f525f);max-width:var(--8f525f)}._Icon--size-16_yzb4a_46{width:var(--656bbc);height:var(--656bbc);min-width:var(--656bbc);max-width:var(--656bbc)}._Icon--size-24_yzb4a_52{width:var(--81dc82);height:var(--81dc82);min-width:var(--81dc82);max-width:var(--81dc82)}._Icon--size-32_yzb4a_58{width:var(--2a6452);height:var(--2a6452);min-width:var(--2a6452);max-width:var(--2a6452)}._Icon--size-48_yzb4a_64{width:var(--03d2e4);height:var(--03d2e4);min-width:var(--03d2e4);max-width:var(--03d2e4)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Icon_yzb4a_4{display:inline-block;vertical-align:text-top}._Icon_yzb4a_4 svg{display:block;width:100%;min-width:100%;max-width:100%;max-height:100%;fill:currentColor}._Icon--size-2xs_yzb4a_16{width:var(--b21f61);height:var(--b21f61);min-width:var(--b21f61);max-width:var(--b21f61)}._Icon--size-xs_yzb4a_22{width:var(--766f3b);height:var(--766f3b);min-width:var(--766f3b);max-width:var(--766f3b)}._Icon--size-s_yzb4a_28{width:var(--7c1b1c);height:var(--7c1b1c);min-width:var(--7c1b1c);max-width:var(--7c1b1c)}._Icon--size-m_yzb4a_34{width:var(--2152b7);height:var(--2152b7);min-width:var(--2152b7);max-width:var(--2152b7)}._Icon--size-l_yzb4a_40{width:var(--8f525f);height:var(--8f525f);min-width:var(--8f525f);max-width:var(--8f525f)}._Icon--size-16_yzb4a_46{width:var(--656bbc);height:var(--656bbc);min-width:var(--656bbc);max-width:var(--656bbc)}._Icon--size-24_yzb4a_52{width:var(--81dc82);height:var(--81dc82);min-width:var(--81dc82);max-width:var(--81dc82)}._Icon--size-32_yzb4a_58{width:var(--2a6452);height:var(--2a6452);min-width:var(--2a6452);max-width:var(--2a6452)}._Icon--size-48_yzb4a_64{width:var(--03d2e4);height:var(--03d2e4);min-width:var(--03d2e4);max-width:var(--03d2e4)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-0_ktcpy_3{color:var(--d751dc)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-50_ktcpy_6{color:var(--d4e1b8)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-100_ktcpy_9{color:var(--e986ec)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-200_ktcpy_12{color:var(--8a8cb8)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-300_ktcpy_15{color:var(--e7dcf4)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-400_ktcpy_18{color:var(--d48a93)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-500_ktcpy_21{color:var(--9b582c)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-600_ktcpy_24{color:var(--bd0a12)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-700_ktcpy_27{color:var(--5540cb)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-800_ktcpy_30{color:var(--3f9d59)}._ExpColor_ktcpy_3._ExpColor--exp-color-grey-900_ktcpy_33{color:var(--0d2c1d)}._ExpColor_ktcpy_3._ExpColor--exp-color-pink-50_ktcpy_36{color:var(--696262)}._ExpColor_ktcpy_3._ExpColor--exp-color-pink-100_ktcpy_39{color:var(--2a8bdc)}._ExpColor_ktcpy_3._ExpColor--exp-color-pink-200_ktcpy_42{color:var(--9c55fe)}._ExpColor_ktcpy_3._ExpColor--exp-color-pink-300_ktcpy_45{color:var(--55b1b2)}._ExpColor_ktcpy_3._ExpColor--exp-color-pink-400_ktcpy_48{color:var(--e2e617)}._ExpColor_ktcpy_3._ExpColor--exp-color-pink-500_ktcpy_51{color:var(--28075b)}._ExpColor_ktcpy_3._ExpColor--exp-color-pink-600_ktcpy_54{color:var(--0d21bc)}._ExpColor_ktcpy_3._ExpColor--exp-color-pink-700_ktcpy_57{color:var(--dcc28c)}._ExpColor_ktcpy_3._ExpColor--exp-color-pink-800_ktcpy_60{color:var(--e2ccaa)}._ExpColor_ktcpy_3._ExpColor--exp-color-yellow-50_ktcpy_63{color:var(--f73f81)}._ExpColor_ktcpy_3._ExpColor--exp-color-yellow-100_ktcpy_66{color:var(--05c737)}._ExpColor_ktcpy_3._ExpColor--exp-color-yellow-200_ktcpy_69{color:var(--32d8a2)}._ExpColor_ktcpy_3._ExpColor--exp-color-yellow-300_ktcpy_72{color:var(--92f9a7)}._ExpColor_ktcpy_3._ExpColor--exp-color-yellow-400_ktcpy_75{color:var(--4db3c1)}._ExpColor_ktcpy_3._ExpColor--exp-color-yellow-500_ktcpy_78{color:var(--2d6e08)}._ExpColor_ktcpy_3._ExpColor--exp-color-yellow-600_ktcpy_81{color:var(--2db5c2)}._ExpColor_ktcpy_3._ExpColor--exp-color-yellow-700_ktcpy_84{color:var(--b31329)}._ExpColor_ktcpy_3._ExpColor--exp-color-yellow-800_ktcpy_87{color:var(--66ebdf)}._ExpColor_ktcpy_3._ExpColor--exp-color-blue-50_ktcpy_90{color:var(--6ae6f0)}._ExpColor_ktcpy_3._ExpColor--exp-color-blue-100_ktcpy_93{color:var(--b916ba)}._ExpColor_ktcpy_3._ExpColor--exp-color-blue-200_ktcpy_96{color:var(--c6fc9c)}._ExpColor_ktcpy_3._ExpColor--exp-color-blue-300_ktcpy_99{color:var(--b773b2)}._ExpColor_ktcpy_3._ExpColor--exp-color-blue-400_ktcpy_102{color:var(--e848c4)}._ExpColor_ktcpy_3._ExpColor--exp-color-blue-500_ktcpy_105{color:var(--e57766)}._ExpColor_ktcpy_3._ExpColor--exp-color-blue-600_ktcpy_108{color:var(--fdf041)}._ExpColor_ktcpy_3._ExpColor--exp-color-blue-700_ktcpy_111{color:var(--cd5904)}._ExpColor_ktcpy_3._ExpColor--exp-color-blue-800_ktcpy_114{color:var(--440fc3)}._ExpColor_ktcpy_3._ExpColor--exp-color-teal-50_ktcpy_117{color:var(--9fac3a)}._ExpColor_ktcpy_3._ExpColor--exp-color-teal-100_ktcpy_120{color:var(--32b0b3)}._ExpColor_ktcpy_3._ExpColor--exp-color-teal-200_ktcpy_123{color:var(--873ad3)}._ExpColor_ktcpy_3._ExpColor--exp-color-teal-300_ktcpy_126{color:var(--202011)}._ExpColor_ktcpy_3._ExpColor--exp-color-teal-400_ktcpy_129{color:var(--4f3eb4)}._ExpColor_ktcpy_3._ExpColor--exp-color-teal-500_ktcpy_132{color:var(--c47d0d)}._ExpColor_ktcpy_3._ExpColor--exp-color-teal-600_ktcpy_135{color:var(--985403)}._ExpColor_ktcpy_3._ExpColor--exp-color-teal-700_ktcpy_138{color:var(--2c9147)}._ExpColor_ktcpy_3._ExpColor--exp-color-teal-800_ktcpy_141{color:var(--0d9ea5)}._ExpColor_ktcpy_3._ExpColor--exp-color-red-50_ktcpy_144{color:var(--f951e9)}._ExpColor_ktcpy_3._ExpColor--exp-color-red-100_ktcpy_147{color:var(--3aa891)}._ExpColor_ktcpy_3._ExpColor--exp-color-red-200_ktcpy_150{color:var(--ba4c34)}._ExpColor_ktcpy_3._ExpColor--exp-color-red-300_ktcpy_153{color:var(--943cfc)}._ExpColor_ktcpy_3._ExpColor--exp-color-red-400_ktcpy_156{color:var(--8af651)}._ExpColor_ktcpy_3._ExpColor--exp-color-red-500_ktcpy_159{color:var(--f5bfe7)}._ExpColor_ktcpy_3._ExpColor--exp-color-red-600_ktcpy_162{color:var(--1bd221)}._ExpColor_ktcpy_3._ExpColor--exp-color-red-700_ktcpy_165{color:var(--38cd90)}._ExpColor_ktcpy_3._ExpColor--exp-color-red-800_ktcpy_168{color:var(--e9fcc6)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as m,S as s}from"./index-
|
|
1
|
+
import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as m,S as s}from"./index-CV8DVSiW.js";import{ServerComponent as i}from"./Icon.stories-DoZhZVXF.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-CDRtj9ru.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./TokyoUINotesWithPad-B-o4vu0Y.js";import"./Icon-BNvtTXpG.js";import"./text-accent-DwQPHwM2.js";import"./classNames-BUL1Zq7e.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./render-icon-BT0Aq7PA.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./options-DSKYF8ow.js";function r(t){const e={code:"code",h1:"h1",p:"p",pre:"pre",...n(),...t.components};return o.jsxs(o.Fragment,{children:[o.jsx(m,{title:"components/Icon/Server Component"}),`
|
|
2
2
|
`,o.jsx(e.h1,{id:"use-icon-as-react-server-component",children:"Use Icon as react server component"}),`
|
|
3
3
|
`,o.jsxs(e.p,{children:["To use Icon as react server component, provide ",o.jsx(e.code,{children:"svg"})," as element:"]}),`
|
|
4
4
|
`,o.jsx(s,{of:i}),`
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as I}from"./jsx-runtime-BTJTZTIL.js";import{r as g}from"./index-Cb9e4tly.js";import{g as z,a as w}from"./text-accent-BbQDH9df.js";import{f}from"./filterHTMLAttributes-UOns5Q7s.js";import{r as N}from"./render-icon-Du0nasoi.js";import{m as _,s as h,b as $}from"./classNames-BUL1Zq7e.js";import{I as j}from"./defaults-B1rzzf6M.js";import{w as c}from"./componentNames-Bwls0I02.js";import{g as v}from"./index-DdzHuZ-Y.js";const A="_ExpColor_ktcpy_3",D={ExpColor:A,"ExpColor--exp-color-grey-0":"_ExpColor--exp-color-grey-0_ktcpy_3","ExpColor--exp-color-grey-50":"_ExpColor--exp-color-grey-50_ktcpy_6","ExpColor--exp-color-grey-100":"_ExpColor--exp-color-grey-100_ktcpy_9","ExpColor--exp-color-grey-200":"_ExpColor--exp-color-grey-200_ktcpy_12","ExpColor--exp-color-grey-300":"_ExpColor--exp-color-grey-300_ktcpy_15","ExpColor--exp-color-grey-400":"_ExpColor--exp-color-grey-400_ktcpy_18","ExpColor--exp-color-grey-500":"_ExpColor--exp-color-grey-500_ktcpy_21","ExpColor--exp-color-grey-600":"_ExpColor--exp-color-grey-600_ktcpy_24","ExpColor--exp-color-grey-700":"_ExpColor--exp-color-grey-700_ktcpy_27","ExpColor--exp-color-grey-800":"_ExpColor--exp-color-grey-800_ktcpy_30","ExpColor--exp-color-grey-900":"_ExpColor--exp-color-grey-900_ktcpy_33","ExpColor--exp-color-pink-50":"_ExpColor--exp-color-pink-50_ktcpy_36","ExpColor--exp-color-pink-100":"_ExpColor--exp-color-pink-100_ktcpy_39","ExpColor--exp-color-pink-200":"_ExpColor--exp-color-pink-200_ktcpy_42","ExpColor--exp-color-pink-300":"_ExpColor--exp-color-pink-300_ktcpy_45","ExpColor--exp-color-pink-400":"_ExpColor--exp-color-pink-400_ktcpy_48","ExpColor--exp-color-pink-500":"_ExpColor--exp-color-pink-500_ktcpy_51","ExpColor--exp-color-pink-600":"_ExpColor--exp-color-pink-600_ktcpy_54","ExpColor--exp-color-pink-700":"_ExpColor--exp-color-pink-700_ktcpy_57","ExpColor--exp-color-pink-800":"_ExpColor--exp-color-pink-800_ktcpy_60","ExpColor--exp-color-yellow-50":"_ExpColor--exp-color-yellow-50_ktcpy_63","ExpColor--exp-color-yellow-100":"_ExpColor--exp-color-yellow-100_ktcpy_66","ExpColor--exp-color-yellow-200":"_ExpColor--exp-color-yellow-200_ktcpy_69","ExpColor--exp-color-yellow-300":"_ExpColor--exp-color-yellow-300_ktcpy_72","ExpColor--exp-color-yellow-400":"_ExpColor--exp-color-yellow-400_ktcpy_75","ExpColor--exp-color-yellow-500":"_ExpColor--exp-color-yellow-500_ktcpy_78","ExpColor--exp-color-yellow-600":"_ExpColor--exp-color-yellow-600_ktcpy_81","ExpColor--exp-color-yellow-700":"_ExpColor--exp-color-yellow-700_ktcpy_84","ExpColor--exp-color-yellow-800":"_ExpColor--exp-color-yellow-800_ktcpy_87","ExpColor--exp-color-blue-50":"_ExpColor--exp-color-blue-50_ktcpy_90","ExpColor--exp-color-blue-100":"_ExpColor--exp-color-blue-100_ktcpy_93","ExpColor--exp-color-blue-200":"_ExpColor--exp-color-blue-200_ktcpy_96","ExpColor--exp-color-blue-300":"_ExpColor--exp-color-blue-300_ktcpy_99","ExpColor--exp-color-blue-400":"_ExpColor--exp-color-blue-400_ktcpy_102","ExpColor--exp-color-blue-500":"_ExpColor--exp-color-blue-500_ktcpy_105","ExpColor--exp-color-blue-600":"_ExpColor--exp-color-blue-600_ktcpy_108","ExpColor--exp-color-blue-700":"_ExpColor--exp-color-blue-700_ktcpy_111","ExpColor--exp-color-blue-800":"_ExpColor--exp-color-blue-800_ktcpy_114","ExpColor--exp-color-teal-50":"_ExpColor--exp-color-teal-50_ktcpy_117","ExpColor--exp-color-teal-100":"_ExpColor--exp-color-teal-100_ktcpy_120","ExpColor--exp-color-teal-200":"_ExpColor--exp-color-teal-200_ktcpy_123","ExpColor--exp-color-teal-300":"_ExpColor--exp-color-teal-300_ktcpy_126","ExpColor--exp-color-teal-400":"_ExpColor--exp-color-teal-400_ktcpy_129","ExpColor--exp-color-teal-500":"_ExpColor--exp-color-teal-500_ktcpy_132","ExpColor--exp-color-teal-600":"_ExpColor--exp-color-teal-600_ktcpy_135","ExpColor--exp-color-teal-700":"_ExpColor--exp-color-teal-700_ktcpy_138","ExpColor--exp-color-teal-800":"_ExpColor--exp-color-teal-800_ktcpy_141","ExpColor--exp-color-red-50":"_ExpColor--exp-color-red-50_ktcpy_144","ExpColor--exp-color-red-100":"_ExpColor--exp-color-red-100_ktcpy_147","ExpColor--exp-color-red-200":"_ExpColor--exp-color-red-200_ktcpy_150","ExpColor--exp-color-red-300":"_ExpColor--exp-color-red-300_ktcpy_153","ExpColor--exp-color-red-400":"_ExpColor--exp-color-red-400_ktcpy_156","ExpColor--exp-color-red-500":"_ExpColor--exp-color-red-500_ktcpy_159","ExpColor--exp-color-red-600":"_ExpColor--exp-color-red-600_ktcpy_162","ExpColor--exp-color-red-700":"_ExpColor--exp-color-red-700_ktcpy_165","ExpColor--exp-color-red-800":"_ExpColor--exp-color-red-800_ktcpy_168"},L="ExpColor",O=p=>_(D,L,[h("exp-color",p)]),R="_Icon_yzb4a_4",T={Icon:R,"Icon--size-2xs":"_Icon--size-2xs_yzb4a_16","Icon--size-xs":"_Icon--size-xs_yzb4a_22","Icon--size-s":"_Icon--size-s_yzb4a_28","Icon--size-m":"_Icon--size-m_yzb4a_34","Icon--size-l":"_Icon--size-l_yzb4a_40","Icon--size-16":"_Icon--size-16_yzb4a_46","Icon--size-24":"_Icon--size-24_yzb4a_52","Icon--size-32":"_Icon--size-32_yzb4a_58","Icon--size-48":"_Icon--size-48_yzb4a_64"},P=g.forwardRef(function({svg:r,size:o=j,accent:l,expColor:t,color:C,label:e,dataset:E,...s},y){const x=!Number.isNaN(Number(o)),a=x?{width:`${o}px`,height:`${o}px`}:{},n=_(T,c.Icon,[$(`size-${o}`,void 0,!x)]),k=l?void 0:C,i=z(!1,l),m=w(k),d=l?[]:O(t),u=[...n,...i,...m,...d],b={...f(s),className:u.join(" "),...v(E,{preplyDsComponent:c.Icon}),ref:y};if(!r)throw new Error("Icon prop svg is mandatory");return I.jsx("span",{...b,role:"img",style:a,"aria-hidden":!e,"aria-label":e,children:N(r,{"aria-hidden":"true",focusable:"false"})})});P.__docgenInfo={description:"",methods:[],displayName:"Icon",props:{size:{defaultValue:{value:"'s'",computed:!1},required:!1}}};export{P as I};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as o}from"./TokyoUINotesWithPad-B-o4vu0Y.js";import{I as s}from"./Icon-
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as o}from"./TokyoUINotesWithPad-B-o4vu0Y.js";import{I as s}from"./Icon-BNvtTXpG.js";import{E as h}from"./options-DSKYF8ow.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DwQPHwM2.js";import"./classNames-BUL1Zq7e.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./render-icon-BT0Aq7PA.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";const R={title:"components/Icon",component:s,parameters:{docs:{description:{component:"To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page)."}}}},t=()=>e.jsxs("div",{style:{display:"flex",alignItems:"end",gap:"4px"},children:[e.jsx(s,{svg:o,size:"16"}),e.jsx(s,{svg:o,size:"24"}),e.jsx(s,{svg:o,size:"32"}),e.jsx(s,{svg:o,size:"48"})]}),n=()=>e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:h.map(a=>e.jsxs("div",{style:{display:"flex",gap:16},children:[e.jsx(s,{svg:o,expColor:a.id},a.id),e.jsx("span",{children:a.id})]},a.id))}),r=()=>e.jsx(s,{svg:e.jsx(o,{})});r.tags=["!dev","!autodocs"];const i={parameters:{chromatic:{disableSnapshot:!0}},args:{svg:o,dataset:{qaid:"icon"}},argTypes:{svg:{control:!1},dataset:{control:"object"},label:{control:"text"},color:{table:{disable:!0}}}};var p,c,d;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`() => <div style={{
|
|
2
2
|
display: 'flex',
|
|
3
3
|
alignItems: 'end',
|
|
4
4
|
gap: '4px'
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{r as m}from"./index-Cb9e4tly.js";import{r as d}from"./render-icon-BT0Aq7PA.js";import{B as v}from"./ButtonBase-
|
|
1
|
+
import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{r as m}from"./index-Cb9e4tly.js";import{r as d}from"./render-icon-BT0Aq7PA.js";import{B as v}from"./ButtonBase-C6zIOZ7w.js";import{w as p}from"./componentNames-Bwls0I02.js";import{B as c,a as f}from"./defaults-B1rzzf6M.js";const e=m.forwardRef(function({variant:l=f,size:n=c,url:t,a11yLabel:u,svg:r,...s},i){return o.jsx(v,{...s,ref:i,isIconButton:!0,variant:l,size:n,url:t,a11yLabel:u,preplyDsComponent:p.IconButton,children:d(r,{"aria-hidden":"true",focusable:"false"})})});try{e.displayName="IconButton",e.__docgenInfo={description:"",displayName:"IconButton",props:{size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"critical"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"inverted"'},{value:'"newFeature"'},{value:'"ai"'}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
|
|
2
2
|
|
|
3
3
|
Allows rendering the button using a different React element or component.
|
|
4
4
|
This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import{j as d}from"./jsx-runtime-BTJTZTIL.js";import{r as m}from"./index-Cb9e4tly.js";import{u as o,I as p,s as v}from"./FieldLayoutBase-CbZWkNI7.js";import{m as f}from"./classNames-BUL1Zq7e.js";import{w as a}from"./componentNames-Bwls0I02.js";const c=({onChange:e,onValueChange:u,...n},t)=>{const r=f(v,a.InputText),i=o(s=>s.target.value,e,u);return d.jsx(p,{...n,ref:t,className:r.join(" "),onChange:i,preplyDsComponent:a.InputText})},l=m.forwardRef(c);try{l.displayName="InputText",l.__docgenInfo={description:"",displayName:"InputText",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},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"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},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"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
|
|
2
|
+
@see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
|
|
3
|
+
@see aria-hidden
|
|
4
|
+
@see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
|
|
5
|
+
@see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"spelling"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},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"}]}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"url"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'},{value:'"text"'}]}},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{}export{l as I};
|