@preply/ds-docs 3.1.1-beta.857b0ab30a03b836ac6c63997eeb17f464e3510c.0 → 3.2.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-Dx9Eo2na.js → 00.LayoutFlex.stories-BkR5ji0l.js} +1 -1
- package/dist/assets/{00.applications-4_kAf65R.js → 00.applications-CsSmOme7.js} +1 -1
- package/dist/assets/{00.favicons.guide-WmsjYzsU.js → 00.favicons.guide-CdMYZlBh.js} +1 -1
- package/dist/assets/{00.token-explorer-DDWWO9yw.js → 00.token-explorer-CjKex2U0.js} +1 -1
- package/dist/assets/{00.using-responsive-props-Db1CE2Bn.js → 00.using-responsive-props-CcMEjhk_.js} +1 -1
- package/dist/assets/{01.semantic-tokens-BGh7M0eY.js → 01.semantic-tokens-D0SHoPNF.js} +1 -1
- package/dist/assets/{01.using-shorthand-props-DlhDhuqe.js → 01.using-shorthand-props-DajODbNP.js} +1 -1
- package/dist/assets/10.Combinations.stories-Lbp_HuL_.js +144 -0
- package/dist/assets/{10.fonts.guide-9-b6LwTC.js → 10.fonts.guide-Ci1lcaYe.js} +1 -1
- package/dist/assets/{10.ssr-VCBg9dbk.js → 10.ssr-DRWPPBeA.js} +1 -1
- package/dist/assets/{11.languageFont.explorer-fCUE9Req.js → 11.languageFont.explorer-D69j1geT.js} +29 -1
- package/dist/assets/{11.ssr.app-router-DK46wtcG.js → 11.ssr.app-router-DbPFodKU.js} +1 -1
- package/dist/assets/{20.libraries-FpWvhQac.js → 20.libraries-KJ42tJQ9.js} +1 -1
- package/dist/assets/30.icons.explorer-Bk9N8wz6.js +73 -0
- package/dist/assets/{30.storybook-8XKIrOG2.js → 30.storybook-BNO20NWw.js} +1 -1
- package/dist/assets/{40.illustrations.explorer-DWDPZG1O.js → 40.illustrations.explorer-Br4DiOY6.js} +1 -1
- package/dist/assets/{90.advanced-BrSJ75kb.js → 90.advanced-DaM2nGQV.js} +1 -1
- package/dist/assets/{Accordion-Bn_7bQpK.js → Accordion-CVZIOGNR.js} +3 -3
- package/dist/assets/{Accordion.stories-IHPoH-rI.js → Accordion.stories-CDnrzRXF.js} +1 -1
- package/dist/assets/{Accordion.tests.stories-D80ku7JR.js → Accordion.tests.stories-czfo_KnK.js} +1 -1
- package/dist/assets/{AlertDialog.stories-BDaUfcmP.js → AlertDialog.stories-DUXRauPW.js} +1 -1
- package/dist/assets/{Avatar-D6BKQVaH.js → Avatar--Me1wFbM.js} +1 -1
- package/dist/assets/{Avatar-BkCAqOuF.js → Avatar-CECssVR9.js} +1 -1
- package/dist/assets/{Avatar.stories-DnjfAeSV.js → Avatar.stories-BsZPilds.js} +1 -1
- package/dist/assets/{AvatarWithStatus.stories-CocgTI5A.js → AvatarWithStatus.stories-Dh-_hU9Y.js} +1 -1
- package/dist/assets/{Badge.stories-BxGvNozr.js → Badge.stories-CFsXbV77.js} +1 -1
- package/dist/assets/{Box.stories-BCCuYnrC.js → Box.stories-IALze5eG.js} +1 -1
- package/dist/assets/{Button-BumqXQgN.js → Button-ChyBn4PU.js} +3 -3
- package/dist/assets/{Button-klA2GCDX.js → Button-DWeSlYg5.js} +1 -1
- package/dist/assets/{Button.stories-DA25kI-7.js → Button.stories-DJehWudj.js} +1 -1
- package/dist/assets/ButtonBase-CoNMqmsd.js +8 -0
- package/dist/assets/{Checkbox-CsXsO8bL.js → Checkbox-CwZfp4fM.js} +2 -2
- package/dist/assets/{Checkbox.stories-C-vlyqxy.js → Checkbox.stories-BrO5VXvh.js} +1 -1
- package/dist/assets/{Checkbox.tests.stories-Bn0cGiYz.js → Checkbox.tests.stories-CdUfdIiC.js} +1 -1
- package/dist/assets/{Chips.stories-Dln8xBho.js → Chips.stories-C3XJafXG.js} +1 -1
- package/dist/assets/{Color-YHDXOIA2-DdMC8kO4.js → Color-YHDXOIA2-dwipIw3c.js} +1 -1
- package/dist/assets/{Dialog.stories-C7JVGkL3.js → Dialog.stories-D-J1dU3y.js} +2 -2
- package/dist/assets/{DocsRenderer-CFRXHY34-BUR9I9U1.js → DocsRenderer-CFRXHY34-jqHePYZK.js} +1 -1
- package/dist/assets/{FieldButton-xxvyfVcj.js → FieldButton-Dprr9FF4.js} +1 -1
- package/dist/assets/{FieldButton.stories-1kY40W8X.js → FieldButton.stories-BuA4NyAH.js} +1 -1
- package/dist/assets/FormControl-V3kzTeDQ.js +7 -0
- package/dist/assets/FormControl.stories-BPAavujL.js +67 -0
- package/dist/assets/{Heading-D79pA8cG.js → Heading-CCe1-9kC.js} +2 -2
- package/dist/assets/{Heading.stories-FhR8Ieuz.js → Heading.stories-CyJWtiYM.js} +1 -1
- package/dist/assets/{Icon-zcBK8bUG.js → Icon-Clsj4XP8.js} +1 -1
- package/dist/assets/{Icon-D4cMo1we.js → Icon-Cx1Om39U.js} +2 -2
- package/dist/assets/{Icon-RSC-Yp03gSP9.js → Icon-RSC-BrBOjBRF.js} +1 -1
- package/dist/assets/{Icon.stories-DlJ1cDyb.js → Icon.stories-Batx6hcA.js} +1 -1
- package/dist/assets/IconButton-BlfJEn0q.js +8 -0
- package/dist/assets/{Input-B7MlX4U9.js → Input-DCIPe0x3.js} +7 -7
- package/dist/assets/InputContainer-Dq1Ks471.css +1 -0
- package/dist/assets/{IntegrationWithReactHookForm.stories-CFvk5m0u.js → IntegrationWithReactHookForm.stories-CehSEL8O.js} +1 -1
- package/dist/assets/{LayoutFlex-oRwI31fW.js → LayoutFlex-B8VATmiE.js} +1 -1
- package/dist/assets/{LayoutFlex-DsiZkqdg.js → LayoutFlex-Dp29ojjO.js} +1 -1
- package/dist/assets/LayoutFlexItem-D4lQfjMe.js +1 -0
- package/dist/assets/{LayoutGrid-6cTmb1jX.js → LayoutGrid-D9R6yTYX.js} +1 -1
- package/dist/assets/LayoutGrid-mQT2ikS8.css +1 -0
- package/dist/assets/LayoutGrid.stories-sBnmfXCQ.js +88 -0
- package/dist/assets/{LayoutGridItem-CVWVBh65.js → LayoutGridItem-B1eMKElL.js} +1 -1
- package/dist/assets/{Link.stories-Kb5m59aP.js → Link.stories-B08wLvpb.js} +1 -1
- package/dist/assets/{Loader.stories-CFBO-7A0.js → Loader.stories-C_wKZjOn.js} +1 -1
- package/dist/assets/NumberField-BS6zPFP5.js +6 -0
- package/dist/assets/{NumberField.stories-D-g-_JoA.js → NumberField.stories-UOD1p45h.js} +7 -7
- package/dist/assets/{ObserveIntersection-CvDmrhxS.js → ObserveIntersection-XIPHNpKf.js} +1 -1
- package/dist/assets/{ObserveIntersection.stories-CJbpJ7AX.js → ObserveIntersection.stories-B_5fq2at.js} +1 -1
- package/dist/assets/{OnboardingTooltip-Lspn1J1n.js → OnboardingTooltip-CRciFvQd.js} +1 -1
- package/dist/assets/{OnboardingTooltip.stories-BSTAbBKq.js → OnboardingTooltip.stories-B5dnjHfH.js} +1 -1
- package/dist/assets/{OnboardingTooltip.tests.stories-C3TfZDQZ.js → OnboardingTooltip.tests.stories-CYdt5iT_.js} +1 -1
- package/dist/assets/{OnboardingTour-J68z1zuj.js → OnboardingTour-C5J-Ko8C.js} +1 -1
- package/dist/assets/{OnboardingTour.stories-D3Z3aBlG.js → OnboardingTour.stories-BiD_KX4W.js} +2 -2
- package/dist/assets/{OnboardingTour.tests.stories-DgM_E88t.js → OnboardingTour.tests.stories-mkgl6osQ.js} +1 -1
- package/dist/assets/PasswordField-EYDyw279.js +6 -0
- package/dist/assets/{PasswordField.stories-CoxGxN0y.js → PasswordField.stories-5PvQB5F3.js} +7 -7
- package/dist/assets/{PreplyLogo.stories-CoKY5vmY.js → PreplyLogo.stories-WWHnC28y.js} +2 -2
- package/dist/assets/{ProgressBar.stories-D-zAEKVA.js → ProgressBar.stories-C4EKriYQ.js} +1 -1
- package/dist/assets/{ProgressSteps-CuGX9_Fy.js → ProgressSteps-ByDec2fC.js} +1 -1
- package/dist/assets/{ProgressSteps.stories-BZpbJxJ4.js → ProgressSteps.stories-Mm9AyIKU.js} +1 -1
- package/dist/assets/{SelectField-DVUeHaUI.js → SelectField-C0H4vwVQ.js} +13 -11
- package/dist/assets/{SelectField.stories-l2h7AeUs.js → SelectField.stories-C4cQhsE9.js} +8 -8
- package/dist/assets/{ShowOnIntersection.stories-B24bNVFn.js → ShowOnIntersection.stories-CewFYwQu.js} +1 -1
- package/dist/assets/{Steps-Cnv3Nys-.js → Steps-CX5urpe2.js} +1 -1
- package/dist/assets/{Steps.stories-DcSCPhwD.js → Steps.stories-agJ1P7Uc.js} +1 -1
- package/dist/assets/{Text-C3jprdij.js → Text-DmTAIIVj.js} +1 -1
- package/dist/assets/{Text.stories-CGHOveiR.js → Text.stories-BG1P5AxU.js} +1 -1
- package/dist/assets/TextField-BAC0NZKU.js +6 -0
- package/dist/assets/TextField-D2GlsmWF.css +1 -0
- package/dist/assets/TextField-sLGry01P.js +1 -0
- package/dist/assets/{TextField.stories-DQBz69MT.js → TextField.stories-DTmdRXTS.js} +8 -8
- package/dist/assets/{TextHighlighted-B7-aMGmA.js → TextHighlighted-CfvNH8PY.js} +1 -1
- package/dist/assets/{TextHighlighted.stories-BepOj0Ru.js → TextHighlighted.stories-PV3yANaI.js} +1 -1
- package/dist/assets/{TextInline.stories-E8plGh4A.js → TextInline.stories-DOhaF8wL.js} +1 -1
- package/dist/assets/{TextareaField-vuK19L40.js → TextareaField-DdG6sVbG.js} +13 -11
- package/dist/assets/{TextareaField.stories-CykA4cDO.js → TextareaField.stories-BGuKT2xQ.js} +8 -8
- package/dist/assets/{Toast.stories-Bi9S1Grd.js → Toast.stories-BeSJa7YF.js} +1 -1
- package/dist/assets/TokyoUIUpload-Bi3CuQzX.js +1 -0
- package/dist/assets/{Tooltip-hS-9HVfR.js → Tooltip-DYI-etfB.js} +1 -1
- package/dist/assets/{Tooltip.stories-B1e9vr5u.js → Tooltip.stories-CxCj-ob2.js} +1 -1
- package/dist/assets/{Tooltip.tests.stories-QA7Lh6Tu.js → Tooltip.tests.stories-DjfeI8dX.js} +1 -1
- package/dist/assets/{breakpoints-ysnexzv-.js → breakpoints-B8uQp7_c.js} +1 -1
- package/dist/assets/{breakpoints-CpqGBjYO.js → breakpoints-BbJx-zj1.js} +1 -1
- package/dist/assets/{breakpoints-CmMCxJmD.js → breakpoints-g7x119Q2.js} +1 -1
- package/dist/assets/{changelog-COau0gJf.js → changelog-hhVEuRrF.js} +217 -205
- package/dist/assets/componentNames-Ba2ybP0W.js +1 -0
- package/dist/assets/{entry-preview-C4N2xCt5.js → entry-preview-CQO5ZPIS.js} +1 -1
- package/dist/assets/{getTokenVar-CUHKNeJD.js → getTokenVar-Ca9O7hDT.js} +1 -1
- package/dist/assets/{hover-VvQeuGyg.js → hover-BIh3LiSt.js} +1 -1
- package/dist/assets/{hover-DXcaKjLt.js → hover-GlkvVhX_.js} +1 -1
- package/dist/assets/{hover-GSE0CvmS.js → hover-NEm4I90j.js} +1 -1
- package/dist/assets/{iframe-D0A79CBI.js → iframe-BoWsIu37.js} +2 -2
- package/dist/assets/{index-DueYSiMN.js → index-BWgFdnbj.js} +1 -1
- package/dist/assets/{index-DJz3jMTz.js → index-D6soH6D2.js} +3 -3
- package/dist/assets/{intro-UMrunOuq.js → intro-DXHLrAaZ.js} +1 -1
- package/dist/assets/layout-relative-BpJIh3YK.js +1 -0
- package/dist/assets/{migrating-from-less-BqEJZLZ5.js → migrating-from-less-BmDjZBkA.js} +1 -1
- package/dist/assets/{playground-DBdZFxjC.css → playground-CCc6VR51.css} +1 -1
- package/dist/assets/{playground.stories-BhNG8Jgk.js → playground.stories-BMZQjPeS.js} +165 -165
- package/dist/assets/{preview-iHfxidwg.js → preview-BP4TQFMI.js} +2 -2
- package/dist/assets/{preview-Bk7AZmud.js → preview-CvZJdcB8.js} +1 -1
- package/dist/assets/{preview-CcucgJy3.js → preview-WXHEkGbd.js} +1 -1
- package/dist/assets/{tokens-DOJLI2G7.js → tokens-CORgYdv_.js} +1 -1
- package/dist/assets/{tokens-D0SjH8dK.js → tokens-Dnw7r4iA.js} +1 -1
- package/dist/assets/{tokens-DXy5hgn5.js → tokens-ZvFzTwDp.js} +1 -1
- package/dist/assets/{tokens-BuSmlz1z.js → tokens-iVbEaxzw.js} +1 -1
- package/dist/assets/{usePortalElement-Byczyvc6.js → usePortalElement-U5qKyOsX.js} +1 -1
- package/dist/assets/{welcome-CFbV1cfg.js → welcome-CChXvwAY.js} +1 -1
- package/dist/assets/{zeroheight-ChMVcLJ3.js → zeroheight-C-BxWtDD.js} +1 -1
- package/dist/iframe.html +1 -1
- package/dist/index.json +1 -1
- package/dist/preview-stats.json +1208 -1304
- package/dist/project.json +1 -1
- package/package.json +3 -3
- package/dist/assets/10.Combinations.stories-Wf-NooK0.js +0 -144
- package/dist/assets/30.icons.explorer-CIrIe9zZ.js +0 -73
- package/dist/assets/ButtonBase-OAaaGRgi.js +0 -8
- package/dist/assets/CountryFlag-CJV53jf1.js +0 -48
- package/dist/assets/CountryFlag-p-8M_k5M.css +0 -1
- package/dist/assets/Flag.stories-Bfpeo5_i.js +0 -110
- package/dist/assets/Flag.test.stories-GCtORN0m.js +0 -27
- package/dist/assets/FormControl-DD3JEwg1.js +0 -5
- package/dist/assets/FormControl.stories-DoVURnEB.js +0 -46
- package/dist/assets/IconButton-DNz6Hldb.js +0 -8
- package/dist/assets/InputContainer-DNEgpOcG.css +0 -1
- package/dist/assets/LayoutFlexItem-RxfNp994.js +0 -1
- package/dist/assets/LayoutGrid.stories-CAvHZzVw.js +0 -88
- package/dist/assets/LayoutGridItem-AvP_ZkC5.js +0 -1
- package/dist/assets/LayoutGridItem-Dy4Q8woN.css +0 -1
- package/dist/assets/NumberField-DyKjoAC-.js +0 -4
- package/dist/assets/PasswordField-BkVjxPtF.js +0 -4
- package/dist/assets/TextField-872WjatY.js +0 -1
- package/dist/assets/TextField-DdvdZqgn.css +0 -1
- package/dist/assets/TextField-X8bB9C1g.js +0 -4
- package/dist/assets/align-self-BM6l9H5Z.js +0 -1
- package/dist/assets/componentNames-CVVyamkx.js +0 -1
- /package/dist/assets/{InputContainer-C1TOTxt4.js → InputContainer-Bk0tgFnW.js} +0 -0
- /package/dist/assets/{align-self-C4ATemga.css → layout-relative-C4ATemga.css} +0 -0
package/dist/project.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"generatedAt":
|
1
|
+
{"generatedAt":1753955418086,"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.2.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.2.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": "2ccf79ef1835b21a6ce64ca47209aa67e1e559b0"
|
50
50
|
}
|
@@ -1,144 +0,0 @@
|
|
1
|
-
import{j as e}from"./jsx-runtime-BYouaCF_.js";import{L as I}from"./LayoutFlexItem-RxfNp994.js";import{L as n}from"./LayoutFlex-oRwI31fW.js";import{f as L,d as D}from"./styled-components.browser.esm-CwsnEFnS.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./align-self-BM6l9H5Z.js";import"./layout-relative.module-ed9bC4H4.js";import"./classNames-BUL1Zq7e.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-CVVyamkx.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};
|