@preply/ds-docs 1.4.3 → 1.4.4
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/config/manager-head.html +20 -0
- package/dist/assets/{00.LayoutFlex.stories-CQpwpBFr.js → 00.LayoutFlex.stories-DpwxtJTp.js} +1 -1
- package/dist/assets/{00.applications-Mbm9tl1L.js → 00.applications-wYAscLrp.js} +1 -1
- package/dist/assets/{00.favicons.guide-WYb90WDh.js → 00.favicons.guide-Cmq86y8N.js} +1 -1
- package/dist/assets/{00.token-explorer-CG4uPgKO.js → 00.token-explorer-DKLbQhCq.js} +1 -1
- package/dist/assets/{00.using-responsive-props-BCXlE4FK.js → 00.using-responsive-props-B-o8LrxD.js} +1 -1
- package/dist/assets/{01.semantic-tokens-BSiM6jeE.js → 01.semantic-tokens-DXleOvsE.js} +1 -1
- package/dist/assets/{01.using-shorthand-props-BWE623-K.js → 01.using-shorthand-props--KA-0GLf.js} +1 -1
- package/dist/assets/{10.Combinations.stories-C3N8dqV2.js → 10.Combinations.stories-4Iy0kXta.js} +1 -1
- package/dist/assets/{10.fonts.guide-oxszrKa_.js → 10.fonts.guide-ByO0-0RY.js} +1 -1
- package/dist/assets/{10.ssr-BsdOtfhp.js → 10.ssr-D2aeaXs-.js} +1 -1
- package/dist/assets/{11.languageFont.explorer-0rlDFUYo.js → 11.languageFont.explorer-CmdT8k4K.js} +1 -1
- package/dist/assets/{11.ssr.app-router-Bye4rCeb.js → 11.ssr.app-router-DqdnRV_c.js} +1 -1
- package/dist/assets/{20.libraries-CTwefBj2.js → 20.libraries-B3Cft_nb.js} +1 -1
- package/dist/assets/{30.icons.explorer-n6nE1o81.js → 30.icons.explorer-Bmrqscgu.js} +10 -7
- package/dist/assets/{30.storybook-D9-Twxkn.js → 30.storybook-R9v7sRSV.js} +1 -1
- package/dist/assets/{40.illustrations.explorer-YO04df6b.js → 40.illustrations.explorer-LXtX_ur-.js} +1 -1
- package/dist/assets/{90.advanced-BXQFnjVT.js → 90.advanced-_bZiZFqR.js} +1 -1
- package/dist/assets/AlertDialog-CSnYdPB1.css +1 -0
- package/dist/assets/{AlertDialog.stories-BI6dnBdp.js → AlertDialog.stories-D8vcsOmp.js} +2 -2
- package/dist/assets/Avatar--MVvSybN.css +1 -0
- package/dist/assets/Avatar-BGgXJkzu.js +1 -0
- package/dist/assets/Avatar-DFURPdff.js +6 -0
- package/dist/assets/Avatar-NBWu859l.css +1 -0
- package/dist/assets/{Avatar.stories-Ci8GF7qg.js → Avatar.stories-BV-Xj66P.js} +1 -1
- package/dist/assets/AvatarWithStatus-B8SIoM-R.css +1 -0
- package/dist/assets/{AvatarWithStatus.stories-nwRdeLSv.js → AvatarWithStatus.stories-AvBfHQYz.js} +3 -3
- package/dist/assets/Badge-D59TIh89.css +1 -0
- package/dist/assets/{Badge.stories-DFEIq5GM.js → Badge.stories-C3ulxgrr.js} +2 -2
- package/dist/assets/Box-Ct0n6z_t.css +1 -0
- package/dist/assets/Box.stories-BNsIA3d8.js +44 -0
- package/dist/assets/{Button-COvs-WT9.js → Button--lO4Yh1G.js} +1 -1
- package/dist/assets/Button-CVPaYo8O.css +1 -0
- package/dist/assets/{Button-ClaaA27g.css → Button-CY3D2cek.css} +1 -1
- package/dist/assets/Button-DvCccsc-.js +1 -0
- package/dist/assets/{Button.stories-ompQpE7u.js → Button.stories-DMVT-_Q8.js} +1 -1
- package/dist/assets/{ButtonBase-BiHsr0j0.css → ButtonBase-CsTqBYW3.css} +1 -1
- package/dist/assets/ButtonBase-Dkj04_D4.js +8 -0
- package/dist/assets/Chips-BNBLB399.css +1 -0
- package/dist/assets/{Chips.stories-B3MMLC6G.js → Chips.stories-BU1HCNoh.js} +7 -7
- package/dist/assets/{Color-YHDXOIA2-BrFoM0Yb.js → Color-YHDXOIA2-B5aq5eVp.js} +1 -1
- package/dist/assets/Dialog-tifoKegY.css +1 -0
- package/dist/assets/{Dialog.stories-CKUsFyjr.js → Dialog.stories-XFch9-mS.js} +7 -7
- package/dist/assets/{DocsRenderer-CFRXHY34-BETkuvO-.js → DocsRenderer-CFRXHY34-c_QYP7eP.js} +1 -1
- package/dist/assets/FieldAdditionalText-C4B6VDoD.css +1 -0
- package/dist/assets/FieldAdditionalText-CKHYGNW7.js +1 -0
- package/dist/assets/{FieldAdditionalText.stories-CeEuZK9j.js → FieldAdditionalText.stories-CVusiSCI.js} +1 -1
- package/dist/assets/{FieldButton-DcagrCQ8.js → FieldButton-BHdIAkLC.js} +1 -1
- package/dist/assets/{FieldButton-Ds2WVp20.css → FieldButton-CTAfexFP.css} +1 -1
- package/dist/assets/{FieldButton.stories-B_91sVXO.js → FieldButton.stories-AQCfipBv.js} +1 -1
- package/dist/assets/{FieldLayout-CnOMTl8s.js → FieldLayout-C6jJAsSQ.js} +1 -1
- package/dist/assets/FieldLayout-DifBsHps.css +1 -0
- package/dist/assets/{FieldLayout.stories-D7mYNA3d.js → FieldLayout.stories-BgEtPomu.js} +1 -1
- package/dist/assets/FieldLayoutBase-D9mjZNPE.css +1 -0
- package/dist/assets/{FieldLayoutBase-DaTu5RGY.js → FieldLayoutBase-zAW0g1db.js} +3 -3
- package/dist/assets/{Heading-4oJssLU4.css → Heading-BvSqAYGI.css} +1 -1
- package/dist/assets/Heading-Cg5f4C-X.js +2 -0
- package/dist/assets/{Heading.stories-B6BMelUD.js → Heading.stories-D7SzKy3Y.js} +1 -1
- package/dist/assets/Icon-BlaIobPP.css +1 -0
- package/dist/assets/Icon-BuIMdXyr.js +1 -0
- package/dist/assets/Icon-DtwEs6ju.css +1 -0
- package/dist/assets/Icon-HJaiOMko.js +8 -0
- package/dist/assets/{Icon-RSC-DDUB9nvX.js → Icon-RSC-DOvxTS90.js} +1 -1
- package/dist/assets/{Icon.stories-BGWBmrJE.js → Icon.stories-DHVy5UW-.js} +1 -1
- package/dist/assets/{IconButton-t5L07D8U.js → IconButton-D5CnObTI.js} +1 -1
- package/dist/assets/InputText-EVfxq_T2.js +5 -0
- package/dist/assets/{LayoutFlex-DPsMHj0r.js → LayoutFlex-UU1ucYPu.js} +1 -1
- package/dist/assets/{LayoutFlex-DWJvHMlJ.js → LayoutFlex-lI53uYQd.js} +1 -1
- package/dist/assets/LayoutFlexItem-B1NvlT30.css +1 -0
- package/dist/assets/LayoutFlexItem-CybocGbI.js +1 -0
- package/dist/assets/LayoutGrid-CfIOI-nk.css +1 -0
- package/dist/assets/LayoutGrid-Dc2C_JKc.css +1 -0
- package/dist/assets/LayoutGrid-_f_RSZJp.js +1 -0
- package/dist/assets/{LayoutGrid.stories-BTiFzLOs.js → LayoutGrid.stories-DqxNPd6u.js} +3 -3
- package/dist/assets/LayoutGridItem-7WPKNMJF.js +1 -0
- package/dist/assets/LayoutGridItem-CtiPJzr6.css +1 -0
- package/dist/assets/Link-DigYYGPa.css +1 -0
- package/dist/assets/{Link.stories-BioapyOJ.js → Link.stories-CL1Bi1k1.js} +7 -7
- package/dist/assets/Loader-BWwla6y5.css +1 -0
- package/dist/assets/{Loader.stories-Cmev743o.js → Loader.stories-DpEPj4bg.js} +1 -1
- package/dist/assets/NumberField.stories-Bn0jrvvK.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-C6QmQ6M4.js → OnboardingTooltip-BL1bmbYk.js} +1 -1
- package/dist/assets/OnboardingTooltip-CHXBh7ZS.css +1 -0
- package/dist/assets/{OnboardingTooltip.stories-U7tnhack.js → OnboardingTooltip.stories-D2XnE0GT.js} +1 -1
- package/dist/assets/{OnboardingTooltip.tests.stories-DUKQA1hD.js → OnboardingTooltip.tests.stories-8i06Olgs.js} +1 -1
- package/dist/assets/{OnboardingTour-BJsn9jpi.css → OnboardingTour-9p_31-ki.css} +1 -1
- package/dist/assets/{OnboardingTour-Dun5rZkn.js → OnboardingTour-CVkV02eo.js} +1 -1
- package/dist/assets/{OnboardingTour.stories-MuBPrYfD.js → OnboardingTour.stories-DIXYqOny.js} +2 -2
- package/dist/assets/{OnboardingTour.tests.stories-ZHjxkeQ9.js → OnboardingTour.tests.stories-CFNccHSX.js} +1 -1
- package/dist/assets/PasswordField.stories-COzbb2zK.js +203 -0
- package/dist/assets/PreplyLogo-DcMQNif8.css +1 -0
- package/dist/assets/{PreplyLogo.stories-C4QyROH-.js → PreplyLogo.stories-CA3CkUuj.js} +4 -4
- package/dist/assets/{ProgressBar-CBWfVwHl.css → ProgressBar-CEQWA8Sn.css} +1 -1
- package/dist/assets/{ProgressBar.stories-DmISlrXa.js → ProgressBar.stories-CvXFSoQr.js} +1 -1
- package/dist/assets/ProgressSteps-BQBqbETp.css +1 -0
- package/dist/assets/{ProgressSteps-DX68zFl0.js → ProgressSteps-CAnQm_sd.js} +1 -1
- package/dist/assets/{ProgressSteps.stories-CFg-Zw8N.js → ProgressSteps.stories-8aHsICK5.js} +1 -1
- package/dist/assets/RootProvider-Dg3JKPuS.js +1 -0
- package/dist/assets/SelectField-BOrSP080.css +1 -0
- package/dist/assets/SelectField.stories-B5pxzgIZ.js +182 -0
- package/dist/assets/{ShowOnIntersection.stories-BYz5GE4A.js → ShowOnIntersection.stories-D4B8EpSn.js} +1 -1
- package/dist/assets/Spinner-DbhUuj1k.css +1 -0
- package/dist/assets/{Spinner-BmqtByaF.js → Spinner-Dk9e5s4P.js} +1 -1
- package/dist/assets/{Steps-DF-nuV0r.js → Steps-CnGmvaP_.js} +2 -2
- package/dist/assets/Steps-DOnBcrau.css +1 -0
- package/dist/assets/{Steps.stories-Bl3rC3tB.js → Steps.stories-C7qCDBrt.js} +1 -1
- package/dist/assets/Text-BJjb7u-q.js +1 -0
- package/dist/assets/{Text-C57iIFrB.css → Text-D5ToABX_.css} +1 -1
- package/dist/assets/Text-iKSwUrVW.js +1 -0
- package/dist/assets/{Text.stories-CRsvV8RJ.js → Text.stories-DGsFFNI5.js} +1 -1
- package/dist/assets/TextField-Cm0m1ron.js +1 -0
- package/dist/assets/TextField-DZvAqdie.css +1 -0
- package/dist/assets/{TextField.stories-CVj_jcVs.js → TextField.stories-H1HJ1OEv.js} +1 -1
- package/dist/assets/TextHighlighted-BTkNY-jd.css +1 -0
- package/dist/assets/TextHighlighted-Bg5tITDd.js +1 -0
- package/dist/assets/{TextHighlighted.stories-TRvVYByW.js → TextHighlighted.stories-DiOcUHCK.js} +1 -1
- package/dist/assets/TextInline-BHcXVM9p.css +1 -0
- package/dist/assets/{TextInline.stories-Dwp1YyrO.js → TextInline.stories-CNbUmCkc.js} +1 -1
- package/dist/assets/TextareaField.stories-CZwY0iIU.js +221 -0
- package/dist/assets/Toast-DGK4QAz7.css +1 -0
- package/dist/assets/{Toast.stories-Biw6si0p.js → Toast.stories-CB7pUdgI.js} +2 -2
- package/dist/assets/Tooltip-BxXbwB2D.css +1 -0
- package/dist/assets/{Tooltip-C8TiSVfN.js → Tooltip-Cw4QAB6t.js} +1 -1
- package/dist/assets/{Tooltip.stories-2Ql_m8AA.js → Tooltip.stories-ByuW8j2m.js} +1 -1
- package/dist/assets/{Tooltip.tests.stories-Dhvul9uf.js → Tooltip.tests.stories-CRD9wLrM.js} +1 -1
- package/dist/assets/{breakpoints-CUfFCyvn.js → breakpoints-BoXYqY0V.js} +1 -1
- package/dist/assets/{breakpoints-B_UT1zHj.js → breakpoints-CX5v0Wpl.js} +1 -1
- package/dist/assets/{breakpoints-G1prPZ-_.js → breakpoints-CeECfjUn.js} +1 -1
- package/dist/assets/{changelog-wUoWC9JB.js → changelog-DYXixy1l.js} +105 -95
- package/dist/assets/{entry-preview-B6s8fdeP.js → entry-preview-EXwbkmIV.js} +1 -1
- package/dist/assets/{getTokenVar-Cm8Hrfw5.js → getTokenVar-DeIODCru.js} +1 -1
- package/dist/assets/{hover-BZ9GWD6i.js → hover-DVpEKjsl.js} +1 -1
- package/dist/assets/{hover-QoG-Aw1V.js → hover-LL7UF1Iq.js} +1 -1
- package/dist/assets/{hover-CVuE2EdV.js → hover-hsVSNW-E.js} +1 -1
- package/dist/assets/{iframe-Cb21JL3A.js → iframe-C_A2KsDR.js} +2 -2
- package/dist/assets/{index-Dl0kr_VJ.js → index-C8SCPFy3.js} +3 -3
- package/dist/assets/{index-CsopvqxJ.js → index-M70qAFbw.js} +1 -1
- package/dist/assets/{intro-Dst0gh7V.js → intro-BK_zt7Me.js} +1 -1
- package/dist/assets/layout-relative-BtSwpJDo.css +1 -0
- package/dist/assets/layout-relative-Bu9rryEC.css +1 -0
- package/dist/assets/layout-relative-CDPZK-Zz.css +1 -0
- package/dist/assets/layout-relative-Dcwg9O77.js +1 -0
- package/dist/assets/layout-relative.module-BNXaOnm9-CvugzKJw.js +1 -0
- package/dist/assets/layout-relative.module-lqlc9jak.js +1 -0
- package/dist/assets/{migrating-from-less-Bt8JVIac.js → migrating-from-less-CuDxQ-vy.js} +1 -1
- package/dist/assets/playground-CqsK7cT4.css +1 -0
- package/dist/assets/{playground.stories-BA5seiLe.js → playground.stories-4Jbu1wBr.js} +170 -170
- package/dist/assets/{preview-DFPubP5B.js → preview-6UKRD9Gn.js} +1 -1
- package/dist/assets/{preview-B-4B_khw.js → preview-Dp5xV5Gp.js} +2 -2
- package/dist/assets/{preview-hMa3Y1xy.js → preview-oQQvXgEp.js} +1 -1
- package/dist/assets/text-accent-BEadeAJN.js +1 -0
- package/dist/assets/text-accent-CJprBBxH.js +1 -0
- package/dist/assets/text-accent-DKdRxsM7.css +1 -0
- package/dist/assets/text-centered-CDTMNY-2.js +1 -0
- package/dist/assets/text-centered-Cw2_gEBO.css +1 -0
- package/dist/assets/text-centered-DCHvpQYe.css +1 -0
- package/dist/assets/text-centered-xX5SuJ5T.js +1 -0
- package/dist/assets/{tokens-Cc3okQu4.js → tokens-B5AFVl09.js} +1 -1
- package/dist/assets/{tokens-kSXR3wSb.js → tokens-D--P8S_2.js} +1 -1
- package/dist/assets/{tokens-ClkBQdOg.js → tokens-DRE8AnY2.js} +1 -1
- package/dist/assets/{usePortalElement-DIAQKTtU.js → usePortalElement-DMTkFKwz.js} +1 -1
- package/dist/assets/{welcome-CReKbWWS.js → welcome-DfVY--k5.js} +1 -1
- package/dist/assets/{zeroheight-DfgR4LgT.js → zeroheight-Tl1JUkJ3.js} +1 -1
- package/dist/iframe.html +1 -1
- package/dist/index.html +20 -0
- package/dist/preview-stats.json +1700 -1700
- package/dist/project.json +1 -1
- package/package.json +3 -3
- package/dist/assets/AlertDialog-C8C2kzLT.css +0 -1
- package/dist/assets/Avatar-BSlj6yko.js +0 -1
- package/dist/assets/Avatar-DJdEnKaL.js +0 -6
- package/dist/assets/Avatar-DZCUEanO.css +0 -1
- package/dist/assets/Avatar-fqNH9-vo.css +0 -1
- package/dist/assets/AvatarWithStatus-CEyIZEXJ.css +0 -1
- package/dist/assets/Badge-DOPey97c.css +0 -1
- package/dist/assets/Box-DMXNufME.css +0 -1
- package/dist/assets/Box.stories-C0ffVUSP.js +0 -44
- package/dist/assets/Button-B5AU8t_B.css +0 -1
- package/dist/assets/Button-aNfyJQT6.js +0 -1
- package/dist/assets/ButtonBase-B-96BnyO.js +0 -8
- package/dist/assets/Chips-B9tN6418.css +0 -1
- package/dist/assets/Dialog-yFesJ-1y.css +0 -1
- package/dist/assets/FieldAdditionalText-BpdxRR9p.css +0 -1
- package/dist/assets/FieldAdditionalText-Cxqy7mdI.js +0 -1
- package/dist/assets/FieldLayout-gu3ZOprL.css +0 -1
- package/dist/assets/FieldLayoutBase-C3vxtn8M.css +0 -1
- package/dist/assets/Heading-x9qmcX15.js +0 -2
- package/dist/assets/Icon-BCL3U29b.js +0 -8
- package/dist/assets/Icon-CbdpJGdV.js +0 -1
- package/dist/assets/Icon-DcBo297y.css +0 -1
- package/dist/assets/Icon-w1-Pci0g.css +0 -1
- package/dist/assets/InputText-B7nkpdcE.js +0 -5
- package/dist/assets/LayoutFlexItem-B5jT-Jb5.js +0 -1
- package/dist/assets/LayoutFlexItem-BHIyHIC0.css +0 -1
- package/dist/assets/LayoutGrid-BE0t6Vjv.css +0 -1
- package/dist/assets/LayoutGrid-BPI2OONd.css +0 -1
- package/dist/assets/LayoutGrid-IsN1xiNR.js +0 -1
- package/dist/assets/LayoutGridItem-BoV0TprN.css +0 -1
- package/dist/assets/LayoutGridItem-DoY9oFwT.js +0 -1
- package/dist/assets/Link-KgMCDoEO.css +0 -1
- package/dist/assets/Loader-Cb3g0jkp.css +0 -1
- package/dist/assets/NumberField.stories-BKSkXxOY.js +0 -203
- package/dist/assets/OnboardingTooltip-m5nsSh3_.css +0 -1
- package/dist/assets/PasswordField.stories-CIfqwh2L.js +0 -203
- package/dist/assets/PreplyLogo-CB8p8DAS.css +0 -1
- package/dist/assets/ProgressSteps-BY2WWAe6.css +0 -1
- package/dist/assets/RootProvider-o_gxYeLh.js +0 -1
- package/dist/assets/SelectField-DG0p9ezC.css +0 -1
- package/dist/assets/SelectField.stories-_XAhNcCG.js +0 -182
- package/dist/assets/Spinner-ZDzW_9X4.css +0 -1
- package/dist/assets/Steps-Cxg4_yWg.css +0 -1
- package/dist/assets/Text-DRPK601D.js +0 -1
- package/dist/assets/Text-WS7Bdore.js +0 -1
- package/dist/assets/TextField-BcWoR3uH.js +0 -1
- package/dist/assets/TextField-CPALlvVS.css +0 -1
- package/dist/assets/TextHighlighted-BYPgGvnl.js +0 -1
- package/dist/assets/TextHighlighted-CEnKKn7p.css +0 -1
- package/dist/assets/TextInline-C2oRwfiB.css +0 -1
- package/dist/assets/TextareaField.stories-D5Hhx-hP.js +0 -221
- package/dist/assets/Toast-ByHRc2jt.css +0 -1
- package/dist/assets/Tooltip-BfH_0PT3.css +0 -1
- package/dist/assets/layout-relative-B1RJCRWS.css +0 -1
- package/dist/assets/layout-relative-BX4afYg4.js +0 -1
- package/dist/assets/layout-relative-C0j_3nlP.css +0 -1
- package/dist/assets/layout-relative-Can2t_0C.css +0 -1
- package/dist/assets/layout-relative.module-CpQbo91e-wKldJApF.js +0 -1
- package/dist/assets/layout-relative.module-IN4igp-_.js +0 -1
- package/dist/assets/playground-DgTGJcE5.css +0 -1
- package/dist/assets/text-accent-BqZbJG9z.js +0 -1
- package/dist/assets/text-accent-DEvzdotz.js +0 -1
- package/dist/assets/text-accent-eC5rHFDr.css +0 -1
- package/dist/assets/text-centered-7-NHbkTa.js +0 -1
- package/dist/assets/text-centered-BLjliCzN.js +0 -1
- package/dist/assets/text-centered-DNfnrRY6.css +0 -1
- package/dist/assets/text-centered-DiwnyevC.css +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Icon_z86ie_4{display:inline-block;vertical-align:text-top}._Icon_z86ie_4 svg{display:block;width:100%;min-width:100%;max-width:100%;max-height:100%;fill:currentColor}._Icon--size-2xs_z86ie_16{width:var(--b21f61);height:var(--b21f61);min-width:var(--b21f61);max-width:var(--b21f61)}._Icon--size-xs_z86ie_22{width:var(--766f3b);height:var(--766f3b);min-width:var(--766f3b);max-width:var(--766f3b)}._Icon--size-s_z86ie_28{width:var(--7c1b1c);height:var(--7c1b1c);min-width:var(--7c1b1c);max-width:var(--7c1b1c)}._Icon--size-m_z86ie_34{width:var(--2152b7);height:var(--2152b7);min-width:var(--2152b7);max-width:var(--2152b7)}._Icon--size-l_z86ie_40{width:var(--8f525f);height:var(--8f525f);min-width:var(--8f525f);max-width:var(--8f525f)}._Icon--size-16_z86ie_46{width:var(--656bbc);height:var(--656bbc);min-width:var(--656bbc);max-width:var(--656bbc)}._Icon--size-24_z86ie_52{width:var(--81dc82);height:var(--81dc82);min-width:var(--81dc82);max-width:var(--81dc82)}._Icon--size-32_z86ie_58{width:var(--2a6452);height:var(--2a6452);min-width:var(--2a6452);max-width:var(--2a6452)}._Icon--size-48_z86ie_64{width:var(--03d2e4);height:var(--03d2e4);min-width:var(--03d2e4);max-width:var(--03d2e4)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-0_1if1u_3{color:var(--d751dc)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-50_1if1u_6{color:var(--d4e1b8)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-100_1if1u_9{color:var(--e986ec)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-200_1if1u_12{color:var(--8a8cb8)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-300_1if1u_15{color:var(--e7dcf4)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-400_1if1u_18{color:var(--d48a93)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-500_1if1u_21{color:var(--9b582c)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-600_1if1u_24{color:var(--bd0a12)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-700_1if1u_27{color:var(--5540cb)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-800_1if1u_30{color:var(--3f9d59)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-900_1if1u_33{color:var(--0d2c1d)}._ExpColor_1if1u_3._ExpColor--exp-color-pink-50_1if1u_36{color:var(--696262)}._ExpColor_1if1u_3._ExpColor--exp-color-pink-100_1if1u_39{color:var(--2a8bdc)}._ExpColor_1if1u_3._ExpColor--exp-color-pink-200_1if1u_42{color:var(--9c55fe)}._ExpColor_1if1u_3._ExpColor--exp-color-pink-300_1if1u_45{color:var(--55b1b2)}._ExpColor_1if1u_3._ExpColor--exp-color-pink-400_1if1u_48{color:var(--e2e617)}._ExpColor_1if1u_3._ExpColor--exp-color-pink-500_1if1u_51{color:var(--28075b)}._ExpColor_1if1u_3._ExpColor--exp-color-pink-600_1if1u_54{color:var(--0d21bc)}._ExpColor_1if1u_3._ExpColor--exp-color-pink-700_1if1u_57{color:var(--dcc28c)}._ExpColor_1if1u_3._ExpColor--exp-color-pink-800_1if1u_60{color:var(--e2ccaa)}._ExpColor_1if1u_3._ExpColor--exp-color-yellow-50_1if1u_63{color:var(--f73f81)}._ExpColor_1if1u_3._ExpColor--exp-color-yellow-100_1if1u_66{color:var(--05c737)}._ExpColor_1if1u_3._ExpColor--exp-color-yellow-200_1if1u_69{color:var(--32d8a2)}._ExpColor_1if1u_3._ExpColor--exp-color-yellow-300_1if1u_72{color:var(--92f9a7)}._ExpColor_1if1u_3._ExpColor--exp-color-yellow-400_1if1u_75{color:var(--4db3c1)}._ExpColor_1if1u_3._ExpColor--exp-color-yellow-500_1if1u_78{color:var(--2d6e08)}._ExpColor_1if1u_3._ExpColor--exp-color-yellow-600_1if1u_81{color:var(--2db5c2)}._ExpColor_1if1u_3._ExpColor--exp-color-yellow-700_1if1u_84{color:var(--b31329)}._ExpColor_1if1u_3._ExpColor--exp-color-yellow-800_1if1u_87{color:var(--66ebdf)}._ExpColor_1if1u_3._ExpColor--exp-color-blue-50_1if1u_90{color:var(--6ae6f0)}._ExpColor_1if1u_3._ExpColor--exp-color-blue-100_1if1u_93{color:var(--b916ba)}._ExpColor_1if1u_3._ExpColor--exp-color-blue-200_1if1u_96{color:var(--c6fc9c)}._ExpColor_1if1u_3._ExpColor--exp-color-blue-300_1if1u_99{color:var(--b773b2)}._ExpColor_1if1u_3._ExpColor--exp-color-blue-400_1if1u_102{color:var(--e848c4)}._ExpColor_1if1u_3._ExpColor--exp-color-blue-500_1if1u_105{color:var(--e57766)}._ExpColor_1if1u_3._ExpColor--exp-color-blue-600_1if1u_108{color:var(--fdf041)}._ExpColor_1if1u_3._ExpColor--exp-color-blue-700_1if1u_111{color:var(--cd5904)}._ExpColor_1if1u_3._ExpColor--exp-color-blue-800_1if1u_114{color:var(--440fc3)}._ExpColor_1if1u_3._ExpColor--exp-color-teal-50_1if1u_117{color:var(--9fac3a)}._ExpColor_1if1u_3._ExpColor--exp-color-teal-100_1if1u_120{color:var(--32b0b3)}._ExpColor_1if1u_3._ExpColor--exp-color-teal-200_1if1u_123{color:var(--873ad3)}._ExpColor_1if1u_3._ExpColor--exp-color-teal-300_1if1u_126{color:var(--202011)}._ExpColor_1if1u_3._ExpColor--exp-color-teal-400_1if1u_129{color:var(--4f3eb4)}._ExpColor_1if1u_3._ExpColor--exp-color-teal-500_1if1u_132{color:var(--c47d0d)}._ExpColor_1if1u_3._ExpColor--exp-color-teal-600_1if1u_135{color:var(--985403)}._ExpColor_1if1u_3._ExpColor--exp-color-teal-700_1if1u_138{color:var(--2c9147)}._ExpColor_1if1u_3._ExpColor--exp-color-teal-800_1if1u_141{color:var(--0d9ea5)}._ExpColor_1if1u_3._ExpColor--exp-color-red-50_1if1u_144{color:var(--f951e9)}._ExpColor_1if1u_3._ExpColor--exp-color-red-100_1if1u_147{color:var(--3aa891)}._ExpColor_1if1u_3._ExpColor--exp-color-red-200_1if1u_150{color:var(--ba4c34)}._ExpColor_1if1u_3._ExpColor--exp-color-red-300_1if1u_153{color:var(--943cfc)}._ExpColor_1if1u_3._ExpColor--exp-color-red-400_1if1u_156{color:var(--8af651)}._ExpColor_1if1u_3._ExpColor--exp-color-red-500_1if1u_159{color:var(--f5bfe7)}._ExpColor_1if1u_3._ExpColor--exp-color-red-600_1if1u_162{color:var(--1bd221)}._ExpColor_1if1u_3._ExpColor--exp-color-red-700_1if1u_165{color:var(--38cd90)}._ExpColor_1if1u_3._ExpColor--exp-color-red-800_1if1u_168{color:var(--e9fcc6)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._ExpColor_1if1u_3._ExpColor--exp-color-grey-0_1if1u_3{color:var(--d751dc)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-50_1if1u_6{color:var(--d4e1b8)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-100_1if1u_9{color:var(--e986ec)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-200_1if1u_12{color:var(--8a8cb8)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-300_1if1u_15{color:var(--e7dcf4)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-400_1if1u_18{color:var(--d48a93)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-500_1if1u_21{color:var(--9b582c)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-600_1if1u_24{color:var(--bd0a12)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-700_1if1u_27{color:var(--5540cb)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-800_1if1u_30{color:var(--3f9d59)}._ExpColor_1if1u_3._ExpColor--exp-color-grey-900_1if1u_33{color:var(--0d2c1d)}._ExpColor_1if1u_3._ExpColor--exp-color-pink-50_1if1u_36{color:var(--696262)}._ExpColor_1if1u_3._ExpColor--exp-color-pink-100_1if1u_39{color:var(--2a8bdc)}._ExpColor_1if1u_3._ExpColor--exp-color-pink-200_1if1u_42{color:var(--9c55fe)}._ExpColor_1if1u_3._ExpColor--exp-color-pink-300_1if1u_45{color:var(--55b1b2)}._ExpColor_1if1u_3._ExpColor--exp-color-pink-400_1if1u_48{color:var(--e2e617)}._ExpColor_1if1u_3._ExpColor--exp-color-pink-500_1if1u_51{color:var(--28075b)}._ExpColor_1if1u_3._ExpColor--exp-color-pink-600_1if1u_54{color:var(--0d21bc)}._ExpColor_1if1u_3._ExpColor--exp-color-pink-700_1if1u_57{color:var(--dcc28c)}._ExpColor_1if1u_3._ExpColor--exp-color-pink-800_1if1u_60{color:var(--e2ccaa)}._ExpColor_1if1u_3._ExpColor--exp-color-yellow-50_1if1u_63{color:var(--f73f81)}._ExpColor_1if1u_3._ExpColor--exp-color-yellow-100_1if1u_66{color:var(--05c737)}._ExpColor_1if1u_3._ExpColor--exp-color-yellow-200_1if1u_69{color:var(--32d8a2)}._ExpColor_1if1u_3._ExpColor--exp-color-yellow-300_1if1u_72{color:var(--92f9a7)}._ExpColor_1if1u_3._ExpColor--exp-color-yellow-400_1if1u_75{color:var(--4db3c1)}._ExpColor_1if1u_3._ExpColor--exp-color-yellow-500_1if1u_78{color:var(--2d6e08)}._ExpColor_1if1u_3._ExpColor--exp-color-yellow-600_1if1u_81{color:var(--2db5c2)}._ExpColor_1if1u_3._ExpColor--exp-color-yellow-700_1if1u_84{color:var(--b31329)}._ExpColor_1if1u_3._ExpColor--exp-color-yellow-800_1if1u_87{color:var(--66ebdf)}._ExpColor_1if1u_3._ExpColor--exp-color-blue-50_1if1u_90{color:var(--6ae6f0)}._ExpColor_1if1u_3._ExpColor--exp-color-blue-100_1if1u_93{color:var(--b916ba)}._ExpColor_1if1u_3._ExpColor--exp-color-blue-200_1if1u_96{color:var(--c6fc9c)}._ExpColor_1if1u_3._ExpColor--exp-color-blue-300_1if1u_99{color:var(--b773b2)}._ExpColor_1if1u_3._ExpColor--exp-color-blue-400_1if1u_102{color:var(--e848c4)}._ExpColor_1if1u_3._ExpColor--exp-color-blue-500_1if1u_105{color:var(--e57766)}._ExpColor_1if1u_3._ExpColor--exp-color-blue-600_1if1u_108{color:var(--fdf041)}._ExpColor_1if1u_3._ExpColor--exp-color-blue-700_1if1u_111{color:var(--cd5904)}._ExpColor_1if1u_3._ExpColor--exp-color-blue-800_1if1u_114{color:var(--440fc3)}._ExpColor_1if1u_3._ExpColor--exp-color-teal-50_1if1u_117{color:var(--9fac3a)}._ExpColor_1if1u_3._ExpColor--exp-color-teal-100_1if1u_120{color:var(--32b0b3)}._ExpColor_1if1u_3._ExpColor--exp-color-teal-200_1if1u_123{color:var(--873ad3)}._ExpColor_1if1u_3._ExpColor--exp-color-teal-300_1if1u_126{color:var(--202011)}._ExpColor_1if1u_3._ExpColor--exp-color-teal-400_1if1u_129{color:var(--4f3eb4)}._ExpColor_1if1u_3._ExpColor--exp-color-teal-500_1if1u_132{color:var(--c47d0d)}._ExpColor_1if1u_3._ExpColor--exp-color-teal-600_1if1u_135{color:var(--985403)}._ExpColor_1if1u_3._ExpColor--exp-color-teal-700_1if1u_138{color:var(--2c9147)}._ExpColor_1if1u_3._ExpColor--exp-color-teal-800_1if1u_141{color:var(--0d9ea5)}._ExpColor_1if1u_3._ExpColor--exp-color-red-50_1if1u_144{color:var(--f951e9)}._ExpColor_1if1u_3._ExpColor--exp-color-red-100_1if1u_147{color:var(--3aa891)}._ExpColor_1if1u_3._ExpColor--exp-color-red-200_1if1u_150{color:var(--ba4c34)}._ExpColor_1if1u_3._ExpColor--exp-color-red-300_1if1u_153{color:var(--943cfc)}._ExpColor_1if1u_3._ExpColor--exp-color-red-400_1if1u_156{color:var(--8af651)}._ExpColor_1if1u_3._ExpColor--exp-color-red-500_1if1u_159{color:var(--f5bfe7)}._ExpColor_1if1u_3._ExpColor--exp-color-red-600_1if1u_162{color:var(--1bd221)}._ExpColor_1if1u_3._ExpColor--exp-color-red-700_1if1u_165{color:var(--38cd90)}._ExpColor_1if1u_3._ExpColor--exp-color-red-800_1if1u_168{color:var(--e9fcc6)}._Icon_z86ie_4{display:inline-block;vertical-align:text-top}._Icon_z86ie_4 svg{display:block;width:100%;min-width:100%;max-width:100%;max-height:100%;fill:currentColor}._Icon--size-2xs_z86ie_16{width:var(--b21f61);height:var(--b21f61);min-width:var(--b21f61);max-width:var(--b21f61)}._Icon--size-xs_z86ie_22{width:var(--766f3b);height:var(--766f3b);min-width:var(--766f3b);max-width:var(--766f3b)}._Icon--size-s_z86ie_28{width:var(--7c1b1c);height:var(--7c1b1c);min-width:var(--7c1b1c);max-width:var(--7c1b1c)}._Icon--size-m_z86ie_34{width:var(--2152b7);height:var(--2152b7);min-width:var(--2152b7);max-width:var(--2152b7)}._Icon--size-l_z86ie_40{width:var(--8f525f);height:var(--8f525f);min-width:var(--8f525f);max-width:var(--8f525f)}._Icon--size-16_z86ie_46{width:var(--656bbc);height:var(--656bbc);min-width:var(--656bbc);max-width:var(--656bbc)}._Icon--size-24_z86ie_52{width:var(--81dc82);height:var(--81dc82);min-width:var(--81dc82);max-width:var(--81dc82)}._Icon--size-32_z86ie_58{width:var(--2a6452);height:var(--2a6452);min-width:var(--2a6452);max-width:var(--2a6452)}._Icon--size-48_z86ie_64{width:var(--03d2e4);height:var(--03d2e4);min-width:var(--03d2e4);max-width:var(--03d2e4)}
|
|
@@ -1,5 +0,0 @@
|
|
|
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-DaTu5RGY.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"}},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"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},"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};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as h}from"./jsx-runtime-BTJTZTIL.js";import{r as L}from"./index-Cb9e4tly.js";import{g as F,a as I,b as g}from"./layout-relative-BX4afYg4.js";import{f as w}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as b,b as C}from"./classNames-BUL1Zq7e.js";import{w as e}from"./componentNames-Bwls0I02.js";import{g as N}from"./index-DdzHuZ-Y.js";import{L as R}from"./defaults-B1rzzf6M.js";const q="_LayoutFlexItem_vxi0t_2",V={LayoutFlexItem:q,"LayoutFlexItem--stretch":"_LayoutFlexItem--stretch_vxi0t_11","LayoutFlexItem--no-stretch":"_LayoutFlexItem--no-stretch_vxi0t_14","LayoutFlexItem--narrow-l--stretch":"_LayoutFlexItem--narrow-l--stretch_vxi0t_18","LayoutFlexItem--narrow-l--no-stretch":"_LayoutFlexItem--narrow-l--no-stretch_vxi0t_21","LayoutFlexItem--medium-s--stretch":"_LayoutFlexItem--medium-s--stretch_vxi0t_26","LayoutFlexItem--medium-s--no-stretch":"_LayoutFlexItem--medium-s--no-stretch_vxi0t_29","LayoutFlexItem--medium-l--stretch":"_LayoutFlexItem--medium-l--stretch_vxi0t_34","LayoutFlexItem--medium-l--no-stretch":"_LayoutFlexItem--medium-l--no-stretch_vxi0t_37","LayoutFlexItem--wide-s--stretch":"_LayoutFlexItem--wide-s--stretch_vxi0t_42","LayoutFlexItem--wide-s--no-stretch":"_LayoutFlexItem--wide-s--no-stretch_vxi0t_45","LayoutFlexItem--wide-l--stretch":"_LayoutFlexItem--wide-l--stretch_vxi0t_50","LayoutFlexItem--wide-l--no-stretch":"_LayoutFlexItem--wide-l--no-stretch_vxi0t_53"},t=L.forwardRef(function({children:l,alignSelf:s,stretch:u=!1,tag:o,hide:n,relative:r,dataset:m,...i},v){const c=b(V,e.LayoutFlexItem,C("stretch","no-stretch",u)),d=F(s),p=I(n),f=g(r),y=[...c,...d,...p,...f],x=o??R,_={...w(i),ref:v,className:y.join(" "),...N(m,{preplyDsComponent:e.LayoutFlexItem})};return h.jsx(x,{..._,children:l})});try{t.displayName="LayoutFlexItem",t.__docgenInfo={description:"",displayName:"LayoutFlexItem",props:{alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:"ResponsiveProp<LayoutAlignSelf>"}]}},stretch:{defaultValue:{value:"false"},description:"",name:"stretch",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"div"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"p"'},{value:'"span"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},relative:{defaultValue:null,description:"",name:"relative",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"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{t as L};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._LayoutFlexItem_vxi0t_2{padding:0;margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0}._LayoutFlexItem--stretch_vxi0t_11{flex:1}._LayoutFlexItem--no-stretch_vxi0t_14{flex:none}@media (min-width: 400px){._LayoutFlexItem--narrow-l--stretch_vxi0t_18{flex:1}._LayoutFlexItem--narrow-l--no-stretch_vxi0t_21{flex:none}}@media (min-width: 700px){._LayoutFlexItem--medium-s--stretch_vxi0t_26{flex:1}._LayoutFlexItem--medium-s--no-stretch_vxi0t_29{flex:none}}@media (min-width: 880px){._LayoutFlexItem--medium-l--stretch_vxi0t_34{flex:1}._LayoutFlexItem--medium-l--no-stretch_vxi0t_37{flex:none}}@media (min-width: 1200px){._LayoutFlexItem--wide-s--stretch_vxi0t_42{flex:1}._LayoutFlexItem--wide-s--no-stretch_vxi0t_45{flex:none}}@media (min-width: 1900px){._LayoutFlexItem--wide-l--stretch_vxi0t_50{flex:1}._LayoutFlexItem--wide-l--no-stretch_vxi0t_53{flex:none}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._LayoutGridItem_2tq6r_1{margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;padding:0}._LayoutGrid_9ybe1_4{list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;margin:0;padding:0;display:grid}._LayoutGrid--justify-content-center_9ybe1_14{justify-content:center}._LayoutGrid--justify-content-start_9ybe1_17{justify-content:start}._LayoutGrid--justify-content-end_9ybe1_20{justify-content:end}._LayoutGrid--justify-content-space-between_9ybe1_23{justify-content:space-between}._LayoutGrid--justify-content-space-around_9ybe1_26{justify-content:space-around}._LayoutGrid--justify-content-space-evenly_9ybe1_29{justify-content:space-evenly}@media (min-width: 400px){._LayoutGrid--narrow-l--justify-content-center_9ybe1_33{justify-content:center}._LayoutGrid--narrow-l--justify-content-start_9ybe1_36{justify-content:start}._LayoutGrid--narrow-l--justify-content-end_9ybe1_39{justify-content:end}._LayoutGrid--narrow-l--justify-content-space-between_9ybe1_42{justify-content:space-between}._LayoutGrid--narrow-l--justify-content-space-around_9ybe1_45{justify-content:space-around}._LayoutGrid--narrow-l--justify-content-space-evenly_9ybe1_48{justify-content:space-evenly}}@media (min-width: 700px){._LayoutGrid--medium-s--justify-content-center_9ybe1_53{justify-content:center}._LayoutGrid--medium-s--justify-content-start_9ybe1_56{justify-content:start}._LayoutGrid--medium-s--justify-content-end_9ybe1_59{justify-content:end}._LayoutGrid--medium-s--justify-content-space-between_9ybe1_62{justify-content:space-between}._LayoutGrid--medium-s--justify-content-space-around_9ybe1_65{justify-content:space-around}._LayoutGrid--medium-s--justify-content-space-evenly_9ybe1_68{justify-content:space-evenly}}@media (min-width: 880px){._LayoutGrid--medium-l--justify-content-center_9ybe1_73{justify-content:center}._LayoutGrid--medium-l--justify-content-start_9ybe1_76{justify-content:start}._LayoutGrid--medium-l--justify-content-end_9ybe1_79{justify-content:end}._LayoutGrid--medium-l--justify-content-space-between_9ybe1_82{justify-content:space-between}._LayoutGrid--medium-l--justify-content-space-around_9ybe1_85{justify-content:space-around}._LayoutGrid--medium-l--justify-content-space-evenly_9ybe1_88{justify-content:space-evenly}}@media (min-width: 1200px){._LayoutGrid--wide-s--justify-content-center_9ybe1_93{justify-content:center}._LayoutGrid--wide-s--justify-content-start_9ybe1_96{justify-content:start}._LayoutGrid--wide-s--justify-content-end_9ybe1_99{justify-content:end}._LayoutGrid--wide-s--justify-content-space-between_9ybe1_102{justify-content:space-between}._LayoutGrid--wide-s--justify-content-space-around_9ybe1_105{justify-content:space-around}._LayoutGrid--wide-s--justify-content-space-evenly_9ybe1_108{justify-content:space-evenly}}@media (min-width: 1900px){._LayoutGrid--wide-l--justify-content-center_9ybe1_113{justify-content:center}._LayoutGrid--wide-l--justify-content-start_9ybe1_116{justify-content:start}._LayoutGrid--wide-l--justify-content-end_9ybe1_119{justify-content:end}._LayoutGrid--wide-l--justify-content-space-between_9ybe1_122{justify-content:space-between}._LayoutGrid--wide-l--justify-content-space-around_9ybe1_125{justify-content:space-around}._LayoutGrid--wide-l--justify-content-space-evenly_9ybe1_128{justify-content:space-evenly}}._LayoutGrid--align-items-center_9ybe1_132{align-items:center}._LayoutGrid--align-items-start_9ybe1_135{align-items:start}._LayoutGrid--align-items-end_9ybe1_138{align-items:end}._LayoutGrid--align-items-stretch_9ybe1_141{align-items:stretch}._LayoutGrid--align-items-baseline_9ybe1_144{align-items:baseline}@media (min-width: 400px){._LayoutGrid--narrow-l--align-items-center_9ybe1_148{align-items:center}._LayoutGrid--narrow-l--align-items-start_9ybe1_151{align-items:start}._LayoutGrid--narrow-l--align-items-end_9ybe1_154{align-items:end}._LayoutGrid--narrow-l--align-items-stretch_9ybe1_157{align-items:stretch}._LayoutGrid--narrow-l--align-items-baseline_9ybe1_160{align-items:baseline}}@media (min-width: 700px){._LayoutGrid--medium-s--align-items-center_9ybe1_165{align-items:center}._LayoutGrid--medium-s--align-items-start_9ybe1_168{align-items:start}._LayoutGrid--medium-s--align-items-end_9ybe1_171{align-items:end}._LayoutGrid--medium-s--align-items-stretch_9ybe1_174{align-items:stretch}._LayoutGrid--medium-s--align-items-baseline_9ybe1_177{align-items:baseline}}@media (min-width: 880px){._LayoutGrid--medium-l--align-items-center_9ybe1_182{align-items:center}._LayoutGrid--medium-l--align-items-start_9ybe1_185{align-items:start}._LayoutGrid--medium-l--align-items-end_9ybe1_188{align-items:end}._LayoutGrid--medium-l--align-items-stretch_9ybe1_191{align-items:stretch}._LayoutGrid--medium-l--align-items-baseline_9ybe1_194{align-items:baseline}}@media (min-width: 1200px){._LayoutGrid--wide-s--align-items-center_9ybe1_199{align-items:center}._LayoutGrid--wide-s--align-items-start_9ybe1_202{align-items:start}._LayoutGrid--wide-s--align-items-end_9ybe1_205{align-items:end}._LayoutGrid--wide-s--align-items-stretch_9ybe1_208{align-items:stretch}._LayoutGrid--wide-s--align-items-baseline_9ybe1_211{align-items:baseline}}@media (min-width: 1900px){._LayoutGrid--wide-l--align-items-center_9ybe1_216{align-items:center}._LayoutGrid--wide-l--align-items-start_9ybe1_219{align-items:start}._LayoutGrid--wide-l--align-items-end_9ybe1_222{align-items:end}._LayoutGrid--wide-l--align-items-stretch_9ybe1_225{align-items:stretch}._LayoutGrid--wide-l--align-items-baseline_9ybe1_228{align-items:baseline}}._LayoutGrid--justify-items-stretch_9ybe1_232{justify-items:stretch}._LayoutGrid--justify-items-center_9ybe1_235{justify-items:center}._LayoutGrid--justify-items-start_9ybe1_238{justify-items:start}._LayoutGrid--justify-items-end_9ybe1_241{justify-items:end}@media (min-width: 400px){._LayoutGrid--narrow-l--justify-items-stretch_9ybe1_245{justify-items:stretch}._LayoutGrid--narrow-l--justify-items-center_9ybe1_248{justify-items:center}._LayoutGrid--narrow-l--justify-items-start_9ybe1_251{justify-items:start}._LayoutGrid--narrow-l--justify-items-end_9ybe1_254{justify-items:end}}@media (min-width: 700px){._LayoutGrid--medium-s--justify-items-stretch_9ybe1_259{justify-items:stretch}._LayoutGrid--medium-s--justify-items-center_9ybe1_262{justify-items:center}._LayoutGrid--medium-s--justify-items-start_9ybe1_265{justify-items:start}._LayoutGrid--medium-s--justify-items-end_9ybe1_268{justify-items:end}}@media (min-width: 880px){._LayoutGrid--medium-l--justify-items-stretch_9ybe1_273{justify-items:stretch}._LayoutGrid--medium-l--justify-items-center_9ybe1_276{justify-items:center}._LayoutGrid--medium-l--justify-items-start_9ybe1_279{justify-items:start}._LayoutGrid--medium-l--justify-items-end_9ybe1_282{justify-items:end}}@media (min-width: 1200px){._LayoutGrid--wide-s--justify-items-stretch_9ybe1_287{justify-items:stretch}._LayoutGrid--wide-s--justify-items-center_9ybe1_290{justify-items:center}._LayoutGrid--wide-s--justify-items-start_9ybe1_293{justify-items:start}._LayoutGrid--wide-s--justify-items-end_9ybe1_296{justify-items:end}}@media (min-width: 1900px){._LayoutGrid--wide-l--justify-items-stretch_9ybe1_301{justify-items:stretch}._LayoutGrid--wide-l--justify-items-center_9ybe1_304{justify-items:center}._LayoutGrid--wide-l--justify-items-start_9ybe1_307{justify-items:start}._LayoutGrid--wide-l--justify-items-end_9ybe1_310{justify-items:end}}._LayoutGrid--columns_9ybe1_314{grid-template-columns:var(--columns)}@media (min-width: 400px){._LayoutGrid--columns-narrow-l_9ybe1_318{grid-template-columns:var(--columns-narrow-l)}}@media (min-width: 700px){._LayoutGrid--columns-medium-s_9ybe1_323{grid-template-columns:var(--columns-medium-s)}}@media (min-width: 880px){._LayoutGrid--columns-medium-l_9ybe1_328{grid-template-columns:var(--columns-medium-l)}}@media (min-width: 1200px){._LayoutGrid--columns-wide-s_9ybe1_333{grid-template-columns:var(--columns-wide-s)}}@media (min-width: 1900px){._LayoutGrid--columns-wide-l_9ybe1_338{grid-template-columns:var(--columns-wide-l)}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._LayoutGrid_9ybe1_4{list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;margin:0;padding:0;display:grid}._LayoutGrid--justify-content-center_9ybe1_14{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--justify-content-start_9ybe1_17{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--justify-content-end_9ybe1_20{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--justify-content-space-between_9ybe1_23{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--justify-content-space-around_9ybe1_26{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--justify-content-space-evenly_9ybe1_29{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}@media (min-width: 400px){._LayoutGrid--narrow-l--justify-content-center_9ybe1_33{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--narrow-l--justify-content-start_9ybe1_36{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--narrow-l--justify-content-end_9ybe1_39{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--narrow-l--justify-content-space-between_9ybe1_42{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--narrow-l--justify-content-space-around_9ybe1_45{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--narrow-l--justify-content-space-evenly_9ybe1_48{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 700px){._LayoutGrid--medium-s--justify-content-center_9ybe1_53{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--medium-s--justify-content-start_9ybe1_56{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--medium-s--justify-content-end_9ybe1_59{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--medium-s--justify-content-space-between_9ybe1_62{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--medium-s--justify-content-space-around_9ybe1_65{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--medium-s--justify-content-space-evenly_9ybe1_68{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 880px){._LayoutGrid--medium-l--justify-content-center_9ybe1_73{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--medium-l--justify-content-start_9ybe1_76{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--medium-l--justify-content-end_9ybe1_79{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--medium-l--justify-content-space-between_9ybe1_82{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--medium-l--justify-content-space-around_9ybe1_85{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--medium-l--justify-content-space-evenly_9ybe1_88{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 1200px){._LayoutGrid--wide-s--justify-content-center_9ybe1_93{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--wide-s--justify-content-start_9ybe1_96{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--wide-s--justify-content-end_9ybe1_99{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--wide-s--justify-content-space-between_9ybe1_102{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--wide-s--justify-content-space-around_9ybe1_105{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--wide-s--justify-content-space-evenly_9ybe1_108{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 1900px){._LayoutGrid--wide-l--justify-content-center_9ybe1_113{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--wide-l--justify-content-start_9ybe1_116{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--wide-l--justify-content-end_9ybe1_119{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--wide-l--justify-content-space-between_9ybe1_122{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--wide-l--justify-content-space-around_9ybe1_125{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--wide-l--justify-content-space-evenly_9ybe1_128{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}._LayoutGrid--align-items-center_9ybe1_132{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--align-items-start_9ybe1_135{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--align-items-end_9ybe1_138{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--align-items-stretch_9ybe1_141{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--align-items-baseline_9ybe1_144{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}@media (min-width: 400px){._LayoutGrid--narrow-l--align-items-center_9ybe1_148{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--narrow-l--align-items-start_9ybe1_151{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--narrow-l--align-items-end_9ybe1_154{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--narrow-l--align-items-stretch_9ybe1_157{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--narrow-l--align-items-baseline_9ybe1_160{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 700px){._LayoutGrid--medium-s--align-items-center_9ybe1_165{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--medium-s--align-items-start_9ybe1_168{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--medium-s--align-items-end_9ybe1_171{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--medium-s--align-items-stretch_9ybe1_174{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--medium-s--align-items-baseline_9ybe1_177{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 880px){._LayoutGrid--medium-l--align-items-center_9ybe1_182{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--medium-l--align-items-start_9ybe1_185{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--medium-l--align-items-end_9ybe1_188{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--medium-l--align-items-stretch_9ybe1_191{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--medium-l--align-items-baseline_9ybe1_194{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 1200px){._LayoutGrid--wide-s--align-items-center_9ybe1_199{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--wide-s--align-items-start_9ybe1_202{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--wide-s--align-items-end_9ybe1_205{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--wide-s--align-items-stretch_9ybe1_208{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--wide-s--align-items-baseline_9ybe1_211{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 1900px){._LayoutGrid--wide-l--align-items-center_9ybe1_216{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--wide-l--align-items-start_9ybe1_219{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--wide-l--align-items-end_9ybe1_222{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--wide-l--align-items-stretch_9ybe1_225{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--wide-l--align-items-baseline_9ybe1_228{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}._LayoutGrid--justify-items-stretch_9ybe1_232{justify-items:stretch}._LayoutGrid--justify-items-center_9ybe1_235{justify-items:center}._LayoutGrid--justify-items-start_9ybe1_238{justify-items:start}._LayoutGrid--justify-items-end_9ybe1_241{justify-items:end}@media (min-width: 400px){._LayoutGrid--narrow-l--justify-items-stretch_9ybe1_245{justify-items:stretch}._LayoutGrid--narrow-l--justify-items-center_9ybe1_248{justify-items:center}._LayoutGrid--narrow-l--justify-items-start_9ybe1_251{justify-items:start}._LayoutGrid--narrow-l--justify-items-end_9ybe1_254{justify-items:end}}@media (min-width: 700px){._LayoutGrid--medium-s--justify-items-stretch_9ybe1_259{justify-items:stretch}._LayoutGrid--medium-s--justify-items-center_9ybe1_262{justify-items:center}._LayoutGrid--medium-s--justify-items-start_9ybe1_265{justify-items:start}._LayoutGrid--medium-s--justify-items-end_9ybe1_268{justify-items:end}}@media (min-width: 880px){._LayoutGrid--medium-l--justify-items-stretch_9ybe1_273{justify-items:stretch}._LayoutGrid--medium-l--justify-items-center_9ybe1_276{justify-items:center}._LayoutGrid--medium-l--justify-items-start_9ybe1_279{justify-items:start}._LayoutGrid--medium-l--justify-items-end_9ybe1_282{justify-items:end}}@media (min-width: 1200px){._LayoutGrid--wide-s--justify-items-stretch_9ybe1_287{justify-items:stretch}._LayoutGrid--wide-s--justify-items-center_9ybe1_290{justify-items:center}._LayoutGrid--wide-s--justify-items-start_9ybe1_293{justify-items:start}._LayoutGrid--wide-s--justify-items-end_9ybe1_296{justify-items:end}}@media (min-width: 1900px){._LayoutGrid--wide-l--justify-items-stretch_9ybe1_301{justify-items:stretch}._LayoutGrid--wide-l--justify-items-center_9ybe1_304{justify-items:center}._LayoutGrid--wide-l--justify-items-start_9ybe1_307{justify-items:start}._LayoutGrid--wide-l--justify-items-end_9ybe1_310{justify-items:end}}._LayoutGrid--columns_9ybe1_314{grid-template-columns:var(--columns)}@media (min-width: 400px){._LayoutGrid--columns-narrow-l_9ybe1_318{grid-template-columns:var(--columns-narrow-l)}}@media (min-width: 700px){._LayoutGrid--columns-medium-s_9ybe1_323{grid-template-columns:var(--columns-medium-s)}}@media (min-width: 880px){._LayoutGrid--columns-medium-l_9ybe1_328{grid-template-columns:var(--columns-medium-l)}}@media (min-width: 1200px){._LayoutGrid--columns-wide-s_9ybe1_333{grid-template-columns:var(--columns-wide-s)}}@media (min-width: 1900px){._LayoutGrid--columns-wide-l_9ybe1_338{grid-template-columns:var(--columns-wide-l)}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as b}from"./jsx-runtime-BTJTZTIL.js";import{r as w}from"./index-Cb9e4tly.js";import{m as u,b as c,a as g,s as r}from"./classNames-BUL1Zq7e.js";import{B as p}from"./breakpoints-BfMlrtxE.js";import{a as h,b as A,s as C,g as N}from"./layout-relative.module-CpQbo91e-wKldJApF.js";import{L as T}from"./constants-DYYVurUY.js";import{k as v,f as U,L as I}from"./defaults-B1rzzf6M.js";import{f as O}from"./filterHTMLAttributes-UOns5Q7s.js";import{g as D}from"./index-DdzHuZ-Y.js";import{w as E}from"./componentNames-Bwls0I02.js";const R="LayoutHide",Y=(t,e=T)=>u(h,R,[c("hide",e,t)]),$="LayoutRelative",P=t=>u(A,$,[c("relative",void 0,t)]),x="_LayoutGrid_9ybe1_4",G={LayoutGrid:x,"LayoutGrid--justify-content-center":"_LayoutGrid--justify-content-center_9ybe1_14","LayoutGrid--justify-content-start":"_LayoutGrid--justify-content-start_9ybe1_17","LayoutGrid--justify-content-end":"_LayoutGrid--justify-content-end_9ybe1_20","LayoutGrid--justify-content-space-between":"_LayoutGrid--justify-content-space-between_9ybe1_23","LayoutGrid--justify-content-space-around":"_LayoutGrid--justify-content-space-around_9ybe1_26","LayoutGrid--justify-content-space-evenly":"_LayoutGrid--justify-content-space-evenly_9ybe1_29","LayoutGrid--narrow-l--justify-content-center":"_LayoutGrid--narrow-l--justify-content-center_9ybe1_33","LayoutGrid--narrow-l--justify-content-start":"_LayoutGrid--narrow-l--justify-content-start_9ybe1_36","LayoutGrid--narrow-l--justify-content-end":"_LayoutGrid--narrow-l--justify-content-end_9ybe1_39","LayoutGrid--narrow-l--justify-content-space-between":"_LayoutGrid--narrow-l--justify-content-space-between_9ybe1_42","LayoutGrid--narrow-l--justify-content-space-around":"_LayoutGrid--narrow-l--justify-content-space-around_9ybe1_45","LayoutGrid--narrow-l--justify-content-space-evenly":"_LayoutGrid--narrow-l--justify-content-space-evenly_9ybe1_48","LayoutGrid--medium-s--justify-content-center":"_LayoutGrid--medium-s--justify-content-center_9ybe1_53","LayoutGrid--medium-s--justify-content-start":"_LayoutGrid--medium-s--justify-content-start_9ybe1_56","LayoutGrid--medium-s--justify-content-end":"_LayoutGrid--medium-s--justify-content-end_9ybe1_59","LayoutGrid--medium-s--justify-content-space-between":"_LayoutGrid--medium-s--justify-content-space-between_9ybe1_62","LayoutGrid--medium-s--justify-content-space-around":"_LayoutGrid--medium-s--justify-content-space-around_9ybe1_65","LayoutGrid--medium-s--justify-content-space-evenly":"_LayoutGrid--medium-s--justify-content-space-evenly_9ybe1_68","LayoutGrid--medium-l--justify-content-center":"_LayoutGrid--medium-l--justify-content-center_9ybe1_73","LayoutGrid--medium-l--justify-content-start":"_LayoutGrid--medium-l--justify-content-start_9ybe1_76","LayoutGrid--medium-l--justify-content-end":"_LayoutGrid--medium-l--justify-content-end_9ybe1_79","LayoutGrid--medium-l--justify-content-space-between":"_LayoutGrid--medium-l--justify-content-space-between_9ybe1_82","LayoutGrid--medium-l--justify-content-space-around":"_LayoutGrid--medium-l--justify-content-space-around_9ybe1_85","LayoutGrid--medium-l--justify-content-space-evenly":"_LayoutGrid--medium-l--justify-content-space-evenly_9ybe1_88","LayoutGrid--wide-s--justify-content-center":"_LayoutGrid--wide-s--justify-content-center_9ybe1_93","LayoutGrid--wide-s--justify-content-start":"_LayoutGrid--wide-s--justify-content-start_9ybe1_96","LayoutGrid--wide-s--justify-content-end":"_LayoutGrid--wide-s--justify-content-end_9ybe1_99","LayoutGrid--wide-s--justify-content-space-between":"_LayoutGrid--wide-s--justify-content-space-between_9ybe1_102","LayoutGrid--wide-s--justify-content-space-around":"_LayoutGrid--wide-s--justify-content-space-around_9ybe1_105","LayoutGrid--wide-s--justify-content-space-evenly":"_LayoutGrid--wide-s--justify-content-space-evenly_9ybe1_108","LayoutGrid--wide-l--justify-content-center":"_LayoutGrid--wide-l--justify-content-center_9ybe1_113","LayoutGrid--wide-l--justify-content-start":"_LayoutGrid--wide-l--justify-content-start_9ybe1_116","LayoutGrid--wide-l--justify-content-end":"_LayoutGrid--wide-l--justify-content-end_9ybe1_119","LayoutGrid--wide-l--justify-content-space-between":"_LayoutGrid--wide-l--justify-content-space-between_9ybe1_122","LayoutGrid--wide-l--justify-content-space-around":"_LayoutGrid--wide-l--justify-content-space-around_9ybe1_125","LayoutGrid--wide-l--justify-content-space-evenly":"_LayoutGrid--wide-l--justify-content-space-evenly_9ybe1_128","LayoutGrid--align-items-center":"_LayoutGrid--align-items-center_9ybe1_132","LayoutGrid--align-items-start":"_LayoutGrid--align-items-start_9ybe1_135","LayoutGrid--align-items-end":"_LayoutGrid--align-items-end_9ybe1_138","LayoutGrid--align-items-stretch":"_LayoutGrid--align-items-stretch_9ybe1_141","LayoutGrid--align-items-baseline":"_LayoutGrid--align-items-baseline_9ybe1_144","LayoutGrid--narrow-l--align-items-center":"_LayoutGrid--narrow-l--align-items-center_9ybe1_148","LayoutGrid--narrow-l--align-items-start":"_LayoutGrid--narrow-l--align-items-start_9ybe1_151","LayoutGrid--narrow-l--align-items-end":"_LayoutGrid--narrow-l--align-items-end_9ybe1_154","LayoutGrid--narrow-l--align-items-stretch":"_LayoutGrid--narrow-l--align-items-stretch_9ybe1_157","LayoutGrid--narrow-l--align-items-baseline":"_LayoutGrid--narrow-l--align-items-baseline_9ybe1_160","LayoutGrid--medium-s--align-items-center":"_LayoutGrid--medium-s--align-items-center_9ybe1_165","LayoutGrid--medium-s--align-items-start":"_LayoutGrid--medium-s--align-items-start_9ybe1_168","LayoutGrid--medium-s--align-items-end":"_LayoutGrid--medium-s--align-items-end_9ybe1_171","LayoutGrid--medium-s--align-items-stretch":"_LayoutGrid--medium-s--align-items-stretch_9ybe1_174","LayoutGrid--medium-s--align-items-baseline":"_LayoutGrid--medium-s--align-items-baseline_9ybe1_177","LayoutGrid--medium-l--align-items-center":"_LayoutGrid--medium-l--align-items-center_9ybe1_182","LayoutGrid--medium-l--align-items-start":"_LayoutGrid--medium-l--align-items-start_9ybe1_185","LayoutGrid--medium-l--align-items-end":"_LayoutGrid--medium-l--align-items-end_9ybe1_188","LayoutGrid--medium-l--align-items-stretch":"_LayoutGrid--medium-l--align-items-stretch_9ybe1_191","LayoutGrid--medium-l--align-items-baseline":"_LayoutGrid--medium-l--align-items-baseline_9ybe1_194","LayoutGrid--wide-s--align-items-center":"_LayoutGrid--wide-s--align-items-center_9ybe1_199","LayoutGrid--wide-s--align-items-start":"_LayoutGrid--wide-s--align-items-start_9ybe1_202","LayoutGrid--wide-s--align-items-end":"_LayoutGrid--wide-s--align-items-end_9ybe1_205","LayoutGrid--wide-s--align-items-stretch":"_LayoutGrid--wide-s--align-items-stretch_9ybe1_208","LayoutGrid--wide-s--align-items-baseline":"_LayoutGrid--wide-s--align-items-baseline_9ybe1_211","LayoutGrid--wide-l--align-items-center":"_LayoutGrid--wide-l--align-items-center_9ybe1_216","LayoutGrid--wide-l--align-items-start":"_LayoutGrid--wide-l--align-items-start_9ybe1_219","LayoutGrid--wide-l--align-items-end":"_LayoutGrid--wide-l--align-items-end_9ybe1_222","LayoutGrid--wide-l--align-items-stretch":"_LayoutGrid--wide-l--align-items-stretch_9ybe1_225","LayoutGrid--wide-l--align-items-baseline":"_LayoutGrid--wide-l--align-items-baseline_9ybe1_228","LayoutGrid--justify-items-stretch":"_LayoutGrid--justify-items-stretch_9ybe1_232","LayoutGrid--justify-items-center":"_LayoutGrid--justify-items-center_9ybe1_235","LayoutGrid--justify-items-start":"_LayoutGrid--justify-items-start_9ybe1_238","LayoutGrid--justify-items-end":"_LayoutGrid--justify-items-end_9ybe1_241","LayoutGrid--narrow-l--justify-items-stretch":"_LayoutGrid--narrow-l--justify-items-stretch_9ybe1_245","LayoutGrid--narrow-l--justify-items-center":"_LayoutGrid--narrow-l--justify-items-center_9ybe1_248","LayoutGrid--narrow-l--justify-items-start":"_LayoutGrid--narrow-l--justify-items-start_9ybe1_251","LayoutGrid--narrow-l--justify-items-end":"_LayoutGrid--narrow-l--justify-items-end_9ybe1_254","LayoutGrid--medium-s--justify-items-stretch":"_LayoutGrid--medium-s--justify-items-stretch_9ybe1_259","LayoutGrid--medium-s--justify-items-center":"_LayoutGrid--medium-s--justify-items-center_9ybe1_262","LayoutGrid--medium-s--justify-items-start":"_LayoutGrid--medium-s--justify-items-start_9ybe1_265","LayoutGrid--medium-s--justify-items-end":"_LayoutGrid--medium-s--justify-items-end_9ybe1_268","LayoutGrid--medium-l--justify-items-stretch":"_LayoutGrid--medium-l--justify-items-stretch_9ybe1_273","LayoutGrid--medium-l--justify-items-center":"_LayoutGrid--medium-l--justify-items-center_9ybe1_276","LayoutGrid--medium-l--justify-items-start":"_LayoutGrid--medium-l--justify-items-start_9ybe1_279","LayoutGrid--medium-l--justify-items-end":"_LayoutGrid--medium-l--justify-items-end_9ybe1_282","LayoutGrid--wide-s--justify-items-stretch":"_LayoutGrid--wide-s--justify-items-stretch_9ybe1_287","LayoutGrid--wide-s--justify-items-center":"_LayoutGrid--wide-s--justify-items-center_9ybe1_290","LayoutGrid--wide-s--justify-items-start":"_LayoutGrid--wide-s--justify-items-start_9ybe1_293","LayoutGrid--wide-s--justify-items-end":"_LayoutGrid--wide-s--justify-items-end_9ybe1_296","LayoutGrid--wide-l--justify-items-stretch":"_LayoutGrid--wide-l--justify-items-stretch_9ybe1_301","LayoutGrid--wide-l--justify-items-center":"_LayoutGrid--wide-l--justify-items-center_9ybe1_304","LayoutGrid--wide-l--justify-items-start":"_LayoutGrid--wide-l--justify-items-start_9ybe1_307","LayoutGrid--wide-l--justify-items-end":"_LayoutGrid--wide-l--justify-items-end_9ybe1_310","LayoutGrid--columns":"_LayoutGrid--columns_9ybe1_314","LayoutGrid--columns-narrow-l":"_LayoutGrid--columns-narrow-l_9ybe1_318","LayoutGrid--columns-medium-s":"_LayoutGrid--columns-medium-s_9ybe1_323","LayoutGrid--columns-medium-l":"_LayoutGrid--columns-medium-l_9ybe1_328","LayoutGrid--columns-wide-s":"_LayoutGrid--columns-wide-s_9ybe1_333","LayoutGrid--columns-wide-l":"_LayoutGrid--columns-wide-l_9ybe1_338"},F="LayoutGrid",H=Object.keys(p),L=t=>typeof t=="number"?`repeat(${t}, 1fr)`:t.join(" "),z=t=>typeof t=="object"&&!Array.isArray(t)?Object.entries(t).reduce((e,[a,i])=>({...e,...i?{[a]:L(i)}:{}}),{_:L(t._)}):{_:L(t)},S=t=>{if(!t)return{classNames:[],style:{}};const e=z(t),a=H.filter(s=>e[s]),i=g(G,F,["columns",...a.map(s=>`columns-${s}`)]),n=a.reduce((s,y)=>({...s,[`--columns-${y}`]:e[y]}),{"--columns":e._});return{classNames:i,style:n}},k="LayoutGap",K=t=>u(C,k,[r("gap",t)]),V="LayoutGrid",B=(t,e)=>{const{gap:a=v,padding:i=U,justifyContent:n,alignItems:s,justifyItems:y,hide:o,relative:d}=e||{},_=u(G,V,[r("justify-content",n),r("align-items",s),r("justify-items",y)]),m=K(a),l=N(i),f=Y(o,"grid"),j=P(d);return[..._,...m,...l,...f,...j]},M=w.forwardRef(function({dataset:e,children:a,...i},n){const{tag:s=I,columns:y}=i,o=B("grid",i),{style:d,classNames:_}=S(y),m=[...o,..._],l={...O(i),ref:n,className:m.join(" "),style:d,...D(e,{preplyDsComponent:E.LayoutGrid})};return b.jsx(s,{...l,children:a})});M.__docgenInfo={description:"",methods:[],displayName:"LayoutGrid"};export{M as L,P as a,Y as g};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._AlignSelf_13jff_2._AlignSelf--align-self-start_13jff_2{-ms-flex-item-align:start;align-self:start}._AlignSelf_13jff_2._AlignSelf--align-self-center_13jff_5{-ms-flex-item-align:center;align-self:center}._AlignSelf_13jff_2._AlignSelf--align-self-end_13jff_8{-ms-flex-item-align:end;align-self:end}._AlignSelf_13jff_2._AlignSelf--align-self-stretch_13jff_11{-ms-flex-item-align:stretch;align-self:stretch}@media (min-width: 400px){._AlignSelf_13jff_2._AlignSelf--narrow-l--align-self-start_13jff_15{-ms-flex-item-align:start;align-self:start}._AlignSelf_13jff_2._AlignSelf--narrow-l--align-self-center_13jff_18{-ms-flex-item-align:center;align-self:center}._AlignSelf_13jff_2._AlignSelf--narrow-l--align-self-end_13jff_21{-ms-flex-item-align:end;align-self:end}._AlignSelf_13jff_2._AlignSelf--narrow-l--align-self-stretch_13jff_24{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 700px){._AlignSelf_13jff_2._AlignSelf--medium-s--align-self-start_13jff_29{-ms-flex-item-align:start;align-self:start}._AlignSelf_13jff_2._AlignSelf--medium-s--align-self-center_13jff_32{-ms-flex-item-align:center;align-self:center}._AlignSelf_13jff_2._AlignSelf--medium-s--align-self-end_13jff_35{-ms-flex-item-align:end;align-self:end}._AlignSelf_13jff_2._AlignSelf--medium-s--align-self-stretch_13jff_38{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 880px){._AlignSelf_13jff_2._AlignSelf--medium-l--align-self-start_13jff_43{-ms-flex-item-align:start;align-self:start}._AlignSelf_13jff_2._AlignSelf--medium-l--align-self-center_13jff_46{-ms-flex-item-align:center;align-self:center}._AlignSelf_13jff_2._AlignSelf--medium-l--align-self-end_13jff_49{-ms-flex-item-align:end;align-self:end}._AlignSelf_13jff_2._AlignSelf--medium-l--align-self-stretch_13jff_52{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 1200px){._AlignSelf_13jff_2._AlignSelf--wide-s--align-self-start_13jff_57{-ms-flex-item-align:start;align-self:start}._AlignSelf_13jff_2._AlignSelf--wide-s--align-self-center_13jff_60{-ms-flex-item-align:center;align-self:center}._AlignSelf_13jff_2._AlignSelf--wide-s--align-self-end_13jff_63{-ms-flex-item-align:end;align-self:end}._AlignSelf_13jff_2._AlignSelf--wide-s--align-self-stretch_13jff_66{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 1900px){._AlignSelf_13jff_2._AlignSelf--wide-l--align-self-start_13jff_71{-ms-flex-item-align:start;align-self:start}._AlignSelf_13jff_2._AlignSelf--wide-l--align-self-center_13jff_74{-ms-flex-item-align:center;align-self:center}._AlignSelf_13jff_2._AlignSelf--wide-l--align-self-end_13jff_77{-ms-flex-item-align:end;align-self:end}._AlignSelf_13jff_2._AlignSelf--wide-l--align-self-stretch_13jff_80{-ms-flex-item-align:stretch;align-self:stretch}}._LayoutGridItem_2tq6r_1{margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;padding:0}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j}from"./jsx-runtime-BTJTZTIL.js";import{r as w}from"./index-Cb9e4tly.js";import{m as f,s as p}from"./classNames-BUL1Zq7e.js";import{g as L,a as h}from"./LayoutGrid-IsN1xiNR.js";import{f as y}from"./filterHTMLAttributes-UOns5Q7s.js";import{w as n}from"./componentNames-Bwls0I02.js";import{g as C}from"./index-DdzHuZ-Y.js";import{L as N}from"./defaults-B1rzzf6M.js";const G="_AlignSelf_13jff_2",I={AlignSelf:G,"AlignSelf--align-self-start":"_AlignSelf--align-self-start_13jff_2","AlignSelf--align-self-center":"_AlignSelf--align-self-center_13jff_5","AlignSelf--align-self-end":"_AlignSelf--align-self-end_13jff_8","AlignSelf--align-self-stretch":"_AlignSelf--align-self-stretch_13jff_11","AlignSelf--narrow-l--align-self-start":"_AlignSelf--narrow-l--align-self-start_13jff_15","AlignSelf--narrow-l--align-self-center":"_AlignSelf--narrow-l--align-self-center_13jff_18","AlignSelf--narrow-l--align-self-end":"_AlignSelf--narrow-l--align-self-end_13jff_21","AlignSelf--narrow-l--align-self-stretch":"_AlignSelf--narrow-l--align-self-stretch_13jff_24","AlignSelf--medium-s--align-self-start":"_AlignSelf--medium-s--align-self-start_13jff_29","AlignSelf--medium-s--align-self-center":"_AlignSelf--medium-s--align-self-center_13jff_32","AlignSelf--medium-s--align-self-end":"_AlignSelf--medium-s--align-self-end_13jff_35","AlignSelf--medium-s--align-self-stretch":"_AlignSelf--medium-s--align-self-stretch_13jff_38","AlignSelf--medium-l--align-self-start":"_AlignSelf--medium-l--align-self-start_13jff_43","AlignSelf--medium-l--align-self-center":"_AlignSelf--medium-l--align-self-center_13jff_46","AlignSelf--medium-l--align-self-end":"_AlignSelf--medium-l--align-self-end_13jff_49","AlignSelf--medium-l--align-self-stretch":"_AlignSelf--medium-l--align-self-stretch_13jff_52","AlignSelf--wide-s--align-self-start":"_AlignSelf--wide-s--align-self-start_13jff_57","AlignSelf--wide-s--align-self-center":"_AlignSelf--wide-s--align-self-center_13jff_60","AlignSelf--wide-s--align-self-end":"_AlignSelf--wide-s--align-self-end_13jff_63","AlignSelf--wide-s--align-self-stretch":"_AlignSelf--wide-s--align-self-stretch_13jff_66","AlignSelf--wide-l--align-self-start":"_AlignSelf--wide-l--align-self-start_13jff_71","AlignSelf--wide-l--align-self-center":"_AlignSelf--wide-l--align-self-center_13jff_74","AlignSelf--wide-l--align-self-end":"_AlignSelf--wide-l--align-self-end_13jff_77","AlignSelf--wide-l--align-self-stretch":"_AlignSelf--wide-l--align-self-stretch_13jff_80"},x="AlignSelf",T=l=>f(I,x,[p("align-self",l)]),E="_LayoutGridItem_2tq6r_1",D={LayoutGridItem:E},R=w.forwardRef(function({children:s,alignSelf:i,tag:e,hide:t,relative:a,dataset:g,...r},_){const m=f(D,n.LayoutGridItem,[]),o=T(i),d=L(t),A=h(a),S=[...m,...o,...d,...A],c=e??N,u={...y(r),ref:_,className:S.join(" "),...C(g,{preplyDsComponent:n.LayoutGridItem})};return j.jsx(c,{...u,children:s})});R.__docgenInfo={description:"",methods:[],displayName:"LayoutGridItem"};export{R as L,T as g};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Link_qbera_4{display:inline-block;border-radius:var(--5eeb28);text-decoration:var(--f13872);cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}._Link_qbera_4:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._Link--inline_qbera_20{display:inline}._Link--noUnderline_qbera_23{text-decoration:none}._Link--variant-accentDark_qbera_26{color:var(--c6b68f)}._Link--variant-accentDark_qbera_26:hover,._Link--variant-accentDark--dsInternalSimulation-hover_qbera_30{color:var(--65e1ef)}._Link--variant-accentDark_qbera_26:active,._Link--variant-accentDark--dsInternalSimulation-active_qbera_34{color:var(--179b80)}._Link--variant-accentDarkInverted_qbera_37{color:var(--7cbffc)}._Link--variant-accentDarkInverted_qbera_37:hover,._Link--variant-accentDarkInverted--dsInternalSimulation-hover_qbera_41{color:var(--47fcde)}._Link--variant-accentDarkInverted_qbera_37:active,._Link--variant-accentDarkInverted--dsInternalSimulation-active_qbera_45{color:var(--1253e2)}._Link--variant-neutral_qbera_48{color:var(--19fdf0)}._Link--variant-neutral_qbera_48:hover,._Link--variant-neutral--dsInternalSimulation-hover_qbera_52{color:var(--ce5fb9)}._Link--variant-neutral_qbera_48:active,._Link--variant-neutral--dsInternalSimulation-active_qbera_56{color:var(--1d39ac)}._Link--variant-neutralInverted_qbera_59{color:var(--883d0f)}._Link--variant-neutralInverted_qbera_59:hover,._Link--variant-neutralInverted--dsInternalSimulation-hover_qbera_63{color:var(--065570)}._Link--variant-neutralInverted_qbera_59:active,._Link--variant-neutralInverted--dsInternalSimulation-active_qbera_67{color:var(--be41c4)}._Link--variant-unsetColors_qbera_70{color:var(--e66f2a)}._Link--variant-unsetColors_qbera_70:hover,._Link--variant-unsetColors--dsInternalSimulation-hover_qbera_74{color:var(--468ceb)}._Link--variant-unsetColors_qbera_70:active,._Link--variant-unsetColors--dsInternalSimulation-active_qbera_78{color:var(--a5fc76)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Loader_a23bt_2{display:inline-flex;width:fit-content;height:fit-content}._Loader--normal_a23bt_7{color:var(--19bcb6)}._Loader--inverted_a23bt_10{color:var(--38413d)}
|
|
@@ -1,203 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as s}from"./index-Cb9e4tly.js";import{a as u}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{e as F,u as Ce,w as xe}from"./index-BVDq5o4N.js";import{F as qe}from"./TokyoUIPhone-CvuBM6jb.js";import{B as T}from"./Button-COvs-WT9.js";import{I as Ee}from"./Icon-BCL3U29b.js";import{F as He}from"./FieldLayout-CnOMTl8s.js";import{u as Fe,I as Se,s as Ne}from"./FieldLayoutBase-DaTu5RGY.js";import{m as we}from"./classNames-BUL1Zq7e.js";import{w as m}from"./componentNames-Bwls0I02.js";import{u as Re}from"./useForcedRef--iGFM41p.js";import{u as Te}from"./useNumberField-AJNQGstL.js";import{T as ke}from"./Text-WS7Bdore.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-B-96BnyO.js";import"./Spinner-BmqtByaF.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./text-accent-DEvzdotz.js";import"./FieldAdditionalText-Cxqy7mdI.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"./text-centered-7-NHbkTa.js";const je=({onChange:e,onValueChange:a,...n},r)=>{const i=we(Ne,m.InputNumber),d=Fe(o=>o.target.value?Number(o.target.value):void 0,e,a);return t.jsx(Se,{...n,type:"number",ref:r,className:i.join(" "),onChange:d,preplyDsComponent:m.InputNumber})},N=s.forwardRef(je);try{N.displayName="InputNumber",N.__docgenInfo={description:"",displayName:"InputNumber",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"}},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"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},"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"'}]}},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"}]}},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"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"number"}]}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"enum",value:[{value:"number"}]}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"enum",value:[{value:"number"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"number"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<number | undefined>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const Be="_NumberField_kx5jx_1",Pe={NumberField:Be},Le=({id:e,...a},n)=>{const r=s.useRef(null),i=Re();s.useImperativeHandle(n,()=>({setFocus:()=>{var c;return(c=r==null?void 0:r.current)==null?void 0:c.setFocus()},scrollIntoView:()=>{var c;return(c=r==null?void 0:r.current)==null?void 0:c.scrollIntoView()}}));const d=Te({id:e,...a},m.NumberField),{layoutProps:o,inputProps:S}=d,l=we(Pe,m.NumberField),Ie=t.jsx(N,{...S,ref:i});return t.jsx(He,{...o,className:l.join(" "),input:Ie,inputHandle:i.current,ref:r,preplyDsComponent:m.NumberField})},p=s.forwardRef(Le);try{p.displayName="NumberField",p.__docgenInfo={description:"By default, this field acts as a controlled field and expects the parent\ncomponent to manage the state, by reacting to user input via the `onChange` or\n`onValueChange` props, and providing the latest state via the `value` prop.\n\nAlternatively, you can use it as an uncontrolled field using the\n`defaultValue` prop instead of the `value` prop.",displayName:"NumberField",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},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"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"}]}},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:"number"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"number"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<number | undefined>"}]}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"enum",value:[{value:"number"}]}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"enum",value:[{value:"number"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<IconProps, string | JSXElementConstructor<any>>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const ha={title:"components/NumberField",component:p,args:{label:"Number",placeholder:"Enter a number",inputDataset:{testid:"input"},onChange:u("onChange"),onBlur:u("onBlur"),onFocus:u("onFocus"),onClick:u("onClick"),onCopy:u("onCopy"),onKeyDown:u("onKeyDown"),onKeyUp:u("onKeyUp"),onPaste:u("onPaste"),onValueChange:u("onValueChange")},render:function(a){const n=s.useRef(null);return a.ref=n,t.jsx(p,{...a})}},v={parameters:{docs:{description:{story:"An empty field with a `label` and a `placeholder`."}}}},f={args:{defaultValue:100},play:async({canvas:e,step:a})=>{await a("Validate defaultValue",async()=>{const n=e.getByTestId("input");await F(n).toHaveValue(100)}),await a("Type to value",async()=>{const n=e.getByTestId("input");await Ce.type(n,",500"),await F(n).toHaveValue(100500)})}},y={args:{icon:t.jsx(Ee,{svg:qe})}},h={args:{additionalText:"This is additional text"}},b={args:{required:!0}},g={args:{required:!0,requiredLabel:t.jsx(ke,{accent:"critical",variant:"m-bold",children:"Needed"})}},V={args:{hideLabel:!0}},x={args:{hasError:!0}},q={args:{hasError:!0,errorMessage:"This is an error message"}},E={args:{disabled:!0}},w={args:{readOnly:!0}},I={decorators:[(e,{args:a})=>t.jsxs("div",{style:{padding:"8px",margin:"8px"},children:[t.jsxs("p",{children:["You can"," ",t.jsx(T,{variant:"secondary",dataset:{testid:"focus-button"},onClick:()=>{var n,r;return(r=(n=a.ref)==null?void 0:n.current)==null?void 0:r.setFocus()},children:"Focus"})," ","the input imperatively."]}),t.jsx(e,{})]})],play:async({args:e,canvas:a})=>{if(!R(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const n=a.getByTestId("input");e.ref.current.setFocus(),await xe(()=>F(n).toHaveFocus())}},C={decorators:[(e,{args:a})=>t.jsxs("div",{style:{height:"300px",overflow:"scroll",padding:"8px",margin:"8px"},children:[t.jsxs("p",{children:["You can"," ",t.jsx(T,{variant:"secondary",dataset:{testid:"scroll-button"},onClick:()=>{if(!R(a.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");a.ref.current.scrollIntoView()},children:"Scroll"})," ","the input into view imperatively."]}),t.jsx("div",{style:{height:"1000px",display:"flex",flexDirection:"column",justifyContent:"end",border:"2px dashed lightgray",padding:"16px"},children:t.jsx(e,{})})]})],play:async({args:e,canvas:a})=>{if(!R(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const n=a.getByTestId("input");e.ref.current.scrollIntoView(),await xe(()=>F(n).toBeVisible())}};function R(e){return typeof e=="object"&&e!==null&&"current"in e&&e.current!==null&&typeof e.current=="object"&&"setFocus"in e.current}const H={tags:["!test"],parameters:{docs:{description:{story:'\nThe following code renders a `Numberfield` with the `required` flag, a `min`\nand `max` value, an `icon`, a `placeholder`, and some `additionalText`.\n\nWhen you click the "Submit" button and the input value is empty\n- it displays feedback via the `errorMessage` prop;\n- and uses the `setFocus()` API to bring the focus back to the field.\n\nIt uses the `value` and `onValueChange` props to react to the user input.\n'}},chromatic:{disableSnapshot:!0}},render:function(){const a=s.useRef(null),[n,r]=s.useState(void 0),[i,d]=s.useState(!1),o=l=>{if(l===void 0)return"Please provide a number";if(l!==Math.round(l))return"Please provide a whole number";if(l<10)return"Please book at least 10 lessons";if(l>99)return"Please book less than 100 lessons"},S=()=>{var l;d(!0),n||(l=a==null?void 0:a.current)==null||l.setFocus()};return t.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[t.jsx(p,{id:"lessons",name:"lessons",label:"Number of lessons",icon:t.jsx(Ee,{svg:qe}),placeholder:"How about 3?",value:n,additionalText:"These lessons will be scheduled automatically",onValueChange:r,errorMessage:i?o(n):void 0,min:10,max:99,ref:a,required:!0}),t.jsx(T,{onClick:S,children:"Submit"})]})}};var k,j,B;v.parameters={...v.parameters,docs:{...(k=v.parameters)==null?void 0:k.docs,source:{originalSource:`{
|
|
6
|
-
parameters: {
|
|
7
|
-
docs: {
|
|
8
|
-
description: {
|
|
9
|
-
story: \`An empty field with a \\\`label\\\` and a \\\`placeholder\\\`.\`
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}`,...(B=(j=v.parameters)==null?void 0:j.docs)==null?void 0:B.source}}};var P,L,D;f.parameters={...f.parameters,docs:{...(P=f.parameters)==null?void 0:P.docs,source:{originalSource:`{
|
|
14
|
-
args: {
|
|
15
|
-
defaultValue: 100
|
|
16
|
-
},
|
|
17
|
-
play: async ({
|
|
18
|
-
canvas,
|
|
19
|
-
step
|
|
20
|
-
}) => {
|
|
21
|
-
await step('Validate defaultValue', async () => {
|
|
22
|
-
const input = canvas.getByTestId<HTMLInputElement>('input');
|
|
23
|
-
await expect(input).toHaveValue(100);
|
|
24
|
-
});
|
|
25
|
-
await step('Type to value', async () => {
|
|
26
|
-
const input = canvas.getByTestId<HTMLInputElement>('input');
|
|
27
|
-
await userEvent.type(input, ',500');
|
|
28
|
-
await expect(input).toHaveValue(100_500);
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
}`,...(D=(L=f.parameters)==null?void 0:L.docs)==null?void 0:D.source}}};var _,M,K;y.parameters={...y.parameters,docs:{...(_=y.parameters)==null?void 0:_.docs,source:{originalSource:`{
|
|
32
|
-
args: {
|
|
33
|
-
icon: <Icon svg={PhoneSvg} />
|
|
34
|
-
}
|
|
35
|
-
}`,...(K=(M=y.parameters)==null?void 0:M.docs)==null?void 0:K.source}}};var W,O,A;h.parameters={...h.parameters,docs:{...(W=h.parameters)==null?void 0:W.docs,source:{originalSource:`{
|
|
36
|
-
args: {
|
|
37
|
-
additionalText: 'This is additional text'
|
|
38
|
-
}
|
|
39
|
-
}`,...(A=(O=h.parameters)==null?void 0:O.docs)==null?void 0:A.source}}};var U,J,X;b.parameters={...b.parameters,docs:{...(U=b.parameters)==null?void 0:U.docs,source:{originalSource:`{
|
|
40
|
-
args: {
|
|
41
|
-
required: true
|
|
42
|
-
}
|
|
43
|
-
}`,...(X=(J=b.parameters)==null?void 0:J.docs)==null?void 0:X.source}}};var Y,$,z;g.parameters={...g.parameters,docs:{...(Y=g.parameters)==null?void 0:Y.docs,source:{originalSource:`{
|
|
44
|
-
args: {
|
|
45
|
-
required: true,
|
|
46
|
-
requiredLabel: <Text accent="critical" variant="m-bold">
|
|
47
|
-
Needed
|
|
48
|
-
</Text>
|
|
49
|
-
}
|
|
50
|
-
}`,...(z=($=g.parameters)==null?void 0:$.docs)==null?void 0:z.source}}};var G,Q,Z;V.parameters={...V.parameters,docs:{...(G=V.parameters)==null?void 0:G.docs,source:{originalSource:`{
|
|
51
|
-
args: {
|
|
52
|
-
hideLabel: true
|
|
53
|
-
}
|
|
54
|
-
}`,...(Z=(Q=V.parameters)==null?void 0:Q.docs)==null?void 0:Z.source}}};var ee,ae,ne;x.parameters={...x.parameters,docs:{...(ee=x.parameters)==null?void 0:ee.docs,source:{originalSource:`{
|
|
55
|
-
args: {
|
|
56
|
-
hasError: true
|
|
57
|
-
}
|
|
58
|
-
}`,...(ne=(ae=x.parameters)==null?void 0:ae.docs)==null?void 0:ne.source}}};var te,re,le;q.parameters={...q.parameters,docs:{...(te=q.parameters)==null?void 0:te.docs,source:{originalSource:`{
|
|
59
|
-
args: {
|
|
60
|
-
hasError: true,
|
|
61
|
-
errorMessage: 'This is an error message'
|
|
62
|
-
}
|
|
63
|
-
}`,...(le=(re=q.parameters)==null?void 0:re.docs)==null?void 0:le.source}}};var ue,se,ie;E.parameters={...E.parameters,docs:{...(ue=E.parameters)==null?void 0:ue.docs,source:{originalSource:`{
|
|
64
|
-
args: {
|
|
65
|
-
disabled: true
|
|
66
|
-
}
|
|
67
|
-
}`,...(ie=(se=E.parameters)==null?void 0:se.docs)==null?void 0:ie.source}}};var oe,de,ce;w.parameters={...w.parameters,docs:{...(oe=w.parameters)==null?void 0:oe.docs,source:{originalSource:`{
|
|
68
|
-
args: {
|
|
69
|
-
readOnly: true
|
|
70
|
-
}
|
|
71
|
-
}`,...(ce=(de=w.parameters)==null?void 0:de.docs)==null?void 0:ce.source}}};var me,pe,ve;I.parameters={...I.parameters,docs:{...(me=I.parameters)==null?void 0:me.docs,source:{originalSource:`{
|
|
72
|
-
decorators: [(Story, {
|
|
73
|
-
args
|
|
74
|
-
}) => <div style={{
|
|
75
|
-
padding: '8px',
|
|
76
|
-
margin: '8px'
|
|
77
|
-
}}>
|
|
78
|
-
<p>
|
|
79
|
-
You can{' '}
|
|
80
|
-
<Button variant="secondary" dataset={{
|
|
81
|
-
testid: 'focus-button'
|
|
82
|
-
}} onClick={() =>
|
|
83
|
-
// @ts-expect-error - This will fail gracefully,
|
|
84
|
-
// and the \`play\` function will assert it properly
|
|
85
|
-
args.ref?.current?.setFocus()}>
|
|
86
|
-
Focus
|
|
87
|
-
</Button>{' '}
|
|
88
|
-
the input imperatively.
|
|
89
|
-
</p>
|
|
90
|
-
<Story />
|
|
91
|
-
</div>],
|
|
92
|
-
play: async ({
|
|
93
|
-
args,
|
|
94
|
-
canvas
|
|
95
|
-
}) => {
|
|
96
|
-
if (!isImperativeHandleRef(args.ref)) {
|
|
97
|
-
throw new Error('Expected ref.current to be an InputImperativeHandle');
|
|
98
|
-
}
|
|
99
|
-
const input = canvas.getByTestId('input');
|
|
100
|
-
args.ref.current.setFocus();
|
|
101
|
-
await waitFor(() => expect(input).toHaveFocus());
|
|
102
|
-
}
|
|
103
|
-
}`,...(ve=(pe=I.parameters)==null?void 0:pe.docs)==null?void 0:ve.source}}};var fe,ye,he;C.parameters={...C.parameters,docs:{...(fe=C.parameters)==null?void 0:fe.docs,source:{originalSource:`{
|
|
104
|
-
decorators: [(Story, {
|
|
105
|
-
args
|
|
106
|
-
}) => <div style={{
|
|
107
|
-
height: '300px',
|
|
108
|
-
overflow: 'scroll',
|
|
109
|
-
padding: '8px',
|
|
110
|
-
margin: '8px'
|
|
111
|
-
}}>
|
|
112
|
-
<p>
|
|
113
|
-
You can{' '}
|
|
114
|
-
<Button variant="secondary" dataset={{
|
|
115
|
-
testid: 'scroll-button'
|
|
116
|
-
}} onClick={() => {
|
|
117
|
-
if (!isImperativeHandleRef(args.ref)) {
|
|
118
|
-
throw new Error('Expected ref.current to be an InputImperativeHandle');
|
|
119
|
-
}
|
|
120
|
-
args.ref.current.scrollIntoView();
|
|
121
|
-
}}>
|
|
122
|
-
Scroll
|
|
123
|
-
</Button>{' '}
|
|
124
|
-
the input into view imperatively.
|
|
125
|
-
</p>
|
|
126
|
-
<div style={{
|
|
127
|
-
height: '1000px',
|
|
128
|
-
display: 'flex',
|
|
129
|
-
flexDirection: 'column',
|
|
130
|
-
justifyContent: 'end',
|
|
131
|
-
border: '2px dashed lightgray',
|
|
132
|
-
padding: '16px'
|
|
133
|
-
}}>
|
|
134
|
-
<Story />
|
|
135
|
-
</div>
|
|
136
|
-
</div>],
|
|
137
|
-
play: async ({
|
|
138
|
-
args,
|
|
139
|
-
canvas
|
|
140
|
-
}) => {
|
|
141
|
-
if (!isImperativeHandleRef(args.ref)) {
|
|
142
|
-
throw new Error('Expected ref.current to be an InputImperativeHandle');
|
|
143
|
-
}
|
|
144
|
-
const input = canvas.getByTestId('input');
|
|
145
|
-
args.ref.current.scrollIntoView();
|
|
146
|
-
await waitFor(() => expect(input).toBeVisible());
|
|
147
|
-
}
|
|
148
|
-
}`,...(he=(ye=C.parameters)==null?void 0:ye.docs)==null?void 0:he.source}}};var be,ge,Ve;H.parameters={...H.parameters,docs:{...(be=H.parameters)==null?void 0:be.docs,source:{originalSource:`{
|
|
149
|
-
tags: ['!test'],
|
|
150
|
-
parameters: {
|
|
151
|
-
docs: {
|
|
152
|
-
description: {
|
|
153
|
-
story: \`
|
|
154
|
-
The following code renders a \\\`Numberfield\\\` with the \\\`required\\\` flag, a \\\`min\\\`
|
|
155
|
-
and \\\`max\\\` value, an \\\`icon\\\`, a \\\`placeholder\\\`, and some \\\`additionalText\\\`.
|
|
156
|
-
|
|
157
|
-
When you click the "Submit" button and the input value is empty
|
|
158
|
-
- it displays feedback via the \\\`errorMessage\\\` prop;
|
|
159
|
-
- and uses the \\\`setFocus()\\\` API to bring the focus back to the field.
|
|
160
|
-
|
|
161
|
-
It uses the \\\`value\\\` and \\\`onValueChange\\\` props to react to the user input.
|
|
162
|
-
\`
|
|
163
|
-
}
|
|
164
|
-
},
|
|
165
|
-
chromatic: {
|
|
166
|
-
disableSnapshot: true
|
|
167
|
-
}
|
|
168
|
-
},
|
|
169
|
-
render: function Story() {
|
|
170
|
-
const fieldRef = useRef<InputImperativeHandle>(null);
|
|
171
|
-
const [value, setValue] = useState<number | undefined>(undefined);
|
|
172
|
-
const [submited, setSubmitted] = useState(false);
|
|
173
|
-
const getErrorMessage = (attempt?: number) => {
|
|
174
|
-
if (attempt === undefined) {
|
|
175
|
-
return 'Please provide a number';
|
|
176
|
-
}
|
|
177
|
-
if (attempt !== Math.round(attempt)) {
|
|
178
|
-
return 'Please provide a whole number';
|
|
179
|
-
}
|
|
180
|
-
if (attempt < 10) {
|
|
181
|
-
return 'Please book at least 10 lessons';
|
|
182
|
-
}
|
|
183
|
-
if (attempt > 99) {
|
|
184
|
-
return 'Please book less than 100 lessons';
|
|
185
|
-
}
|
|
186
|
-
return undefined;
|
|
187
|
-
};
|
|
188
|
-
const handleClick = () => {
|
|
189
|
-
setSubmitted(true);
|
|
190
|
-
if (!value) {
|
|
191
|
-
fieldRef?.current?.setFocus();
|
|
192
|
-
}
|
|
193
|
-
};
|
|
194
|
-
return <div style={{
|
|
195
|
-
maxWidth: '500px',
|
|
196
|
-
display: 'flex',
|
|
197
|
-
flexDirection: 'column'
|
|
198
|
-
}}>
|
|
199
|
-
<NumberField id="lessons" name="lessons" label="Number of lessons" icon={<Icon svg={PhoneSvg} />} placeholder="How about 3?" value={value} additionalText="These lessons will be scheduled automatically" onValueChange={setValue} errorMessage={submited ? getErrorMessage(value) : undefined} min={10} max={99} ref={fieldRef} required />
|
|
200
|
-
<Button onClick={handleClick}>Submit</Button>
|
|
201
|
-
</div>;
|
|
202
|
-
}
|
|
203
|
-
}`,...(Ve=(ge=H.parameters)==null?void 0:ge.docs)==null?void 0:Ve.source}}};const ba=["Basic","WithValue","WithIcon","WithAdditionalText","Required","RequiredWithCustomLabel","WithHiddenLabel","HasError","HasErrorWithMessage","Disabled","ReadOnly","ImperativeSetFocus","ImperativeScrollIntoView","Example"];export{v as Basic,E as Disabled,H as Example,x as HasError,q as HasErrorWithMessage,C as ImperativeScrollIntoView,I as ImperativeSetFocus,w as ReadOnly,b as Required,g as RequiredWithCustomLabel,h as WithAdditionalText,V as WithHiddenLabel,y as WithIcon,f as WithValue,ba as __namedExportsOrder,ha as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._content_1qa7c_2{background-color:var(--79dffb);border-radius:var(--fa4b1a);padding:var(--558c4c);box-shadow:var(--df7dbb);width:304px;display:flex;flex-direction:column;gap:var(--813599);z-index:var(--ds-onboarding-tooltip-z-index-override, auto);animation-duration:.15s;animation-timing-function:cubic-bezier(.25,0,.5,1.3);transform-origin:var(--radix-popover-content-transform-origin);will-change:transform,opacity}._content_1qa7c_2[data-state=open]{animation-name:_appear_1qa7c_1}._content_1qa7c_2[data-state=closed]{animation-name:_disappear_1qa7c_1}._header_1qa7c_23{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start}._close_1qa7c_29{background:none;border:none;border-radius:var(--5e8be4);padding:0;margin:0;cursor:pointer}._close_1qa7c_29:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._footer_1qa7c_43{display:flex;justify-content:flex-end;gap:var(--813599);align-items:center}._arrow_1qa7c_49{fill:var(--79dffb)}@keyframes _appear_1qa7c_1{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes _disappear_1qa7c_1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}
|