@preply/ds-docs 0.99.3 → 0.100.1
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/main.ts +1 -0
- package/config/preview.ts +2 -2
- package/dist/assets/{00.applications-DHZVsSdy.js → 00.applications-SuGhZ2d6.js} +1 -1
- package/dist/assets/{00.favicons.guide-D81izJzt.js → 00.favicons.guide-DzTzQGOX.js} +1 -1
- package/dist/assets/{00.token-explorer-CWjil9Ir.js → 00.token-explorer-YKX25K0Z.js} +1 -1
- package/dist/assets/{00.using-responsive-props-qRIXfrtg.js → 00.using-responsive-props-B53R_GrL.js} +1 -1
- package/dist/assets/{01.semantic-tokens-BDJSPe3z.js → 01.semantic-tokens-BRIHpkCy.js} +1 -1
- package/dist/assets/{10.fonts.guide-BymDLPjJ.js → 10.fonts.guide-CpnQZZLi.js} +1 -1
- package/dist/assets/{10.ssr-BcgoUvjg.js → 10.ssr-Kxsb6CV_.js} +1 -1
- package/dist/assets/{11.languageFont.explorer-BifWDX1g.js → 11.languageFont.explorer-Ckz-uF4N.js} +1 -1
- package/dist/assets/{11.ssr.app-router-CwVE5pTt.js → 11.ssr.app-router-DC-0dbEn.js} +1 -1
- package/dist/assets/{20.libraries-EoIMz0rt.js → 20.libraries-CmacBW8t.js} +1 -1
- package/dist/assets/{30.icons.explorer-DxfEpuVE.js → 30.icons.explorer-CfMFkyQd.js} +2 -2
- package/dist/assets/{30.storybook-CeZVSYbQ.js → 30.storybook-lO7E7IxU.js} +1 -1
- package/dist/assets/{40.illustrations.explorer-CJiyu5ff.js → 40.illustrations.explorer-RiA5UJEs.js} +1 -1
- package/dist/assets/{90.advanced-NsfNUyMs.js → 90.advanced-CQ8Bc0wk.js} +1 -1
- package/dist/assets/Avatar-Bf-ZQ5SI.js +6 -0
- package/dist/assets/Avatar-C2bZgjPC.css +1 -0
- package/dist/assets/Avatar-D4PHplD2.css +1 -0
- package/dist/assets/Avatar-DUpkb2KC.js +1 -0
- package/dist/assets/{Avatar.stories-Bb6Rxwxk.js → Avatar.stories-HAUC3h0w.js} +1 -1
- package/dist/assets/AvatarWithStatus-CQH8pdXh.css +1 -0
- package/dist/assets/{AvatarWithStatus.stories-DKpVSF4S.js → AvatarWithStatus.stories-BeLSoM6l.js} +4 -4
- package/dist/assets/Badge-DyIodSmT.css +1 -0
- package/dist/assets/{Badge.stories-CpPVOBDG.js → Badge.stories-YB7vNEb0.js} +4 -4
- package/dist/assets/Box-Ca7OsY0c.css +1 -0
- package/dist/assets/Box.stories-yFcUfGK0.js +12 -0
- package/dist/assets/Button-Bi4jW9CV.js +1 -0
- package/dist/assets/{Button-D8fHUDDS.css → Button-N0VRM6A0.css} +1 -1
- package/dist/assets/{Button.stories-CyeQ3tUZ.js → Button.stories-De8WlQy7.js} +1 -1
- package/dist/assets/Chips-C7eOEIzP.css +1 -0
- package/dist/assets/{Chips.stories-CIUBSGOa.js → Chips.stories-CJsvbrSL.js} +5 -5
- package/dist/assets/Color-ERTF36HU-x3UpVubc.js +1 -0
- package/dist/assets/DocsRenderer-CFRXHY34-D8Tq4G-5.js +1 -0
- package/dist/assets/FieldAdditionalText-DCd07ysy.js +1 -0
- package/dist/assets/FieldAdditionalText-Dt30WqOi.css +1 -0
- package/dist/assets/{FieldAdditionalText.stories-gVIGHI7B.js → FieldAdditionalText.stories-6JjvlIna.js} +1 -1
- package/dist/assets/{FieldButton-BdSKYhMV.css → FieldButton-DWzsuKt5.css} +1 -1
- package/dist/assets/{FieldButton-Dq0nkobl.js → FieldButton-F9R8bzuR.js} +1 -1
- package/dist/assets/{FieldButton.stories-DGVIHYag.js → FieldButton.stories-Dmgk0NRP.js} +1 -1
- package/dist/assets/FieldLayout-BYUVHDic.js +1 -0
- package/dist/assets/FieldLayout-CLzA8pBH.css +1 -0
- package/dist/assets/{FieldLayout.stories-pwJSjFld.js → FieldLayout.stories-gLIudz9F.js} +1 -1
- package/dist/assets/FieldLayoutBase-BAZH_iVk.js +2 -0
- package/dist/assets/FieldLayoutBase-CA9Dmb-I.css +1 -0
- package/dist/assets/{Heading-3UowNem-.css → Heading-C_b1pABg.css} +1 -1
- package/dist/assets/Heading-Des9-Kxs.js +2 -0
- package/dist/assets/Heading-eTizhp-a.js +1 -0
- package/dist/assets/{Heading-vS-Y8W5N.css → Heading-o4ElOKlL.css} +1 -1
- package/dist/assets/{Heading.stories-B0P6WIcE.js → Heading.stories-s72xKv_y.js} +1 -1
- package/dist/assets/Icon-BEGCR1FC.js +1 -0
- package/dist/assets/Icon-D66V3Lr7.css +1 -0
- package/dist/assets/{Icon-BUiTj76U.js → Icon-DqOWgXnU.js} +1 -1
- package/dist/assets/{Icon-RSC-CHCM_9Nh.js → Icon-RSC-auOdhCGC.js} +1 -1
- package/dist/assets/{Icon.stories-C23f67Zg.js → Icon.stories-DrSDJY-K.js} +1 -1
- package/dist/assets/InputText-DEpRpqG2.js +1 -0
- package/dist/assets/LayoutFlex-4LBfyC68.js +1 -0
- package/dist/assets/{LayoutFlex-CtNZlFoF.css → LayoutFlex-BaK05rll.css} +1 -1
- package/dist/assets/LayoutFlex-BsmGUxSb.css +1 -0
- package/dist/assets/LayoutFlex-CI-IyFab.js +1 -0
- package/dist/assets/LayoutFlex-DmMxJGKY.css +1 -0
- package/dist/assets/LayoutFlex.stories-D3WU4z6n.js +19 -0
- package/dist/assets/LayoutGrid-BHkpEiNP.css +1 -0
- package/dist/assets/LayoutGrid-Bbpoq4GZ.js +1 -0
- package/dist/assets/LayoutGrid-DL1Pib1N.css +1 -0
- package/dist/assets/LayoutGrid.stories-ByBJ8ZKQ.js +32 -0
- package/dist/assets/LayoutGridItem-BYGrMSD0.css +1 -0
- package/dist/assets/LayoutGridItem-yCAtLcT1.js +1 -0
- package/dist/assets/Link-BR07cPLn.css +1 -0
- package/dist/assets/{Link.stories-CFkS6UEa.js → Link.stories-027t2FnU.js} +3 -3
- package/dist/assets/Loader-DS2G2nvd.css +1 -0
- package/dist/assets/Loader.stories-Bg8CFUeL.js +8 -0
- package/dist/assets/{NumberField.stories-BsSo9sd3.js → NumberField.stories-BkIJHxVu.js} +1 -1
- package/dist/assets/{ObserveIntersection-BIOrnU1B.js → ObserveIntersection-Cr2BzgPx.js} +1 -1
- package/dist/assets/{ObserveIntersection.stories-Dm7GUCdO.js → ObserveIntersection.stories-py33xXDa.js} +1 -1
- package/dist/assets/{PasswordField.stories-Bu5LSYNs.js → PasswordField.stories-LShIvEnK.js} +1 -1
- package/dist/assets/PreplyLogo-BtQbOpx9.css +1 -0
- package/dist/assets/{PreplyLogo.stories-nu1HYdCX.js → PreplyLogo.stories-D9ffWvsM.js} +2 -2
- package/dist/assets/RootProvider-BvHSkgDA.js +1 -0
- package/dist/assets/SelectField-C0MEcwkv.css +1 -0
- package/dist/assets/{SelectField.stories-BgL2N8Dx.js → SelectField.stories-CGmVU2iA.js} +3 -3
- package/dist/assets/{ShowOnIntersection.stories-C9KAeGM3.js → ShowOnIntersection.stories-DWk9gluP.js} +1 -1
- package/dist/assets/Spinner-CbwfZ3c6.css +1 -0
- package/dist/assets/{Spinner-DvrIKDeD.js → Spinner-DNhrV5BK.js} +1 -1
- package/dist/assets/{StoryContextDSWeb-9fhBg6b_.js → StoryContextDSWeb-CViICLux.js} +1 -1
- package/dist/assets/{StorybookGlobalStyle-DuEJScee.js → StorybookGlobalStyle-C718IdTK.js} +1 -1
- package/dist/assets/Text-CfFW9YKH.js +1 -0
- package/dist/assets/{Text-g266p2D8.css → Text-D6vaNiUQ.css} +1 -1
- package/dist/assets/Text-a99inIAW.js +1 -0
- package/dist/assets/{Text.stories-DJ6iFXM9.js → Text.stories-DwWKizgM.js} +1 -1
- package/dist/assets/TextField-5xfz0nlz.css +1 -0
- package/dist/assets/TextField-C2nBL3Da.js +1 -0
- package/dist/assets/{TextField.stories-C7asL07s.js → TextField.stories-DPLzV9sr.js} +1 -1
- package/dist/assets/TextHighlighted-BBQxVK8S.css +1 -0
- package/dist/assets/TextHighlighted-CojzyNhw.js +1 -0
- package/dist/assets/{TextHighlighted.stories-C0Hw0_d2.js → TextHighlighted.stories-DB_R-gDs.js} +1 -1
- package/dist/assets/TextInline-D6fVMZ22.css +1 -0
- package/dist/assets/TextInline.stories-HT10loYE.js +3 -0
- package/dist/assets/TextareaField.stories-px51-LZi.js +20 -0
- package/dist/assets/Toast-BH8aT7PL.css +1 -0
- package/dist/assets/Toast.stories-CmTZ3lau.js +101 -0
- package/dist/assets/align-self-B97O5ntC.css +1 -0
- package/dist/assets/align-self-bURpNU3k.js +1 -0
- package/dist/assets/{breakpoints-qcRclsIc.js → breakpoints-BN25rAYx.js} +1 -1
- package/dist/assets/{breakpoints-k77h5Hj6.js → breakpoints-D9ah2srw.js} +1 -1
- package/dist/assets/{breakpoints-SC4uEPeQ.js → breakpoints-Dn5rWbf8.js} +1 -1
- package/dist/assets/{changelog-CYFmQcxJ.js → changelog-DGKwXUfP.js} +125 -104
- package/dist/assets/{chunk-454WOBUV-B7bWamdB.js → chunk-D5ZWXAHU-D9pYMJqw.js} +1 -1
- package/dist/assets/chunk-H6MOWX77-DTQOW814.js +1 -0
- package/dist/assets/chunk-NUUEMKO5-FMRMymcK.js +2 -0
- package/dist/assets/classNames-Cqk1oqv4.js +1 -0
- package/dist/assets/client-cjKEjqP-.js +1 -0
- package/dist/assets/componentNames-BSriaIOD.js +1 -0
- package/dist/assets/entry-preview-_th98VNw.js +10 -0
- package/dist/assets/entry-preview-docs-CoPBDg8z.js +54 -0
- package/dist/assets/{getTokenVar-z69MvwnO.js → getTokenVar-DTR7cOAc.js} +1 -1
- package/dist/assets/{hover-YxSt6_Cv.js → hover-As2R_PZU.js} +1 -1
- package/dist/assets/{hover-CluUj_mg.js → hover-B59di2Vi.js} +1 -1
- package/dist/assets/{hover-D8UcPMDn.js → hover-DjMp0VDE.js} +1 -1
- package/dist/assets/iframe-C6ga-lcz.js +2 -0
- package/dist/assets/index-BDFy8Qel.js +234 -0
- package/dist/assets/index-BdKDgH-N.js +595 -0
- package/dist/assets/{index-BIkl8ELg.js → index-CAEOHB9f.js} +1 -1
- package/dist/assets/index-Cdgl62si.js +1 -0
- package/dist/assets/index-DF3CPj03.js +8 -0
- package/dist/assets/{intro-DE5Uo2Zd.js → intro-Dvcj45i2.js} +1 -1
- package/dist/assets/layout-relative-A0sx6VRO.css +1 -0
- package/dist/assets/layout-relative-DU9bR1fO.css +1 -0
- package/dist/assets/layout-relative-mMzJCmVd.js +1 -0
- package/dist/assets/layout-relative-qgYNk7GR.js +1 -0
- package/dist/assets/{migrating-from-less-cRkFb2Uf.js → migrating-from-less-D0RjJs9l.js} +1 -1
- package/dist/assets/playground-DruFSVKj.css +1 -0
- package/dist/assets/{playground.stories-DMB6TDgT.js → playground.stories-CPIQUnVO.js} +1 -1
- package/dist/assets/{preview-DB9FwMii.js → preview-BWzBA1C2.js} +1 -1
- package/dist/assets/preview-BhhEZcNS.js +1 -0
- package/dist/assets/preview-CFgKly6U.js +1 -0
- package/dist/assets/preview-D77C14du.js +34 -0
- package/dist/assets/preview-DFmD0pui.js +1 -0
- package/dist/assets/{preview-BpcF_O6y.js → preview-DGUiP6tS.js} +2 -2
- package/dist/assets/{preview-Cbs0AgsL.js → preview-Dq4CwTqY.js} +1 -1
- package/dist/assets/{preview-oYH9g80B.js → preview-O6a7QBMJ.js} +1 -1
- package/dist/assets/preview-fbOcWTDq.js +1 -0
- package/dist/assets/preview-soLZ0BKj.js +1 -0
- package/dist/assets/preview-vuEtMDr6.js +2 -0
- package/dist/assets/react-18-BobOsz3F.js +1 -0
- package/dist/assets/{styled-components.browser.esm-7AiqoWtv.js → styled-components.browser.esm-BUFlhth0.js} +1 -1
- package/dist/assets/text-accent-Bgi4eAtI.js +1 -0
- package/dist/assets/text-accent-Cu7YjM5H.js +1 -0
- package/dist/assets/text-accent-Dx3UOWlW.css +1 -0
- package/dist/assets/text-centered-B7xS0eZv.js +1 -0
- package/dist/assets/text-centered-C60nJKZS.css +1 -0
- package/dist/assets/text-centered-Cr-fOXNg.css +1 -0
- package/dist/assets/text-centered-yu4Ks4Ko.js +1 -0
- package/dist/assets/{tokens-DID1tZ3M.js → tokens-BF82AwVd.js} +1 -1
- package/dist/assets/{tokens-DUsZYjp7.js → tokens-Bqw-E6go.js} +1 -1
- package/dist/assets/{tokens-B_KPFb96.js → tokens-DA876hrI.js} +1 -1
- package/dist/assets/useTheme-ByES4oDS.js +1 -0
- package/dist/assets/{welcome-DRIjQIJC.js → welcome-p3FME8OW.js} +1 -1
- package/dist/iframe.html +1 -1
- package/dist/index.html +7 -3
- package/dist/index.json +1 -1
- package/dist/preview-stats.json +1237 -1234
- package/dist/project.json +1 -1
- package/dist/sb-addons/a11y-2/manager-bundle.js +1 -1
- package/dist/sb-addons/actions-3/manager-bundle.js +1 -1
- package/dist/sb-addons/essentials-actions-6/manager-bundle.js +1 -1
- package/dist/sb-addons/essentials-backgrounds-7/manager-bundle.js +9 -9
- package/dist/sb-addons/essentials-controls-5/manager-bundle.js +76 -94
- package/dist/sb-addons/essentials-measure-10/manager-bundle.js +1 -1
- package/dist/sb-addons/essentials-outline-11/manager-bundle.js +1 -1
- package/dist/sb-addons/essentials-toolbars-9/manager-bundle.js +1 -1
- package/dist/sb-addons/essentials-viewport-8/manager-bundle.js +1 -1
- package/dist/sb-addons/interactions-12/manager-bundle.js +211 -0
- package/dist/sb-addons/interactions-12/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-manager/globals-module-info.js +11 -0
- package/dist/sb-manager/globals-runtime.js +27803 -26928
- package/dist/sb-manager/runtime.js +10341 -10136
- package/dist/sb-preview/runtime.js +3841 -3828
- package/package.json +16 -14
- package/dist/assets/Avatar-CdJQcaeI.js +0 -6
- package/dist/assets/Avatar-CphLWuJi.js +0 -1
- package/dist/assets/Avatar-DFSZhMPd.css +0 -1
- package/dist/assets/Avatar-Dzp9T-J-.css +0 -1
- package/dist/assets/AvatarWithStatus-COIcSK_d.css +0 -1
- package/dist/assets/Badge-Me5VHT6E.css +0 -1
- package/dist/assets/Box-m6Tva_EE.css +0 -1
- package/dist/assets/Box.stories-oTuHL18S.js +0 -12
- package/dist/assets/Button-DbjYNYBx.js +0 -1
- package/dist/assets/Chips-l08w6Kvk.css +0 -1
- package/dist/assets/Color-KGDBMAHA-D66dXSvB.js +0 -1
- package/dist/assets/DocsRenderer-PKQXORMH-Bp_I5VWP.js +0 -1
- package/dist/assets/FieldAdditionalText-CEWd-pKa.js +0 -1
- package/dist/assets/FieldAdditionalText-vYxb_rk6.css +0 -1
- package/dist/assets/FieldLayout-BXjWLDa9.css +0 -1
- package/dist/assets/FieldLayout-zvK_CKd9.js +0 -1
- package/dist/assets/FieldLayoutBase-i2AdKdts.js +0 -2
- package/dist/assets/FieldLayoutBase-lCo6dbjG.css +0 -1
- package/dist/assets/Heading-BkaWVDz9.js +0 -2
- package/dist/assets/Heading-CW9tp36r.js +0 -1
- package/dist/assets/Icon-CvqLDBpZ.css +0 -1
- package/dist/assets/Icon-DGzgVcy_.js +0 -1
- package/dist/assets/InputText-c1_zfcYl.js +0 -1
- package/dist/assets/LayoutFlex-B7hn5Y90.css +0 -1
- package/dist/assets/LayoutFlex-CqUxF-17.js +0 -1
- package/dist/assets/LayoutFlex-DsWCF0CA.js +0 -1
- package/dist/assets/LayoutFlex-ITG5D4qR.css +0 -1
- package/dist/assets/LayoutFlex.stories-D_LQ4D5a.js +0 -19
- package/dist/assets/LayoutGrid-CljhQ27b.css +0 -1
- package/dist/assets/LayoutGrid-DHbdrEq4.js +0 -1
- package/dist/assets/LayoutGrid-Jbx1kkru.css +0 -1
- package/dist/assets/LayoutGrid.stories-zgLo-Ylq.js +0 -32
- package/dist/assets/LayoutGridItem-DtTiBbZm.js +0 -1
- package/dist/assets/LayoutGridItem-kMH2ra7T.css +0 -1
- package/dist/assets/Link-Cvk-ZjTv.css +0 -1
- package/dist/assets/Loader-CmC-O1D3.css +0 -1
- package/dist/assets/Loader.stories-3m8jK13B.js +0 -8
- package/dist/assets/PreplyLogo-DL7mveQ0.css +0 -1
- package/dist/assets/RootProvider-36GXWvbu.js +0 -1
- package/dist/assets/SelectField-BK1oR45n.css +0 -1
- package/dist/assets/Spinner-Dj9p9vKx.css +0 -1
- package/dist/assets/Text-0uiXP6Ll.js +0 -1
- package/dist/assets/Text-DgHyeTqY.js +0 -1
- package/dist/assets/TextField-DIVTrzgG.css +0 -1
- package/dist/assets/TextField-Ih_LG6sB.js +0 -1
- package/dist/assets/TextHighlighted-BdiPGxwJ.css +0 -1
- package/dist/assets/TextHighlighted-DAC85mmg.js +0 -1
- package/dist/assets/TextInline-Cmv3gqTx.css +0 -1
- package/dist/assets/TextInline.stories-BAld9LgF.js +0 -3
- package/dist/assets/TextareaField.stories-TLvikzoT.js +0 -20
- package/dist/assets/Toast-D309JBTn.css +0 -1
- package/dist/assets/Toast.stories-010KnWOD.js +0 -61
- package/dist/assets/align-self-CwY8R4xK.js +0 -1
- package/dist/assets/align-self-yb6qtIrK.css +0 -1
- package/dist/assets/chunk-HLWAVYOI-yCGK0xaQ.js +0 -2
- package/dist/assets/classNames-B6WWIGyy.js +0 -1
- package/dist/assets/client-rCNMU0H4.js +0 -1
- package/dist/assets/componentNames-IkB29LLe.js +0 -1
- package/dist/assets/entry-preview-Bsb7CPhr.js +0 -1
- package/dist/assets/entry-preview-docs-DNrmR80j.js +0 -54
- package/dist/assets/iframe-BieS4QGI.js +0 -2
- package/dist/assets/index-B63D3xRl.js +0 -574
- package/dist/assets/index-D4mptuFA.js +0 -1
- package/dist/assets/index-nrpnv_Jx.js +0 -8
- package/dist/assets/layout-relative-108f0fD3.css +0 -1
- package/dist/assets/layout-relative-BRzZhxUX.css +0 -1
- package/dist/assets/layout-relative-C_vcIuLn.js +0 -1
- package/dist/assets/layout-relative-iAZ6DyhG.js +0 -1
- package/dist/assets/playground-CnmnH-H3.css +0 -1
- package/dist/assets/preview-9hFJSo5S.js +0 -20
- package/dist/assets/preview-BDYF_-Ou.js +0 -2
- package/dist/assets/preview-BJPLiuSt.js +0 -1
- package/dist/assets/preview-BnWGZYux.js +0 -1
- package/dist/assets/preview-Cdum89jS.js +0 -1
- package/dist/assets/preview-DXzIzIVo.js +0 -1
- package/dist/assets/text-accent-2MCF4_sT.js +0 -1
- package/dist/assets/text-accent-BJego494.js +0 -1
- package/dist/assets/text-accent-DttOn0gS.css +0 -1
- package/dist/assets/text-centered-Ccts7sFS.js +0 -1
- package/dist/assets/text-centered-DFkeIlON.js +0 -1
- package/dist/assets/text-centered-MYpUomOQ.css +0 -1
- package/dist/assets/text-centered-n8E-k93h.css +0 -1
- package/dist/assets/useTheme-BjN7KXjq.js +0 -1
- /package/dist/sb-addons/{config-12 → config-13}/manager-bundle.js +0 -0
- /package/dist/sb-addons/{config-12 → config-13}/manager-bundle.js.LEGAL.txt +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
._LayoutFlex_1pygp_4{list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0}._LayoutFlex--nowrap_1pygp_15{-ms-flex-wrap:nowrap;flex-wrap:nowrap}._LayoutFlex--inline_1pygp_18{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._LayoutFlex--row-fwd_1pygp_21{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--row-rev_1pygp_24{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}._LayoutFlex--column-fwd_1pygp_27{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--column-rev_1pygp_30{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--direction-column_1pygp_33{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--direction-column-reverse_1pygp_36{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--direction-row_1pygp_39{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--direction-row-reverse_1pygp_42{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (min-width: 400px){._LayoutFlex--narrow-l--direction-column_1pygp_46{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--narrow-l--direction-column-reverse_1pygp_49{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--narrow-l--direction-row_1pygp_52{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--narrow-l--direction-row-reverse_1pygp_55{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width: 700px){._LayoutFlex--medium-s--direction-column_1pygp_60{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--medium-s--direction-column-reverse_1pygp_63{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--medium-s--direction-row_1pygp_66{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--medium-s--direction-row-reverse_1pygp_69{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width: 880px){._LayoutFlex--medium-l--direction-column_1pygp_74{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--medium-l--direction-column-reverse_1pygp_77{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--medium-l--direction-row_1pygp_80{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--medium-l--direction-row-reverse_1pygp_83{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width: 1200px){._LayoutFlex--wide-s--direction-column_1pygp_88{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--wide-s--direction-column-reverse_1pygp_91{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--wide-s--direction-row_1pygp_94{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--wide-s--direction-row-reverse_1pygp_97{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width: 1900px){._LayoutFlex--wide-l--direction-column_1pygp_102{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--wide-l--direction-column-reverse_1pygp_105{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--wide-l--direction-row_1pygp_108{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--wide-l--direction-row-reverse_1pygp_111{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}._LayoutFlex--justify-content-center_1pygp_115{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--justify-content-start_1pygp_118{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--justify-content-end_1pygp_121{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--justify-content-space-between_1pygp_124{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--justify-content-space-around_1pygp_127{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--justify-content-space-evenly_1pygp_130{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}@media (min-width: 400px){._LayoutFlex--narrow-l--justify-content-center_1pygp_134{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--narrow-l--justify-content-start_1pygp_137{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--narrow-l--justify-content-end_1pygp_140{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--narrow-l--justify-content-space-between_1pygp_143{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--narrow-l--justify-content-space-around_1pygp_146{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--narrow-l--justify-content-space-evenly_1pygp_149{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 700px){._LayoutFlex--medium-s--justify-content-center_1pygp_154{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--medium-s--justify-content-start_1pygp_157{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--medium-s--justify-content-end_1pygp_160{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--medium-s--justify-content-space-between_1pygp_163{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--medium-s--justify-content-space-around_1pygp_166{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--medium-s--justify-content-space-evenly_1pygp_169{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 880px){._LayoutFlex--medium-l--justify-content-center_1pygp_174{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--medium-l--justify-content-start_1pygp_177{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--medium-l--justify-content-end_1pygp_180{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--medium-l--justify-content-space-between_1pygp_183{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--medium-l--justify-content-space-around_1pygp_186{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--medium-l--justify-content-space-evenly_1pygp_189{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 1200px){._LayoutFlex--wide-s--justify-content-center_1pygp_194{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--wide-s--justify-content-start_1pygp_197{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--wide-s--justify-content-end_1pygp_200{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--wide-s--justify-content-space-between_1pygp_203{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--wide-s--justify-content-space-around_1pygp_206{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--wide-s--justify-content-space-evenly_1pygp_209{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 1900px){._LayoutFlex--wide-l--justify-content-center_1pygp_214{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--wide-l--justify-content-start_1pygp_217{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--wide-l--justify-content-end_1pygp_220{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--wide-l--justify-content-space-between_1pygp_223{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--wide-l--justify-content-space-around_1pygp_226{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--wide-l--justify-content-space-evenly_1pygp_229{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}._LayoutFlex--align-items-center_1pygp_233{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--align-items-start_1pygp_236{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--align-items-end_1pygp_239{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--align-items-stretch_1pygp_242{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--align-items-baseline_1pygp_245{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}@media (min-width: 400px){._LayoutFlex--narrow-l--align-items-center_1pygp_249{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--narrow-l--align-items-start_1pygp_252{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--narrow-l--align-items-end_1pygp_255{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--narrow-l--align-items-stretch_1pygp_258{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--narrow-l--align-items-baseline_1pygp_261{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 700px){._LayoutFlex--medium-s--align-items-center_1pygp_266{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--medium-s--align-items-start_1pygp_269{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--medium-s--align-items-end_1pygp_272{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--medium-s--align-items-stretch_1pygp_275{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--medium-s--align-items-baseline_1pygp_278{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 880px){._LayoutFlex--medium-l--align-items-center_1pygp_283{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--medium-l--align-items-start_1pygp_286{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--medium-l--align-items-end_1pygp_289{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--medium-l--align-items-stretch_1pygp_292{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--medium-l--align-items-baseline_1pygp_295{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 1200px){._LayoutFlex--wide-s--align-items-center_1pygp_300{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--wide-s--align-items-start_1pygp_303{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--wide-s--align-items-end_1pygp_306{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--wide-s--align-items-stretch_1pygp_309{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--wide-s--align-items-baseline_1pygp_312{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 1900px){._LayoutFlex--wide-l--align-items-center_1pygp_317{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--wide-l--align-items-start_1pygp_320{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--wide-l--align-items-end_1pygp_323{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--wide-l--align-items-stretch_1pygp_326{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--wide-l--align-items-baseline_1pygp_329{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}
|
|
1
|
+
._LayoutFlex_1b3te_4{list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0}._LayoutFlex--nowrap_1b3te_15{-ms-flex-wrap:nowrap;flex-wrap:nowrap}._LayoutFlex--inline_1b3te_18{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._LayoutFlex--row-fwd_1b3te_21{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--row-rev_1b3te_24{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}._LayoutFlex--column-fwd_1b3te_27{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--column-rev_1b3te_30{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--direction-column_1b3te_33{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--direction-column-reverse_1b3te_36{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--direction-row_1b3te_39{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--direction-row-reverse_1b3te_42{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (min-width: 400px){._LayoutFlex--narrow-l--direction-column_1b3te_46{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--narrow-l--direction-column-reverse_1b3te_49{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--narrow-l--direction-row_1b3te_52{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--narrow-l--direction-row-reverse_1b3te_55{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width: 700px){._LayoutFlex--medium-s--direction-column_1b3te_60{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--medium-s--direction-column-reverse_1b3te_63{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--medium-s--direction-row_1b3te_66{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--medium-s--direction-row-reverse_1b3te_69{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width: 880px){._LayoutFlex--medium-l--direction-column_1b3te_74{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--medium-l--direction-column-reverse_1b3te_77{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--medium-l--direction-row_1b3te_80{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--medium-l--direction-row-reverse_1b3te_83{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width: 1200px){._LayoutFlex--wide-s--direction-column_1b3te_88{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--wide-s--direction-column-reverse_1b3te_91{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--wide-s--direction-row_1b3te_94{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--wide-s--direction-row-reverse_1b3te_97{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width: 1900px){._LayoutFlex--wide-l--direction-column_1b3te_102{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._LayoutFlex--wide-l--direction-column-reverse_1b3te_105{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._LayoutFlex--wide-l--direction-row_1b3te_108{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._LayoutFlex--wide-l--direction-row-reverse_1b3te_111{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}._LayoutFlex--justify-content-center_1b3te_115{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--justify-content-start_1b3te_118{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--justify-content-end_1b3te_121{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--justify-content-space-between_1b3te_124{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--justify-content-space-around_1b3te_127{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--justify-content-space-evenly_1b3te_130{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}@media (min-width: 400px){._LayoutFlex--narrow-l--justify-content-center_1b3te_134{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--narrow-l--justify-content-start_1b3te_137{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--narrow-l--justify-content-end_1b3te_140{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--narrow-l--justify-content-space-between_1b3te_143{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--narrow-l--justify-content-space-around_1b3te_146{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--narrow-l--justify-content-space-evenly_1b3te_149{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 700px){._LayoutFlex--medium-s--justify-content-center_1b3te_154{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--medium-s--justify-content-start_1b3te_157{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--medium-s--justify-content-end_1b3te_160{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--medium-s--justify-content-space-between_1b3te_163{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--medium-s--justify-content-space-around_1b3te_166{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--medium-s--justify-content-space-evenly_1b3te_169{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 880px){._LayoutFlex--medium-l--justify-content-center_1b3te_174{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--medium-l--justify-content-start_1b3te_177{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--medium-l--justify-content-end_1b3te_180{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--medium-l--justify-content-space-between_1b3te_183{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--medium-l--justify-content-space-around_1b3te_186{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--medium-l--justify-content-space-evenly_1b3te_189{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 1200px){._LayoutFlex--wide-s--justify-content-center_1b3te_194{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--wide-s--justify-content-start_1b3te_197{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--wide-s--justify-content-end_1b3te_200{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--wide-s--justify-content-space-between_1b3te_203{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--wide-s--justify-content-space-around_1b3te_206{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--wide-s--justify-content-space-evenly_1b3te_209{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 1900px){._LayoutFlex--wide-l--justify-content-center_1b3te_214{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutFlex--wide-l--justify-content-start_1b3te_217{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._LayoutFlex--wide-l--justify-content-end_1b3te_220{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._LayoutFlex--wide-l--justify-content-space-between_1b3te_223{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutFlex--wide-l--justify-content-space-around_1b3te_226{-ms-flex-pack:distribute;justify-content:space-around}._LayoutFlex--wide-l--justify-content-space-evenly_1b3te_229{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}._LayoutFlex--align-items-center_1b3te_233{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--align-items-start_1b3te_236{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--align-items-end_1b3te_239{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--align-items-stretch_1b3te_242{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--align-items-baseline_1b3te_245{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}@media (min-width: 400px){._LayoutFlex--narrow-l--align-items-center_1b3te_249{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--narrow-l--align-items-start_1b3te_252{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--narrow-l--align-items-end_1b3te_255{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--narrow-l--align-items-stretch_1b3te_258{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--narrow-l--align-items-baseline_1b3te_261{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 700px){._LayoutFlex--medium-s--align-items-center_1b3te_266{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--medium-s--align-items-start_1b3te_269{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--medium-s--align-items-end_1b3te_272{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--medium-s--align-items-stretch_1b3te_275{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--medium-s--align-items-baseline_1b3te_278{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 880px){._LayoutFlex--medium-l--align-items-center_1b3te_283{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--medium-l--align-items-start_1b3te_286{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--medium-l--align-items-end_1b3te_289{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--medium-l--align-items-stretch_1b3te_292{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--medium-l--align-items-baseline_1b3te_295{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 1200px){._LayoutFlex--wide-s--align-items-center_1b3te_300{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--wide-s--align-items-start_1b3te_303{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--wide-s--align-items-end_1b3te_306{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--wide-s--align-items-stretch_1b3te_309{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--wide-s--align-items-baseline_1b3te_312{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 1900px){._LayoutFlex--wide-l--align-items-center_1b3te_317{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutFlex--wide-l--align-items-start_1b3te_320{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._LayoutFlex--wide-l--align-items-end_1b3te_323{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._LayoutFlex--wide-l--align-items-stretch_1b3te_326{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutFlex--wide-l--align-items-baseline_1b3te_329{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._LayoutFlexItem_1lxv6_2{padding:0;margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0}._LayoutFlexItem--stretch_1lxv6_11{flex:1}._LayoutFlexItem--no-stretch_1lxv6_14{flex:none}@media (min-width: 400px){._LayoutFlexItem--narrow-l--stretch_1lxv6_18{flex:1}._LayoutFlexItem--narrow-l--no-stretch_1lxv6_21{flex:none}}@media (min-width: 700px){._LayoutFlexItem--medium-s--stretch_1lxv6_26{flex:1}._LayoutFlexItem--medium-s--no-stretch_1lxv6_29{flex:none}}@media (min-width: 880px){._LayoutFlexItem--medium-l--stretch_1lxv6_34{flex:1}._LayoutFlexItem--medium-l--no-stretch_1lxv6_37{flex:none}}@media (min-width: 1200px){._LayoutFlexItem--wide-s--stretch_1lxv6_42{flex:1}._LayoutFlexItem--wide-s--no-stretch_1lxv6_45{flex:none}}@media (min-width: 1900px){._LayoutFlexItem--wide-l--stretch_1lxv6_50{flex:1}._LayoutFlexItem--wide-l--no-stretch_1lxv6_53{flex:none}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j}from"./jsx-runtime-CKrituN3.js";import{g,a as p,b as v,c as C}from"./layout-relative-qgYNk7GR.js";import{m as N,b as h,s,h as A,i as T,j as D,g as U,L as E}from"./classNames-Cqk1oqv4.js";import{w as O}from"./componentNames-BSriaIOD.js";const Y="_LayoutFlex_1b3te_4",G={LayoutFlex:Y,"LayoutFlex--nowrap":"_LayoutFlex--nowrap_1b3te_15","LayoutFlex--inline":"_LayoutFlex--inline_1b3te_18","LayoutFlex--row-fwd":"_LayoutFlex--row-fwd_1b3te_21","LayoutFlex--row-rev":"_LayoutFlex--row-rev_1b3te_24","LayoutFlex--column-fwd":"_LayoutFlex--column-fwd_1b3te_27","LayoutFlex--column-rev":"_LayoutFlex--column-rev_1b3te_30","LayoutFlex--direction-column":"_LayoutFlex--direction-column_1b3te_33","LayoutFlex--direction-column-reverse":"_LayoutFlex--direction-column-reverse_1b3te_36","LayoutFlex--direction-row":"_LayoutFlex--direction-row_1b3te_39","LayoutFlex--direction-row-reverse":"_LayoutFlex--direction-row-reverse_1b3te_42","LayoutFlex--narrow-l--direction-column":"_LayoutFlex--narrow-l--direction-column_1b3te_46","LayoutFlex--narrow-l--direction-column-reverse":"_LayoutFlex--narrow-l--direction-column-reverse_1b3te_49","LayoutFlex--narrow-l--direction-row":"_LayoutFlex--narrow-l--direction-row_1b3te_52","LayoutFlex--narrow-l--direction-row-reverse":"_LayoutFlex--narrow-l--direction-row-reverse_1b3te_55","LayoutFlex--medium-s--direction-column":"_LayoutFlex--medium-s--direction-column_1b3te_60","LayoutFlex--medium-s--direction-column-reverse":"_LayoutFlex--medium-s--direction-column-reverse_1b3te_63","LayoutFlex--medium-s--direction-row":"_LayoutFlex--medium-s--direction-row_1b3te_66","LayoutFlex--medium-s--direction-row-reverse":"_LayoutFlex--medium-s--direction-row-reverse_1b3te_69","LayoutFlex--medium-l--direction-column":"_LayoutFlex--medium-l--direction-column_1b3te_74","LayoutFlex--medium-l--direction-column-reverse":"_LayoutFlex--medium-l--direction-column-reverse_1b3te_77","LayoutFlex--medium-l--direction-row":"_LayoutFlex--medium-l--direction-row_1b3te_80","LayoutFlex--medium-l--direction-row-reverse":"_LayoutFlex--medium-l--direction-row-reverse_1b3te_83","LayoutFlex--wide-s--direction-column":"_LayoutFlex--wide-s--direction-column_1b3te_88","LayoutFlex--wide-s--direction-column-reverse":"_LayoutFlex--wide-s--direction-column-reverse_1b3te_91","LayoutFlex--wide-s--direction-row":"_LayoutFlex--wide-s--direction-row_1b3te_94","LayoutFlex--wide-s--direction-row-reverse":"_LayoutFlex--wide-s--direction-row-reverse_1b3te_97","LayoutFlex--wide-l--direction-column":"_LayoutFlex--wide-l--direction-column_1b3te_102","LayoutFlex--wide-l--direction-column-reverse":"_LayoutFlex--wide-l--direction-column-reverse_1b3te_105","LayoutFlex--wide-l--direction-row":"_LayoutFlex--wide-l--direction-row_1b3te_108","LayoutFlex--wide-l--direction-row-reverse":"_LayoutFlex--wide-l--direction-row-reverse_1b3te_111","LayoutFlex--justify-content-center":"_LayoutFlex--justify-content-center_1b3te_115","LayoutFlex--justify-content-start":"_LayoutFlex--justify-content-start_1b3te_118","LayoutFlex--justify-content-end":"_LayoutFlex--justify-content-end_1b3te_121","LayoutFlex--justify-content-space-between":"_LayoutFlex--justify-content-space-between_1b3te_124","LayoutFlex--justify-content-space-around":"_LayoutFlex--justify-content-space-around_1b3te_127","LayoutFlex--justify-content-space-evenly":"_LayoutFlex--justify-content-space-evenly_1b3te_130","LayoutFlex--narrow-l--justify-content-center":"_LayoutFlex--narrow-l--justify-content-center_1b3te_134","LayoutFlex--narrow-l--justify-content-start":"_LayoutFlex--narrow-l--justify-content-start_1b3te_137","LayoutFlex--narrow-l--justify-content-end":"_LayoutFlex--narrow-l--justify-content-end_1b3te_140","LayoutFlex--narrow-l--justify-content-space-between":"_LayoutFlex--narrow-l--justify-content-space-between_1b3te_143","LayoutFlex--narrow-l--justify-content-space-around":"_LayoutFlex--narrow-l--justify-content-space-around_1b3te_146","LayoutFlex--narrow-l--justify-content-space-evenly":"_LayoutFlex--narrow-l--justify-content-space-evenly_1b3te_149","LayoutFlex--medium-s--justify-content-center":"_LayoutFlex--medium-s--justify-content-center_1b3te_154","LayoutFlex--medium-s--justify-content-start":"_LayoutFlex--medium-s--justify-content-start_1b3te_157","LayoutFlex--medium-s--justify-content-end":"_LayoutFlex--medium-s--justify-content-end_1b3te_160","LayoutFlex--medium-s--justify-content-space-between":"_LayoutFlex--medium-s--justify-content-space-between_1b3te_163","LayoutFlex--medium-s--justify-content-space-around":"_LayoutFlex--medium-s--justify-content-space-around_1b3te_166","LayoutFlex--medium-s--justify-content-space-evenly":"_LayoutFlex--medium-s--justify-content-space-evenly_1b3te_169","LayoutFlex--medium-l--justify-content-center":"_LayoutFlex--medium-l--justify-content-center_1b3te_174","LayoutFlex--medium-l--justify-content-start":"_LayoutFlex--medium-l--justify-content-start_1b3te_177","LayoutFlex--medium-l--justify-content-end":"_LayoutFlex--medium-l--justify-content-end_1b3te_180","LayoutFlex--medium-l--justify-content-space-between":"_LayoutFlex--medium-l--justify-content-space-between_1b3te_183","LayoutFlex--medium-l--justify-content-space-around":"_LayoutFlex--medium-l--justify-content-space-around_1b3te_186","LayoutFlex--medium-l--justify-content-space-evenly":"_LayoutFlex--medium-l--justify-content-space-evenly_1b3te_189","LayoutFlex--wide-s--justify-content-center":"_LayoutFlex--wide-s--justify-content-center_1b3te_194","LayoutFlex--wide-s--justify-content-start":"_LayoutFlex--wide-s--justify-content-start_1b3te_197","LayoutFlex--wide-s--justify-content-end":"_LayoutFlex--wide-s--justify-content-end_1b3te_200","LayoutFlex--wide-s--justify-content-space-between":"_LayoutFlex--wide-s--justify-content-space-between_1b3te_203","LayoutFlex--wide-s--justify-content-space-around":"_LayoutFlex--wide-s--justify-content-space-around_1b3te_206","LayoutFlex--wide-s--justify-content-space-evenly":"_LayoutFlex--wide-s--justify-content-space-evenly_1b3te_209","LayoutFlex--wide-l--justify-content-center":"_LayoutFlex--wide-l--justify-content-center_1b3te_214","LayoutFlex--wide-l--justify-content-start":"_LayoutFlex--wide-l--justify-content-start_1b3te_217","LayoutFlex--wide-l--justify-content-end":"_LayoutFlex--wide-l--justify-content-end_1b3te_220","LayoutFlex--wide-l--justify-content-space-between":"_LayoutFlex--wide-l--justify-content-space-between_1b3te_223","LayoutFlex--wide-l--justify-content-space-around":"_LayoutFlex--wide-l--justify-content-space-around_1b3te_226","LayoutFlex--wide-l--justify-content-space-evenly":"_LayoutFlex--wide-l--justify-content-space-evenly_1b3te_229","LayoutFlex--align-items-center":"_LayoutFlex--align-items-center_1b3te_233","LayoutFlex--align-items-start":"_LayoutFlex--align-items-start_1b3te_236","LayoutFlex--align-items-end":"_LayoutFlex--align-items-end_1b3te_239","LayoutFlex--align-items-stretch":"_LayoutFlex--align-items-stretch_1b3te_242","LayoutFlex--align-items-baseline":"_LayoutFlex--align-items-baseline_1b3te_245","LayoutFlex--narrow-l--align-items-center":"_LayoutFlex--narrow-l--align-items-center_1b3te_249","LayoutFlex--narrow-l--align-items-start":"_LayoutFlex--narrow-l--align-items-start_1b3te_252","LayoutFlex--narrow-l--align-items-end":"_LayoutFlex--narrow-l--align-items-end_1b3te_255","LayoutFlex--narrow-l--align-items-stretch":"_LayoutFlex--narrow-l--align-items-stretch_1b3te_258","LayoutFlex--narrow-l--align-items-baseline":"_LayoutFlex--narrow-l--align-items-baseline_1b3te_261","LayoutFlex--medium-s--align-items-center":"_LayoutFlex--medium-s--align-items-center_1b3te_266","LayoutFlex--medium-s--align-items-start":"_LayoutFlex--medium-s--align-items-start_1b3te_269","LayoutFlex--medium-s--align-items-end":"_LayoutFlex--medium-s--align-items-end_1b3te_272","LayoutFlex--medium-s--align-items-stretch":"_LayoutFlex--medium-s--align-items-stretch_1b3te_275","LayoutFlex--medium-s--align-items-baseline":"_LayoutFlex--medium-s--align-items-baseline_1b3te_278","LayoutFlex--medium-l--align-items-center":"_LayoutFlex--medium-l--align-items-center_1b3te_283","LayoutFlex--medium-l--align-items-start":"_LayoutFlex--medium-l--align-items-start_1b3te_286","LayoutFlex--medium-l--align-items-end":"_LayoutFlex--medium-l--align-items-end_1b3te_289","LayoutFlex--medium-l--align-items-stretch":"_LayoutFlex--medium-l--align-items-stretch_1b3te_292","LayoutFlex--medium-l--align-items-baseline":"_LayoutFlex--medium-l--align-items-baseline_1b3te_295","LayoutFlex--wide-s--align-items-center":"_LayoutFlex--wide-s--align-items-center_1b3te_300","LayoutFlex--wide-s--align-items-start":"_LayoutFlex--wide-s--align-items-start_1b3te_303","LayoutFlex--wide-s--align-items-end":"_LayoutFlex--wide-s--align-items-end_1b3te_306","LayoutFlex--wide-s--align-items-stretch":"_LayoutFlex--wide-s--align-items-stretch_1b3te_309","LayoutFlex--wide-s--align-items-baseline":"_LayoutFlex--wide-s--align-items-baseline_1b3te_312","LayoutFlex--wide-l--align-items-center":"_LayoutFlex--wide-l--align-items-center_1b3te_317","LayoutFlex--wide-l--align-items-start":"_LayoutFlex--wide-l--align-items-start_1b3te_320","LayoutFlex--wide-l--align-items-end":"_LayoutFlex--wide-l--align-items-end_1b3te_323","LayoutFlex--wide-l--align-items-stretch":"_LayoutFlex--wide-l--align-items-stretch_1b3te_326","LayoutFlex--wide-l--align-items-baseline":"_LayoutFlex--wide-l--align-items-baseline_1b3te_329"},I="LayoutFlex",R=(u,n)=>{const{gap:a=A,padding:i=T,nowrap:e,column:t,reverse:o,direction:l,justifyContent:_,alignItems:r,hide:y,relative:c,inline:m}=n||{},d=l||(!o&&!t?D:void 0),L=`${t?"column":"row"}-${o?"rev":"fwd"}`,x=N(G,I,[h("nowrap",void 0,e),L,s("direction",d),s("justify-content",_),s("align-items",r)]),F=g(a),w=p(i),b=v(y,m?"inline-flex":"flex"),f=C(c);return[...x,...F,...w,...b,...f]},J=({column:u,reverse:n,children:a,dataset:i,...e})=>{const t=R("flex",{column:u,reverse:n,...e}),{tag:o=E}=e,l={className:t.join(" "),...U(i,{preplyDsComponent:O.LayoutFlex})};return j.jsx(o,{...l,children:a})};export{J as L};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._LayoutFlex_1b3te_4{list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;display:flex;flex-wrap:wrap;margin:0;padding:0}._LayoutFlex--nowrap_1b3te_15{flex-wrap:nowrap}._LayoutFlex--inline_1b3te_18{display:inline-flex}._LayoutFlex--row-fwd_1b3te_21{flex-direction:row}._LayoutFlex--row-rev_1b3te_24{flex-direction:row-reverse}._LayoutFlex--column-fwd_1b3te_27{flex-direction:column}._LayoutFlex--column-rev_1b3te_30{flex-direction:column-reverse}._LayoutFlex--direction-column_1b3te_33{flex-direction:column}._LayoutFlex--direction-column-reverse_1b3te_36{flex-direction:column-reverse}._LayoutFlex--direction-row_1b3te_39{flex-direction:row}._LayoutFlex--direction-row-reverse_1b3te_42{flex-direction:row-reverse}@media (min-width: 400px){._LayoutFlex--narrow-l--direction-column_1b3te_46{flex-direction:column}._LayoutFlex--narrow-l--direction-column-reverse_1b3te_49{flex-direction:column-reverse}._LayoutFlex--narrow-l--direction-row_1b3te_52{flex-direction:row}._LayoutFlex--narrow-l--direction-row-reverse_1b3te_55{flex-direction:row-reverse}}@media (min-width: 700px){._LayoutFlex--medium-s--direction-column_1b3te_60{flex-direction:column}._LayoutFlex--medium-s--direction-column-reverse_1b3te_63{flex-direction:column-reverse}._LayoutFlex--medium-s--direction-row_1b3te_66{flex-direction:row}._LayoutFlex--medium-s--direction-row-reverse_1b3te_69{flex-direction:row-reverse}}@media (min-width: 880px){._LayoutFlex--medium-l--direction-column_1b3te_74{flex-direction:column}._LayoutFlex--medium-l--direction-column-reverse_1b3te_77{flex-direction:column-reverse}._LayoutFlex--medium-l--direction-row_1b3te_80{flex-direction:row}._LayoutFlex--medium-l--direction-row-reverse_1b3te_83{flex-direction:row-reverse}}@media (min-width: 1200px){._LayoutFlex--wide-s--direction-column_1b3te_88{flex-direction:column}._LayoutFlex--wide-s--direction-column-reverse_1b3te_91{flex-direction:column-reverse}._LayoutFlex--wide-s--direction-row_1b3te_94{flex-direction:row}._LayoutFlex--wide-s--direction-row-reverse_1b3te_97{flex-direction:row-reverse}}@media (min-width: 1900px){._LayoutFlex--wide-l--direction-column_1b3te_102{flex-direction:column}._LayoutFlex--wide-l--direction-column-reverse_1b3te_105{flex-direction:column-reverse}._LayoutFlex--wide-l--direction-row_1b3te_108{flex-direction:row}._LayoutFlex--wide-l--direction-row-reverse_1b3te_111{flex-direction:row-reverse}}._LayoutFlex--justify-content-center_1b3te_115{justify-content:center}._LayoutFlex--justify-content-start_1b3te_118{justify-content:flex-start}._LayoutFlex--justify-content-end_1b3te_121{justify-content:flex-end}._LayoutFlex--justify-content-space-between_1b3te_124{justify-content:space-between}._LayoutFlex--justify-content-space-around_1b3te_127{justify-content:space-around}._LayoutFlex--justify-content-space-evenly_1b3te_130{justify-content:space-evenly}@media (min-width: 400px){._LayoutFlex--narrow-l--justify-content-center_1b3te_134{justify-content:center}._LayoutFlex--narrow-l--justify-content-start_1b3te_137{justify-content:flex-start}._LayoutFlex--narrow-l--justify-content-end_1b3te_140{justify-content:flex-end}._LayoutFlex--narrow-l--justify-content-space-between_1b3te_143{justify-content:space-between}._LayoutFlex--narrow-l--justify-content-space-around_1b3te_146{justify-content:space-around}._LayoutFlex--narrow-l--justify-content-space-evenly_1b3te_149{justify-content:space-evenly}}@media (min-width: 700px){._LayoutFlex--medium-s--justify-content-center_1b3te_154{justify-content:center}._LayoutFlex--medium-s--justify-content-start_1b3te_157{justify-content:flex-start}._LayoutFlex--medium-s--justify-content-end_1b3te_160{justify-content:flex-end}._LayoutFlex--medium-s--justify-content-space-between_1b3te_163{justify-content:space-between}._LayoutFlex--medium-s--justify-content-space-around_1b3te_166{justify-content:space-around}._LayoutFlex--medium-s--justify-content-space-evenly_1b3te_169{justify-content:space-evenly}}@media (min-width: 880px){._LayoutFlex--medium-l--justify-content-center_1b3te_174{justify-content:center}._LayoutFlex--medium-l--justify-content-start_1b3te_177{justify-content:flex-start}._LayoutFlex--medium-l--justify-content-end_1b3te_180{justify-content:flex-end}._LayoutFlex--medium-l--justify-content-space-between_1b3te_183{justify-content:space-between}._LayoutFlex--medium-l--justify-content-space-around_1b3te_186{justify-content:space-around}._LayoutFlex--medium-l--justify-content-space-evenly_1b3te_189{justify-content:space-evenly}}@media (min-width: 1200px){._LayoutFlex--wide-s--justify-content-center_1b3te_194{justify-content:center}._LayoutFlex--wide-s--justify-content-start_1b3te_197{justify-content:flex-start}._LayoutFlex--wide-s--justify-content-end_1b3te_200{justify-content:flex-end}._LayoutFlex--wide-s--justify-content-space-between_1b3te_203{justify-content:space-between}._LayoutFlex--wide-s--justify-content-space-around_1b3te_206{justify-content:space-around}._LayoutFlex--wide-s--justify-content-space-evenly_1b3te_209{justify-content:space-evenly}}@media (min-width: 1900px){._LayoutFlex--wide-l--justify-content-center_1b3te_214{justify-content:center}._LayoutFlex--wide-l--justify-content-start_1b3te_217{justify-content:flex-start}._LayoutFlex--wide-l--justify-content-end_1b3te_220{justify-content:flex-end}._LayoutFlex--wide-l--justify-content-space-between_1b3te_223{justify-content:space-between}._LayoutFlex--wide-l--justify-content-space-around_1b3te_226{justify-content:space-around}._LayoutFlex--wide-l--justify-content-space-evenly_1b3te_229{justify-content:space-evenly}}._LayoutFlex--align-items-center_1b3te_233{align-items:center}._LayoutFlex--align-items-start_1b3te_236{align-items:flex-start}._LayoutFlex--align-items-end_1b3te_239{align-items:flex-end}._LayoutFlex--align-items-stretch_1b3te_242{align-items:stretch}._LayoutFlex--align-items-baseline_1b3te_245{align-items:baseline}@media (min-width: 400px){._LayoutFlex--narrow-l--align-items-center_1b3te_249{align-items:center}._LayoutFlex--narrow-l--align-items-start_1b3te_252{align-items:flex-start}._LayoutFlex--narrow-l--align-items-end_1b3te_255{align-items:flex-end}._LayoutFlex--narrow-l--align-items-stretch_1b3te_258{align-items:stretch}._LayoutFlex--narrow-l--align-items-baseline_1b3te_261{align-items:baseline}}@media (min-width: 700px){._LayoutFlex--medium-s--align-items-center_1b3te_266{align-items:center}._LayoutFlex--medium-s--align-items-start_1b3te_269{align-items:flex-start}._LayoutFlex--medium-s--align-items-end_1b3te_272{align-items:flex-end}._LayoutFlex--medium-s--align-items-stretch_1b3te_275{align-items:stretch}._LayoutFlex--medium-s--align-items-baseline_1b3te_278{align-items:baseline}}@media (min-width: 880px){._LayoutFlex--medium-l--align-items-center_1b3te_283{align-items:center}._LayoutFlex--medium-l--align-items-start_1b3te_286{align-items:flex-start}._LayoutFlex--medium-l--align-items-end_1b3te_289{align-items:flex-end}._LayoutFlex--medium-l--align-items-stretch_1b3te_292{align-items:stretch}._LayoutFlex--medium-l--align-items-baseline_1b3te_295{align-items:baseline}}@media (min-width: 1200px){._LayoutFlex--wide-s--align-items-center_1b3te_300{align-items:center}._LayoutFlex--wide-s--align-items-start_1b3te_303{align-items:flex-start}._LayoutFlex--wide-s--align-items-end_1b3te_306{align-items:flex-end}._LayoutFlex--wide-s--align-items-stretch_1b3te_309{align-items:stretch}._LayoutFlex--wide-s--align-items-baseline_1b3te_312{align-items:baseline}}@media (min-width: 1900px){._LayoutFlex--wide-l--align-items-center_1b3te_317{align-items:center}._LayoutFlex--wide-l--align-items-start_1b3te_320{align-items:flex-start}._LayoutFlex--wide-l--align-items-end_1b3te_323{align-items:flex-end}._LayoutFlex--wide-l--align-items-stretch_1b3te_326{align-items:stretch}._LayoutFlex--wide-l--align-items-baseline_1b3te_329{align-items:baseline}}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-CKrituN3.js";import{g as v}from"./align-self-bURpNU3k.js";import{a as g,b as C}from"./layout-relative-mMzJCmVd.js";import{m as b,b as k,g as w,L as N}from"./classNames-Cqk1oqv4.js";import{w as s}from"./componentNames-BSriaIOD.js";import{L as i}from"./LayoutFlex-4LBfyC68.js";import{S as j}from"./StoryContextDSWeb-CViICLux.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./constants-DYYVurUY.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-BvHSkgDA.js";import"./useTheme-ByES4oDS.js";import"./constants-mdQROz_Y.js";const S="_LayoutFlexItem_1lxv6_2",A={LayoutFlexItem:S,"LayoutFlexItem--stretch":"_LayoutFlexItem--stretch_1lxv6_11","LayoutFlexItem--no-stretch":"_LayoutFlexItem--no-stretch_1lxv6_14","LayoutFlexItem--narrow-l--stretch":"_LayoutFlexItem--narrow-l--stretch_1lxv6_18","LayoutFlexItem--narrow-l--no-stretch":"_LayoutFlexItem--narrow-l--no-stretch_1lxv6_21","LayoutFlexItem--medium-s--stretch":"_LayoutFlexItem--medium-s--stretch_1lxv6_26","LayoutFlexItem--medium-s--no-stretch":"_LayoutFlexItem--medium-s--no-stretch_1lxv6_29","LayoutFlexItem--medium-l--stretch":"_LayoutFlexItem--medium-l--stretch_1lxv6_34","LayoutFlexItem--medium-l--no-stretch":"_LayoutFlexItem--medium-l--no-stretch_1lxv6_37","LayoutFlexItem--wide-s--stretch":"_LayoutFlexItem--wide-s--stretch_1lxv6_42","LayoutFlexItem--wide-s--no-stretch":"_LayoutFlexItem--wide-s--no-stretch_1lxv6_45","LayoutFlexItem--wide-l--stretch":"_LayoutFlexItem--wide-l--stretch_1lxv6_50","LayoutFlexItem--wide-l--no-stretch":"_LayoutFlexItem--wide-l--no-stretch_1lxv6_53"},a=({children:o,alignSelf:m,stretch:u=!1,tag:d,hide:c,relative:x,dataset:p})=>{const y=b(A,s.LayoutFlexItem,k("stretch","no-stretch",u)),h=v(m),_=g(c),L=C(x),F=[...y,...h,..._,...L],I=d??N,f={className:F.join(" "),...w(p,{preplyDsComponent:s.LayoutFlexItem})};return e.jsx(I,{...f,children:o})};try{a.displayName="LayoutFlexItem",a.__docgenInfo={description:"",displayName:"LayoutFlexItem",props:{alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"Responsive<LayoutAlignSelf> | undefined"}},stretch:{defaultValue:{value:"false"},description:"",name:"stretch",required:!1,type:{name:"Responsive<boolean> | undefined"}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"LayoutTag | undefined"}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"Responsive<boolean> | undefined"}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"Responsive<boolean> | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}}}}}catch{}const z={title:"components/LayoutFlex",component:i,subcomponents:{LayoutFlexItem:a},decorators:[o=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(j,{theme:"tokyo-ui",children:o()})})]},t=()=>e.jsxs(i,{gap:"xs",children:[e.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink"},children:" "}),e.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink"},children:" "}),e.jsx(a,{stretch:!0,children:e.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink",textAlign:"center"},children:"stretch"})})]});t.storyName="LayoutFlex";var l,r,n;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`() => <LayoutFlex gap="xs">
|
|
2
|
+
<div style={{
|
|
3
|
+
minWidth: '100px',
|
|
4
|
+
backgroundColor: 'hotpink'
|
|
5
|
+
}}> </div>
|
|
6
|
+
<div style={{
|
|
7
|
+
minWidth: '100px',
|
|
8
|
+
backgroundColor: 'hotpink'
|
|
9
|
+
}}> </div>
|
|
10
|
+
<LayoutFlexItem stretch>
|
|
11
|
+
<div style={{
|
|
12
|
+
minWidth: '100px',
|
|
13
|
+
backgroundColor: 'hotpink',
|
|
14
|
+
textAlign: 'center'
|
|
15
|
+
}}>
|
|
16
|
+
stretch
|
|
17
|
+
</div>
|
|
18
|
+
</LayoutFlexItem>
|
|
19
|
+
</LayoutFlex>`,...(n=(r=t.parameters)==null?void 0:r.docs)==null?void 0:n.source}}};const J=["Base"];export{t as Base,J as __namedExportsOrder,z as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._LayoutGridItem_2tq6r_1{margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;padding:0}._LayoutGrid_23krq_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_23krq_14{justify-content:center}._LayoutGrid--justify-content-start_23krq_17{justify-content:start}._LayoutGrid--justify-content-end_23krq_20{justify-content:end}._LayoutGrid--justify-content-space-between_23krq_23{justify-content:space-between}._LayoutGrid--justify-content-space-around_23krq_26{justify-content:space-around}._LayoutGrid--justify-content-space-evenly_23krq_29{justify-content:space-evenly}@media (min-width: 400px){._LayoutGrid--narrow-l--justify-content-center_23krq_33{justify-content:center}._LayoutGrid--narrow-l--justify-content-start_23krq_36{justify-content:start}._LayoutGrid--narrow-l--justify-content-end_23krq_39{justify-content:end}._LayoutGrid--narrow-l--justify-content-space-between_23krq_42{justify-content:space-between}._LayoutGrid--narrow-l--justify-content-space-around_23krq_45{justify-content:space-around}._LayoutGrid--narrow-l--justify-content-space-evenly_23krq_48{justify-content:space-evenly}}@media (min-width: 700px){._LayoutGrid--medium-s--justify-content-center_23krq_53{justify-content:center}._LayoutGrid--medium-s--justify-content-start_23krq_56{justify-content:start}._LayoutGrid--medium-s--justify-content-end_23krq_59{justify-content:end}._LayoutGrid--medium-s--justify-content-space-between_23krq_62{justify-content:space-between}._LayoutGrid--medium-s--justify-content-space-around_23krq_65{justify-content:space-around}._LayoutGrid--medium-s--justify-content-space-evenly_23krq_68{justify-content:space-evenly}}@media (min-width: 880px){._LayoutGrid--medium-l--justify-content-center_23krq_73{justify-content:center}._LayoutGrid--medium-l--justify-content-start_23krq_76{justify-content:start}._LayoutGrid--medium-l--justify-content-end_23krq_79{justify-content:end}._LayoutGrid--medium-l--justify-content-space-between_23krq_82{justify-content:space-between}._LayoutGrid--medium-l--justify-content-space-around_23krq_85{justify-content:space-around}._LayoutGrid--medium-l--justify-content-space-evenly_23krq_88{justify-content:space-evenly}}@media (min-width: 1200px){._LayoutGrid--wide-s--justify-content-center_23krq_93{justify-content:center}._LayoutGrid--wide-s--justify-content-start_23krq_96{justify-content:start}._LayoutGrid--wide-s--justify-content-end_23krq_99{justify-content:end}._LayoutGrid--wide-s--justify-content-space-between_23krq_102{justify-content:space-between}._LayoutGrid--wide-s--justify-content-space-around_23krq_105{justify-content:space-around}._LayoutGrid--wide-s--justify-content-space-evenly_23krq_108{justify-content:space-evenly}}@media (min-width: 1900px){._LayoutGrid--wide-l--justify-content-center_23krq_113{justify-content:center}._LayoutGrid--wide-l--justify-content-start_23krq_116{justify-content:start}._LayoutGrid--wide-l--justify-content-end_23krq_119{justify-content:end}._LayoutGrid--wide-l--justify-content-space-between_23krq_122{justify-content:space-between}._LayoutGrid--wide-l--justify-content-space-around_23krq_125{justify-content:space-around}._LayoutGrid--wide-l--justify-content-space-evenly_23krq_128{justify-content:space-evenly}}._LayoutGrid--align-items-center_23krq_132{align-items:center}._LayoutGrid--align-items-start_23krq_135{align-items:start}._LayoutGrid--align-items-end_23krq_138{align-items:end}._LayoutGrid--align-items-stretch_23krq_141{align-items:stretch}._LayoutGrid--align-items-baseline_23krq_144{align-items:baseline}@media (min-width: 400px){._LayoutGrid--narrow-l--align-items-center_23krq_148{align-items:center}._LayoutGrid--narrow-l--align-items-start_23krq_151{align-items:start}._LayoutGrid--narrow-l--align-items-end_23krq_154{align-items:end}._LayoutGrid--narrow-l--align-items-stretch_23krq_157{align-items:stretch}._LayoutGrid--narrow-l--align-items-baseline_23krq_160{align-items:baseline}}@media (min-width: 700px){._LayoutGrid--medium-s--align-items-center_23krq_165{align-items:center}._LayoutGrid--medium-s--align-items-start_23krq_168{align-items:start}._LayoutGrid--medium-s--align-items-end_23krq_171{align-items:end}._LayoutGrid--medium-s--align-items-stretch_23krq_174{align-items:stretch}._LayoutGrid--medium-s--align-items-baseline_23krq_177{align-items:baseline}}@media (min-width: 880px){._LayoutGrid--medium-l--align-items-center_23krq_182{align-items:center}._LayoutGrid--medium-l--align-items-start_23krq_185{align-items:start}._LayoutGrid--medium-l--align-items-end_23krq_188{align-items:end}._LayoutGrid--medium-l--align-items-stretch_23krq_191{align-items:stretch}._LayoutGrid--medium-l--align-items-baseline_23krq_194{align-items:baseline}}@media (min-width: 1200px){._LayoutGrid--wide-s--align-items-center_23krq_199{align-items:center}._LayoutGrid--wide-s--align-items-start_23krq_202{align-items:start}._LayoutGrid--wide-s--align-items-end_23krq_205{align-items:end}._LayoutGrid--wide-s--align-items-stretch_23krq_208{align-items:stretch}._LayoutGrid--wide-s--align-items-baseline_23krq_211{align-items:baseline}}@media (min-width: 1900px){._LayoutGrid--wide-l--align-items-center_23krq_216{align-items:center}._LayoutGrid--wide-l--align-items-start_23krq_219{align-items:start}._LayoutGrid--wide-l--align-items-end_23krq_222{align-items:end}._LayoutGrid--wide-l--align-items-stretch_23krq_225{align-items:stretch}._LayoutGrid--wide-l--align-items-baseline_23krq_228{align-items:baseline}}._LayoutGrid--justify-items-stretch_23krq_232{justify-items:stretch}._LayoutGrid--justify-items-center_23krq_235{justify-items:center}._LayoutGrid--justify-items-start_23krq_238{justify-items:start}._LayoutGrid--justify-items-end_23krq_241{justify-items:end}@media (min-width: 400px){._LayoutGrid--narrow-l--justify-items-stretch_23krq_245{justify-items:stretch}._LayoutGrid--narrow-l--justify-items-center_23krq_248{justify-items:center}._LayoutGrid--narrow-l--justify-items-start_23krq_251{justify-items:start}._LayoutGrid--narrow-l--justify-items-end_23krq_254{justify-items:end}}@media (min-width: 700px){._LayoutGrid--medium-s--justify-items-stretch_23krq_259{justify-items:stretch}._LayoutGrid--medium-s--justify-items-center_23krq_262{justify-items:center}._LayoutGrid--medium-s--justify-items-start_23krq_265{justify-items:start}._LayoutGrid--medium-s--justify-items-end_23krq_268{justify-items:end}}@media (min-width: 880px){._LayoutGrid--medium-l--justify-items-stretch_23krq_273{justify-items:stretch}._LayoutGrid--medium-l--justify-items-center_23krq_276{justify-items:center}._LayoutGrid--medium-l--justify-items-start_23krq_279{justify-items:start}._LayoutGrid--medium-l--justify-items-end_23krq_282{justify-items:end}}@media (min-width: 1200px){._LayoutGrid--wide-s--justify-items-stretch_23krq_287{justify-items:stretch}._LayoutGrid--wide-s--justify-items-center_23krq_290{justify-items:center}._LayoutGrid--wide-s--justify-items-start_23krq_293{justify-items:start}._LayoutGrid--wide-s--justify-items-end_23krq_296{justify-items:end}}@media (min-width: 1900px){._LayoutGrid--wide-l--justify-items-stretch_23krq_301{justify-items:stretch}._LayoutGrid--wide-l--justify-items-center_23krq_304{justify-items:center}._LayoutGrid--wide-l--justify-items-start_23krq_307{justify-items:start}._LayoutGrid--wide-l--justify-items-end_23krq_310{justify-items:end}}._LayoutGrid--columns_23krq_314{grid-template-columns:var(--columns)}@media (min-width: 400px){._LayoutGrid--columns-narrow-l_23krq_318{grid-template-columns:var(--columns-narrow-l)}}@media (min-width: 700px){._LayoutGrid--columns-medium-s_23krq_323{grid-template-columns:var(--columns-medium-s)}}@media (min-width: 880px){._LayoutGrid--columns-medium-l_23krq_328{grid-template-columns:var(--columns-medium-l)}}@media (min-width: 1200px){._LayoutGrid--columns-wide-s_23krq_333{grid-template-columns:var(--columns-wide-s)}}@media (min-width: 1900px){._LayoutGrid--columns-wide-l_23krq_338{grid-template-columns:var(--columns-wide-l)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as f}from"./jsx-runtime-CKrituN3.js";import{d as j,m as w,s as o,h as k,i as q,g,L as p}from"./classNames-Cqk1oqv4.js";import{B as b}from"./breakpoints-BfMlrtxE.js";import{g as h,a as C,b as N,c as v}from"./layout-relative-qgYNk7GR.js";import{w as A}from"./componentNames-BSriaIOD.js";const T="_LayoutGrid_23krq_4",m={LayoutGrid:T,"LayoutGrid--justify-content-center":"_LayoutGrid--justify-content-center_23krq_14","LayoutGrid--justify-content-start":"_LayoutGrid--justify-content-start_23krq_17","LayoutGrid--justify-content-end":"_LayoutGrid--justify-content-end_23krq_20","LayoutGrid--justify-content-space-between":"_LayoutGrid--justify-content-space-between_23krq_23","LayoutGrid--justify-content-space-around":"_LayoutGrid--justify-content-space-around_23krq_26","LayoutGrid--justify-content-space-evenly":"_LayoutGrid--justify-content-space-evenly_23krq_29","LayoutGrid--narrow-l--justify-content-center":"_LayoutGrid--narrow-l--justify-content-center_23krq_33","LayoutGrid--narrow-l--justify-content-start":"_LayoutGrid--narrow-l--justify-content-start_23krq_36","LayoutGrid--narrow-l--justify-content-end":"_LayoutGrid--narrow-l--justify-content-end_23krq_39","LayoutGrid--narrow-l--justify-content-space-between":"_LayoutGrid--narrow-l--justify-content-space-between_23krq_42","LayoutGrid--narrow-l--justify-content-space-around":"_LayoutGrid--narrow-l--justify-content-space-around_23krq_45","LayoutGrid--narrow-l--justify-content-space-evenly":"_LayoutGrid--narrow-l--justify-content-space-evenly_23krq_48","LayoutGrid--medium-s--justify-content-center":"_LayoutGrid--medium-s--justify-content-center_23krq_53","LayoutGrid--medium-s--justify-content-start":"_LayoutGrid--medium-s--justify-content-start_23krq_56","LayoutGrid--medium-s--justify-content-end":"_LayoutGrid--medium-s--justify-content-end_23krq_59","LayoutGrid--medium-s--justify-content-space-between":"_LayoutGrid--medium-s--justify-content-space-between_23krq_62","LayoutGrid--medium-s--justify-content-space-around":"_LayoutGrid--medium-s--justify-content-space-around_23krq_65","LayoutGrid--medium-s--justify-content-space-evenly":"_LayoutGrid--medium-s--justify-content-space-evenly_23krq_68","LayoutGrid--medium-l--justify-content-center":"_LayoutGrid--medium-l--justify-content-center_23krq_73","LayoutGrid--medium-l--justify-content-start":"_LayoutGrid--medium-l--justify-content-start_23krq_76","LayoutGrid--medium-l--justify-content-end":"_LayoutGrid--medium-l--justify-content-end_23krq_79","LayoutGrid--medium-l--justify-content-space-between":"_LayoutGrid--medium-l--justify-content-space-between_23krq_82","LayoutGrid--medium-l--justify-content-space-around":"_LayoutGrid--medium-l--justify-content-space-around_23krq_85","LayoutGrid--medium-l--justify-content-space-evenly":"_LayoutGrid--medium-l--justify-content-space-evenly_23krq_88","LayoutGrid--wide-s--justify-content-center":"_LayoutGrid--wide-s--justify-content-center_23krq_93","LayoutGrid--wide-s--justify-content-start":"_LayoutGrid--wide-s--justify-content-start_23krq_96","LayoutGrid--wide-s--justify-content-end":"_LayoutGrid--wide-s--justify-content-end_23krq_99","LayoutGrid--wide-s--justify-content-space-between":"_LayoutGrid--wide-s--justify-content-space-between_23krq_102","LayoutGrid--wide-s--justify-content-space-around":"_LayoutGrid--wide-s--justify-content-space-around_23krq_105","LayoutGrid--wide-s--justify-content-space-evenly":"_LayoutGrid--wide-s--justify-content-space-evenly_23krq_108","LayoutGrid--wide-l--justify-content-center":"_LayoutGrid--wide-l--justify-content-center_23krq_113","LayoutGrid--wide-l--justify-content-start":"_LayoutGrid--wide-l--justify-content-start_23krq_116","LayoutGrid--wide-l--justify-content-end":"_LayoutGrid--wide-l--justify-content-end_23krq_119","LayoutGrid--wide-l--justify-content-space-between":"_LayoutGrid--wide-l--justify-content-space-between_23krq_122","LayoutGrid--wide-l--justify-content-space-around":"_LayoutGrid--wide-l--justify-content-space-around_23krq_125","LayoutGrid--wide-l--justify-content-space-evenly":"_LayoutGrid--wide-l--justify-content-space-evenly_23krq_128","LayoutGrid--align-items-center":"_LayoutGrid--align-items-center_23krq_132","LayoutGrid--align-items-start":"_LayoutGrid--align-items-start_23krq_135","LayoutGrid--align-items-end":"_LayoutGrid--align-items-end_23krq_138","LayoutGrid--align-items-stretch":"_LayoutGrid--align-items-stretch_23krq_141","LayoutGrid--align-items-baseline":"_LayoutGrid--align-items-baseline_23krq_144","LayoutGrid--narrow-l--align-items-center":"_LayoutGrid--narrow-l--align-items-center_23krq_148","LayoutGrid--narrow-l--align-items-start":"_LayoutGrid--narrow-l--align-items-start_23krq_151","LayoutGrid--narrow-l--align-items-end":"_LayoutGrid--narrow-l--align-items-end_23krq_154","LayoutGrid--narrow-l--align-items-stretch":"_LayoutGrid--narrow-l--align-items-stretch_23krq_157","LayoutGrid--narrow-l--align-items-baseline":"_LayoutGrid--narrow-l--align-items-baseline_23krq_160","LayoutGrid--medium-s--align-items-center":"_LayoutGrid--medium-s--align-items-center_23krq_165","LayoutGrid--medium-s--align-items-start":"_LayoutGrid--medium-s--align-items-start_23krq_168","LayoutGrid--medium-s--align-items-end":"_LayoutGrid--medium-s--align-items-end_23krq_171","LayoutGrid--medium-s--align-items-stretch":"_LayoutGrid--medium-s--align-items-stretch_23krq_174","LayoutGrid--medium-s--align-items-baseline":"_LayoutGrid--medium-s--align-items-baseline_23krq_177","LayoutGrid--medium-l--align-items-center":"_LayoutGrid--medium-l--align-items-center_23krq_182","LayoutGrid--medium-l--align-items-start":"_LayoutGrid--medium-l--align-items-start_23krq_185","LayoutGrid--medium-l--align-items-end":"_LayoutGrid--medium-l--align-items-end_23krq_188","LayoutGrid--medium-l--align-items-stretch":"_LayoutGrid--medium-l--align-items-stretch_23krq_191","LayoutGrid--medium-l--align-items-baseline":"_LayoutGrid--medium-l--align-items-baseline_23krq_194","LayoutGrid--wide-s--align-items-center":"_LayoutGrid--wide-s--align-items-center_23krq_199","LayoutGrid--wide-s--align-items-start":"_LayoutGrid--wide-s--align-items-start_23krq_202","LayoutGrid--wide-s--align-items-end":"_LayoutGrid--wide-s--align-items-end_23krq_205","LayoutGrid--wide-s--align-items-stretch":"_LayoutGrid--wide-s--align-items-stretch_23krq_208","LayoutGrid--wide-s--align-items-baseline":"_LayoutGrid--wide-s--align-items-baseline_23krq_211","LayoutGrid--wide-l--align-items-center":"_LayoutGrid--wide-l--align-items-center_23krq_216","LayoutGrid--wide-l--align-items-start":"_LayoutGrid--wide-l--align-items-start_23krq_219","LayoutGrid--wide-l--align-items-end":"_LayoutGrid--wide-l--align-items-end_23krq_222","LayoutGrid--wide-l--align-items-stretch":"_LayoutGrid--wide-l--align-items-stretch_23krq_225","LayoutGrid--wide-l--align-items-baseline":"_LayoutGrid--wide-l--align-items-baseline_23krq_228","LayoutGrid--justify-items-stretch":"_LayoutGrid--justify-items-stretch_23krq_232","LayoutGrid--justify-items-center":"_LayoutGrid--justify-items-center_23krq_235","LayoutGrid--justify-items-start":"_LayoutGrid--justify-items-start_23krq_238","LayoutGrid--justify-items-end":"_LayoutGrid--justify-items-end_23krq_241","LayoutGrid--narrow-l--justify-items-stretch":"_LayoutGrid--narrow-l--justify-items-stretch_23krq_245","LayoutGrid--narrow-l--justify-items-center":"_LayoutGrid--narrow-l--justify-items-center_23krq_248","LayoutGrid--narrow-l--justify-items-start":"_LayoutGrid--narrow-l--justify-items-start_23krq_251","LayoutGrid--narrow-l--justify-items-end":"_LayoutGrid--narrow-l--justify-items-end_23krq_254","LayoutGrid--medium-s--justify-items-stretch":"_LayoutGrid--medium-s--justify-items-stretch_23krq_259","LayoutGrid--medium-s--justify-items-center":"_LayoutGrid--medium-s--justify-items-center_23krq_262","LayoutGrid--medium-s--justify-items-start":"_LayoutGrid--medium-s--justify-items-start_23krq_265","LayoutGrid--medium-s--justify-items-end":"_LayoutGrid--medium-s--justify-items-end_23krq_268","LayoutGrid--medium-l--justify-items-stretch":"_LayoutGrid--medium-l--justify-items-stretch_23krq_273","LayoutGrid--medium-l--justify-items-center":"_LayoutGrid--medium-l--justify-items-center_23krq_276","LayoutGrid--medium-l--justify-items-start":"_LayoutGrid--medium-l--justify-items-start_23krq_279","LayoutGrid--medium-l--justify-items-end":"_LayoutGrid--medium-l--justify-items-end_23krq_282","LayoutGrid--wide-s--justify-items-stretch":"_LayoutGrid--wide-s--justify-items-stretch_23krq_287","LayoutGrid--wide-s--justify-items-center":"_LayoutGrid--wide-s--justify-items-center_23krq_290","LayoutGrid--wide-s--justify-items-start":"_LayoutGrid--wide-s--justify-items-start_23krq_293","LayoutGrid--wide-s--justify-items-end":"_LayoutGrid--wide-s--justify-items-end_23krq_296","LayoutGrid--wide-l--justify-items-stretch":"_LayoutGrid--wide-l--justify-items-stretch_23krq_301","LayoutGrid--wide-l--justify-items-center":"_LayoutGrid--wide-l--justify-items-center_23krq_304","LayoutGrid--wide-l--justify-items-start":"_LayoutGrid--wide-l--justify-items-start_23krq_307","LayoutGrid--wide-l--justify-items-end":"_LayoutGrid--wide-l--justify-items-end_23krq_310","LayoutGrid--columns":"_LayoutGrid--columns_23krq_314","LayoutGrid--columns-narrow-l":"_LayoutGrid--columns-narrow-l_23krq_318","LayoutGrid--columns-medium-s":"_LayoutGrid--columns-medium-s_23krq_323","LayoutGrid--columns-medium-l":"_LayoutGrid--columns-medium-l_23krq_328","LayoutGrid--columns-wide-s":"_LayoutGrid--columns-wide-s_23krq_333","LayoutGrid--columns-wide-l":"_LayoutGrid--columns-wide-l_23krq_338"},D="LayoutGrid",I=Object.keys(b),y=t=>typeof t=="number"?`repeat(${t}, 1fr)`:t.join(" "),O=t=>typeof t=="object"&&!Array.isArray(t)?Object.entries(t).reduce((i,[e,r])=>({...i,...r?{[e]:y(r)}:{}}),{_:y(t._)}):{_:y(t)},U=t=>{if(!t)return{classNames:[],style:{}};const i=O(t),e=I.filter(s=>i[s]),r=j(m,D,["columns",...e.map(s=>`columns-${s}`)]),n=e.reduce((s,a)=>({...s,[`--columns-${a}`]:i[a]}),{"--columns":i._});return{classNames:r,style:n}},R="LayoutGrid",E=(t,i)=>{const{gap:e=k,padding:r=q,justifyContent:n,alignItems:s,justifyItems:a,hide:u,relative:_}=i||{},d=w(m,R,[o("justify-content",n),o("align-items",s),o("justify-items",a)]),l=h(e),c=C(r),L=N(u,"grid"),G=v(_);return[...d,...l,...c,...L,...G]},F=({dataset:t,children:i,...e})=>{const{tag:r=p,columns:n}=e,s=E("grid",e),{style:a,classNames:u}=U(n),d={className:[...s,...u].join(" "),...g(t,{preplyDsComponent:A.LayoutGrid})};return f.jsx(r,{...d,style:a,children:i})};export{F as L};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._LayoutGrid_23krq_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_23krq_14{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--justify-content-start_23krq_17{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--justify-content-end_23krq_20{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--justify-content-space-between_23krq_23{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--justify-content-space-around_23krq_26{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--justify-content-space-evenly_23krq_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_23krq_33{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--narrow-l--justify-content-start_23krq_36{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--narrow-l--justify-content-end_23krq_39{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--narrow-l--justify-content-space-between_23krq_42{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--narrow-l--justify-content-space-around_23krq_45{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--narrow-l--justify-content-space-evenly_23krq_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_23krq_53{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--medium-s--justify-content-start_23krq_56{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--medium-s--justify-content-end_23krq_59{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--medium-s--justify-content-space-between_23krq_62{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--medium-s--justify-content-space-around_23krq_65{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--medium-s--justify-content-space-evenly_23krq_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_23krq_73{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--medium-l--justify-content-start_23krq_76{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--medium-l--justify-content-end_23krq_79{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--medium-l--justify-content-space-between_23krq_82{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--medium-l--justify-content-space-around_23krq_85{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--medium-l--justify-content-space-evenly_23krq_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_23krq_93{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--wide-s--justify-content-start_23krq_96{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--wide-s--justify-content-end_23krq_99{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--wide-s--justify-content-space-between_23krq_102{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--wide-s--justify-content-space-around_23krq_105{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--wide-s--justify-content-space-evenly_23krq_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_23krq_113{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--wide-l--justify-content-start_23krq_116{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--wide-l--justify-content-end_23krq_119{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--wide-l--justify-content-space-between_23krq_122{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--wide-l--justify-content-space-around_23krq_125{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--wide-l--justify-content-space-evenly_23krq_128{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}._LayoutGrid--align-items-center_23krq_132{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--align-items-start_23krq_135{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--align-items-end_23krq_138{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--align-items-stretch_23krq_141{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--align-items-baseline_23krq_144{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}@media (min-width: 400px){._LayoutGrid--narrow-l--align-items-center_23krq_148{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--narrow-l--align-items-start_23krq_151{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--narrow-l--align-items-end_23krq_154{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--narrow-l--align-items-stretch_23krq_157{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--narrow-l--align-items-baseline_23krq_160{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 700px){._LayoutGrid--medium-s--align-items-center_23krq_165{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--medium-s--align-items-start_23krq_168{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--medium-s--align-items-end_23krq_171{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--medium-s--align-items-stretch_23krq_174{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--medium-s--align-items-baseline_23krq_177{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 880px){._LayoutGrid--medium-l--align-items-center_23krq_182{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--medium-l--align-items-start_23krq_185{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--medium-l--align-items-end_23krq_188{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--medium-l--align-items-stretch_23krq_191{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--medium-l--align-items-baseline_23krq_194{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 1200px){._LayoutGrid--wide-s--align-items-center_23krq_199{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--wide-s--align-items-start_23krq_202{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--wide-s--align-items-end_23krq_205{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--wide-s--align-items-stretch_23krq_208{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--wide-s--align-items-baseline_23krq_211{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 1900px){._LayoutGrid--wide-l--align-items-center_23krq_216{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--wide-l--align-items-start_23krq_219{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--wide-l--align-items-end_23krq_222{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--wide-l--align-items-stretch_23krq_225{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--wide-l--align-items-baseline_23krq_228{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}._LayoutGrid--justify-items-stretch_23krq_232{justify-items:stretch}._LayoutGrid--justify-items-center_23krq_235{justify-items:center}._LayoutGrid--justify-items-start_23krq_238{justify-items:start}._LayoutGrid--justify-items-end_23krq_241{justify-items:end}@media (min-width: 400px){._LayoutGrid--narrow-l--justify-items-stretch_23krq_245{justify-items:stretch}._LayoutGrid--narrow-l--justify-items-center_23krq_248{justify-items:center}._LayoutGrid--narrow-l--justify-items-start_23krq_251{justify-items:start}._LayoutGrid--narrow-l--justify-items-end_23krq_254{justify-items:end}}@media (min-width: 700px){._LayoutGrid--medium-s--justify-items-stretch_23krq_259{justify-items:stretch}._LayoutGrid--medium-s--justify-items-center_23krq_262{justify-items:center}._LayoutGrid--medium-s--justify-items-start_23krq_265{justify-items:start}._LayoutGrid--medium-s--justify-items-end_23krq_268{justify-items:end}}@media (min-width: 880px){._LayoutGrid--medium-l--justify-items-stretch_23krq_273{justify-items:stretch}._LayoutGrid--medium-l--justify-items-center_23krq_276{justify-items:center}._LayoutGrid--medium-l--justify-items-start_23krq_279{justify-items:start}._LayoutGrid--medium-l--justify-items-end_23krq_282{justify-items:end}}@media (min-width: 1200px){._LayoutGrid--wide-s--justify-items-stretch_23krq_287{justify-items:stretch}._LayoutGrid--wide-s--justify-items-center_23krq_290{justify-items:center}._LayoutGrid--wide-s--justify-items-start_23krq_293{justify-items:start}._LayoutGrid--wide-s--justify-items-end_23krq_296{justify-items:end}}@media (min-width: 1900px){._LayoutGrid--wide-l--justify-items-stretch_23krq_301{justify-items:stretch}._LayoutGrid--wide-l--justify-items-center_23krq_304{justify-items:center}._LayoutGrid--wide-l--justify-items-start_23krq_307{justify-items:start}._LayoutGrid--wide-l--justify-items-end_23krq_310{justify-items:end}}._LayoutGrid--columns_23krq_314{grid-template-columns:var(--columns)}@media (min-width: 400px){._LayoutGrid--columns-narrow-l_23krq_318{grid-template-columns:var(--columns-narrow-l)}}@media (min-width: 700px){._LayoutGrid--columns-medium-s_23krq_323{grid-template-columns:var(--columns-medium-s)}}@media (min-width: 880px){._LayoutGrid--columns-medium-l_23krq_328{grid-template-columns:var(--columns-medium-l)}}@media (min-width: 1200px){._LayoutGrid--columns-wide-s_23krq_333{grid-template-columns:var(--columns-wide-s)}}@media (min-width: 1900px){._LayoutGrid--columns-wide-l_23krq_338{grid-template-columns:var(--columns-wide-l)}}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-CKrituN3.js";import{g as x}from"./align-self-bURpNU3k.js";import{a as w,b as h,c as S,g as R}from"./layout-relative-mMzJCmVd.js";import{m as b,g as v,L as C,d as A,s as f,h as T,i as V}from"./classNames-Cqk1oqv4.js";import{w as j}from"./componentNames-BSriaIOD.js";import{B as D}from"./breakpoints-BfMlrtxE.js";import{S as O}from"./StoryContextDSWeb-CViICLux.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./constants-DYYVurUY.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-BvHSkgDA.js";import"./useTheme-ByES4oDS.js";import"./constants-mdQROz_Y.js";const U="_LayoutGridItem_2tq6r_1",E={LayoutGridItem:U},l=({children:t,alignSelf:i,tag:s,hide:r,relative:o,dataset:a})=>{const n=b(E,j.LayoutGridItem,[]),u=x(i),m=w(r),d=h(o),c=[...n,...u,...m,...d],L=s??C,G={className:c.join(" "),...v(a,{preplyDsComponent:j.LayoutGridItem})};return e.jsx(L,{...G,children:t})};try{l.displayName="LayoutGridItem",l.__docgenInfo={description:"",displayName:"LayoutGridItem",props:{alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"Responsive<LayoutAlignSelf> | undefined"}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"LayoutTag | undefined"}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"Responsive<boolean> | undefined"}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"Responsive<boolean> | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}}}}}catch{}const $="_LayoutGrid_23krq_4",N={LayoutGrid:$,"LayoutGrid--justify-content-center":"_LayoutGrid--justify-content-center_23krq_14","LayoutGrid--justify-content-start":"_LayoutGrid--justify-content-start_23krq_17","LayoutGrid--justify-content-end":"_LayoutGrid--justify-content-end_23krq_20","LayoutGrid--justify-content-space-between":"_LayoutGrid--justify-content-space-between_23krq_23","LayoutGrid--justify-content-space-around":"_LayoutGrid--justify-content-space-around_23krq_26","LayoutGrid--justify-content-space-evenly":"_LayoutGrid--justify-content-space-evenly_23krq_29","LayoutGrid--narrow-l--justify-content-center":"_LayoutGrid--narrow-l--justify-content-center_23krq_33","LayoutGrid--narrow-l--justify-content-start":"_LayoutGrid--narrow-l--justify-content-start_23krq_36","LayoutGrid--narrow-l--justify-content-end":"_LayoutGrid--narrow-l--justify-content-end_23krq_39","LayoutGrid--narrow-l--justify-content-space-between":"_LayoutGrid--narrow-l--justify-content-space-between_23krq_42","LayoutGrid--narrow-l--justify-content-space-around":"_LayoutGrid--narrow-l--justify-content-space-around_23krq_45","LayoutGrid--narrow-l--justify-content-space-evenly":"_LayoutGrid--narrow-l--justify-content-space-evenly_23krq_48","LayoutGrid--medium-s--justify-content-center":"_LayoutGrid--medium-s--justify-content-center_23krq_53","LayoutGrid--medium-s--justify-content-start":"_LayoutGrid--medium-s--justify-content-start_23krq_56","LayoutGrid--medium-s--justify-content-end":"_LayoutGrid--medium-s--justify-content-end_23krq_59","LayoutGrid--medium-s--justify-content-space-between":"_LayoutGrid--medium-s--justify-content-space-between_23krq_62","LayoutGrid--medium-s--justify-content-space-around":"_LayoutGrid--medium-s--justify-content-space-around_23krq_65","LayoutGrid--medium-s--justify-content-space-evenly":"_LayoutGrid--medium-s--justify-content-space-evenly_23krq_68","LayoutGrid--medium-l--justify-content-center":"_LayoutGrid--medium-l--justify-content-center_23krq_73","LayoutGrid--medium-l--justify-content-start":"_LayoutGrid--medium-l--justify-content-start_23krq_76","LayoutGrid--medium-l--justify-content-end":"_LayoutGrid--medium-l--justify-content-end_23krq_79","LayoutGrid--medium-l--justify-content-space-between":"_LayoutGrid--medium-l--justify-content-space-between_23krq_82","LayoutGrid--medium-l--justify-content-space-around":"_LayoutGrid--medium-l--justify-content-space-around_23krq_85","LayoutGrid--medium-l--justify-content-space-evenly":"_LayoutGrid--medium-l--justify-content-space-evenly_23krq_88","LayoutGrid--wide-s--justify-content-center":"_LayoutGrid--wide-s--justify-content-center_23krq_93","LayoutGrid--wide-s--justify-content-start":"_LayoutGrid--wide-s--justify-content-start_23krq_96","LayoutGrid--wide-s--justify-content-end":"_LayoutGrid--wide-s--justify-content-end_23krq_99","LayoutGrid--wide-s--justify-content-space-between":"_LayoutGrid--wide-s--justify-content-space-between_23krq_102","LayoutGrid--wide-s--justify-content-space-around":"_LayoutGrid--wide-s--justify-content-space-around_23krq_105","LayoutGrid--wide-s--justify-content-space-evenly":"_LayoutGrid--wide-s--justify-content-space-evenly_23krq_108","LayoutGrid--wide-l--justify-content-center":"_LayoutGrid--wide-l--justify-content-center_23krq_113","LayoutGrid--wide-l--justify-content-start":"_LayoutGrid--wide-l--justify-content-start_23krq_116","LayoutGrid--wide-l--justify-content-end":"_LayoutGrid--wide-l--justify-content-end_23krq_119","LayoutGrid--wide-l--justify-content-space-between":"_LayoutGrid--wide-l--justify-content-space-between_23krq_122","LayoutGrid--wide-l--justify-content-space-around":"_LayoutGrid--wide-l--justify-content-space-around_23krq_125","LayoutGrid--wide-l--justify-content-space-evenly":"_LayoutGrid--wide-l--justify-content-space-evenly_23krq_128","LayoutGrid--align-items-center":"_LayoutGrid--align-items-center_23krq_132","LayoutGrid--align-items-start":"_LayoutGrid--align-items-start_23krq_135","LayoutGrid--align-items-end":"_LayoutGrid--align-items-end_23krq_138","LayoutGrid--align-items-stretch":"_LayoutGrid--align-items-stretch_23krq_141","LayoutGrid--align-items-baseline":"_LayoutGrid--align-items-baseline_23krq_144","LayoutGrid--narrow-l--align-items-center":"_LayoutGrid--narrow-l--align-items-center_23krq_148","LayoutGrid--narrow-l--align-items-start":"_LayoutGrid--narrow-l--align-items-start_23krq_151","LayoutGrid--narrow-l--align-items-end":"_LayoutGrid--narrow-l--align-items-end_23krq_154","LayoutGrid--narrow-l--align-items-stretch":"_LayoutGrid--narrow-l--align-items-stretch_23krq_157","LayoutGrid--narrow-l--align-items-baseline":"_LayoutGrid--narrow-l--align-items-baseline_23krq_160","LayoutGrid--medium-s--align-items-center":"_LayoutGrid--medium-s--align-items-center_23krq_165","LayoutGrid--medium-s--align-items-start":"_LayoutGrid--medium-s--align-items-start_23krq_168","LayoutGrid--medium-s--align-items-end":"_LayoutGrid--medium-s--align-items-end_23krq_171","LayoutGrid--medium-s--align-items-stretch":"_LayoutGrid--medium-s--align-items-stretch_23krq_174","LayoutGrid--medium-s--align-items-baseline":"_LayoutGrid--medium-s--align-items-baseline_23krq_177","LayoutGrid--medium-l--align-items-center":"_LayoutGrid--medium-l--align-items-center_23krq_182","LayoutGrid--medium-l--align-items-start":"_LayoutGrid--medium-l--align-items-start_23krq_185","LayoutGrid--medium-l--align-items-end":"_LayoutGrid--medium-l--align-items-end_23krq_188","LayoutGrid--medium-l--align-items-stretch":"_LayoutGrid--medium-l--align-items-stretch_23krq_191","LayoutGrid--medium-l--align-items-baseline":"_LayoutGrid--medium-l--align-items-baseline_23krq_194","LayoutGrid--wide-s--align-items-center":"_LayoutGrid--wide-s--align-items-center_23krq_199","LayoutGrid--wide-s--align-items-start":"_LayoutGrid--wide-s--align-items-start_23krq_202","LayoutGrid--wide-s--align-items-end":"_LayoutGrid--wide-s--align-items-end_23krq_205","LayoutGrid--wide-s--align-items-stretch":"_LayoutGrid--wide-s--align-items-stretch_23krq_208","LayoutGrid--wide-s--align-items-baseline":"_LayoutGrid--wide-s--align-items-baseline_23krq_211","LayoutGrid--wide-l--align-items-center":"_LayoutGrid--wide-l--align-items-center_23krq_216","LayoutGrid--wide-l--align-items-start":"_LayoutGrid--wide-l--align-items-start_23krq_219","LayoutGrid--wide-l--align-items-end":"_LayoutGrid--wide-l--align-items-end_23krq_222","LayoutGrid--wide-l--align-items-stretch":"_LayoutGrid--wide-l--align-items-stretch_23krq_225","LayoutGrid--wide-l--align-items-baseline":"_LayoutGrid--wide-l--align-items-baseline_23krq_228","LayoutGrid--justify-items-stretch":"_LayoutGrid--justify-items-stretch_23krq_232","LayoutGrid--justify-items-center":"_LayoutGrid--justify-items-center_23krq_235","LayoutGrid--justify-items-start":"_LayoutGrid--justify-items-start_23krq_238","LayoutGrid--justify-items-end":"_LayoutGrid--justify-items-end_23krq_241","LayoutGrid--narrow-l--justify-items-stretch":"_LayoutGrid--narrow-l--justify-items-stretch_23krq_245","LayoutGrid--narrow-l--justify-items-center":"_LayoutGrid--narrow-l--justify-items-center_23krq_248","LayoutGrid--narrow-l--justify-items-start":"_LayoutGrid--narrow-l--justify-items-start_23krq_251","LayoutGrid--narrow-l--justify-items-end":"_LayoutGrid--narrow-l--justify-items-end_23krq_254","LayoutGrid--medium-s--justify-items-stretch":"_LayoutGrid--medium-s--justify-items-stretch_23krq_259","LayoutGrid--medium-s--justify-items-center":"_LayoutGrid--medium-s--justify-items-center_23krq_262","LayoutGrid--medium-s--justify-items-start":"_LayoutGrid--medium-s--justify-items-start_23krq_265","LayoutGrid--medium-s--justify-items-end":"_LayoutGrid--medium-s--justify-items-end_23krq_268","LayoutGrid--medium-l--justify-items-stretch":"_LayoutGrid--medium-l--justify-items-stretch_23krq_273","LayoutGrid--medium-l--justify-items-center":"_LayoutGrid--medium-l--justify-items-center_23krq_276","LayoutGrid--medium-l--justify-items-start":"_LayoutGrid--medium-l--justify-items-start_23krq_279","LayoutGrid--medium-l--justify-items-end":"_LayoutGrid--medium-l--justify-items-end_23krq_282","LayoutGrid--wide-s--justify-items-stretch":"_LayoutGrid--wide-s--justify-items-stretch_23krq_287","LayoutGrid--wide-s--justify-items-center":"_LayoutGrid--wide-s--justify-items-center_23krq_290","LayoutGrid--wide-s--justify-items-start":"_LayoutGrid--wide-s--justify-items-start_23krq_293","LayoutGrid--wide-s--justify-items-end":"_LayoutGrid--wide-s--justify-items-end_23krq_296","LayoutGrid--wide-l--justify-items-stretch":"_LayoutGrid--wide-l--justify-items-stretch_23krq_301","LayoutGrid--wide-l--justify-items-center":"_LayoutGrid--wide-l--justify-items-center_23krq_304","LayoutGrid--wide-l--justify-items-start":"_LayoutGrid--wide-l--justify-items-start_23krq_307","LayoutGrid--wide-l--justify-items-end":"_LayoutGrid--wide-l--justify-items-end_23krq_310","LayoutGrid--columns":"_LayoutGrid--columns_23krq_314","LayoutGrid--columns-narrow-l":"_LayoutGrid--columns-narrow-l_23krq_318","LayoutGrid--columns-medium-s":"_LayoutGrid--columns-medium-s_23krq_323","LayoutGrid--columns-medium-l":"_LayoutGrid--columns-medium-l_23krq_328","LayoutGrid--columns-wide-s":"_LayoutGrid--columns-wide-s_23krq_333","LayoutGrid--columns-wide-l":"_LayoutGrid--columns-wide-l_23krq_338"},P="LayoutGrid",Y=Object.keys(D),p=t=>typeof t=="number"?`repeat(${t}, 1fr)`:t.join(" "),z=t=>typeof t=="object"&&!Array.isArray(t)?Object.entries(t).reduce((i,[s,r])=>({...i,...r?{[s]:p(r)}:{}}),{_:p(t._)}):{_:p(t)},B=t=>{if(!t)return{classNames:[],style:{}};const i=z(t),s=Y.filter(a=>i[a]),r=A(N,P,["columns",...s.map(a=>`columns-${a}`)]),o=s.reduce((a,n)=>({...a,[`--columns-${n}`]:i[n]}),{"--columns":i._});return{classNames:r,style:o}},F="LayoutGrid",H=(t,i)=>{const{gap:s=T,padding:r=V,justifyContent:o,alignItems:a,justifyItems:n,hide:u,relative:m}=i||{},d=b(N,F,[f("justify-content",o),f("align-items",a),f("justify-items",n)]),c=S(s),L=R(r),G=w(u,"grid"),I=h(m);return[...d,...c,...L,...G,...I]},_=({dataset:t,children:i,...s})=>{const{tag:r=C,columns:o}=s,a=H("grid",s),{style:n,classNames:u}=B(o),d={className:[...a,...u].join(" "),...v(t,{preplyDsComponent:j.LayoutGrid})};return e.jsx(r,{...d,style:n,children:i})};try{_.displayName="LayoutGrid",_.__docgenInfo={description:"A CSS `grid` wrapper.",displayName:"LayoutGrid",props:{gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"Responsive<LayoutGap> | Responsive<Spacing> | undefined"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"Responsive<ShortHand<LayoutPadding> | ShortHand<Spacing>> | undefined"}},columns:{defaultValue:null,description:"The `number` of columns, or a `string[]` of `grid-template-columns`.\n@see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns}",name:"columns",required:!1,type:{name:"Responsive<number | string[]> | undefined"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"Responsive<LayoutJustifyContent> | undefined"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"Responsive<LayoutAlignItems> | undefined"}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"Responsive<LayoutJustifyItems> | undefined"}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"LayoutTag | undefined"}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"Responsive<boolean> | undefined"}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"Responsive<boolean> | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}}}}}catch{}const ut={title:"components/LayoutGrid",component:_,subcomponents:{LayoutGridItem:l},decorators:[t=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(O,{theme:"tokyo-ui",children:t()})})]},y=()=>e.jsxs(_,{columns:4,alignItems:"start",gap:"xs",children:[e.jsx(l,{children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem"},children:[e.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}}),e.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})]})}),e.jsx(l,{alignSelf:"end",children:e.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})}),e.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}}),e.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})]});y.storyName="LayoutGrid";var g,k,q;y.parameters={...y.parameters,docs:{...(g=y.parameters)==null?void 0:g.docs,source:{originalSource:`() => <LayoutGrid columns={4} alignItems="start" gap="xs">
|
|
2
|
+
<LayoutGridItem>
|
|
3
|
+
<div style={{
|
|
4
|
+
display: 'flex',
|
|
5
|
+
flexDirection: 'column',
|
|
6
|
+
gap: '0.25rem'
|
|
7
|
+
}}>
|
|
8
|
+
<div style={{
|
|
9
|
+
height: '2ch',
|
|
10
|
+
backgroundColor: 'hotpink'
|
|
11
|
+
}} />
|
|
12
|
+
<div style={{
|
|
13
|
+
height: '2ch',
|
|
14
|
+
backgroundColor: 'hotpink'
|
|
15
|
+
}} />
|
|
16
|
+
</div>
|
|
17
|
+
</LayoutGridItem>
|
|
18
|
+
<LayoutGridItem alignSelf="end">
|
|
19
|
+
<div style={{
|
|
20
|
+
height: '2ch',
|
|
21
|
+
backgroundColor: 'hotpink'
|
|
22
|
+
}} />
|
|
23
|
+
</LayoutGridItem>
|
|
24
|
+
<div style={{
|
|
25
|
+
height: '2ch',
|
|
26
|
+
backgroundColor: 'hotpink'
|
|
27
|
+
}} />
|
|
28
|
+
<div style={{
|
|
29
|
+
height: '2ch',
|
|
30
|
+
backgroundColor: 'hotpink'
|
|
31
|
+
}} />
|
|
32
|
+
</LayoutGrid>`,...(q=(k=y.parameters)==null?void 0:k.docs)==null?void 0:q.source}}};const dt=["Base"];export{y as Base,dt as __namedExportsOrder,ut as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._AlignSelf_zwjql_2._AlignSelf--align-self-start_zwjql_2{-ms-flex-item-align:start;align-self:start}._AlignSelf_zwjql_2._AlignSelf--align-self-center_zwjql_5{-ms-flex-item-align:center;align-self:center}._AlignSelf_zwjql_2._AlignSelf--align-self-end_zwjql_8{-ms-flex-item-align:end;align-self:end}._AlignSelf_zwjql_2._AlignSelf--align-self-stretch_zwjql_11{-ms-flex-item-align:stretch;align-self:stretch}@media (min-width: 400px){._AlignSelf_zwjql_2._AlignSelf--narrow-l--align-self-start_zwjql_15{-ms-flex-item-align:start;align-self:start}._AlignSelf_zwjql_2._AlignSelf--narrow-l--align-self-center_zwjql_18{-ms-flex-item-align:center;align-self:center}._AlignSelf_zwjql_2._AlignSelf--narrow-l--align-self-end_zwjql_21{-ms-flex-item-align:end;align-self:end}._AlignSelf_zwjql_2._AlignSelf--narrow-l--align-self-stretch_zwjql_24{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 700px){._AlignSelf_zwjql_2._AlignSelf--medium-s--align-self-start_zwjql_29{-ms-flex-item-align:start;align-self:start}._AlignSelf_zwjql_2._AlignSelf--medium-s--align-self-center_zwjql_32{-ms-flex-item-align:center;align-self:center}._AlignSelf_zwjql_2._AlignSelf--medium-s--align-self-end_zwjql_35{-ms-flex-item-align:end;align-self:end}._AlignSelf_zwjql_2._AlignSelf--medium-s--align-self-stretch_zwjql_38{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 880px){._AlignSelf_zwjql_2._AlignSelf--medium-l--align-self-start_zwjql_43{-ms-flex-item-align:start;align-self:start}._AlignSelf_zwjql_2._AlignSelf--medium-l--align-self-center_zwjql_46{-ms-flex-item-align:center;align-self:center}._AlignSelf_zwjql_2._AlignSelf--medium-l--align-self-end_zwjql_49{-ms-flex-item-align:end;align-self:end}._AlignSelf_zwjql_2._AlignSelf--medium-l--align-self-stretch_zwjql_52{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 1200px){._AlignSelf_zwjql_2._AlignSelf--wide-s--align-self-start_zwjql_57{-ms-flex-item-align:start;align-self:start}._AlignSelf_zwjql_2._AlignSelf--wide-s--align-self-center_zwjql_60{-ms-flex-item-align:center;align-self:center}._AlignSelf_zwjql_2._AlignSelf--wide-s--align-self-end_zwjql_63{-ms-flex-item-align:end;align-self:end}._AlignSelf_zwjql_2._AlignSelf--wide-s--align-self-stretch_zwjql_66{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 1900px){._AlignSelf_zwjql_2._AlignSelf--wide-l--align-self-start_zwjql_71{-ms-flex-item-align:start;align-self:start}._AlignSelf_zwjql_2._AlignSelf--wide-l--align-self-center_zwjql_74{-ms-flex-item-align:center;align-self:center}._AlignSelf_zwjql_2._AlignSelf--wide-l--align-self-end_zwjql_77{-ms-flex-item-align:end;align-self:end}._AlignSelf_zwjql_2._AlignSelf--wide-l--align-self-stretch_zwjql_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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as w}from"./jsx-runtime-CKrituN3.js";import{m as s,s as o,g as c,L as j}from"./classNames-Cqk1oqv4.js";import{b as u,c as q}from"./layout-relative-qgYNk7GR.js";import{w as n}from"./componentNames-BSriaIOD.js";const z="_AlignSelf_zwjql_2",L={AlignSelf:z,"AlignSelf--align-self-start":"_AlignSelf--align-self-start_zwjql_2","AlignSelf--align-self-center":"_AlignSelf--align-self-center_zwjql_5","AlignSelf--align-self-end":"_AlignSelf--align-self-end_zwjql_8","AlignSelf--align-self-stretch":"_AlignSelf--align-self-stretch_zwjql_11","AlignSelf--narrow-l--align-self-start":"_AlignSelf--narrow-l--align-self-start_zwjql_15","AlignSelf--narrow-l--align-self-center":"_AlignSelf--narrow-l--align-self-center_zwjql_18","AlignSelf--narrow-l--align-self-end":"_AlignSelf--narrow-l--align-self-end_zwjql_21","AlignSelf--narrow-l--align-self-stretch":"_AlignSelf--narrow-l--align-self-stretch_zwjql_24","AlignSelf--medium-s--align-self-start":"_AlignSelf--medium-s--align-self-start_zwjql_29","AlignSelf--medium-s--align-self-center":"_AlignSelf--medium-s--align-self-center_zwjql_32","AlignSelf--medium-s--align-self-end":"_AlignSelf--medium-s--align-self-end_zwjql_35","AlignSelf--medium-s--align-self-stretch":"_AlignSelf--medium-s--align-self-stretch_zwjql_38","AlignSelf--medium-l--align-self-start":"_AlignSelf--medium-l--align-self-start_zwjql_43","AlignSelf--medium-l--align-self-center":"_AlignSelf--medium-l--align-self-center_zwjql_46","AlignSelf--medium-l--align-self-end":"_AlignSelf--medium-l--align-self-end_zwjql_49","AlignSelf--medium-l--align-self-stretch":"_AlignSelf--medium-l--align-self-stretch_zwjql_52","AlignSelf--wide-s--align-self-start":"_AlignSelf--wide-s--align-self-start_zwjql_57","AlignSelf--wide-s--align-self-center":"_AlignSelf--wide-s--align-self-center_zwjql_60","AlignSelf--wide-s--align-self-end":"_AlignSelf--wide-s--align-self-end_zwjql_63","AlignSelf--wide-s--align-self-stretch":"_AlignSelf--wide-s--align-self-stretch_zwjql_66","AlignSelf--wide-l--align-self-start":"_AlignSelf--wide-l--align-self-start_zwjql_71","AlignSelf--wide-l--align-self-center":"_AlignSelf--wide-l--align-self-center_zwjql_74","AlignSelf--wide-l--align-self-end":"_AlignSelf--wide-l--align-self-end_zwjql_77","AlignSelf--wide-l--align-self-stretch":"_AlignSelf--wide-l--align-self-stretch_zwjql_80"},h="AlignSelf",p=l=>s(L,h,[o("align-self",l)]),y="_LayoutGridItem_2tq6r_1",C={LayoutGridItem:y},T=({children:l,alignSelf:i,tag:e,hide:a,relative:t,dataset:g})=>{const f=s(C,n.LayoutGridItem,[]),_=p(i),r=u(a),m=q(t),A=[...f,..._,...r,...m],S=e??j,d={className:A.join(" "),...c(g,{preplyDsComponent:n.LayoutGridItem})};return w.jsx(S,{...d,children:l})};export{T as L,p as g};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Link_15r86_4{display:inline-block;border-radius:var(--5eeb28);text-decoration:var(--f13872);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}._Link_15r86_4:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._Link--inline_15r86_21{display:inline}._Link--noUnderline_15r86_24{text-decoration:none}._Link--variant-accentDark_15r86_27{color:var(--c6b68f)}._Link--variant-accentDark_15r86_27:hover,._Link--variant-accentDark--dsInternalSimulation-hover_15r86_31{color:var(--65e1ef)}._Link--variant-accentDark_15r86_27:active,._Link--variant-accentDark--dsInternalSimulation-active_15r86_35{color:var(--179b80)}._Link--variant-accentDarkInverted_15r86_38{color:var(--7cbffc)}._Link--variant-accentDarkInverted_15r86_38:hover,._Link--variant-accentDarkInverted--dsInternalSimulation-hover_15r86_42{color:var(--47fcde)}._Link--variant-accentDarkInverted_15r86_38:active,._Link--variant-accentDarkInverted--dsInternalSimulation-active_15r86_46{color:var(--1253e2)}._Link--variant-neutral_15r86_49{color:var(--19fdf0)}._Link--variant-neutral_15r86_49:hover,._Link--variant-neutral--dsInternalSimulation-hover_15r86_53{color:var(--ce5fb9)}._Link--variant-neutral_15r86_49:active,._Link--variant-neutral--dsInternalSimulation-active_15r86_57{color:var(--1d39ac)}._Link--variant-neutralInverted_15r86_60{color:var(--883d0f)}._Link--variant-neutralInverted_15r86_60:hover,._Link--variant-neutralInverted--dsInternalSimulation-hover_15r86_64{color:var(--065570)}._Link--variant-neutralInverted_15r86_60:active,._Link--variant-neutralInverted--dsInternalSimulation-active_15r86_68{color:var(--be41c4)}._Link--variant-unsetColors_15r86_71{color:var(--e66f2a)}._Link--variant-unsetColors_15r86_71:hover,._Link--variant-unsetColors--dsInternalSimulation-hover_15r86_75{color:var(--468ceb)}._Link--variant-unsetColors_15r86_71:active,._Link--variant-unsetColors--dsInternalSimulation-active_15r86_79{color:var(--a5fc76)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-CKrituN3.js";import{r as N}from"./index-CBqU2yxZ.js";import{u as U}from"./useHostname-B91Ahm0o.js";import{m as E,s as u,b as c,
|
|
1
|
+
import{j as e}from"./jsx-runtime-CKrituN3.js";import{r as N}from"./index-CBqU2yxZ.js";import{u as U}from"./useHostname-B91Ahm0o.js";import{m as E,s as u,b as c,k as P,g as A,l as H}from"./classNames-Cqk1oqv4.js";import{w as p}from"./componentNames-BSriaIOD.js";import{S as R}from"./StoryContextDSWeb-CViICLux.js";import{g as M}from"./getTokenVar-CEGfaPeF.js";import{d as O}from"./tokens-D22H5zrO.js";import"./_commonjsHelpers-BosuxZz1.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-BvHSkgDA.js";import"./useTheme-ByES4oDS.js";import"./constants-mdQROz_Y.js";const W="_Link_15r86_4",$={Link:W,"Link--inline":"_Link--inline_15r86_21","Link--noUnderline":"_Link--noUnderline_15r86_24","Link--variant-accentDark":"_Link--variant-accentDark_15r86_27","Link--variant-accentDark--dsInternalSimulation-hover":"_Link--variant-accentDark--dsInternalSimulation-hover_15r86_31","Link--variant-accentDark--dsInternalSimulation-active":"_Link--variant-accentDark--dsInternalSimulation-active_15r86_35","Link--variant-accentDarkInverted":"_Link--variant-accentDarkInverted_15r86_38","Link--variant-accentDarkInverted--dsInternalSimulation-hover":"_Link--variant-accentDarkInverted--dsInternalSimulation-hover_15r86_42","Link--variant-accentDarkInverted--dsInternalSimulation-active":"_Link--variant-accentDarkInverted--dsInternalSimulation-active_15r86_46","Link--variant-neutral":"_Link--variant-neutral_15r86_49","Link--variant-neutral--dsInternalSimulation-hover":"_Link--variant-neutral--dsInternalSimulation-hover_15r86_53","Link--variant-neutral--dsInternalSimulation-active":"_Link--variant-neutral--dsInternalSimulation-active_15r86_57","Link--variant-neutralInverted":"_Link--variant-neutralInverted_15r86_60","Link--variant-neutralInverted--dsInternalSimulation-hover":"_Link--variant-neutralInverted--dsInternalSimulation-hover_15r86_64","Link--variant-neutralInverted--dsInternalSimulation-active":"_Link--variant-neutralInverted--dsInternalSimulation-active_15r86_68","Link--variant-unsetColors":"_Link--variant-unsetColors_15r86_71","Link--variant-unsetColors--dsInternalSimulation-hover":"_Link--variant-unsetColors--dsInternalSimulation-hover_15r86_75","Link--variant-unsetColors--dsInternalSimulation-active":"_Link--variant-unsetColors--dsInternalSimulation-active_15r86_79"},n=t=>{const{variant:l=H,href:y,download:L,opensInNewTab:I,nofollow:g,assistiveText:x,onClick:S,as:o,url:D,dataset:w,children:s,inline:C,dsInternalSimulation:b,noUnderline:V}=t,T=U(),j=E($,p.Link,[u(`variant-${l}--dsInternalSimulation`,b),u("variant",l),c("inline",void 0,C),c("noUnderline",void 0,V)]),i=y||D,q=i?P(T,i,I,g):{},d={href:i,download:L,"aria-label":x,onClick:S,className:j.join(" "),...A(w,{preplyDsComponent:p.Link})};return o?N.cloneElement(o,{...d},s):e.jsx("a",{...d,...q,children:s})};try{n.displayName="Link",n.__docgenInfo={description:`This is an inline element and will inherit font-size, line-height and
|
|
2
2
|
font-weight from the parent context. If you need to customise any of these
|
|
3
3
|
styles, all you have to do is wrap the <Link> in a Text or TextInline
|
|
4
4
|
component.`,displayName:"Link",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"LinkVariant | undefined"}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string | undefined"}},download:{defaultValue:null,description:`When provided, instructs the browser to download the target (the file
|
|
@@ -27,7 +27,7 @@ of e2e tests or integrating with external libraries.`,name:"dataset",required:!1
|
|
|
27
27
|
unsetColors
|
|
28
28
|
</Link>
|
|
29
29
|
</div>;
|
|
30
|
-
}`,...(k=(v=a.parameters)==null?void 0:v.docs)==null?void 0:k.source}}};var f,h,
|
|
30
|
+
}`,...(k=(v=a.parameters)==null?void 0:v.docs)==null?void 0:k.source}}};var f,h,_;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:`() => <p style={{
|
|
31
31
|
width: '12ch'
|
|
32
32
|
}}>
|
|
33
33
|
Unlock your potential;{' '}
|
|
@@ -35,4 +35,4 @@ of e2e tests or integrating with external libraries.`,name:"dataset",required:!1
|
|
|
35
35
|
visit Preply
|
|
36
36
|
</Link>
|
|
37
37
|
.
|
|
38
|
-
</p>`,...(
|
|
38
|
+
</p>`,...(_=(h=r.parameters)==null?void 0:h.docs)==null?void 0:_.source}}};const ie=["Variants","Inline"];export{r as Inline,a as Variants,ie as __namedExportsOrder,re as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Loader_18quh_2{display:inline-flex;width:fit-content;height:fit-content}._Loader--normal_18quh_7{color:var(--19bcb6)}._Loader--inverted_18quh_10{color:var(--38413d)}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-CKrituN3.js";import{S as _}from"./Spinner-DNhrV5BK.js";import{m as x,b as y,g as v}from"./classNames-Cqk1oqv4.js";import{w as t}from"./componentNames-BSriaIOD.js";import{S as L}from"./StoryContextDSWeb-CViICLux.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-BvHSkgDA.js";import"./useTheme-ByES4oDS.js";import"./constants-mdQROz_Y.js";const g="_Loader_18quh_2",j={Loader:g,"Loader--normal":"_Loader--normal_18quh_7","Loader--inverted":"_Loader--inverted_18quh_10"},a=({size:r,inverted:c=!1,dataset:u})=>{const f={className:x(j,t.Loader,[y("inverted","normal",c)]).join(" "),...v(u,{preplyDsComponent:t.Loader})};return e.jsx("span",{...f,children:e.jsx(_,{size:r})})};try{a.displayName="Loader",a.__docgenInfo={description:"",displayName:"Loader",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"Responsive<SpinnerSize> | undefined"}},inverted:{defaultValue:{value:"false"},description:"",name:"inverted",required:!1,type:{name:"boolean | undefined"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}}}}}catch{}const R={title:"components/Loader",component:a,decorators:[r=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(L,{theme:"tokyo-ui",children:r()})})]},o=()=>e.jsxs("div",{style:{display:"flex",alignItems:"end",gap:"8px"},children:[e.jsx(a,{size:"default"}),e.jsx(a,{size:"large"})]}),s=()=>e.jsx(a,{inverted:!0});s.decorators=[r=>e.jsx("div",{style:{backgroundColor:"black"},children:r()})];var d,n,i;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`() => <div style={{
|
|
2
|
+
display: 'flex',
|
|
3
|
+
alignItems: 'end',
|
|
4
|
+
gap: '8px'
|
|
5
|
+
}}>
|
|
6
|
+
<Loader size="default" />
|
|
7
|
+
<Loader size="large" />
|
|
8
|
+
</div>`,...(i=(n=o.parameters)==null?void 0:n.docs)==null?void 0:i.source}}};var l,p,m;s.parameters={...s.parameters,docs:{...(l=s.parameters)==null?void 0:l.docs,source:{originalSource:"() => <Loader inverted />",...(m=(p=s.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};const O=["Sizes","Inverted"];export{s as Inverted,o as Sizes,O as __namedExportsOrder,R as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as l}from"./jsx-runtime-CKrituN3.js";import{F as N}from"./TokyoUIFav-Dzux4Kv4.js";import{r}from"./index-CBqU2yxZ.js";import{a as F}from"./Button-DbjYNYBx.js";import{I as H}from"./Icon-BUiTj76U.js";import{F as w}from"./FieldLayout-zvK_CKd9.js";import{s as I,u as _,I as k}from"./FieldLayoutBase-i2AdKdts.js";import{m as E}from"./classNames-B6WWIGyy.js";import{w as p}from"./componentNames-IkB29LLe.js";import{u as S}from"./useForcedRef-CC5bJQVj.js";import{u as P}from"./useNumberField-DwLXlsqE.js";import{S as j}from"./StoryContextDSWeb-9fhBg6b_.js";import"./_commonjsHelpers-BosuxZz1.js";import"./render-icon-DsMGBPwY.js";import"./Spinner-DvrIKDeD.js";import"./useHostname-B91Ahm0o.js";import"./index-CC6DAVyL.js";import"./text-accent-BJego494.js";import"./getInputProps-CQF_KcrT.js";import"./FieldAdditionalText-CEWd-pKa.js";import"./constants-DL6gdbsq.js";import"./StorybookGlobalStyle-DuEJScee.js";import"./styled-components.browser.esm-7AiqoWtv.js";import"./RootProvider-36GXWvbu.js";import"./useTheme-BjN7KXjq.js";import"./constants-mdQROz_Y.js";const D=({onChange:e,onValueChange:t,...s},n)=>{const u=E(I,p.InputNumber),o=_(d=>d.target.value?Number(d.target.value):void 0,e,t);return l.jsx(k,{...s,type:"number",ref:n,className:u.join(" "),onChange:o,preplyDsComponent:p.InputNumber})},b=r.forwardRef(D);try{b.displayName="InputNumber",b.__docgenInfo={description:"",displayName:"InputNumber",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean | undefined"}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"boolean | undefined"}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"number | undefined"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<Element> | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"number | undefined"}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"number | undefined"}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"number | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"number | undefined"}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"ValueChangeEventHandler<number | undefined> | undefined"}}}}}catch{}const L="_NumberField_kx5jx_1",R={NumberField:L},K=({id:e,...t},s)=>{const n=r.useRef(null),u=S();r.useImperativeHandle(s,()=>({setFocus:()=>{var m;return(m=n==null?void 0:n.current)==null?void 0:m.setFocus()},scrollIntoView:()=>{var m;return(m=n==null?void 0:n.current)==null?void 0:m.scrollIntoView()}}));const o=P({id:e,...t},p.NumberField),{layoutProps:d,inputProps:a}=o,x=E(R,p.NumberField),C=l.jsx(b,{...a,ref:u});return l.jsx(w,{...d,className:x.join(" "),input:C,inputHandle:u.current,ref:n,preplyDsComponent:p.NumberField})},f=r.forwardRef(K);try{f.displayName="NumberField",f.__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:"string | undefined"}},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:"ReactNode"}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"ReactNode"}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"boolean | undefined"}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"boolean | undefined"}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"ReactNode"}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"boolean | undefined"}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"boolean | undefined"}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",required:!1,type:{name:"ReactNode"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"Dataset | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean | undefined"}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"number | undefined"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"number | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"number | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<Element> | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean | undefined"}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"ValueChangeEventHandler<number | undefined> | undefined"}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"number | undefined"}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"number | undefined"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactElement<IconProps, string | JSXElementConstructor<any>> | undefined"}}}}}catch{}const me={title:"components/NumberField",component:f,decorators:[e=>l.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:l.jsx(j,{theme:"tokyo-ui",children:e()})})]},c=()=>l.jsx(f,{label:"Number",placeholder:"Enter a number",defaultValue:0}),i=()=>{const e=r.useRef(null),[t,s]=r.useState(void 0),[n,u]=r.useState(!1),o=a=>{if(a===void 0)return"Please provide a number";if(a!==Math.round(a))return"Please provide a whole number";if(a<10)return"Please book at least 10 lessons";if(a>99)return"Please book less than 100 lessons"},d=()=>{var a;u(!0),t||(a=e==null?void 0:e.current)==null||a.setFocus()};return l.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[l.jsx(f,{id:"lessons",name:"lessons",label:"Number of lessons",icon:l.jsx(H,{svg:N}),placeholder:"How about 3?",value:t,additionalText:"These lessons will be scheduled automatically",onValueChange:s,errorMessage:n?o(t):void 0,min:10,max:99,ref:e,required:!0}),l.jsx(F,{onClick:d,children:"Submit"})]})};i.tags=["!test"];i.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}};var y,h,V;c.parameters={...c.parameters,docs:{...(y=c.parameters)==null?void 0:y.docs,source:{originalSource:'() => <NumberField label="Number" placeholder="Enter a number" defaultValue={0} />',...(V=(h=c.parameters)==null?void 0:h.docs)==null?void 0:V.source}}};var q,g,v;i.parameters={...i.parameters,docs:{...(q=i.parameters)==null?void 0:q.docs,source:{originalSource:`() => {
|
|
1
|
+
import{j as l}from"./jsx-runtime-CKrituN3.js";import{F as N}from"./TokyoUIFav-Dzux4Kv4.js";import{r}from"./index-CBqU2yxZ.js";import{a as F}from"./Button-Bi4jW9CV.js";import{I as H}from"./Icon-DqOWgXnU.js";import{F as w}from"./FieldLayout-BYUVHDic.js";import{s as I,u as _,I as k}from"./FieldLayoutBase-BAZH_iVk.js";import{m as E}from"./classNames-Cqk1oqv4.js";import{w as p}from"./componentNames-BSriaIOD.js";import{u as S}from"./useForcedRef-CC5bJQVj.js";import{u as P}from"./useNumberField-DwLXlsqE.js";import{S as j}from"./StoryContextDSWeb-CViICLux.js";import"./_commonjsHelpers-BosuxZz1.js";import"./render-icon-DsMGBPwY.js";import"./Spinner-DNhrV5BK.js";import"./useHostname-B91Ahm0o.js";import"./index-CC6DAVyL.js";import"./text-accent-Bgi4eAtI.js";import"./getInputProps-CQF_KcrT.js";import"./FieldAdditionalText-DCd07ysy.js";import"./constants-DL6gdbsq.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-BvHSkgDA.js";import"./useTheme-ByES4oDS.js";import"./constants-mdQROz_Y.js";const D=({onChange:e,onValueChange:t,...s},n)=>{const u=E(I,p.InputNumber),o=_(d=>d.target.value?Number(d.target.value):void 0,e,t);return l.jsx(k,{...s,type:"number",ref:n,className:u.join(" "),onChange:o,preplyDsComponent:p.InputNumber})},b=r.forwardRef(D);try{b.displayName="InputNumber",b.__docgenInfo={description:"",displayName:"InputNumber",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"number | undefined"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<Element> | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean | undefined"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean | undefined"}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"boolean | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"number | undefined"}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"number | undefined"}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"number | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"number | undefined"}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"ValueChangeEventHandler<number | undefined> | undefined"}}}}}catch{}const L="_NumberField_kx5jx_1",R={NumberField:L},K=({id:e,...t},s)=>{const n=r.useRef(null),u=S();r.useImperativeHandle(s,()=>({setFocus:()=>{var m;return(m=n==null?void 0:n.current)==null?void 0:m.setFocus()},scrollIntoView:()=>{var m;return(m=n==null?void 0:n.current)==null?void 0:m.scrollIntoView()}}));const o=P({id:e,...t},p.NumberField),{layoutProps:d,inputProps:a}=o,x=E(R,p.NumberField),C=l.jsx(b,{...a,ref:u});return l.jsx(w,{...d,className:x.join(" "),input:C,inputHandle:u.current,ref:n,preplyDsComponent:p.NumberField})},f=r.forwardRef(K);try{f.displayName="NumberField",f.__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:"string | undefined"}},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:"ReactNode"}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"ReactNode"}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"boolean | undefined"}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"boolean | undefined"}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"ReactNode"}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"boolean | undefined"}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"boolean | undefined"}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",required:!1,type:{name:"ReactNode"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"Dataset | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"number | undefined"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"number | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"number | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<Element> | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean | undefined"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean | undefined"}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"ValueChangeEventHandler<number | undefined> | undefined"}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"number | undefined"}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"number | undefined"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactElement<IconProps, string | JSXElementConstructor<any>> | undefined"}}}}}catch{}const me={title:"components/NumberField",component:f,decorators:[e=>l.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:l.jsx(j,{theme:"tokyo-ui",children:e()})})]},c=()=>l.jsx(f,{label:"Number",placeholder:"Enter a number",defaultValue:0}),i=()=>{const e=r.useRef(null),[t,s]=r.useState(void 0),[n,u]=r.useState(!1),o=a=>{if(a===void 0)return"Please provide a number";if(a!==Math.round(a))return"Please provide a whole number";if(a<10)return"Please book at least 10 lessons";if(a>99)return"Please book less than 100 lessons"},d=()=>{var a;u(!0),t||(a=e==null?void 0:e.current)==null||a.setFocus()};return l.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[l.jsx(f,{id:"lessons",name:"lessons",label:"Number of lessons",icon:l.jsx(H,{svg:N}),placeholder:"How about 3?",value:t,additionalText:"These lessons will be scheduled automatically",onValueChange:s,errorMessage:n?o(t):void 0,min:10,max:99,ref:e,required:!0}),l.jsx(F,{onClick:d,children:"Submit"})]})};i.tags=["!test"];i.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}};var y,h,V;c.parameters={...c.parameters,docs:{...(y=c.parameters)==null?void 0:y.docs,source:{originalSource:'() => <NumberField label="Number" placeholder="Enter a number" defaultValue={0} />',...(V=(h=c.parameters)==null?void 0:h.docs)==null?void 0:V.source}}};var q,g,v;i.parameters={...i.parameters,docs:{...(q=i.parameters)==null?void 0:q.docs,source:{originalSource:`() => {
|
|
2
2
|
const fieldRef = useRef<InputImperativeHandle>(null);
|
|
3
3
|
const [value, setValue] = useState<number | undefined>(undefined);
|
|
4
4
|
const [submited, setSubmitted] = useState(false);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as g}from"./jsx-runtime-CKrituN3.js";import{r as a}from"./index-CBqU2yxZ.js";import{g as v,
|
|
1
|
+
import{j as g}from"./jsx-runtime-CKrituN3.js";import{r as a}from"./index-CBqU2yxZ.js";import{g as v,L as y}from"./classNames-Cqk1oqv4.js";import{w as I}from"./componentNames-BSriaIOD.js";const o=({onIntersect:n,once:r,threshold:t,tag:i,dataset:c,children:l})=>{const e=a.useRef(null);a.useEffect(()=>{const d=([f],b)=>{f.isIntersecting&&(n(),r&&e.current&&b.unobserve(e.current))},m={threshold:t},s=new IntersectionObserver(d,m);return e.current&&s.observe(e.current),()=>s.disconnect()},[n,r,t]);const p=i??y,u={ref:e,...v(c,{preplyDsComponent:I.ObserverIntersection})};return g.jsx(p,{...u,children:l})};try{o.displayName="ObserveIntersection",o.__docgenInfo={description:`An [IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver) wrapper.
|
|
2
2
|
|
|
3
3
|
Triggers a callback when the wrapped component intersects with the viewport.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-CKrituN3.js";import{r as a}from"./index-CBqU2yxZ.js";import{O as i}from"./ObserveIntersection-
|
|
1
|
+
import{j as e}from"./jsx-runtime-CKrituN3.js";import{r as a}from"./index-CBqU2yxZ.js";import{O as i}from"./ObserveIntersection-Cr2BzgPx.js";import{S as p}from"./StoryContextDSWeb-CViICLux.js";import"./_commonjsHelpers-BosuxZz1.js";import"./classNames-Cqk1oqv4.js";import"./componentNames-BSriaIOD.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-BvHSkgDA.js";import"./useTheme-ByES4oDS.js";import"./constants-mdQROz_Y.js";const O={title:"components/ObserveIntersection",component:i,decorators:[s=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(p,{theme:"tokyo-ui",children:s()})})],parameters:{tags:["!test"],chromatic:{disableSnapshot:!0}}},t=()=>{const[s,c]=a.useState(!1);return e.jsxs("div",{style:{height:"200px",overflowY:"scroll",position:"relative"},children:[e.jsx("div",{style:{position:"sticky",top:"2px"},children:s?"Intersected":"Scroll down to intersect"}),e.jsx("div",{style:{height:"400px",display:"flex",alignItems:"end"},children:e.jsx(i,{onIntersect:()=>c(!0),children:"Observer"})})]})};t.storyName="ObserveIntersection";var r,n,o;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`() => {
|
|
2
2
|
const [isIntersecting, setIsIntersecting] = useState(false);
|
|
3
3
|
return <div style={{
|
|
4
4
|
height: '200px',
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-CKrituN3.js";import{r as e}from"./index-CBqU2yxZ.js";import{a as j}from"./Button-DbjYNYBx.js";import{F as T}from"./FieldButton-Dq0nkobl.js";import{F as D}from"./FieldLayout-zvK_CKd9.js";import{I as K}from"./Icon-BUiTj76U.js";import{s as N,u as U,I as $}from"./FieldLayoutBase-i2AdKdts.js";import{m as q}from"./classNames-B6WWIGyy.js";import{w as p}from"./componentNames-IkB29LLe.js";import{I as O}from"./InputText-c1_zfcYl.js";import{u as A}from"./useForcedRef-CC5bJQVj.js";import{u as W}from"./usePasswordField-Cn9jdtbw.js";import{u as z}from"./useTheme-BjN7KXjq.js";import{S as G}from"./StoryContextDSWeb-9fhBg6b_.js";import"./_commonjsHelpers-BosuxZz1.js";import"./render-icon-DsMGBPwY.js";import"./Spinner-DvrIKDeD.js";import"./useHostname-B91Ahm0o.js";import"./index-CC6DAVyL.js";import"./text-accent-BJego494.js";import"./getInputProps-CQF_KcrT.js";import"./FieldAdditionalText-CEWd-pKa.js";import"./constants-DL6gdbsq.js";import"./constants-BaXVdZRV.js";import"./StorybookGlobalStyle-DuEJScee.js";import"./styled-components.browser.esm-7AiqoWtv.js";import"./RootProvider-36GXWvbu.js";import"./constants-mdQROz_Y.js";const J=({onChange:a,onValueChange:n,...l},t)=>{const u=q(N,p.InputPassword),d=U(o=>o.target.value,a,n);return r.jsx($,{...l,ref:t,type:"password",className:u.join(" "),onChange:d,preplyDsComponent:p.InputPassword})},y=e.forwardRef(J);try{y.displayName="InputPassword",y.__docgenInfo={description:"",displayName:"InputPassword",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean | undefined"}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"boolean | undefined"}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"AutoCompletePasswordOptions | undefined"}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"number | undefined"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<Element> | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean | undefined"}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"ValueChangeEventHandler<string> | undefined"}}}}}catch{}const Q="_PasswordField_glhh2_1",X={PasswordField:Q},Y=({title:a,titleId:n,...l},t)=>e.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:t,"aria-labelledby":n,...l},a?e.createElement("title",{id:n},a):null,e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.64869 7.23448L9.38632 8.9721C10.0868 8.36709 11.0004 8 12 8C14.2091 8 16 9.79086 16 12C16 12.9996 15.6329 13.9132 15.0279 14.6137L16.8567 16.4425C18.1386 15.5694 19.145 14.4662 19.8641 13.5108C20.282 12.9555 20.5954 12.4602 20.8026 12.1069C20.8244 12.0696 20.8451 12.034 20.8646 12C20.7767 11.8466 20.6643 11.6585 20.5277 11.4446C20.1339 10.8282 19.5446 10.0077 18.7644 9.19054C17.1952 7.54692 14.9391 6 12 6C10.3258 6 8.87752 6.50002 7.64869 7.23448ZM16.2096 18.6238L17.2929 19.7071C17.6834 20.0976 18.3166 20.0976 18.7071 19.7071C19.0976 19.3166 19.0976 18.6834 18.7071 18.2929L18.292 17.8778C19.6619 16.8835 20.717 15.7034 21.462 14.7135C21.9338 14.0868 22.2889 13.5259 22.5278 13.1187C22.6473 12.9148 22.7382 12.7486 22.8004 12.631C22.8315 12.5721 22.8554 12.5253 22.8722 12.492L22.8921 12.4521L22.898 12.4401L22.8999 12.436L22.9007 12.4345L22.901 12.4339C22.9011 12.4336 22.9012 12.4334 22 12L22.9012 12.4334C23.0329 12.1595 23.0329 11.8405 22.9012 11.5666L22 12C22.9012 11.5666 22.901 11.5663 22.9009 11.5659L22.9004 11.565L22.8993 11.5626L22.8961 11.5561L22.8859 11.5355C22.8775 11.5184 22.8657 11.4949 22.8505 11.4653C22.8202 11.4062 22.7764 11.3226 22.7192 11.2183C22.6047 11.0097 22.436 10.7169 22.2131 10.3679C21.7685 9.67183 21.1016 8.7423 20.211 7.80946C18.4387 5.95308 15.6949 4 12 4C9.69667 4 7.75788 4.76129 6.19804 5.78382L5.70711 5.29289C5.31658 4.90237 4.68342 4.90237 4.29289 5.29289C3.90237 5.68342 3.90237 6.31658 4.29289 6.70711L15.7842 18.1984C15.7899 18.2095 15.796 18.2205 15.8022 18.2315C15.9012 18.4052 16.0444 18.538 16.2096 18.6238ZM13.6063 13.1921C13.8541 12.8587 14 12.4463 14 12C14 10.8954 13.1046 10 12 10C11.5537 10 11.1413 10.1458 10.8079 10.3937L13.6063 13.1921ZM4.12143 8.87815C4.55691 9.21782 4.63459 9.8462 4.29493 10.2817C3.82421 10.8852 3.47093 11.4326 3.23687 11.8263C3.20005 11.8882 3.16624 11.9463 3.13544 12C3.22333 12.1533 3.33567 12.3415 3.47232 12.5554C3.86611 13.1718 4.4554 13.9923 5.23556 14.8095C6.80475 16.4531 9.06094 18 12 18C12.5523 18 13 18.4477 13 19C13 19.5523 12.5523 20 12 20C8.3051 20 5.56129 18.0469 3.78897 16.1905C2.89837 15.2577 2.23154 14.3282 1.78687 13.6321C1.56395 13.2831 1.39528 12.9903 1.28084 12.7817C1.22359 12.6774 1.17979 12.5938 1.14947 12.5347C1.13431 12.5051 1.1225 12.4816 1.11406 12.4645L1.1039 12.4439L1.10071 12.4374L1.09959 12.435L1.09915 12.4341C1.09896 12.4337 1.09878 12.4334 2 12C1.09878 11.5666 1.09885 11.5665 1.09891 11.5664L1.09906 11.5661L1.09938 11.5654L1.10017 11.5638L1.1023 11.5594L1.10884 11.546L1.13096 11.5017C1.14973 11.4645 1.17655 11.4123 1.21143 11.3467C1.28117 11.2156 1.38328 11.0304 1.51776 10.8042C1.78631 10.3525 2.18624 9.73329 2.7179 9.05165C3.05756 8.61617 3.68595 8.53849 4.12143 8.87815ZM2 12L1.09878 12.4334C0.967073 12.1595 0.967073 11.8405 1.09878 11.5666L2 12Z",fill:"currentColor"})),ee=e.forwardRef(Y),ae=({title:a,titleId:n,...l},t)=>e.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:t,"aria-labelledby":n,...l},a?e.createElement("title",{id:n},a):null,e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.47232 12.5554C3.33567 12.3415 3.22333 12.1533 3.13544 12C3.22333 11.8466 3.33567 11.6585 3.47232 11.4446C3.86611 10.8282 4.4554 10.0077 5.23556 9.19054C6.80475 7.54692 9.06094 6 12 6C14.9391 6 17.1952 7.54692 18.7644 9.19054C19.5446 10.0077 20.1339 10.8282 20.5277 11.4446C20.6643 11.6585 20.7767 11.8466 20.8646 12C20.7767 12.1533 20.6643 12.3415 20.5277 12.5554C20.1339 13.1718 19.5446 13.9923 18.7644 14.8095C17.1952 16.4531 14.9391 18 12 18C9.06094 18 6.80475 16.4531 5.23556 14.8095C4.4554 13.9923 3.86611 13.1718 3.47232 12.5554ZM22.9009 11.5659C22.901 11.5663 22.9012 11.5666 22 12C22.9012 12.4334 22.901 12.4337 22.9009 12.4341L22.9004 12.435L22.8993 12.4374L22.8961 12.4439L22.8859 12.4645C22.8775 12.4816 22.8657 12.5051 22.8505 12.5347C22.8202 12.5938 22.7764 12.6774 22.7192 12.7817C22.6047 12.9903 22.436 13.2831 22.2131 13.6321C21.7685 14.3282 21.1016 15.2577 20.211 16.1905C18.4387 18.0469 15.6949 20 12 20C8.3051 20 5.56129 18.0469 3.78897 16.1905C2.89837 15.2577 2.23154 14.3282 1.78687 13.6321C1.56395 13.2831 1.39528 12.9903 1.28084 12.7817C1.22359 12.6774 1.17979 12.5938 1.14947 12.5347C1.13431 12.5051 1.1225 12.4816 1.11406 12.4645L1.1039 12.4439L1.10071 12.4374L1.09959 12.435L1.09915 12.4341C1.09896 12.4337 1.09878 12.4334 2 12C1.09878 11.5666 1.09896 11.5663 1.09915 11.5659L1.09959 11.565L1.10071 11.5626L1.1039 11.5561L1.11406 11.5355C1.1225 11.5184 1.13431 11.4949 1.14947 11.4653C1.17979 11.4062 1.22359 11.3226 1.28084 11.2183C1.39528 11.0097 1.56395 10.7169 1.78687 10.3679C2.23154 9.67183 2.89837 8.7423 3.78897 7.80946C5.56129 5.95308 8.3051 4 12 4C15.6949 4 18.4387 5.95308 20.211 7.80946C21.1016 8.7423 21.7685 9.67183 22.2131 10.3679C22.436 10.7169 22.6047 11.0097 22.7192 11.2183C22.7764 11.3226 22.8202 11.4062 22.8505 11.4653C22.8657 11.4949 22.8775 11.5184 22.8859 11.5355L22.8961 11.5561L22.8993 11.5626L22.9004 11.565L22.9009 11.5659ZM22 12L22.9012 11.5666C23.0329 11.8405 23.0329 12.1595 22.9012 12.4334L22 12ZM1.09878 11.5666L2 12L1.09878 12.4334C0.967073 12.1595 0.967073 11.8405 1.09878 11.5666ZM10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12ZM12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8Z",fill:"currentColor"})),ne=e.forwardRef(ae),le=({title:a,titleId:n,...l},t)=>e.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:t,"aria-labelledby":n,...l},a?e.createElement("title",{id:n},a):null,e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 5C8 2.79086 9.79086 1 12 1C14.2091 1 16 2.79086 16 5V9.10002C18.2822 9.56329 20 11.581 20 14V18C20 20.7614 17.7614 23 15 23H9C6.23858 23 4 20.7614 4 18V14C4 11.581 5.71776 9.56329 8 9.10002V5ZM14 5V9H10V5C10 3.89543 10.8954 3 12 3C13.1046 3 14 3.89543 14 5ZM18 14C18 12.3431 16.6569 11 15 11H9C7.34315 11 6 12.3431 6 14V18C6 19.6569 7.34315 21 9 21H15C16.6569 21 18 19.6569 18 18V14ZM12 18C13.1046 18 14 17.1046 14 16C14 14.8954 13.1046 14 12 14C10.8954 14 10 14.8954 10 16C10 17.1046 10.8954 18 12 18Z",fill:"currentColor"})),x=e.forwardRef(le),te=({title:a,titleId:n,...l},t)=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":n,...l},a?e.createElement("title",{id:n},a):null,e.createElement("path",{fillRule:"evenodd",d:"M3 5.414 4.414 4l14.85 14.85-1.415 1.413-1.936-1.935a9.695 9.695 0 0 1-3.913.806c-7 0-10-7-10-7s1.036-2.416 3.31-4.41L3 5.414Zm9.538 9.538 1.824 1.824a7.789 7.789 0 0 1-2.362.358c-2.764 0-4.77-1.364-6.16-2.86a12.39 12.39 0 0 1-1.543-2.069l-.042-.07.042-.072c.337-.566.85-1.32 1.544-2.068.271-.293.567-.58.886-.853l2.321 2.32a3 3 0 0 0 3.49 3.49Zm5.793-.868a12.455 12.455 0 0 0 1.372-1.879l.042-.07-.042-.072a12.39 12.39 0 0 0-1.544-2.068C16.77 8.5 14.764 7.135 12 7.135c-.203 0-.402.007-.597.02L9.658 5.412A9.869 9.869 0 0 1 12 5.134c7 0 10 7 10 7s-.712 1.662-2.253 3.367l-1.416-1.417ZM3.836 12.927v.002-.002Z",clipRule:"evenodd"})),re=e.forwardRef(te),de=({title:a,titleId:n,...l},t)=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":n,...l},a?e.createElement("title",{id:n},a):null,e.createElement("path",{fillRule:"evenodd",d:"M12 19c-7 0-10-7-10-7s3-7 10-7 10 7 10 7-3 7-10 7Zm-8.164-6.207v.002-.002Zm.46-.864L4.256 12l.042.07c.337.568.85 1.322 1.544 2.07C7.23 15.635 9.236 17 12 17s4.77-1.364 6.16-2.86a12.39 12.39 0 0 0 1.543-2.07l.042-.07-.042-.07a12.39 12.39 0 0 0-1.544-2.07C16.77 8.365 14.764 7 12 7S7.23 8.364 5.84 9.86a12.386 12.386 0 0 0-1.543 2.07ZM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z",clipRule:"evenodd"})),oe=e.forwardRef(de),se=({title:a,titleId:n,...l},t)=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":n,...l},a?e.createElement("title",{id:n},a):null,e.createElement("path",{fillRule:"evenodd",d:"M15 11V8a3 3 0 1 0-6 0v3h6ZM7 8v3H4v10h16V11h-3V8A5 5 0 0 0 7 8Zm-1 5h12v6H6v-6Zm8 4v-2h-4v2h4Z",clipRule:"evenodd"})),R=e.forwardRef(se);function v(a,n){switch(n){case"tokyo-ui-eye-hide":return a==="tokyo-ui"?re:ee;case"tokyo-ui-eye":return a==="tokyo-ui"?oe:ne;case"tokyo-ui-lock":return a==="tokyo-ui"?R:x;default:throw new Error(`Unknown icon ${n}`)}}const ue=({showIcon:a,revealValue:n,id:l,...t},u)=>{const d=e.useRef(null),o=A();e.useImperativeHandle(u,()=>({setFocus:()=>{var i;return(i=o==null?void 0:o.current)==null?void 0:i.setFocus()},scrollIntoView:()=>{var i;return(i=d==null?void 0:d.current)==null?void 0:i.scrollIntoView()}}));const F=W({id:l,...t},p.PasswordField),{layoutProps:P,inputProps:h}=F,[m,k]=e.useState(!1),H=()=>k(!m),{theme:C}=z(),Z=a?r.jsx(K,{svg:C.name==="tokyo-ui"?R:x}):void 0,M=m||n?r.jsx(O,{...h,type:"text",ref:o}):r.jsx(y,{...h,ref:o}),S=m?v(C.name,"tokyo-ui-eye-hide"):v(C.name,"tokyo-ui-eye"),_=m?"Conceal password":"Reveal password",B=n?void 0:r.jsx(T,{onClick:H,svg:S,assistiveText:_}),I=q(X,p.PasswordField);return r.jsx(D,{...P,icon:Z,button:B,className:I.join(" "),input:M,inputHandle:o.current,ref:d,preplyDsComponent:p.PasswordField})},c=e.forwardRef(ue);try{c.displayName="PasswordField",c.__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:"PasswordField",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},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:"ReactNode"}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"ReactNode"}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"boolean | undefined"}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"boolean | undefined"}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"ReactNode"}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"boolean | undefined"}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"boolean | undefined"}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",required:!1,type:{name:"ReactNode"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"Dataset | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean | undefined"}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"AutoCompletePasswordOptions | undefined"}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"number | undefined"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<Element> | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean | undefined"}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"ValueChangeEventHandler<string> | undefined"}},showIcon:{defaultValue:null,description:"",name:"showIcon",required:!1,type:{name:"boolean | undefined"}},revealValue:{defaultValue:null,description:"",name:"revealValue",required:!1,type:{name:"boolean | undefined"}}}}}catch{}const Te={title:"components/PasswordField",component:c,decorators:[a=>r.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:r.jsx(G,{theme:"tokyo-ui",children:a()})})]},f=()=>r.jsx(c,{label:"Password",defaultValue:""}),s=()=>{const[a,n]=e.useState(void 0),[l,t]=e.useState(!1),u=e.useRef(null),d=()=>{t(!l)};return r.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[r.jsx(c,{ref:u,label:"Password",showIcon:!0,required:!0,placeholder:"e.g.: abc123%pt0!",additionalText:"Include letters, numbers and symbols",revealValue:l,value:a,onValueChange:n}),r.jsx(j,{onClick:d,children:"Show Password"})]})};s.tags=["!test"];s.parameters={docs:{description:{story:'\nThe following code renders a `PasswordField` with the `required` flag,\n`placeholder` and some `additionalText`.\n\nWhen you click the "Show Password" button, the demo is now in control of the\n`revealValue` prop and the input hides the eye field button.\n'}},chromatic:{disableSnapshot:!0}};var w,V,g;f.parameters={...f.parameters,docs:{...(w=f.parameters)==null?void 0:w.docs,source:{originalSource:'() => <PasswordField label="Password" defaultValue="" />',...(g=(V=f.parameters)==null?void 0:V.docs)==null?void 0:g.source}}};var b,L,E;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
|
|
1
|
+
import{j as r}from"./jsx-runtime-CKrituN3.js";import{r as e}from"./index-CBqU2yxZ.js";import{a as j}from"./Button-Bi4jW9CV.js";import{F as T}from"./FieldButton-F9R8bzuR.js";import{F as D}from"./FieldLayout-BYUVHDic.js";import{I as K}from"./Icon-DqOWgXnU.js";import{s as N,u as U,I as $}from"./FieldLayoutBase-BAZH_iVk.js";import{m as q}from"./classNames-Cqk1oqv4.js";import{w as p}from"./componentNames-BSriaIOD.js";import{I as O}from"./InputText-DEpRpqG2.js";import{u as A}from"./useForcedRef-CC5bJQVj.js";import{u as W}from"./usePasswordField-Cn9jdtbw.js";import{u as z}from"./useTheme-ByES4oDS.js";import{S as G}from"./StoryContextDSWeb-CViICLux.js";import"./_commonjsHelpers-BosuxZz1.js";import"./render-icon-DsMGBPwY.js";import"./Spinner-DNhrV5BK.js";import"./useHostname-B91Ahm0o.js";import"./index-CC6DAVyL.js";import"./text-accent-Bgi4eAtI.js";import"./getInputProps-CQF_KcrT.js";import"./FieldAdditionalText-DCd07ysy.js";import"./constants-DL6gdbsq.js";import"./constants-BaXVdZRV.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-BvHSkgDA.js";import"./constants-mdQROz_Y.js";const J=({onChange:a,onValueChange:n,...l},t)=>{const u=q(N,p.InputPassword),d=U(o=>o.target.value,a,n);return r.jsx($,{...l,ref:t,type:"password",className:u.join(" "),onChange:d,preplyDsComponent:p.InputPassword})},y=e.forwardRef(J);try{y.displayName="InputPassword",y.__docgenInfo={description:"",displayName:"InputPassword",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"AutoCompletePasswordOptions | undefined"}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"number | undefined"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<Element> | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean | undefined"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean | undefined"}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"boolean | undefined"}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"ValueChangeEventHandler<string> | undefined"}}}}}catch{}const Q="_PasswordField_glhh2_1",X={PasswordField:Q},Y=({title:a,titleId:n,...l},t)=>e.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:t,"aria-labelledby":n,...l},a?e.createElement("title",{id:n},a):null,e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.64869 7.23448L9.38632 8.9721C10.0868 8.36709 11.0004 8 12 8C14.2091 8 16 9.79086 16 12C16 12.9996 15.6329 13.9132 15.0279 14.6137L16.8567 16.4425C18.1386 15.5694 19.145 14.4662 19.8641 13.5108C20.282 12.9555 20.5954 12.4602 20.8026 12.1069C20.8244 12.0696 20.8451 12.034 20.8646 12C20.7767 11.8466 20.6643 11.6585 20.5277 11.4446C20.1339 10.8282 19.5446 10.0077 18.7644 9.19054C17.1952 7.54692 14.9391 6 12 6C10.3258 6 8.87752 6.50002 7.64869 7.23448ZM16.2096 18.6238L17.2929 19.7071C17.6834 20.0976 18.3166 20.0976 18.7071 19.7071C19.0976 19.3166 19.0976 18.6834 18.7071 18.2929L18.292 17.8778C19.6619 16.8835 20.717 15.7034 21.462 14.7135C21.9338 14.0868 22.2889 13.5259 22.5278 13.1187C22.6473 12.9148 22.7382 12.7486 22.8004 12.631C22.8315 12.5721 22.8554 12.5253 22.8722 12.492L22.8921 12.4521L22.898 12.4401L22.8999 12.436L22.9007 12.4345L22.901 12.4339C22.9011 12.4336 22.9012 12.4334 22 12L22.9012 12.4334C23.0329 12.1595 23.0329 11.8405 22.9012 11.5666L22 12C22.9012 11.5666 22.901 11.5663 22.9009 11.5659L22.9004 11.565L22.8993 11.5626L22.8961 11.5561L22.8859 11.5355C22.8775 11.5184 22.8657 11.4949 22.8505 11.4653C22.8202 11.4062 22.7764 11.3226 22.7192 11.2183C22.6047 11.0097 22.436 10.7169 22.2131 10.3679C21.7685 9.67183 21.1016 8.7423 20.211 7.80946C18.4387 5.95308 15.6949 4 12 4C9.69667 4 7.75788 4.76129 6.19804 5.78382L5.70711 5.29289C5.31658 4.90237 4.68342 4.90237 4.29289 5.29289C3.90237 5.68342 3.90237 6.31658 4.29289 6.70711L15.7842 18.1984C15.7899 18.2095 15.796 18.2205 15.8022 18.2315C15.9012 18.4052 16.0444 18.538 16.2096 18.6238ZM13.6063 13.1921C13.8541 12.8587 14 12.4463 14 12C14 10.8954 13.1046 10 12 10C11.5537 10 11.1413 10.1458 10.8079 10.3937L13.6063 13.1921ZM4.12143 8.87815C4.55691 9.21782 4.63459 9.8462 4.29493 10.2817C3.82421 10.8852 3.47093 11.4326 3.23687 11.8263C3.20005 11.8882 3.16624 11.9463 3.13544 12C3.22333 12.1533 3.33567 12.3415 3.47232 12.5554C3.86611 13.1718 4.4554 13.9923 5.23556 14.8095C6.80475 16.4531 9.06094 18 12 18C12.5523 18 13 18.4477 13 19C13 19.5523 12.5523 20 12 20C8.3051 20 5.56129 18.0469 3.78897 16.1905C2.89837 15.2577 2.23154 14.3282 1.78687 13.6321C1.56395 13.2831 1.39528 12.9903 1.28084 12.7817C1.22359 12.6774 1.17979 12.5938 1.14947 12.5347C1.13431 12.5051 1.1225 12.4816 1.11406 12.4645L1.1039 12.4439L1.10071 12.4374L1.09959 12.435L1.09915 12.4341C1.09896 12.4337 1.09878 12.4334 2 12C1.09878 11.5666 1.09885 11.5665 1.09891 11.5664L1.09906 11.5661L1.09938 11.5654L1.10017 11.5638L1.1023 11.5594L1.10884 11.546L1.13096 11.5017C1.14973 11.4645 1.17655 11.4123 1.21143 11.3467C1.28117 11.2156 1.38328 11.0304 1.51776 10.8042C1.78631 10.3525 2.18624 9.73329 2.7179 9.05165C3.05756 8.61617 3.68595 8.53849 4.12143 8.87815ZM2 12L1.09878 12.4334C0.967073 12.1595 0.967073 11.8405 1.09878 11.5666L2 12Z",fill:"currentColor"})),ee=e.forwardRef(Y),ae=({title:a,titleId:n,...l},t)=>e.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:t,"aria-labelledby":n,...l},a?e.createElement("title",{id:n},a):null,e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.47232 12.5554C3.33567 12.3415 3.22333 12.1533 3.13544 12C3.22333 11.8466 3.33567 11.6585 3.47232 11.4446C3.86611 10.8282 4.4554 10.0077 5.23556 9.19054C6.80475 7.54692 9.06094 6 12 6C14.9391 6 17.1952 7.54692 18.7644 9.19054C19.5446 10.0077 20.1339 10.8282 20.5277 11.4446C20.6643 11.6585 20.7767 11.8466 20.8646 12C20.7767 12.1533 20.6643 12.3415 20.5277 12.5554C20.1339 13.1718 19.5446 13.9923 18.7644 14.8095C17.1952 16.4531 14.9391 18 12 18C9.06094 18 6.80475 16.4531 5.23556 14.8095C4.4554 13.9923 3.86611 13.1718 3.47232 12.5554ZM22.9009 11.5659C22.901 11.5663 22.9012 11.5666 22 12C22.9012 12.4334 22.901 12.4337 22.9009 12.4341L22.9004 12.435L22.8993 12.4374L22.8961 12.4439L22.8859 12.4645C22.8775 12.4816 22.8657 12.5051 22.8505 12.5347C22.8202 12.5938 22.7764 12.6774 22.7192 12.7817C22.6047 12.9903 22.436 13.2831 22.2131 13.6321C21.7685 14.3282 21.1016 15.2577 20.211 16.1905C18.4387 18.0469 15.6949 20 12 20C8.3051 20 5.56129 18.0469 3.78897 16.1905C2.89837 15.2577 2.23154 14.3282 1.78687 13.6321C1.56395 13.2831 1.39528 12.9903 1.28084 12.7817C1.22359 12.6774 1.17979 12.5938 1.14947 12.5347C1.13431 12.5051 1.1225 12.4816 1.11406 12.4645L1.1039 12.4439L1.10071 12.4374L1.09959 12.435L1.09915 12.4341C1.09896 12.4337 1.09878 12.4334 2 12C1.09878 11.5666 1.09896 11.5663 1.09915 11.5659L1.09959 11.565L1.10071 11.5626L1.1039 11.5561L1.11406 11.5355C1.1225 11.5184 1.13431 11.4949 1.14947 11.4653C1.17979 11.4062 1.22359 11.3226 1.28084 11.2183C1.39528 11.0097 1.56395 10.7169 1.78687 10.3679C2.23154 9.67183 2.89837 8.7423 3.78897 7.80946C5.56129 5.95308 8.3051 4 12 4C15.6949 4 18.4387 5.95308 20.211 7.80946C21.1016 8.7423 21.7685 9.67183 22.2131 10.3679C22.436 10.7169 22.6047 11.0097 22.7192 11.2183C22.7764 11.3226 22.8202 11.4062 22.8505 11.4653C22.8657 11.4949 22.8775 11.5184 22.8859 11.5355L22.8961 11.5561L22.8993 11.5626L22.9004 11.565L22.9009 11.5659ZM22 12L22.9012 11.5666C23.0329 11.8405 23.0329 12.1595 22.9012 12.4334L22 12ZM1.09878 11.5666L2 12L1.09878 12.4334C0.967073 12.1595 0.967073 11.8405 1.09878 11.5666ZM10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12ZM12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8Z",fill:"currentColor"})),ne=e.forwardRef(ae),le=({title:a,titleId:n,...l},t)=>e.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:t,"aria-labelledby":n,...l},a?e.createElement("title",{id:n},a):null,e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 5C8 2.79086 9.79086 1 12 1C14.2091 1 16 2.79086 16 5V9.10002C18.2822 9.56329 20 11.581 20 14V18C20 20.7614 17.7614 23 15 23H9C6.23858 23 4 20.7614 4 18V14C4 11.581 5.71776 9.56329 8 9.10002V5ZM14 5V9H10V5C10 3.89543 10.8954 3 12 3C13.1046 3 14 3.89543 14 5ZM18 14C18 12.3431 16.6569 11 15 11H9C7.34315 11 6 12.3431 6 14V18C6 19.6569 7.34315 21 9 21H15C16.6569 21 18 19.6569 18 18V14ZM12 18C13.1046 18 14 17.1046 14 16C14 14.8954 13.1046 14 12 14C10.8954 14 10 14.8954 10 16C10 17.1046 10.8954 18 12 18Z",fill:"currentColor"})),x=e.forwardRef(le),te=({title:a,titleId:n,...l},t)=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":n,...l},a?e.createElement("title",{id:n},a):null,e.createElement("path",{fillRule:"evenodd",d:"M3 5.414 4.414 4l14.85 14.85-1.415 1.413-1.936-1.935a9.695 9.695 0 0 1-3.913.806c-7 0-10-7-10-7s1.036-2.416 3.31-4.41L3 5.414Zm9.538 9.538 1.824 1.824a7.789 7.789 0 0 1-2.362.358c-2.764 0-4.77-1.364-6.16-2.86a12.39 12.39 0 0 1-1.543-2.069l-.042-.07.042-.072c.337-.566.85-1.32 1.544-2.068.271-.293.567-.58.886-.853l2.321 2.32a3 3 0 0 0 3.49 3.49Zm5.793-.868a12.455 12.455 0 0 0 1.372-1.879l.042-.07-.042-.072a12.39 12.39 0 0 0-1.544-2.068C16.77 8.5 14.764 7.135 12 7.135c-.203 0-.402.007-.597.02L9.658 5.412A9.869 9.869 0 0 1 12 5.134c7 0 10 7 10 7s-.712 1.662-2.253 3.367l-1.416-1.417ZM3.836 12.927v.002-.002Z",clipRule:"evenodd"})),re=e.forwardRef(te),de=({title:a,titleId:n,...l},t)=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":n,...l},a?e.createElement("title",{id:n},a):null,e.createElement("path",{fillRule:"evenodd",d:"M12 19c-7 0-10-7-10-7s3-7 10-7 10 7 10 7-3 7-10 7Zm-8.164-6.207v.002-.002Zm.46-.864L4.256 12l.042.07c.337.568.85 1.322 1.544 2.07C7.23 15.635 9.236 17 12 17s4.77-1.364 6.16-2.86a12.39 12.39 0 0 0 1.543-2.07l.042-.07-.042-.07a12.39 12.39 0 0 0-1.544-2.07C16.77 8.365 14.764 7 12 7S7.23 8.364 5.84 9.86a12.386 12.386 0 0 0-1.543 2.07ZM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z",clipRule:"evenodd"})),oe=e.forwardRef(de),se=({title:a,titleId:n,...l},t)=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":n,...l},a?e.createElement("title",{id:n},a):null,e.createElement("path",{fillRule:"evenodd",d:"M15 11V8a3 3 0 1 0-6 0v3h6ZM7 8v3H4v10h16V11h-3V8A5 5 0 0 0 7 8Zm-1 5h12v6H6v-6Zm8 4v-2h-4v2h4Z",clipRule:"evenodd"})),R=e.forwardRef(se);function v(a,n){switch(n){case"tokyo-ui-eye-hide":return a==="tokyo-ui"?re:ee;case"tokyo-ui-eye":return a==="tokyo-ui"?oe:ne;case"tokyo-ui-lock":return a==="tokyo-ui"?R:x;default:throw new Error(`Unknown icon ${n}`)}}const ue=({showIcon:a,revealValue:n,id:l,...t},u)=>{const d=e.useRef(null),o=A();e.useImperativeHandle(u,()=>({setFocus:()=>{var i;return(i=o==null?void 0:o.current)==null?void 0:i.setFocus()},scrollIntoView:()=>{var i;return(i=d==null?void 0:d.current)==null?void 0:i.scrollIntoView()}}));const F=W({id:l,...t},p.PasswordField),{layoutProps:P,inputProps:h}=F,[m,k]=e.useState(!1),H=()=>k(!m),{theme:C}=z(),Z=a?r.jsx(K,{svg:C.name==="tokyo-ui"?R:x}):void 0,M=m||n?r.jsx(O,{...h,type:"text",ref:o}):r.jsx(y,{...h,ref:o}),S=m?v(C.name,"tokyo-ui-eye-hide"):v(C.name,"tokyo-ui-eye"),_=m?"Conceal password":"Reveal password",B=n?void 0:r.jsx(T,{onClick:H,svg:S,assistiveText:_}),I=q(X,p.PasswordField);return r.jsx(D,{...P,icon:Z,button:B,className:I.join(" "),input:M,inputHandle:o.current,ref:d,preplyDsComponent:p.PasswordField})},c=e.forwardRef(ue);try{c.displayName="PasswordField",c.__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:"PasswordField",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},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:"ReactNode"}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"ReactNode"}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"boolean | undefined"}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"boolean | undefined"}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"ReactNode"}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"boolean | undefined"}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"boolean | undefined"}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",required:!1,type:{name:"ReactNode"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"Dataset | undefined"}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"Dataset | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<Element> | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"AutoCompletePasswordOptions | undefined"}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"number | undefined"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<Element> | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<Element> | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<Element> | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<Element> | undefined"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean | undefined"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean | undefined"}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"ValueChangeEventHandler<string> | undefined"}},showIcon:{defaultValue:null,description:"",name:"showIcon",required:!1,type:{name:"boolean | undefined"}},revealValue:{defaultValue:null,description:"",name:"revealValue",required:!1,type:{name:"boolean | undefined"}}}}}catch{}const Te={title:"components/PasswordField",component:c,decorators:[a=>r.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:r.jsx(G,{theme:"tokyo-ui",children:a()})})]},f=()=>r.jsx(c,{label:"Password",defaultValue:""}),s=()=>{const[a,n]=e.useState(void 0),[l,t]=e.useState(!1),u=e.useRef(null),d=()=>{t(!l)};return r.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[r.jsx(c,{ref:u,label:"Password",showIcon:!0,required:!0,placeholder:"e.g.: abc123%pt0!",additionalText:"Include letters, numbers and symbols",revealValue:l,value:a,onValueChange:n}),r.jsx(j,{onClick:d,children:"Show Password"})]})};s.tags=["!test"];s.parameters={docs:{description:{story:'\nThe following code renders a `PasswordField` with the `required` flag,\n`placeholder` and some `additionalText`.\n\nWhen you click the "Show Password" button, the demo is now in control of the\n`revealValue` prop and the input hides the eye field button.\n'}},chromatic:{disableSnapshot:!0}};var w,V,g;f.parameters={...f.parameters,docs:{...(w=f.parameters)==null?void 0:w.docs,source:{originalSource:'() => <PasswordField label="Password" defaultValue="" />',...(g=(V=f.parameters)==null?void 0:V.docs)==null?void 0:g.source}}};var b,L,E;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
|
|
2
2
|
const [value, setValue] = useState<string | undefined>(undefined);
|
|
3
3
|
const [revealValue, setRevealValue] = useState(false);
|
|
4
4
|
const fieldRef = useRef(null);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._PreplyLogo_sfb3n_2{display:inline-block}._PreplyLogo_sfb3n_2 svg{display:block}._PreplyLogo_sfb3n_2 [data-name=preply] path,._PreplyLogo_sfb3n_2 [data-name=business] path,._PreplyLogo_sfb3n_2 [data-name=logomark]{fill:var(--95b129)}._PreplyLogo--inverted_sfb3n_13 [data-name=preply] path,._PreplyLogo--inverted_sfb3n_13 [data-name=business] path,._PreplyLogo--inverted_sfb3n_13 [data-name=logomark]{fill:var(--e6a034)}
|