@preply/ds-docs 3.2.0 → 3.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{00.LayoutFlex.stories-BkR5ji0l.js → 00.LayoutFlex.stories-Dx9Eo2na.js} +1 -1
- package/dist/assets/{00.applications-CsSmOme7.js → 00.applications-C297XXPY.js} +1 -1
- package/dist/assets/{00.favicons.guide-CdMYZlBh.js → 00.favicons.guide-DJflK4sx.js} +1 -1
- package/dist/assets/{00.token-explorer-CjKex2U0.js → 00.token-explorer-DJdsSpH_.js} +1 -1
- package/dist/assets/{00.using-responsive-props-CcMEjhk_.js → 00.using-responsive-props-W1dUWP0Y.js} +1 -1
- package/dist/assets/{01.semantic-tokens-D0SHoPNF.js → 01.semantic-tokens-iL1Przw4.js} +1 -1
- package/dist/assets/{01.using-shorthand-props-DajODbNP.js → 01.using-shorthand-props-DYxq9j_1.js} +1 -1
- package/dist/assets/10.Combinations.stories-Wf-NooK0.js +144 -0
- package/dist/assets/{10.fonts.guide-Ci1lcaYe.js → 10.fonts.guide-Cz4mUVD-.js} +1 -1
- package/dist/assets/{10.ssr-DRWPPBeA.js → 10.ssr-BwpeFyNi.js} +1 -1
- package/dist/assets/{11.languageFont.explorer-D69j1geT.js → 11.languageFont.explorer-Cc25I4OM.js} +1 -1
- package/dist/assets/{11.ssr.app-router-DbPFodKU.js → 11.ssr.app-router-pRaG6qlh.js} +1 -1
- package/dist/assets/{20.libraries-KJ42tJQ9.js → 20.libraries-CGCMZkNU.js} +1 -1
- package/dist/assets/{30.icons.explorer-Bk9N8wz6.js → 30.icons.explorer-1Xkf4Rac.js} +1 -1
- package/dist/assets/{30.storybook-BNO20NWw.js → 30.storybook-Bf8JSsGk.js} +1 -1
- package/dist/assets/{40.illustrations.explorer-Br4DiOY6.js → 40.illustrations.explorer-By_y-dtW.js} +1 -1
- package/dist/assets/{90.advanced-DaM2nGQV.js → 90.advanced-BUo8MEAq.js} +1 -1
- package/dist/assets/{Accordion-CVZIOGNR.js → Accordion-CLtz0akf.js} +1 -1
- package/dist/assets/{Accordion.stories-CDnrzRXF.js → Accordion.stories-D1j417bR.js} +1 -1
- package/dist/assets/{Accordion.tests.stories-czfo_KnK.js → Accordion.tests.stories-CnXHiQE9.js} +1 -1
- package/dist/assets/{AlertDialog.stories-DUXRauPW.js → AlertDialog.stories-BpF0lVZj.js} +1 -1
- package/dist/assets/{Avatar-CECssVR9.js → Avatar-BkCAqOuF.js} +1 -1
- package/dist/assets/{Avatar--Me1wFbM.js → Avatar-D6BKQVaH.js} +1 -1
- package/dist/assets/{Avatar.stories-BsZPilds.js → Avatar.stories-DnjfAeSV.js} +1 -1
- package/dist/assets/{AvatarWithStatus.stories-Dh-_hU9Y.js → AvatarWithStatus.stories-CocgTI5A.js} +1 -1
- package/dist/assets/{Badge.stories-CFsXbV77.js → Badge.stories-DIY0Ixcn.js} +1 -1
- package/dist/assets/{Box.stories-IALze5eG.js → Box.stories-DLKiCQiI.js} +1 -1
- package/dist/assets/{Button-ChyBn4PU.js → Button-DhJ1EYrN.js} +2 -2
- package/dist/assets/{Button-DWeSlYg5.js → Button-E96Q43QI.js} +1 -1
- package/dist/assets/{Button.stories-DJehWudj.js → Button.stories-BnanW8CP.js} +1 -1
- package/dist/assets/{ButtonBase-CoNMqmsd.js → ButtonBase-CFf1N6e3.js} +2 -2
- package/dist/assets/{Checkbox-CwZfp4fM.js → Checkbox-BPmUXxx7.js} +2 -2
- package/dist/assets/{Checkbox.stories-BrO5VXvh.js → Checkbox.stories-CmjU0iIo.js} +1 -1
- package/dist/assets/{Checkbox.tests.stories-CdUfdIiC.js → Checkbox.tests.stories-RUf_e9Iq.js} +1 -1
- package/dist/assets/{Chips.stories-C3XJafXG.js → Chips.stories-BF_eoQzy.js} +1 -1
- package/dist/assets/{Color-YHDXOIA2-dwipIw3c.js → Color-YHDXOIA2-DIcOHvDM.js} +1 -1
- package/dist/assets/CountryFlag--G6mQ0wX.js +49 -0
- package/dist/assets/CountryFlag-p-8M_k5M.css +1 -0
- package/dist/assets/{Dialog.stories-D-J1dU3y.js → Dialog.stories-BPe1wKjQ.js} +2 -2
- package/dist/assets/{DocsRenderer-CFRXHY34-jqHePYZK.js → DocsRenderer-CFRXHY34-D8Enzmed.js} +1 -1
- package/dist/assets/{FieldButton-Dprr9FF4.js → FieldButton-xxvyfVcj.js} +1 -1
- package/dist/assets/{FieldButton.stories-BuA4NyAH.js → FieldButton.stories-1kY40W8X.js} +1 -1
- package/dist/assets/Flag.stories-BcePwnUL.js +114 -0
- package/dist/assets/Flag.test.stories-hYgxXstG.js +27 -0
- package/dist/assets/{FormControl-V3kzTeDQ.js → FormControl-DWCH9Hh-.js} +1 -1
- package/dist/assets/{FormControl.stories-BPAavujL.js → FormControl.stories-5bbiEJoQ.js} +1 -1
- package/dist/assets/{Heading-CCe1-9kC.js → Heading-sy1TMpjs.js} +2 -2
- package/dist/assets/{Heading.stories-CyJWtiYM.js → Heading.stories-mFaQtYkx.js} +1 -1
- package/dist/assets/{Icon-Cx1Om39U.js → Icon-C3PbN7-O.js} +1 -1
- package/dist/assets/{Icon-RSC-BrBOjBRF.js → Icon-RSC-BFKQkcfJ.js} +1 -1
- package/dist/assets/{Icon-Clsj4XP8.js → Icon-zcBK8bUG.js} +1 -1
- package/dist/assets/{Icon.stories-Batx6hcA.js → Icon.stories-Dalhjiqr.js} +1 -1
- package/dist/assets/{IconButton-BlfJEn0q.js → IconButton-Do29z7Px.js} +2 -2
- package/dist/assets/{Input-DCIPe0x3.js → Input-CvLmSHHA.js} +7 -7
- package/dist/assets/{IntegrationWithReactHookForm.stories-CehSEL8O.js → IntegrationWithReactHookForm.stories-DpXAnn_A.js} +1 -1
- package/dist/assets/{LayoutFlex-Dp29ojjO.js → LayoutFlex-DsiZkqdg.js} +1 -1
- package/dist/assets/{LayoutFlex-B8VATmiE.js → LayoutFlex-oRwI31fW.js} +1 -1
- package/dist/assets/LayoutFlexItem-RxfNp994.js +1 -0
- package/dist/assets/{LayoutGrid-D9R6yTYX.js → LayoutGrid-6cTmb1jX.js} +1 -1
- package/dist/assets/LayoutGrid.stories-BdiYCGMy.js +88 -0
- package/dist/assets/LayoutGridItem-COV2Exf8.js +1 -0
- package/dist/assets/{LayoutGridItem-B1eMKElL.js → LayoutGridItem-CVWVBh65.js} +1 -1
- package/dist/assets/LayoutGridItem-Dy4Q8woN.css +1 -0
- package/dist/assets/{Link.stories-B08wLvpb.js → Link.stories-BetBkVdX.js} +2 -2
- package/dist/assets/{Loader.stories-C_wKZjOn.js → Loader.stories-CHC_EpHP.js} +1 -1
- package/dist/assets/NumberField-BpMDjGwN.js +6 -0
- package/dist/assets/{NumberField.stories-UOD1p45h.js → NumberField.stories-Dha3o6_E.js} +1 -1
- package/dist/assets/{ObserveIntersection-XIPHNpKf.js → ObserveIntersection-CvDmrhxS.js} +1 -1
- package/dist/assets/{ObserveIntersection.stories-B_5fq2at.js → ObserveIntersection.stories-CJbpJ7AX.js} +1 -1
- package/dist/assets/{OnboardingTooltip-CRciFvQd.js → OnboardingTooltip-D3Wls75j.js} +1 -1
- package/dist/assets/{OnboardingTooltip.stories-B5dnjHfH.js → OnboardingTooltip.stories-Ci0fTkuP.js} +1 -1
- package/dist/assets/{OnboardingTooltip.tests.stories-CYdt5iT_.js → OnboardingTooltip.tests.stories-DOX79bVb.js} +1 -1
- package/dist/assets/{OnboardingTour-C5J-Ko8C.js → OnboardingTour-BVA630b8.js} +1 -1
- package/dist/assets/{OnboardingTour.stories-BiD_KX4W.js → OnboardingTour.stories-CqPG7ano.js} +1 -1
- package/dist/assets/{OnboardingTour.tests.stories-mkgl6osQ.js → OnboardingTour.tests.stories-MkjEFcwA.js} +1 -1
- package/dist/assets/PasswordField-DoLJA84z.js +6 -0
- package/dist/assets/{PasswordField.stories-5PvQB5F3.js → PasswordField.stories-Cnn8lE0T.js} +1 -1
- package/dist/assets/{PreplyLogo.stories-WWHnC28y.js → PreplyLogo.stories-wSNUofCX.js} +2 -2
- package/dist/assets/{ProgressBar.stories-C4EKriYQ.js → ProgressBar.stories-Bvjoapax.js} +1 -1
- package/dist/assets/{ProgressSteps-ByDec2fC.js → ProgressSteps-CuGX9_Fy.js} +1 -1
- package/dist/assets/{ProgressSteps.stories-Mm9AyIKU.js → ProgressSteps.stories-Cl8xvJ_7.js} +1 -1
- package/dist/assets/{SelectField-C0H4vwVQ.js → SelectField-CKaBRG5w.js} +11 -11
- package/dist/assets/{SelectField.stories-C4cQhsE9.js → SelectField.stories-CaObCirJ.js} +1 -1
- package/dist/assets/{ShowOnIntersection.stories-CewFYwQu.js → ShowOnIntersection.stories-B24bNVFn.js} +1 -1
- package/dist/assets/{Steps-CX5urpe2.js → Steps-D9_n9bWW.js} +1 -1
- package/dist/assets/{Steps.stories-agJ1P7Uc.js → Steps.stories-RC7ynieo.js} +1 -1
- package/dist/assets/{Text-DmTAIIVj.js → Text-CH4wZQv6.js} +1 -1
- package/dist/assets/{Text.stories-BG1P5AxU.js → Text.stories-BCJduwcD.js} +1 -1
- package/dist/assets/TextField-2efgAYCl.js +6 -0
- package/dist/assets/{TextField-sLGry01P.js → TextField-DEExf7nd.js} +1 -1
- package/dist/assets/{TextField.stories-DTmdRXTS.js → TextField.stories-Jc3Ncrn0.js} +1 -1
- package/dist/assets/{TextHighlighted-CfvNH8PY.js → TextHighlighted-B7-aMGmA.js} +1 -1
- package/dist/assets/{TextHighlighted.stories-PV3yANaI.js → TextHighlighted.stories-DOQ3Cny3.js} +1 -1
- package/dist/assets/{TextInline.stories-DOhaF8wL.js → TextInline.stories-Db7MLcaa.js} +1 -1
- package/dist/assets/{TextareaField-DdG6sVbG.js → TextareaField-CEZIEZge.js} +11 -11
- package/dist/assets/{TextareaField.stories-BGuKT2xQ.js → TextareaField.stories-DaSeqBaw.js} +1 -1
- package/dist/assets/{Toast.stories-BeSJa7YF.js → Toast.stories-QJP8u4iK.js} +1 -1
- package/dist/assets/{Tooltip-DYI-etfB.js → Tooltip-hS-9HVfR.js} +1 -1
- package/dist/assets/{Tooltip.stories-CxCj-ob2.js → Tooltip.stories-C4MszWBD.js} +1 -1
- package/dist/assets/{Tooltip.tests.stories-DjfeI8dX.js → Tooltip.tests.stories-d_Ae61Qa.js} +1 -1
- package/dist/assets/align-self-BM6l9H5Z.js +1 -0
- package/dist/assets/{breakpoints-B8uQp7_c.js → breakpoints-CEbl-uDL.js} +1 -1
- package/dist/assets/{breakpoints-g7x119Q2.js → breakpoints-Co43frxT.js} +1 -1
- package/dist/assets/{breakpoints-BbJx-zj1.js → breakpoints-CtfwPy5b.js} +1 -1
- package/dist/assets/{changelog-hhVEuRrF.js → changelog-LaQoIV1j.js} +123 -118
- package/dist/assets/componentNames-CVVyamkx.js +1 -0
- package/dist/assets/{entry-preview-CQO5ZPIS.js → entry-preview-B99RiMJz.js} +1 -1
- package/dist/assets/{getTokenVar-Ca9O7hDT.js → getTokenVar-BJrGSy6F.js} +1 -1
- package/dist/assets/{hover-GlkvVhX_.js → hover-BjhhHSpj.js} +1 -1
- package/dist/assets/{hover-NEm4I90j.js → hover-DK6LMcYC.js} +1 -1
- package/dist/assets/{hover-BIh3LiSt.js → hover-DnJhtAGn.js} +1 -1
- package/dist/assets/{iframe-BoWsIu37.js → iframe-HKl8oQjn.js} +2 -2
- package/dist/assets/{index-BWgFdnbj.js → index-CszUBkQW.js} +1 -1
- package/dist/assets/{index-D6soH6D2.js → index-D7MP9XPf.js} +3 -3
- package/dist/assets/{intro-DXHLrAaZ.js → intro-C1UZ22gH.js} +1 -1
- package/dist/assets/{migrating-from-less-BmDjZBkA.js → migrating-from-less-D2AOZ4a1.js} +1 -1
- package/dist/assets/{playground-CCc6VR51.css → playground-DBdZFxjC.css} +1 -1
- package/dist/assets/{playground.stories-BMZQjPeS.js → playground.stories-CmncWrfH.js} +156 -156
- package/dist/assets/{preview-WXHEkGbd.js → preview-C7L32umn.js} +1 -1
- package/dist/assets/{preview-BP4TQFMI.js → preview-CC9A5m3x.js} +2 -2
- package/dist/assets/{preview-CvZJdcB8.js → preview-CngMvVBx.js} +1 -1
- package/dist/assets/{tokens-iVbEaxzw.js → tokens-5O6vHW16.js} +1 -1
- package/dist/assets/{tokens-CORgYdv_.js → tokens-B2xvm4ua.js} +1 -1
- package/dist/assets/{tokens-Dnw7r4iA.js → tokens-R_I2goJs.js} +1 -1
- package/dist/assets/{usePortalElement-U5qKyOsX.js → usePortalElement-CGpZ09JG.js} +1 -1
- package/dist/assets/{welcome-CChXvwAY.js → welcome-BsaVun8l.js} +1 -1
- package/dist/assets/{zeroheight-C-BxWtDD.js → zeroheight-ACud9VTO.js} +1 -1
- package/dist/iframe.html +1 -1
- package/dist/index.json +1 -1
- package/dist/preview-stats.json +1517 -1394
- package/dist/project.json +1 -1
- package/package.json +3 -3
- package/dist/assets/10.Combinations.stories-Lbp_HuL_.js +0 -144
- package/dist/assets/LayoutFlexItem-D4lQfjMe.js +0 -1
- package/dist/assets/LayoutGrid-mQT2ikS8.css +0 -1
- package/dist/assets/LayoutGrid.stories-sBnmfXCQ.js +0 -88
- package/dist/assets/NumberField-BS6zPFP5.js +0 -6
- package/dist/assets/PasswordField-EYDyw279.js +0 -6
- package/dist/assets/TextField-BAC0NZKU.js +0 -6
- package/dist/assets/componentNames-Ba2ybP0W.js +0 -1
- package/dist/assets/layout-relative-BpJIh3YK.js +0 -1
- /package/dist/assets/{layout-relative-C4ATemga.css → align-self-C4ATemga.css} +0 -0
package/dist/project.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1753973928619,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@types/sinonjs__fake-timers":"8.1.5"},"hasRouterPackage":false,"monorepo":"Lerna","packageManager":{"type":"yarn","version":"3.8.3"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true,"shouldExtractValuesFromUnion":true,"shouldRemoveUndefinedFromOptional":true,"propFilter":{"skipPropsWithName":"dsInternalSimulation"},"include":["/home/runner/work/design-system/design-system/packages/web-lib/src/components/**/*.tsx"]}},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"8.5.8","storybookVersionSpecifier":"8.5.8","language":"typescript","storybookPackages":{"@chromatic-com/storybook":{"version":"3.2.4"},"@storybook/addon-a11y":{"version":"8.5.8"},"@storybook/addon-essentials":{"version":"8.5.8"},"@storybook/addon-links":{"version":"8.5.8"},"@storybook/blocks":{"version":"8.5.8"},"@storybook/components":{"version":"8.5.8"},"@storybook/experimental-addon-test":{"version":"8.5.8"},"@storybook/manager-api":{"version":"8.5.8"},"@storybook/react":{"version":"8.5.8"},"@storybook/react-vite":{"version":"8.5.8"},"@storybook/test":{"version":"8.5.8"},"storybook":{"version":"8.5.8"},"storybook-addon-code-editor":{"version":"3.2.0"}},"addons":{"$SNIP/node_modules/storybook-addon-code-editor":{"version":null},"$SNIP/node_modules/@storybook/addon-a11y":{"version":null},"$SNIP/node_modules/@storybook/addon-actions":{"version":null},"$SNIP/node_modules/@storybook/addon-links":{"version":null},"$SNIP/node_modules/@storybook/addon-essentials":{"version":null},"$SNIP/node_modules/@storybook/experimental-addon-test":{"version":null}}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-docs",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.3.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@chromatic-com/storybook": "^3.2.4",
|
|
24
|
-
"@preply/ds-i18n": "3.
|
|
24
|
+
"@preply/ds-i18n": "3.3.0",
|
|
25
25
|
"@storybook/addon-a11y": "8.5.8",
|
|
26
26
|
"@storybook/addon-essentials": "8.5.8",
|
|
27
27
|
"@storybook/addon-links": "8.5.8",
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"vite": "6.1.1",
|
|
47
47
|
"vite-plugin-svgr": "4.3.0"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "6c784d7bd8b7a6a71e012e790030458c22ebe9ce"
|
|
50
50
|
}
|
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BYouaCF_.js";import{L as I}from"./LayoutFlexItem-D4lQfjMe.js";import{L as n}from"./LayoutFlex-B8VATmiE.js";import{f as L,d as D}from"./styled-components.browser.esm-CwsnEFnS.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./layout-relative-BpJIh3YK.js";import"./classNames-BUL1Zq7e.js";import"./layout-relative.module-ed9bC4H4.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-Ba2ybP0W.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";function S(s){return e.jsx("div",{style:{background:"yellow",width:"100%"},children:s.children})}function b(s){return e.jsx("div",{style:{background:"orange",width:"100%"},children:s.children})}function T(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapUndefined"}),e.jsxs(n,{dataset:{testid:"NowrapUndefined"},children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function G(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapTrue"}),e.jsxs(n,{dataset:{testid:"NowrapTrue"},nowrap:!0,children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function U(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapFalse"}),e.jsxs(n,{dataset:{testid:"NowrapFalse"},nowrap:!1,children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function c(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function x(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function P(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueUndefined"},column:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function H(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueFalse"},column:!0,reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function O(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueTrue"},column:!0,reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function $(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseUndefined"},column:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function A(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseFalse"},column:!1,reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function J(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseTrue"},column:!1,reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function k(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedUndefined"},children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function N(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedFalse"},reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function _(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedTrue"},reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function p(s){return e.jsx("div",{style:{background:"yellow",width:"50%"},children:s.children})}function g(s){return e.jsx("div",{style:{background:"orange",width:"50%"},children:s.children})}function X(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionRow"}),e.jsxs(n,{dataset:{testid:"DirectionRow"},direction:"row",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function E(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionRowReverse"}),e.jsxs(n,{dataset:{testid:"DirectionRowReverse"},direction:"row-reverse",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function M(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumn"}),e.jsxs(n,{dataset:{testid:"DirectionColumn"},direction:"column",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function B(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverse"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverse"},direction:"column-reverse",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function q(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverseResponsive"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverseResponsive"},direction:{_:"column-reverse","narrow-l":"column","medium-s":"row-reverse","medium-l":"column-reverse","wide-s":"column","wide-l":"row-reverse"},children:[e.jsx(p,{children:"A"}),e.jsx(g,{children:"B"})]})]})}function z(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverseResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverseResponsiveInvertedOrder"},direction:{"wide-l":"row-reverse","wide-s":"column","medium-l":"column-reverse","medium-s":"row-reverse","narrow-l":"column",_:"column-reverse"},children:[e.jsx(p,{children:"A"}),e.jsx(g,{children:"B"})]})]})}function j(s){return e.jsx("div",{style:{background:"yellow",width:"20%"},children:s.children})}function h(s){return e.jsx("div",{style:{background:"orange",width:"20%"},children:s.children})}function K(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentCenter"}),e.jsxs(n,{dataset:{testid:"JustifyContentCenter"},justifyContent:"center",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Q(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentStart"}),e.jsxs(n,{dataset:{testid:"JustifyContentStart"},justifyContent:"start",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function V(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentEnd"}),e.jsxs(n,{dataset:{testid:"JustifyContentEnd"},justifyContent:"end",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function W(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceBetween"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceBetween"},justifyContent:"space-between",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Y(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceAround"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceAround"},justifyContent:"space-around",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Z(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceEvenly"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceEvenly"},justifyContent:"space-evenly",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentResponsive"}),e.jsxs(n,{dataset:{testid:"JustifyContentResponsive"},justifyContent:{_:"center","narrow-l":"end","medium-s":"space-around","medium-l":"space-around","wide-s":"space-evenly","wide-l":"end"},children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"JustifyContentResponsiveInvertedOrder"},justifyContent:{"wide-l":"end","wide-s":"space-evenly","medium-l":"space-around","medium-s":"space-around","narrow-l":"end",_:"center"},children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function u(s){return e.jsx("div",{style:{background:"yellow",height:"60px"},children:s.children})}function o(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function se(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsCenter"}),e.jsxs(n,{dataset:{testid:"AlignItemsCenter"},alignItems:"center",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsStart"}),e.jsxs(n,{dataset:{testid:"AlignItemsStart"},alignItems:"start",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function re(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsEnd"}),e.jsxs(n,{dataset:{testid:"AlignItemsEnd"},alignItems:"end",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function de(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsStretch"}),e.jsxs(n,{dataset:{testid:"AlignItemsStretch"},alignItems:"stretch",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsBaseline"}),e.jsxs(n,{dataset:{testid:"AlignItemsBaseline"},alignItems:"baseline",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsResponsive"}),e.jsxs(n,{dataset:{testid:"AlignItemsResponsive"},alignItems:{_:"center","narrow-l":"end","medium-s":"baseline","medium-l":"center","wide-s":"stretch","wide-l":"end"},children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"AlignItemsResponsiveInvertedOrder"},alignItems:{"wide-l":"end","wide-s":"stretch","medium-l":"center","medium-s":"baseline","narrow-l":"end",_:"center"},children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function d(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function t(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testid:"Spacing0"},gap:"0",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function xe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testid:"Spacing1"},gap:"1",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testid:"Spacing2"},gap:"2",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function he(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testid:"Spacing4"},gap:"4",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testid:"Spacing8"},gap:"8",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testid:"Spacing12"},gap:"12",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function pe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testid:"Spacing16"},gap:"16",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ge(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testid:"Spacing20"},gap:"20",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testid:"Spacing24"},gap:"24",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function fe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing32"}),e.jsxs(n,{dataset:{testid:"Spacing32"},gap:"32",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ve(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing48"}),e.jsxs(n,{dataset:{testid:"Spacing48"},gap:"48",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Se(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing64"}),e.jsxs(n,{dataset:{testid:"Spacing64"},gap:"64",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function be(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing96"}),e.jsxs(n,{dataset:{testid:"Spacing96"},gap:"96",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Fe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing160"}),e.jsxs(n,{dataset:{testid:"Spacing160"},gap:"160",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapNone"}),e.jsxs(n,{dataset:{testid:"LayoutGapNone"},gap:"none",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Re(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGap3xs"}),e.jsxs(n,{dataset:{testid:"LayoutGap3xs"},gap:"3xs",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function we(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGap2xs"}),e.jsxs(n,{dataset:{testid:"LayoutGap2xs"},gap:"2xs",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapXs"}),e.jsxs(n,{dataset:{testid:"LayoutGapXs"},gap:"xs",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapS"}),e.jsxs(n,{dataset:{testid:"LayoutGapS"},gap:"s",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapM"}),e.jsxs(n,{dataset:{testid:"LayoutGapM"},gap:"m",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function De(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapL"}),e.jsxs(n,{dataset:{testid:"LayoutGapL"},gap:"l",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapXl"}),e.jsxs(n,{dataset:{testid:"LayoutGapXl"},gap:"xl",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Ge(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingResponsive"},gap:{_:"4","narrow-l":"8","medium-s":"12","medium-l":"16","wide-s":"20","wide-l":"24"},children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"SpacingResponsiveInvertedOrder"},gap:{"wide-l":"24","wide-s":"20","medium-l":"16","medium-s":"12","narrow-l":"8",_:"4"},children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function i(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function r(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function Pe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testid:"Spacing0"},padding:"0",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function He(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testid:"Spacing1"},padding:"1",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testid:"Spacing2"},padding:"2",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function $e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testid:"Spacing4"},padding:"4",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testid:"Spacing8"},padding:"8",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testid:"Spacing12"},padding:"12",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testid:"Spacing16"},padding:"16",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testid:"Spacing20"},padding:"20",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function _e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testid:"Spacing24"},padding:"24",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Xe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing32"}),e.jsxs(n,{dataset:{testid:"Spacing32"},padding:"32",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing48"}),e.jsxs(n,{dataset:{testid:"Spacing48"},padding:"48",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing64"}),e.jsxs(n,{dataset:{testid:"Spacing64"},padding:"64",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Be(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing96"}),e.jsxs(n,{dataset:{testid:"Spacing96"},padding:"96",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function qe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing160"}),e.jsxs(n,{dataset:{testid:"Spacing160"},padding:"160",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingNone"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingNone"},padding:"none",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPadding3xs"}),e.jsxs(n,{dataset:{testid:"LayoutPadding3xs"},padding:"3xs",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Qe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPadding2xs"}),e.jsxs(n,{dataset:{testid:"LayoutPadding2xs"},padding:"2xs",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ve(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingXs"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingXs"},padding:"xs",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function We(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingS"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingS"},padding:"s",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingM"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingM"},padding:"m",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingL"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingL"},padding:"l",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function en(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingXl"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingXl"},padding:"xl",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function nn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingResponsive"},padding:{_:"4","narrow-l":"8","medium-s":"12","medium-l":"16","wide-s":"20","wide-l":"24"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function sn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"SpacingResponsiveInvertedOrder"},padding:{"wide-l":"24","wide-s":"20","medium-l":"16","medium-s":"12","narrow-l":"8",_:"4"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function rn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand2"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand2"},padding:["12","24"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function dn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand3"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand3"},padding:["12","24","48"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function tn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand4"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand4"},padding:["12","24","48","64"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function an(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthandResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingShorthandResponsive"},padding:{_:["1","2","4","8"],"narrow-l":["12","24","48","64"],"medium-s":["1","2","4","8"],"medium-l":["12","24","48","64"],"wide-s":["1","2","4","8"],"wide-l":["12","24","48","64"]},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ln(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingMixResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingMixResponsive"},padding:{_:["1","2","4","8"],"narrow-l":"12","medium-s":["1","2"],"medium-l":["12","24","48"],"wide-s":["1","2","4","8"],"wide-l":"64"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function a(s){return e.jsx("div",{style:{background:"yellow",width:"20%"},children:s.children})}function l(s){return e.jsx("div",{style:{background:"orange",width:"20%"},children:s.children})}function cn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueUndefined"},hide:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function xn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueFalse"},hide:!0,inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function jn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueTrue"},hide:!0,inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function hn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseUndefined"},hide:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function un(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseFalse"},hide:!1,inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function on(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseTrue"},hide:!1,inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function pn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedUndefined"},children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function gn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedFalse"},inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function mn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedTrue"},inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function fn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineResponsive"}),e.jsxs(n,{dataset:{testid:"HideInlineResponsive"},hide:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},inline:!0,children:[e.jsx(a,{children:"A responsive"}),e.jsx(l,{children:"B responsive"})]})]})}function vn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"HideInlineResponsiveInvertedOrder"},hide:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function f(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function v(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function Sn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeTrue"}),e.jsxs(n,{dataset:{testid:"RelativeTrue"},relative:!0,children:[e.jsx(f,{children:"a"}),e.jsx(v,{children:"b"})]})]})}function bn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeFalse"}),e.jsxs(n,{dataset:{testid:"RelativeFalse"},relative:!1,children:[e.jsx(f,{children:"a"}),e.jsx(v,{children:"b"})]})]})}function Fn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeResponsive"}),e.jsxs(n,{dataset:{testid:"RelativeResponsive"},relative:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},children:[e.jsx(f,{children:"a"}),e.jsx(v,{children:"b"})]})]})}function yn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"RelativeResponsiveInvertedOrder"},relative:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},children:[e.jsx(f,{children:"a"}),e.jsx(v,{children:"b"})]})]})}function w(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function C(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}const Rn=L`
|
|
2
|
-
div[data-override='true'] {
|
|
3
|
-
display:grid;
|
|
4
|
-
}
|
|
5
|
-
`;function wn(){return e.jsxs(e.Fragment,{children:[e.jsx(Rn,{}),e.jsx("span",{children:"DataOverrideGlobalClass"}),e.jsxs(n,{dataset:{testid:"DataOverrideGlobalClass",override:!0},children:[e.jsx(w,{children:"a"}),e.jsx(C,{children:"b"})]})]})}const Cn=D.div`
|
|
6
|
-
div[data-override='true'] {
|
|
7
|
-
display: grid;
|
|
8
|
-
}
|
|
9
|
-
`;function In(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DataOverrideLocalClass"}),e.jsx(Cn,{children:e.jsxs(n,{dataset:{testid:"DataOverrideLocalClass",override:!0},children:[e.jsx(w,{children:"a"}),e.jsx(C,{children:"b"})]})})]})}function Ln(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function Dn(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function Tn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Default"}),e.jsxs(n,{dataset:{testid:"Default"},children:[e.jsx(Ln,{children:"a"}),e.jsx(Dn,{children:"b"})]})]})}const Bn={title:"components/LayoutFlex",component:n,tags:["!autodocs"],subcomponents:{LayoutFlexItem:I},parameters:{chromatic:{modes:{"narrow-l":{viewport:"narrow-l"},"medium-s":{viewport:"medium-s"},"medium-l":{viewport:"medium-l"},"wide-s":{viewport:"wide-s"},"wide-l":{viewport:"wide-l"}}}}},m=()=>e.jsxs(e.Fragment,{children:[e.jsx(Tn,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(T,{}),e.jsx(G,{}),e.jsx(U,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(P,{}),e.jsx(H,{}),e.jsx(O,{}),e.jsx($,{}),e.jsx(A,{}),e.jsx(J,{}),e.jsx(k,{}),e.jsx(N,{}),e.jsx(_,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(X,{}),e.jsx(E,{}),e.jsx(M,{}),e.jsx(B,{}),e.jsx(q,{}),e.jsx(z,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(K,{}),e.jsx(Q,{}),e.jsx(V,{}),e.jsx(W,{}),e.jsx(Y,{}),e.jsx(Z,{}),e.jsx(ee,{}),e.jsx(ne,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(se,{}),e.jsx(ie,{}),e.jsx(re,{}),e.jsx(de,{}),e.jsx(te,{}),e.jsx(ae,{}),e.jsx(le,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(ce,{}),e.jsx(xe,{}),e.jsx(je,{}),e.jsx(he,{}),e.jsx(ue,{}),e.jsx(oe,{}),e.jsx(pe,{}),e.jsx(ge,{}),e.jsx(me,{}),e.jsx(fe,{}),e.jsx(ve,{}),e.jsx(Se,{}),e.jsx(be,{}),e.jsx(Fe,{}),e.jsx(ye,{}),e.jsx(Re,{}),e.jsx(we,{}),e.jsx(Ce,{}),e.jsx(Ie,{}),e.jsx(Le,{}),e.jsx(De,{}),e.jsx(Te,{}),e.jsx(Ge,{}),e.jsx(Ue,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(Pe,{}),e.jsx(He,{}),e.jsx(Oe,{}),e.jsx($e,{}),e.jsx(Ae,{}),e.jsx(Je,{}),e.jsx(ke,{}),e.jsx(Ne,{}),e.jsx(_e,{}),e.jsx(Xe,{}),e.jsx(Ee,{}),e.jsx(Me,{}),e.jsx(Be,{}),e.jsx(qe,{}),e.jsx(ze,{}),e.jsx(Ke,{}),e.jsx(Qe,{}),e.jsx(Ve,{}),e.jsx(We,{}),e.jsx(Ye,{}),e.jsx(Ze,{}),e.jsx(en,{}),e.jsx(nn,{}),e.jsx(sn,{}),e.jsx(rn,{}),e.jsx(dn,{}),e.jsx(tn,{}),e.jsx(an,{}),e.jsx(ln,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(cn,{}),e.jsx("br",{}),e.jsx(xn,{}),e.jsx("br",{}),e.jsx(jn,{}),e.jsx("br",{}),e.jsx(hn,{}),e.jsx("br",{}),e.jsx(un,{}),e.jsx("br",{}),e.jsx(on,{}),e.jsx("br",{}),e.jsx(pn,{}),e.jsx("br",{}),e.jsx(gn,{}),e.jsx("br",{}),e.jsx(mn,{}),e.jsx("br",{}),e.jsx(fn,{}),e.jsx("br",{}),e.jsx(vn,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(Sn,{}),e.jsx(bn,{}),e.jsx(Fn,{}),e.jsx(yn,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(wn,{}),e.jsx(In,{})]});m.storyName="Combinations";var F,y,R;m.parameters={...m.parameters,docs:{...(F=m.parameters)==null?void 0:F.docs,source:{originalSource:`() => <>
|
|
10
|
-
<Default />
|
|
11
|
-
<br />
|
|
12
|
-
<br />
|
|
13
|
-
<NowrapUndefined />
|
|
14
|
-
<NowrapTrue />
|
|
15
|
-
<NowrapFalse />
|
|
16
|
-
<br />
|
|
17
|
-
<br />
|
|
18
|
-
<ColumnReverseTrueUndefined />
|
|
19
|
-
<ColumnReverseTrueFalse />
|
|
20
|
-
<ColumnReverseTrueTrue />
|
|
21
|
-
<ColumnReverseFalseUndefined />
|
|
22
|
-
<ColumnReverseFalseFalse />
|
|
23
|
-
<ColumnReverseFalseTrue />
|
|
24
|
-
<ColumnReverseUndefinedUndefined />
|
|
25
|
-
<ColumnReverseUndefinedFalse />
|
|
26
|
-
<ColumnReverseUndefinedTrue />
|
|
27
|
-
<br />
|
|
28
|
-
<br />
|
|
29
|
-
<DirectionRow />
|
|
30
|
-
<DirectionRowReverse />
|
|
31
|
-
<DirectionColumn />
|
|
32
|
-
<DirectionColumnReverse />
|
|
33
|
-
<DirectionColumnReverseResponsive />
|
|
34
|
-
<DirectionColumnReverseResponsiveInvertedOrder />
|
|
35
|
-
<br />
|
|
36
|
-
<br />
|
|
37
|
-
<JustifyContentCenter />
|
|
38
|
-
<JustifyContentStart />
|
|
39
|
-
<JustifyContentEnd />
|
|
40
|
-
<JustifyContentSpaceBetween />
|
|
41
|
-
<JustifyContentSpaceAround />
|
|
42
|
-
<JustifyContentSpaceEvenly />
|
|
43
|
-
<JustifyContentResponsive />
|
|
44
|
-
<JustifyContentResponsiveInvertedOrder />
|
|
45
|
-
<br />
|
|
46
|
-
<br />
|
|
47
|
-
<AlignItemsCenter />
|
|
48
|
-
<AlignItemsStart />
|
|
49
|
-
<AlignItemsEnd />
|
|
50
|
-
<AlignItemsStretch />
|
|
51
|
-
<AlignItemsBaseline />
|
|
52
|
-
<AlignItemsResponsive />
|
|
53
|
-
<AlignItemsResponsiveInvertedOrder />
|
|
54
|
-
<br />
|
|
55
|
-
<br />
|
|
56
|
-
<GapSpacing0 />
|
|
57
|
-
<GapSpacing1 />
|
|
58
|
-
<GapSpacing2 />
|
|
59
|
-
<GapSpacing4 />
|
|
60
|
-
<GapSpacing8 />
|
|
61
|
-
<GapSpacing12 />
|
|
62
|
-
<GapSpacing16 />
|
|
63
|
-
<GapSpacing20 />
|
|
64
|
-
<GapSpacing24 />
|
|
65
|
-
<GapSpacing32 />
|
|
66
|
-
<GapSpacing48 />
|
|
67
|
-
<GapSpacing64 />
|
|
68
|
-
<GapSpacing96 />
|
|
69
|
-
<GapSpacing160 />
|
|
70
|
-
<LayoutGapNone />
|
|
71
|
-
<LayoutGap3xs />
|
|
72
|
-
<LayoutGap2xs />
|
|
73
|
-
<LayoutGapXs />
|
|
74
|
-
<LayoutGapS />
|
|
75
|
-
<LayoutGapM />
|
|
76
|
-
<LayoutGapL />
|
|
77
|
-
<LayoutGapXl />
|
|
78
|
-
<GapSpacingResponsive />
|
|
79
|
-
<GapSpacingResponsiveInvertedOrder />
|
|
80
|
-
<br />
|
|
81
|
-
<br />
|
|
82
|
-
<PaddingSpacing0 />
|
|
83
|
-
<PaddingSpacing1 />
|
|
84
|
-
<PaddingSpacing2 />
|
|
85
|
-
<PaddingSpacing4 />
|
|
86
|
-
<PaddingSpacing8 />
|
|
87
|
-
<PaddingSpacing12 />
|
|
88
|
-
<PaddingSpacing16 />
|
|
89
|
-
<PaddingSpacing20 />
|
|
90
|
-
<PaddingSpacing24 />
|
|
91
|
-
<PaddingSpacing32 />
|
|
92
|
-
<PaddingSpacing48 />
|
|
93
|
-
<PaddingSpacing64 />
|
|
94
|
-
<PaddingSpacing96 />
|
|
95
|
-
<PaddingSpacing160 />
|
|
96
|
-
<LayoutPaddingNone />
|
|
97
|
-
<LayoutPadding3xs />
|
|
98
|
-
<LayoutPadding2xs />
|
|
99
|
-
<LayoutPaddingXs />
|
|
100
|
-
<LayoutPaddingS />
|
|
101
|
-
<LayoutPaddingM />
|
|
102
|
-
<LayoutPaddingL />
|
|
103
|
-
<LayoutPaddingXl />
|
|
104
|
-
<PaddingSpacingResponsive />
|
|
105
|
-
<PaddingSpacingResponsiveInvertedOrder />
|
|
106
|
-
<SpacingShorthand2 />
|
|
107
|
-
<SpacingShorthand3 />
|
|
108
|
-
<SpacingShorthand4 />
|
|
109
|
-
<SpacingShorthandResponsive />
|
|
110
|
-
<SpacingMixResponsive />
|
|
111
|
-
<br />
|
|
112
|
-
<br />
|
|
113
|
-
<HideInlineTrueUndefined />
|
|
114
|
-
<br />
|
|
115
|
-
<HideInlineTrueFalse />
|
|
116
|
-
<br />
|
|
117
|
-
<HideInlineTrueTrue />
|
|
118
|
-
<br />
|
|
119
|
-
<HideInlineFalseUndefined />
|
|
120
|
-
<br />
|
|
121
|
-
<HideInlineFalseFalse />
|
|
122
|
-
<br />
|
|
123
|
-
<HideInlineFalseTrue />
|
|
124
|
-
<br />
|
|
125
|
-
<HideInlineUndefinedUndefined />
|
|
126
|
-
<br />
|
|
127
|
-
<HideInlineUndefinedFalse />
|
|
128
|
-
<br />
|
|
129
|
-
<HideInlineUndefinedTrue />
|
|
130
|
-
<br />
|
|
131
|
-
<HideInlineResponsive />
|
|
132
|
-
<br />
|
|
133
|
-
<HideInlineResponsiveInvertedOrder />
|
|
134
|
-
<br />
|
|
135
|
-
<br />
|
|
136
|
-
<RelativeTrue />
|
|
137
|
-
<RelativeFalse />
|
|
138
|
-
<RelativeResponsive />
|
|
139
|
-
<RelativeResponsiveInvertedOrder />
|
|
140
|
-
<br />
|
|
141
|
-
<br />
|
|
142
|
-
<DataOverrideGlobalClass />
|
|
143
|
-
<DataOverrideLocalClass />
|
|
144
|
-
</>`,...(R=(y=m.parameters)==null?void 0:y.docs)==null?void 0:R.source}}};const qn=["Combinations"];export{m as Combinations,qn as __namedExportsOrder,Bn as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as x}from"./jsx-runtime-BYouaCF_.js";import{r as I}from"./index-B3evPFBL.js";import{g as _,a as F,b as g}from"./layout-relative-BpJIh3YK.js";import{f as w}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{m as b,b as R}from"./classNames-BUL1Zq7e.js";import{w as e}from"./componentNames-Ba2ybP0W.js";import{g as C}from"./index-DdzHuZ-Y.js";import{L as N}from"./defaults-B1rzzf6M.js";const A="LayoutFlexItem__dKOq-",q={LayoutFlexItem:A,"LayoutFlexItem--stretch":"LayoutFlexItem--stretch__iab5M","LayoutFlexItem--no-stretch":"LayoutFlexItem--no-stretch__-1TuH","LayoutFlexItem--narrow-l--stretch":"LayoutFlexItem--narrow-l--stretch__3ll6c","LayoutFlexItem--narrow-l--no-stretch":"LayoutFlexItem--narrow-l--no-stretch__ObDkL","LayoutFlexItem--medium-s--stretch":"LayoutFlexItem--medium-s--stretch__3Ry1a","LayoutFlexItem--medium-s--no-stretch":"LayoutFlexItem--medium-s--no-stretch__KB7hy","LayoutFlexItem--medium-l--stretch":"LayoutFlexItem--medium-l--stretch__roskH","LayoutFlexItem--medium-l--no-stretch":"LayoutFlexItem--medium-l--no-stretch__g5WGB","LayoutFlexItem--wide-s--stretch":"LayoutFlexItem--wide-s--stretch__xMSyv","LayoutFlexItem--wide-s--no-stretch":"LayoutFlexItem--wide-s--no-stretch__3voIB","LayoutFlexItem--wide-l--stretch":"LayoutFlexItem--wide-l--stretch__AfLMQ","LayoutFlexItem--wide-l--no-stretch":"LayoutFlexItem--wide-l--no-stretch__LA45O"},t=I.forwardRef(function({children:l,alignSelf:s,stretch:u=!1,tag:o,hide:n,relative:r,dataset:m,...i},c){const d=b(q,e.LayoutFlexItem,R("stretch","no-stretch",u)),v=_(s),p=F(n),y=g(r),f=[...d,...v,...p,...y],L=o??N,h={...w(i),ref:c,className:f.join(" "),...C(m,{preplyDsComponent:e.LayoutFlexItem})};return x.jsx(L,{...h,children:l})});try{t.displayName="LayoutFlexItem",t.__docgenInfo={description:"",displayName:"LayoutFlexItem",props:{alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:"ResponsiveProp<LayoutAlignSelf>"}]}},stretch:{defaultValue:{value:"false"},description:"",name:"stretch",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{t as L};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.LayoutGridItem__GF0yx{margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;padding:0}.LayoutGrid__SRDdo{list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;margin:0;padding:0;display:grid}.LayoutGrid--justify-content-center__vI9m1{justify-content:center}.LayoutGrid--justify-content-start__oyqGC{justify-content:start}.LayoutGrid--justify-content-end__RMTO2{justify-content:end}.LayoutGrid--justify-content-space-between__lvZnD{justify-content:space-between}.LayoutGrid--justify-content-space-around__Tl4FE{justify-content:space-around}.LayoutGrid--justify-content-space-evenly__KzBOQ{justify-content:space-evenly}@media (min-width: 400px){.LayoutGrid--narrow-l--justify-content-center__nQPPi{justify-content:center}.LayoutGrid--narrow-l--justify-content-start__K7PbL{justify-content:start}.LayoutGrid--narrow-l--justify-content-end__UHZNO{justify-content:end}.LayoutGrid--narrow-l--justify-content-space-between__hgFor{justify-content:space-between}.LayoutGrid--narrow-l--justify-content-space-around__Ec1Tu{justify-content:space-around}.LayoutGrid--narrow-l--justify-content-space-evenly__TjQzB{justify-content:space-evenly}}@media (min-width: 700px){.LayoutGrid--medium-s--justify-content-center__2xRJU{justify-content:center}.LayoutGrid--medium-s--justify-content-start__5YYfG{justify-content:start}.LayoutGrid--medium-s--justify-content-end__tNaVV{justify-content:end}.LayoutGrid--medium-s--justify-content-space-between__Yw2DU{justify-content:space-between}.LayoutGrid--medium-s--justify-content-space-around__GzjIX{justify-content:space-around}.LayoutGrid--medium-s--justify-content-space-evenly__wtV7Y{justify-content:space-evenly}}@media (min-width: 880px){.LayoutGrid--medium-l--justify-content-center__6Z3HK{justify-content:center}.LayoutGrid--medium-l--justify-content-start__eCE0H{justify-content:start}.LayoutGrid--medium-l--justify-content-end__WUHhq{justify-content:end}.LayoutGrid--medium-l--justify-content-space-between__dzn5s{justify-content:space-between}.LayoutGrid--medium-l--justify-content-space-around__1jJy-{justify-content:space-around}.LayoutGrid--medium-l--justify-content-space-evenly__SALxb{justify-content:space-evenly}}@media (min-width: 1200px){.LayoutGrid--wide-s--justify-content-center__O2AmA{justify-content:center}.LayoutGrid--wide-s--justify-content-start__M128c{justify-content:start}.LayoutGrid--wide-s--justify-content-end__Edf7b{justify-content:end}.LayoutGrid--wide-s--justify-content-space-between__sCWUj{justify-content:space-between}.LayoutGrid--wide-s--justify-content-space-around__OqKb-{justify-content:space-around}.LayoutGrid--wide-s--justify-content-space-evenly__BqAco{justify-content:space-evenly}}@media (min-width: 1900px){.LayoutGrid--wide-l--justify-content-center__WT24m{justify-content:center}.LayoutGrid--wide-l--justify-content-start__pavdA{justify-content:start}.LayoutGrid--wide-l--justify-content-end__US-V2{justify-content:end}.LayoutGrid--wide-l--justify-content-space-between__31Ivo{justify-content:space-between}.LayoutGrid--wide-l--justify-content-space-around__sbmBA{justify-content:space-around}.LayoutGrid--wide-l--justify-content-space-evenly__VBy-1{justify-content:space-evenly}}.LayoutGrid--align-items-center__cAn-E{align-items:center}.LayoutGrid--align-items-start__iIBPs{align-items:start}.LayoutGrid--align-items-end__bi0Vt{align-items:end}.LayoutGrid--align-items-stretch__vyo1N{align-items:stretch}.LayoutGrid--align-items-baseline__iWU1b{align-items:baseline}@media (min-width: 400px){.LayoutGrid--narrow-l--align-items-center__L5fan{align-items:center}.LayoutGrid--narrow-l--align-items-start__EZBkc{align-items:start}.LayoutGrid--narrow-l--align-items-end__igLCn{align-items:end}.LayoutGrid--narrow-l--align-items-stretch__jsoOx{align-items:stretch}.LayoutGrid--narrow-l--align-items-baseline__HJvGK{align-items:baseline}}@media (min-width: 700px){.LayoutGrid--medium-s--align-items-center__YHCsG{align-items:center}.LayoutGrid--medium-s--align-items-start__-x5jL{align-items:start}.LayoutGrid--medium-s--align-items-end__5vxaA{align-items:end}.LayoutGrid--medium-s--align-items-stretch__Oo3Jn{align-items:stretch}.LayoutGrid--medium-s--align-items-baseline__N5jnU{align-items:baseline}}@media (min-width: 880px){.LayoutGrid--medium-l--align-items-center__sOLNh{align-items:center}.LayoutGrid--medium-l--align-items-start__LlPIM{align-items:start}.LayoutGrid--medium-l--align-items-end__kMMCT{align-items:end}.LayoutGrid--medium-l--align-items-stretch__R0zx-{align-items:stretch}.LayoutGrid--medium-l--align-items-baseline__EaOdU{align-items:baseline}}@media (min-width: 1200px){.LayoutGrid--wide-s--align-items-center__Ve-ZD{align-items:center}.LayoutGrid--wide-s--align-items-start__28Z74{align-items:start}.LayoutGrid--wide-s--align-items-end__TDXOu{align-items:end}.LayoutGrid--wide-s--align-items-stretch__nHuLT{align-items:stretch}.LayoutGrid--wide-s--align-items-baseline__pnhzS{align-items:baseline}}@media (min-width: 1900px){.LayoutGrid--wide-l--align-items-center__JTXQd{align-items:center}.LayoutGrid--wide-l--align-items-start__Ghu5o{align-items:start}.LayoutGrid--wide-l--align-items-end__6ReFW{align-items:end}.LayoutGrid--wide-l--align-items-stretch__O0QQv{align-items:stretch}.LayoutGrid--wide-l--align-items-baseline__sQjwX{align-items:baseline}}.LayoutGrid--justify-items-stretch__M9QcQ{justify-items:stretch}.LayoutGrid--justify-items-center__oTKUc{justify-items:center}.LayoutGrid--justify-items-start__VYPnF{justify-items:start}.LayoutGrid--justify-items-end__8CwwZ{justify-items:end}@media (min-width: 400px){.LayoutGrid--narrow-l--justify-items-stretch__kvCGG{justify-items:stretch}.LayoutGrid--narrow-l--justify-items-center__3ItXk{justify-items:center}.LayoutGrid--narrow-l--justify-items-start__Bhi3s{justify-items:start}.LayoutGrid--narrow-l--justify-items-end__gc2Ku{justify-items:end}}@media (min-width: 700px){.LayoutGrid--medium-s--justify-items-stretch__tuwxD{justify-items:stretch}.LayoutGrid--medium-s--justify-items-center__atoXy{justify-items:center}.LayoutGrid--medium-s--justify-items-start__TmFN1{justify-items:start}.LayoutGrid--medium-s--justify-items-end__jfl4-{justify-items:end}}@media (min-width: 880px){.LayoutGrid--medium-l--justify-items-stretch__H23wm{justify-items:stretch}.LayoutGrid--medium-l--justify-items-center__U-RzH{justify-items:center}.LayoutGrid--medium-l--justify-items-start__0UVBd{justify-items:start}.LayoutGrid--medium-l--justify-items-end__GDL0T{justify-items:end}}@media (min-width: 1200px){.LayoutGrid--wide-s--justify-items-stretch__3eMVC{justify-items:stretch}.LayoutGrid--wide-s--justify-items-center__i7AtD{justify-items:center}.LayoutGrid--wide-s--justify-items-start__O80gc{justify-items:start}.LayoutGrid--wide-s--justify-items-end__IleZr{justify-items:end}}@media (min-width: 1900px){.LayoutGrid--wide-l--justify-items-stretch__P8KTm{justify-items:stretch}.LayoutGrid--wide-l--justify-items-center__sXqXH{justify-items:center}.LayoutGrid--wide-l--justify-items-start__QngDX{justify-items:start}.LayoutGrid--wide-l--justify-items-end__wa8k8{justify-items:end}}.LayoutGrid--columns__rVisq{grid-template-columns:var(--columns)}@media (min-width: 400px){.LayoutGrid--columns-narrow-l__UBDfA{grid-template-columns:var(--columns-narrow-l)}}@media (min-width: 700px){.LayoutGrid--columns-medium-s__lzA5l{grid-template-columns:var(--columns-medium-s)}}@media (min-width: 880px){.LayoutGrid--columns-medium-l__CM0CJ{grid-template-columns:var(--columns-medium-l)}}@media (min-width: 1200px){.LayoutGrid--columns-wide-s__RUz4B{grid-template-columns:var(--columns-wide-s)}}@media (min-width: 1900px){.LayoutGrid--columns-wide-l__qXJC-{grid-template-columns:var(--columns-wide-l)}}
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-BYouaCF_.js";import{r as N}from"./index-B3evPFBL.js";import{g as U,a as A,b as R}from"./layout-relative-BpJIh3YK.js";import{f as P}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{m as w,a as E,s as v}from"./classNames-BUL1Zq7e.js";import{g as T}from"./index-DdzHuZ-Y.js";import{L as V,k as H,f as z}from"./defaults-B1rzzf6M.js";import{w as h}from"./componentNames-Ba2ybP0W.js";import{B}from"./breakpoints-BfMlrtxE.js";import{s as M,g as W}from"./layout-relative.module-ed9bC4H4.js";import{S as o,a as Y}from"./consts-KAYct7Gj.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./constants-DYYVurUY.js";const F="LayoutGridItem__GF0yx",K={LayoutGridItem:F},f=N.forwardRef(function({children:i,alignSelf:s,tag:a,hide:r,relative:n,dataset:u,...l},d){const m=w(K,h.LayoutGridItem,[]),y=U(s),c=A(r),_=R(n),g=[...m,...y,...c,..._],q=a??V,D={...P(l),ref:d,className:g.join(" "),...T(u,{preplyDsComponent:h.LayoutGridItem})};return t.jsx(q,{...D,children:i})});try{f.displayName="LayoutGridItem",f.__docgenInfo={description:"",displayName:"LayoutGridItem",props:{alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:"ResponsiveProp<LayoutAlignSelf>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const Q="LayoutGrid__SRDdo",O={LayoutGrid:Q,"LayoutGrid--justify-content-center":"LayoutGrid--justify-content-center__vI9m1","LayoutGrid--justify-content-start":"LayoutGrid--justify-content-start__oyqGC","LayoutGrid--justify-content-end":"LayoutGrid--justify-content-end__RMTO2","LayoutGrid--justify-content-space-between":"LayoutGrid--justify-content-space-between__lvZnD","LayoutGrid--justify-content-space-around":"LayoutGrid--justify-content-space-around__Tl4FE","LayoutGrid--justify-content-space-evenly":"LayoutGrid--justify-content-space-evenly__KzBOQ","LayoutGrid--narrow-l--justify-content-center":"LayoutGrid--narrow-l--justify-content-center__nQPPi","LayoutGrid--narrow-l--justify-content-start":"LayoutGrid--narrow-l--justify-content-start__K7PbL","LayoutGrid--narrow-l--justify-content-end":"LayoutGrid--narrow-l--justify-content-end__UHZNO","LayoutGrid--narrow-l--justify-content-space-between":"LayoutGrid--narrow-l--justify-content-space-between__hgFor","LayoutGrid--narrow-l--justify-content-space-around":"LayoutGrid--narrow-l--justify-content-space-around__Ec1Tu","LayoutGrid--narrow-l--justify-content-space-evenly":"LayoutGrid--narrow-l--justify-content-space-evenly__TjQzB","LayoutGrid--medium-s--justify-content-center":"LayoutGrid--medium-s--justify-content-center__2xRJU","LayoutGrid--medium-s--justify-content-start":"LayoutGrid--medium-s--justify-content-start__5YYfG","LayoutGrid--medium-s--justify-content-end":"LayoutGrid--medium-s--justify-content-end__tNaVV","LayoutGrid--medium-s--justify-content-space-between":"LayoutGrid--medium-s--justify-content-space-between__Yw2DU","LayoutGrid--medium-s--justify-content-space-around":"LayoutGrid--medium-s--justify-content-space-around__GzjIX","LayoutGrid--medium-s--justify-content-space-evenly":"LayoutGrid--medium-s--justify-content-space-evenly__wtV7Y","LayoutGrid--medium-l--justify-content-center":"LayoutGrid--medium-l--justify-content-center__6Z3HK","LayoutGrid--medium-l--justify-content-start":"LayoutGrid--medium-l--justify-content-start__eCE0H","LayoutGrid--medium-l--justify-content-end":"LayoutGrid--medium-l--justify-content-end__WUHhq","LayoutGrid--medium-l--justify-content-space-between":"LayoutGrid--medium-l--justify-content-space-between__dzn5s","LayoutGrid--medium-l--justify-content-space-around":"LayoutGrid--medium-l--justify-content-space-around__1jJy-","LayoutGrid--medium-l--justify-content-space-evenly":"LayoutGrid--medium-l--justify-content-space-evenly__SALxb","LayoutGrid--wide-s--justify-content-center":"LayoutGrid--wide-s--justify-content-center__O2AmA","LayoutGrid--wide-s--justify-content-start":"LayoutGrid--wide-s--justify-content-start__M128c","LayoutGrid--wide-s--justify-content-end":"LayoutGrid--wide-s--justify-content-end__Edf7b","LayoutGrid--wide-s--justify-content-space-between":"LayoutGrid--wide-s--justify-content-space-between__sCWUj","LayoutGrid--wide-s--justify-content-space-around":"LayoutGrid--wide-s--justify-content-space-around__OqKb-","LayoutGrid--wide-s--justify-content-space-evenly":"LayoutGrid--wide-s--justify-content-space-evenly__BqAco","LayoutGrid--wide-l--justify-content-center":"LayoutGrid--wide-l--justify-content-center__WT24m","LayoutGrid--wide-l--justify-content-start":"LayoutGrid--wide-l--justify-content-start__pavdA","LayoutGrid--wide-l--justify-content-end":"LayoutGrid--wide-l--justify-content-end__US-V2","LayoutGrid--wide-l--justify-content-space-between":"LayoutGrid--wide-l--justify-content-space-between__31Ivo","LayoutGrid--wide-l--justify-content-space-around":"LayoutGrid--wide-l--justify-content-space-around__sbmBA","LayoutGrid--wide-l--justify-content-space-evenly":"LayoutGrid--wide-l--justify-content-space-evenly__VBy-1","LayoutGrid--align-items-center":"LayoutGrid--align-items-center__cAn-E","LayoutGrid--align-items-start":"LayoutGrid--align-items-start__iIBPs","LayoutGrid--align-items-end":"LayoutGrid--align-items-end__bi0Vt","LayoutGrid--align-items-stretch":"LayoutGrid--align-items-stretch__vyo1N","LayoutGrid--align-items-baseline":"LayoutGrid--align-items-baseline__iWU1b","LayoutGrid--narrow-l--align-items-center":"LayoutGrid--narrow-l--align-items-center__L5fan","LayoutGrid--narrow-l--align-items-start":"LayoutGrid--narrow-l--align-items-start__EZBkc","LayoutGrid--narrow-l--align-items-end":"LayoutGrid--narrow-l--align-items-end__igLCn","LayoutGrid--narrow-l--align-items-stretch":"LayoutGrid--narrow-l--align-items-stretch__jsoOx","LayoutGrid--narrow-l--align-items-baseline":"LayoutGrid--narrow-l--align-items-baseline__HJvGK","LayoutGrid--medium-s--align-items-center":"LayoutGrid--medium-s--align-items-center__YHCsG","LayoutGrid--medium-s--align-items-start":"LayoutGrid--medium-s--align-items-start__-x5jL","LayoutGrid--medium-s--align-items-end":"LayoutGrid--medium-s--align-items-end__5vxaA","LayoutGrid--medium-s--align-items-stretch":"LayoutGrid--medium-s--align-items-stretch__Oo3Jn","LayoutGrid--medium-s--align-items-baseline":"LayoutGrid--medium-s--align-items-baseline__N5jnU","LayoutGrid--medium-l--align-items-center":"LayoutGrid--medium-l--align-items-center__sOLNh","LayoutGrid--medium-l--align-items-start":"LayoutGrid--medium-l--align-items-start__LlPIM","LayoutGrid--medium-l--align-items-end":"LayoutGrid--medium-l--align-items-end__kMMCT","LayoutGrid--medium-l--align-items-stretch":"LayoutGrid--medium-l--align-items-stretch__R0zx-","LayoutGrid--medium-l--align-items-baseline":"LayoutGrid--medium-l--align-items-baseline__EaOdU","LayoutGrid--wide-s--align-items-center":"LayoutGrid--wide-s--align-items-center__Ve-ZD","LayoutGrid--wide-s--align-items-start":"LayoutGrid--wide-s--align-items-start__28Z74","LayoutGrid--wide-s--align-items-end":"LayoutGrid--wide-s--align-items-end__TDXOu","LayoutGrid--wide-s--align-items-stretch":"LayoutGrid--wide-s--align-items-stretch__nHuLT","LayoutGrid--wide-s--align-items-baseline":"LayoutGrid--wide-s--align-items-baseline__pnhzS","LayoutGrid--wide-l--align-items-center":"LayoutGrid--wide-l--align-items-center__JTXQd","LayoutGrid--wide-l--align-items-start":"LayoutGrid--wide-l--align-items-start__Ghu5o","LayoutGrid--wide-l--align-items-end":"LayoutGrid--wide-l--align-items-end__6ReFW","LayoutGrid--wide-l--align-items-stretch":"LayoutGrid--wide-l--align-items-stretch__O0QQv","LayoutGrid--wide-l--align-items-baseline":"LayoutGrid--wide-l--align-items-baseline__sQjwX","LayoutGrid--justify-items-stretch":"LayoutGrid--justify-items-stretch__M9QcQ","LayoutGrid--justify-items-center":"LayoutGrid--justify-items-center__oTKUc","LayoutGrid--justify-items-start":"LayoutGrid--justify-items-start__VYPnF","LayoutGrid--justify-items-end":"LayoutGrid--justify-items-end__8CwwZ","LayoutGrid--narrow-l--justify-items-stretch":"LayoutGrid--narrow-l--justify-items-stretch__kvCGG","LayoutGrid--narrow-l--justify-items-center":"LayoutGrid--narrow-l--justify-items-center__3ItXk","LayoutGrid--narrow-l--justify-items-start":"LayoutGrid--narrow-l--justify-items-start__Bhi3s","LayoutGrid--narrow-l--justify-items-end":"LayoutGrid--narrow-l--justify-items-end__gc2Ku","LayoutGrid--medium-s--justify-items-stretch":"LayoutGrid--medium-s--justify-items-stretch__tuwxD","LayoutGrid--medium-s--justify-items-center":"LayoutGrid--medium-s--justify-items-center__atoXy","LayoutGrid--medium-s--justify-items-start":"LayoutGrid--medium-s--justify-items-start__TmFN1","LayoutGrid--medium-s--justify-items-end":"LayoutGrid--medium-s--justify-items-end__jfl4-","LayoutGrid--medium-l--justify-items-stretch":"LayoutGrid--medium-l--justify-items-stretch__H23wm","LayoutGrid--medium-l--justify-items-center":"LayoutGrid--medium-l--justify-items-center__U-RzH","LayoutGrid--medium-l--justify-items-start":"LayoutGrid--medium-l--justify-items-start__0UVBd","LayoutGrid--medium-l--justify-items-end":"LayoutGrid--medium-l--justify-items-end__GDL0T","LayoutGrid--wide-s--justify-items-stretch":"LayoutGrid--wide-s--justify-items-stretch__3eMVC","LayoutGrid--wide-s--justify-items-center":"LayoutGrid--wide-s--justify-items-center__i7AtD","LayoutGrid--wide-s--justify-items-start":"LayoutGrid--wide-s--justify-items-start__O80gc","LayoutGrid--wide-s--justify-items-end":"LayoutGrid--wide-s--justify-items-end__IleZr","LayoutGrid--wide-l--justify-items-stretch":"LayoutGrid--wide-l--justify-items-stretch__P8KTm","LayoutGrid--wide-l--justify-items-center":"LayoutGrid--wide-l--justify-items-center__sXqXH","LayoutGrid--wide-l--justify-items-start":"LayoutGrid--wide-l--justify-items-start__QngDX","LayoutGrid--wide-l--justify-items-end":"LayoutGrid--wide-l--justify-items-end__wa8k8","LayoutGrid--columns":"LayoutGrid--columns__rVisq","LayoutGrid--columns-narrow-l":"LayoutGrid--columns-narrow-l__UBDfA","LayoutGrid--columns-medium-s":"LayoutGrid--columns-medium-s__lzA5l","LayoutGrid--columns-medium-l":"LayoutGrid--columns-medium-l__CM0CJ","LayoutGrid--columns-wide-s":"LayoutGrid--columns-wide-s__RUz4B","LayoutGrid--columns-wide-l":"LayoutGrid--columns-wide-l__qXJC-"},X="LayoutGrid",J=Object.keys(B),j=e=>typeof e=="number"?`repeat(${e}, 1fr)`:e.join(" "),Z=e=>typeof e=="object"&&!Array.isArray(e)?Object.entries(e).reduce((i,[s,a])=>({...i,...a?{[s]:j(a)}:{}}),{_:j(e._)}):{_:j(e)},$=e=>{if(!e)return{classNames:[],style:{}};const i=Z(e),s=J.filter(n=>i[n]),a=E(O,X,["columns",...s.map(n=>`columns-${n}`)]),r=s.reduce((n,u)=>({...n,[`--columns-${u}`]:i[u]}),{"--columns":i._});return{classNames:a,style:r}},ee="LayoutGap",te=e=>w(M,ee,[v("gap",e)]),ae="LayoutGrid",ie=(e,i)=>{const{gap:s=H,padding:a=z,justifyContent:r,alignItems:n,justifyItems:u,hide:l,relative:d}=i||{},m=w(O,ae,[v("justify-content",r),v("align-items",n),v("justify-items",u)]),y=te(s),c=W(a),_=A(l,"grid"),g=R(d);return[...m,...y,...c,..._,...g]},G=N.forwardRef(function({dataset:i,children:s,...a},r){const{tag:n=V,columns:u}=a,l=ie("grid",a),{style:d,classNames:m}=$(u),y=[...l,...m],c={...P(a),ref:r,className:y.join(" "),style:d,...T(i,{preplyDsComponent:h.LayoutGrid})};return t.jsx(n,{...c,children:s})});try{G.displayName="LayoutGrid",G.__docgenInfo={description:"A CSS `grid` wrapper.",displayName:"LayoutGrid",props:{gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"2xs"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"3xs"'},{value:"ResponsiveProp<LayoutGap>"},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:"ResponsiveProp<Spacing>"}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"2xs"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"3xs"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:"[LayoutPadding, LayoutPadding]"},{value:"[LayoutPadding, LayoutPadding, LayoutPadding]"},{value:"[LayoutPadding, LayoutPadding, LayoutPadding, LayoutPadding]"},{value:"[Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing, Spacing]"},{value:"ResponsiveProp<ShortHand<LayoutPadding> | ShortHand<Spacing>>"}]}},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:"enum",value:[{value:"number"},{value:"string[]"},{value:"ResponsiveProp<number | string[]>"}]}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"space-between"'},{value:'"space-around"'},{value:'"space-evenly"'},{value:"ResponsiveProp<LayoutJustifyContent>"}]}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:'"baseline"'},{value:"ResponsiveProp<LayoutAlignItems>"}]}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:"ResponsiveProp<LayoutJustifyItems>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const ve={title:"components/LayoutGrid",component:G,subcomponents:{LayoutGridItem:f},argTypes:{gap:{description:o},padding:{description:Y},columns:{description:o},justifyContent:{description:o},alignItems:{description:o},justifyItems:{description:o},hide:{description:o},relative:{description:o}}},L=()=>t.jsxs(G,{columns:4,alignItems:"start",gap:"xs",children:[t.jsx(f,{children:t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem"},children:[t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}}),t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})]})}),t.jsx(f,{alignSelf:"end",children:t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})}),t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}}),t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})]});L.storyName="LayoutGrid";const p={parameters:{chromatic:{disableSnapshot:!0}},args:{gap:"16",columns:3,alignItems:"start",children:t.jsxs(t.Fragment,{children:[t.jsx("div",{style:{minWidth:"100px",minHeight:50,backgroundColor:"hotpink"},children:" "}),t.jsx("div",{style:{minWidth:"100px",minHeight:75,backgroundColor:"hotpink"},children:" "}),t.jsx("div",{style:{minWidth:"100px",minHeight:100,backgroundColor:"hotpink",textAlign:"center"}})]}),dataset:{qaid:"layout-grid"}},argTypes:{dataset:{control:"object"},columns:{control:"number"},justifyItems:{control:"select"},hide:{control:"boolean"},relative:{control:"boolean"},children:{control:!1}}};var b,C,x;L.parameters={...L.parameters,docs:{...(b=L.parameters)==null?void 0:b.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>`,...(x=(C=L.parameters)==null?void 0:C.docs)==null?void 0:x.source}}};var k,S,I;p.parameters={...p.parameters,docs:{...(k=p.parameters)==null?void 0:k.docs,source:{originalSource:`{
|
|
33
|
-
parameters: {
|
|
34
|
-
chromatic: {
|
|
35
|
-
disableSnapshot: true
|
|
36
|
-
}
|
|
37
|
-
},
|
|
38
|
-
args: {
|
|
39
|
-
gap: '16',
|
|
40
|
-
columns: 3,
|
|
41
|
-
alignItems: 'start',
|
|
42
|
-
children: <>
|
|
43
|
-
<div style={{
|
|
44
|
-
minWidth: '100px',
|
|
45
|
-
minHeight: 50,
|
|
46
|
-
backgroundColor: 'hotpink'
|
|
47
|
-
}}>
|
|
48
|
-
{' '}
|
|
49
|
-
</div>
|
|
50
|
-
<div style={{
|
|
51
|
-
minWidth: '100px',
|
|
52
|
-
minHeight: 75,
|
|
53
|
-
backgroundColor: 'hotpink'
|
|
54
|
-
}}>
|
|
55
|
-
{' '}
|
|
56
|
-
</div>
|
|
57
|
-
<div style={{
|
|
58
|
-
minWidth: '100px',
|
|
59
|
-
minHeight: 100,
|
|
60
|
-
backgroundColor: 'hotpink',
|
|
61
|
-
textAlign: 'center'
|
|
62
|
-
}}></div>
|
|
63
|
-
</>,
|
|
64
|
-
dataset: {
|
|
65
|
-
qaid: 'layout-grid'
|
|
66
|
-
}
|
|
67
|
-
},
|
|
68
|
-
argTypes: {
|
|
69
|
-
dataset: {
|
|
70
|
-
control: 'object'
|
|
71
|
-
},
|
|
72
|
-
columns: {
|
|
73
|
-
control: 'number'
|
|
74
|
-
},
|
|
75
|
-
justifyItems: {
|
|
76
|
-
control: 'select'
|
|
77
|
-
},
|
|
78
|
-
hide: {
|
|
79
|
-
control: 'boolean'
|
|
80
|
-
},
|
|
81
|
-
relative: {
|
|
82
|
-
control: 'boolean'
|
|
83
|
-
},
|
|
84
|
-
children: {
|
|
85
|
-
control: false
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}`,...(I=(S=p.parameters)==null?void 0:S.docs)==null?void 0:I.source}}};const Ge=["Base","Playground"];export{L as Base,p as Playground,Ge as __namedExportsOrder,ve as default};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import{j as u}from"./jsx-runtime-BYouaCF_.js";import{r as V}from"./index-B3evPFBL.js";import{F as g}from"./FormControl-V3kzTeDQ.js";import{w as H}from"./componentNames-Ba2ybP0W.js";import{I as L}from"./Input-DCIPe0x3.js";const t=V.forwardRef(function({id:i,label:d,description:s,error:o,required:m,inputDataset:p,dataset:v,hideLabel:f,onClick:c,onValueChange:e,onChange:a,hasError:y,useLegacyRequiredLabel:b,className:I,style:R,...h},q){const E=l=>{a==null||a(l);const n=l.target.value;e==null||e(n?Number(n):void 0)};return u.jsx(g,{id:i,label:d,description:s,error:o,hasError:y,required:m,dataset:v,hideLabel:f,onClick:c,useLegacyRequiredLabel:b,preplyDsComponent:H.NumberField,children:u.jsx(L,{...h,type:"number",ref:q,dataset:p,onChange:E})})});try{t.displayName="NumberField",t.__docgenInfo={description:"",displayName:"NumberField",props:{id:{defaultValue:null,description:`The id to be passed to the input element.
|
|
2
|
-
If not provided, will be generated for accessibility purposes.`,name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement> & MouseEventHandler<HTMLInputElement>"}]}},error:{defaultValue:null,description:"Error message to display when the field has an invalid value.",name:"error",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
|
|
3
|
-
to provide more context or instructions to the user.`,name:"description",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"Whether the field has an error.\n@deprecated Use `error` prop to exlicitly describe the error to users",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
|
|
4
|
-
indicator next to the label.`,name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},useLegacyRequiredLabel:{defaultValue:null,description:`When true, adds a "Required" indicator next to the label for the required fields.
|
|
5
|
-
When false, adds a "Optional" indicator next to the label for the optional fields instead.
|
|
6
|
-
@deprecated This is a temporary solution for gradual migration to the "Optional" label.`,name:"useLegacyRequiredLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"number"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"number"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: number | undefined) => void"}]}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"enum",value:[{value:"number"}]}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"enum",value:[{value:"number"}]}},step:{defaultValue:null,description:"",name:"step",required:!1,type:{name:"enum",value:[{value:"number"}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLInputElement | null) => void"},{value:"RefObject<HTMLInputElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{t as N};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-BYouaCF_.js";import{r as l}from"./index-B3evPFBL.js";import{F as H}from"./FormControl-V3kzTeDQ.js";import{F as L,a as I}from"./TokyoUIEye-BsOt8ZdC.js";import{F as M}from"./FieldButton-Dprr9FF4.js";import{u as x,d as T}from"./index-BfBdt3zW.js";import{u as F}from"./useMergeRefs-BKVZOB6R.js";import{w as P}from"./componentNames-Ba2ybP0W.js";import{I as k}from"./Input-DCIPe0x3.js";const r=T({reveal:{id:"preply-ds.password-field.reveal.button",defaultMessage:"Reveal password",description:'A11y label for the "reveal password" button. Will be announced by screen reader.'},conceal:{id:"preply-ds.password-field.conceal.button",defaultMessage:"Conceal password",description:'A11y label for the "conceal password" button. Will be announced by screen reader.'}}),s=l.forwardRef(function({id:o,label:d,description:m,error:p,required:c,inputDataset:f,dataset:v,hideLabel:y,onClick:h,hasError:b,useLegacyRequiredLabel:g,className:D,style:_,...q},E){const{formatMessage:n}=x(),[e,V]=l.useState(!1),t=l.useRef(null),w=F(t,E),C=e?"text":"password",R=()=>{var u;V(!e),(u=t.current)==null||u.focus()};return a.jsx(H,{id:o,label:d,description:m,error:p,hasError:b,required:c,dataset:v,hideLabel:y,onClick:h,useLegacyRequiredLabel:g,preplyDsComponent:P.PasswordField,children:a.jsx(k,{...q,type:C,ref:w,dataset:f,button:a.jsx(M,{onClick:R,svg:e?L:I,assistiveText:n(e?r.conceal:r.reveal),dataset:{testid:"toggle-password-button"}})})})});try{s.displayName="PasswordField",s.__docgenInfo={description:"",displayName:"PasswordField",props:{id:{defaultValue:null,description:`The id to be passed to the input element.
|
|
2
|
-
If not provided, will be generated for accessibility purposes.`,name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement> & MouseEventHandler<HTMLInputElement>"}]}},error:{defaultValue:null,description:"Error message to display when the field has an invalid value.",name:"error",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
|
|
3
|
-
to provide more context or instructions to the user.`,name:"description",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"Whether the field has an error.\n@deprecated Use `error` prop to exlicitly describe the error to users",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
|
|
4
|
-
indicator next to the label.`,name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},useLegacyRequiredLabel:{defaultValue:null,description:`When true, adds a "Required" indicator next to the label for the required fields.
|
|
5
|
-
When false, adds a "Optional" indicator next to the label for the optional fields instead.
|
|
6
|
-
@deprecated This is a temporary solution for gradual migration to the "Optional" label.`,name:"useLegacyRequiredLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: string) => void"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"new-password"'},{value:'"current-password"'}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLInputElement | null) => void"},{value:"RefObject<HTMLInputElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{s as P};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BYouaCF_.js";import{r as h}from"./index-B3evPFBL.js";import{F as b}from"./FormControl-V3kzTeDQ.js";import{w as q}from"./componentNames-Ba2ybP0W.js";import{I as g}from"./Input-DCIPe0x3.js";const a=h.forwardRef(function({id:n,label:u,description:t,error:r,required:i,type:d="text",inputDataset:s,dataset:o,hideLabel:m,onClick:p,hasError:v,useLegacyRequiredLabel:f,className:E,style:V,...c},y){return e.jsx(b,{id:n,label:u,description:t,error:r,hasError:v,required:i,dataset:o,hideLabel:m,onClick:p,useLegacyRequiredLabel:f,preplyDsComponent:q.TextField,children:e.jsx(g,{...c,type:d,ref:y,dataset:s})})});try{a.displayName="TextField",a.__docgenInfo={description:"",displayName:"TextField",props:{id:{defaultValue:null,description:`The id to be passed to the input element.
|
|
2
|
-
If not provided, will be generated for accessibility purposes.`,name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement> & MouseEventHandler<HTMLInputElement>"}]}},error:{defaultValue:null,description:"Error message to display when the field has an invalid value.",name:"error",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
|
|
3
|
-
to provide more context or instructions to the user.`,name:"description",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"Whether the field has an error.\n@deprecated Use `error` prop to exlicitly describe the error to users",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
|
|
4
|
-
indicator next to the label.`,name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},useLegacyRequiredLabel:{defaultValue:null,description:`When true, adds a "Required" indicator next to the label for the required fields.
|
|
5
|
-
When false, adds a "Optional" indicator next to the label for the optional fields instead.
|
|
6
|
-
@deprecated This is a temporary solution for gradual migration to the "Optional" label.`,name:"useLegacyRequiredLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: string) => void"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"text"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"name"'},{value:'"url"'},{value:'"off"'},{value:'"on"'},{value:'"email"'},{value:'"tel"'},{value:'"username"'},{value:'"language"'}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLInputElement | null) => void"},{value:"RefObject<HTMLInputElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{a as T};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={Accordion:"Accordion",AlertDialog:"AlertDialog",Avatar:"Avatar",AvatarWithStatus:"AvatarWithStatus",Badge:"Badge",Box:"Box",Button:"Button",Checkbox:"Checkbox",Chip:"Chip",Chips:"Chips",Dialog:"Dialog",FieldButton:"FieldButton",FormControl:"FormControl",Heading:"Heading",Icon:"Icon",IconButton:"IconButton",LayoutFlex:"LayoutFlex",LayoutFlexItem:"LayoutFlexItem",LayoutGrid:"LayoutGrid",LayoutGridItem:"LayoutGridItem",Link:"Link",Loader:"Loader",NumberField:"NumberField",ObserverIntersection:"ObserverIntersection",OnboardingTooltip:"OnboardingTooltip",PasswordField:"PasswordField",PreplyLogo:"PreplyLogo",ProgressBar:"ProgressBar",ProgressSteps:"ProgressSteps",SelectField:"SelectField",SelectFieldOption:"SelectFieldOption",Steps:"Steps",Text:"Text",TextareaField:"TextareaField",TextField:"TextField",TextHighlighted:"TextHighlighted",TextInline:"TextInline",Toast:"Toast",Tooltip:"Tooltip"};export{e as w};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{m as e,s,b as n}from"./classNames-BUL1Zq7e.js";import{a as g,b as f}from"./layout-relative.module-ed9bC4H4.js";import{L as a}from"./constants-DYYVurUY.js";const t="AlignSelf__leDSR",r={AlignSelf:t,"AlignSelf--align-self-start":"AlignSelf--align-self-start__LgwGs","AlignSelf--align-self-center":"AlignSelf--align-self-center__Wse1S","AlignSelf--align-self-end":"AlignSelf--align-self-end__6tikI","AlignSelf--align-self-stretch":"AlignSelf--align-self-stretch__qrMyK","AlignSelf--narrow-l--align-self-start":"AlignSelf--narrow-l--align-self-start__COlwA","AlignSelf--narrow-l--align-self-center":"AlignSelf--narrow-l--align-self-center__ELuDH","AlignSelf--narrow-l--align-self-end":"AlignSelf--narrow-l--align-self-end__sjn-5","AlignSelf--narrow-l--align-self-stretch":"AlignSelf--narrow-l--align-self-stretch__h2h5y","AlignSelf--medium-s--align-self-start":"AlignSelf--medium-s--align-self-start__bfr9R","AlignSelf--medium-s--align-self-center":"AlignSelf--medium-s--align-self-center__liai8","AlignSelf--medium-s--align-self-end":"AlignSelf--medium-s--align-self-end__zUlqW","AlignSelf--medium-s--align-self-stretch":"AlignSelf--medium-s--align-self-stretch__eLaVE","AlignSelf--medium-l--align-self-start":"AlignSelf--medium-l--align-self-start__lMYt4","AlignSelf--medium-l--align-self-center":"AlignSelf--medium-l--align-self-center__7r34b","AlignSelf--medium-l--align-self-end":"AlignSelf--medium-l--align-self-end__7py-F","AlignSelf--medium-l--align-self-stretch":"AlignSelf--medium-l--align-self-stretch__YFiZu","AlignSelf--wide-s--align-self-start":"AlignSelf--wide-s--align-self-start__jBg7e","AlignSelf--wide-s--align-self-center":"AlignSelf--wide-s--align-self-center__6YJoJ","AlignSelf--wide-s--align-self-end":"AlignSelf--wide-s--align-self-end__Gzhkv","AlignSelf--wide-s--align-self-stretch":"AlignSelf--wide-s--align-self-stretch__g8zpq","AlignSelf--wide-l--align-self-start":"AlignSelf--wide-l--align-self-start__gz6yC","AlignSelf--wide-l--align-self-center":"AlignSelf--wide-l--align-self-center__TQLXK","AlignSelf--wide-l--align-self-end":"AlignSelf--wide-l--align-self-end__sfoC5","AlignSelf--wide-l--align-self-stretch":"AlignSelf--wide-l--align-self-stretch__cYlv1"},A="AlignSelf",o=l=>e(r,A,[s("align-self",l)]),S="LayoutHide",u=(l,i=a)=>e(g,S,[n("hide",i,l)]),_="LayoutRelative",w=l=>e(f,_,[n("relative",void 0,l)]);export{u as a,w as b,o as g};
|
|
File without changes
|