@preply/ds-docs 6.2.1 → 7.0.0

package/dist/project.json

@@ -1 +1 @@
-{"generatedAt":1763461904933,"userSince":1763461903719,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@types/sinonjs__fake-timers":"15.0.0"},"hasRouterPackage":false,"monorepo":"Lerna","packageManager":{"type":"yarn","version":"berry","agent":"yarn@berry"},"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"]}},"features":{"viewportStoryGlobals":true},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"8.6.14","storybookVersionSpecifier":"8.6.14","language":"typescript","storybookPackages":{"@chromatic-com/storybook":{"version":"3.2.4"},"@storybook/addon-a11y":{"version":"8.6.14"},"@storybook/addon-essentials":{"version":"8.6.14"},"@storybook/addon-links":{"version":"8.6.14"},"@storybook/blocks":{"version":"8.6.14"},"@storybook/components":{"version":"8.6.14"},"@storybook/experimental-addon-test":{"version":"8.6.14"},"@storybook/manager-api":{"version":"8.6.14"},"@storybook/react":{"version":"8.6.14"},"@storybook/react-vite":{"version":"8.6.14"},"@storybook/test":{"version":"8.6.14"},"storybook":{"version":"8.6.14"}},"addons":{"$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}}}
+{"generatedAt":1763467452486,"userSince":1763467451283,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@types/sinonjs__fake-timers":"15.0.0"},"hasRouterPackage":false,"monorepo":"Lerna","packageManager":{"type":"yarn","version":"berry","agent":"yarn@berry"},"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"]}},"features":{"viewportStoryGlobals":true},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"8.6.14","storybookVersionSpecifier":"8.6.14","language":"typescript","storybookPackages":{"@chromatic-com/storybook":{"version":"3.2.4"},"@storybook/addon-a11y":{"version":"8.6.14"},"@storybook/addon-essentials":{"version":"8.6.14"},"@storybook/addon-links":{"version":"8.6.14"},"@storybook/blocks":{"version":"8.6.14"},"@storybook/components":{"version":"8.6.14"},"@storybook/experimental-addon-test":{"version":"8.6.14"},"@storybook/manager-api":{"version":"8.6.14"},"@storybook/react":{"version":"8.6.14"},"@storybook/react-vite":{"version":"8.6.14"},"@storybook/test":{"version":"8.6.14"},"storybook":{"version":"8.6.14"}},"addons":{"$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

@@ -1,6 +1,6 @@
 {
     "name": "@preply/ds-docs",
-    "version": "6.2.1",
+    "version": "7.0.0",
     "publishConfig": {
         "access": "public"
     },
@@ -21,7 +21,7 @@
     },
     "devDependencies": {
         "@chromatic-com/storybook": "^3.2.4",
-        "@preply/ds-i18n": "6.2.1",
+        "@preply/ds-i18n": "7.0.0",
         "@storybook/addon-a11y": "8.6.14",
         "@storybook/addon-essentials": "8.6.14",
         "@storybook/addon-links": "8.6.14",
@@ -45,5 +45,5 @@
         "vite": "6.4.1",
         "vite-plugin-svgr": "4.5.0"
     },
-    "gitHead": "b32d7f93b7fa9371987f37ebc062ddccca857759"
+    "gitHead": "e60aa4ee02c73211d6865039e75550fb7d187114"
 }

package/dist/assets/00-l4k-u_Mp.css

@@ -1 +0,0 @@
-.Avatar__ENaap{display:inline-block}.Avatar__ENaap img{vertical-align:bottom;-o-object-fit:cover;object-fit:cover;border-radius:var(--dad9ec)}.Avatar--size-2xs__d2pNq img{width:var(--d51f41);height:var(--d51f41)}.Avatar--size-xs__hlQlf img{width:var(--cfdb4f);height:var(--cfdb4f)}.Avatar--size-s__OXNzr img{width:var(--2dafbf);height:var(--2dafbf)}.Avatar--size-m__4n3bp img{width:var(--b51334);height:var(--b51334)}.Avatar--size-l__VHR4R img{width:var(--d318a5);height:var(--d318a5)}.Avatar--size-xl__AQlZ0 img{width:var(--6eb1c7);height:var(--6eb1c7)}.Avatar--size-24__ObR4y img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--size-32__dN-5k img{width:var(--32bbec);height:var(--32bbec)}.Avatar--size-48__ddqP8 img{width:var(--950ab5);height:var(--950ab5)}.Avatar--size-64__-Ju7I img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--size-96__KgHP3 img{width:var(--796da2);height:var(--796da2)}.Avatar--size-160__KZ0Fc img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){.Avatar--narrow-l--size-2xs__-PmgC img{width:var(--d51f41);height:var(--d51f41)}.Avatar--narrow-l--size-xs__RdTWx img{width:var(--cfdb4f);height:var(--cfdb4f)}.Avatar--narrow-l--size-s__zwV93 img{width:var(--2dafbf);height:var(--2dafbf)}.Avatar--narrow-l--size-m__pW4-- img{width:var(--b51334);height:var(--b51334)}.Avatar--narrow-l--size-l__1pv2G img{width:var(--d318a5);height:var(--d318a5)}.Avatar--narrow-l--size-xl__vH5iG img{width:var(--6eb1c7);height:var(--6eb1c7)}.Avatar--narrow-l--size-24__qXCWM img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--narrow-l--size-32__qq9TP img{width:var(--32bbec);height:var(--32bbec)}.Avatar--narrow-l--size-48__h51Bn img{width:var(--950ab5);height:var(--950ab5)}.Avatar--narrow-l--size-64__LnrZ9 img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--narrow-l--size-96__n3HEe img{width:var(--796da2);height:var(--796da2)}.Avatar--narrow-l--size-160__1zjWL img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){.Avatar--medium-s--size-2xs__qWyz5 img{width:var(--d51f41);height:var(--d51f41)}.Avatar--medium-s--size-xs__2e4Qo img{width:var(--cfdb4f);height:var(--cfdb4f)}.Avatar--medium-s--size-s__d0fm8 img{width:var(--2dafbf);height:var(--2dafbf)}.Avatar--medium-s--size-m__ZHi66 img{width:var(--b51334);height:var(--b51334)}.Avatar--medium-s--size-l__xxroc img{width:var(--d318a5);height:var(--d318a5)}.Avatar--medium-s--size-xl__2QWlo img{width:var(--6eb1c7);height:var(--6eb1c7)}.Avatar--medium-s--size-24__7-PF9 img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--medium-s--size-32__kS7dJ img{width:var(--32bbec);height:var(--32bbec)}.Avatar--medium-s--size-48__7rHLm img{width:var(--950ab5);height:var(--950ab5)}.Avatar--medium-s--size-64__eSycG img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--medium-s--size-96__gMO59 img{width:var(--796da2);height:var(--796da2)}.Avatar--medium-s--size-160__VHYbX img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){.Avatar--medium-l--size-2xs__Kt93i img{width:var(--d51f41);height:var(--d51f41)}.Avatar--medium-l--size-xs__BwpLG img{width:var(--cfdb4f);height:var(--cfdb4f)}.Avatar--medium-l--size-s__JjLGR img{width:var(--2dafbf);height:var(--2dafbf)}.Avatar--medium-l--size-m__L-KEk img{width:var(--b51334);height:var(--b51334)}.Avatar--medium-l--size-l__a53QC img{width:var(--d318a5);height:var(--d318a5)}.Avatar--medium-l--size-xl__kUFUb img{width:var(--6eb1c7);height:var(--6eb1c7)}.Avatar--medium-l--size-24__wkAJa img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--medium-l--size-32__ZX2QH img{width:var(--32bbec);height:var(--32bbec)}.Avatar--medium-l--size-48__17P3w img{width:var(--950ab5);height:var(--950ab5)}.Avatar--medium-l--size-64__FpM1G img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--medium-l--size-96__5-hlk img{width:var(--796da2);height:var(--796da2)}.Avatar--medium-l--size-160__fa-Bb img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){.Avatar--wide-s--size-2xs__1jiA7 img{width:var(--d51f41);height:var(--d51f41)}.Avatar--wide-s--size-xs__CwbZa img{width:var(--cfdb4f);height:var(--cfdb4f)}.Avatar--wide-s--size-s__DxpiN img{width:var(--2dafbf);height:var(--2dafbf)}.Avatar--wide-s--size-m__qn5xe img{width:var(--b51334);height:var(--b51334)}.Avatar--wide-s--size-l__4TPfZ img{width:var(--d318a5);height:var(--d318a5)}.Avatar--wide-s--size-xl__NtVch img{width:var(--6eb1c7);height:var(--6eb1c7)}.Avatar--wide-s--size-24__ggmeN img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--wide-s--size-32__J7HvU img{width:var(--32bbec);height:var(--32bbec)}.Avatar--wide-s--size-48__FDJLh img{width:var(--950ab5);height:var(--950ab5)}.Avatar--wide-s--size-64__qE9HQ img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--wide-s--size-96__yjySN img{width:var(--796da2);height:var(--796da2)}.Avatar--wide-s--size-160__sQ83p img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){.Avatar--wide-l--size-2xs__BuADe img{width:var(--d51f41);height:var(--d51f41)}.Avatar--wide-l--size-xs__g8Tfi img{width:var(--cfdb4f);height:var(--cfdb4f)}.Avatar--wide-l--size-s__qYwnP img{width:var(--2dafbf);height:var(--2dafbf)}.Avatar--wide-l--size-m__tMD4S img{width:var(--b51334);height:var(--b51334)}.Avatar--wide-l--size-l__M3npP img{width:var(--d318a5);height:var(--d318a5)}.Avatar--wide-l--size-xl__-vkhW img{width:var(--6eb1c7);height:var(--6eb1c7)}.Avatar--wide-l--size-24__lammM img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--wide-l--size-32__hM5mX img{width:var(--32bbec);height:var(--32bbec)}.Avatar--wide-l--size-48__mLV4a img{width:var(--950ab5);height:var(--950ab5)}.Avatar--wide-l--size-64__uQV-R img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--wide-l--size-96__nbICp img{width:var(--796da2);height:var(--796da2)}.Avatar--wide-l--size-160__gRCi9 img{width:var(--329ba7);height:var(--329ba7)}}.Avatar--round__Ndyn3 img{border-radius:var(--8517a6)}.Avatar__ENaap img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}

package/dist/assets/00.using-responsive-props-qH9g34F6.js

@@ -1,18 +0,0 @@
-import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as v}from"./index-BN6VMYqa.js";import{r as w}from"./index-Cb9e4tly.js";import{f as c}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as h,s as f,b as j}from"./classNames-9hsFPPZv.js";import{w as t}from"./componentNames-k0j3gHgH.js";import{g}from"./index-qlqSh81O.js";import{A as b}from"./constants-5om8Ptru.js";import{A as N}from"./defaults-czRWsFkX.js";import{M as C}from"./index-CqGkHege.js";import{B as R}from"./breakpoints-BfMlrtxE.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DXHcze-2.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";const y="Avatar__ENaap",P={Avatar:y,"Avatar--size-2xs":"Avatar--size-2xs__d2pNq","Avatar--size-xs":"Avatar--size-xs__hlQlf","Avatar--size-s":"Avatar--size-s__OXNzr","Avatar--size-m":"Avatar--size-m__4n3bp","Avatar--size-l":"Avatar--size-l__VHR4R","Avatar--size-xl":"Avatar--size-xl__AQlZ0","Avatar--size-24":"Avatar--size-24__ObR4y","Avatar--size-32":"Avatar--size-32__dN-5k","Avatar--size-48":"Avatar--size-48__ddqP8","Avatar--size-64":"Avatar--size-64__-Ju7I","Avatar--size-96":"Avatar--size-96__KgHP3","Avatar--size-160":"Avatar--size-160__KZ0Fc","Avatar--narrow-l--size-2xs":"Avatar--narrow-l--size-2xs__-PmgC","Avatar--narrow-l--size-xs":"Avatar--narrow-l--size-xs__RdTWx","Avatar--narrow-l--size-s":"Avatar--narrow-l--size-s__zwV93","Avatar--narrow-l--size-m":"Avatar--narrow-l--size-m__pW4--","Avatar--narrow-l--size-l":"Avatar--narrow-l--size-l__1pv2G","Avatar--narrow-l--size-xl":"Avatar--narrow-l--size-xl__vH5iG","Avatar--narrow-l--size-24":"Avatar--narrow-l--size-24__qXCWM","Avatar--narrow-l--size-32":"Avatar--narrow-l--size-32__qq9TP","Avatar--narrow-l--size-48":"Avatar--narrow-l--size-48__h51Bn","Avatar--narrow-l--size-64":"Avatar--narrow-l--size-64__LnrZ9","Avatar--narrow-l--size-96":"Avatar--narrow-l--size-96__n3HEe","Avatar--narrow-l--size-160":"Avatar--narrow-l--size-160__1zjWL","Avatar--medium-s--size-2xs":"Avatar--medium-s--size-2xs__qWyz5","Avatar--medium-s--size-xs":"Avatar--medium-s--size-xs__2e4Qo","Avatar--medium-s--size-s":"Avatar--medium-s--size-s__d0fm8","Avatar--medium-s--size-m":"Avatar--medium-s--size-m__ZHi66","Avatar--medium-s--size-l":"Avatar--medium-s--size-l__xxroc","Avatar--medium-s--size-xl":"Avatar--medium-s--size-xl__2QWlo","Avatar--medium-s--size-24":"Avatar--medium-s--size-24__7-PF9","Avatar--medium-s--size-32":"Avatar--medium-s--size-32__kS7dJ","Avatar--medium-s--size-48":"Avatar--medium-s--size-48__7rHLm","Avatar--medium-s--size-64":"Avatar--medium-s--size-64__eSycG","Avatar--medium-s--size-96":"Avatar--medium-s--size-96__gMO59","Avatar--medium-s--size-160":"Avatar--medium-s--size-160__VHYbX","Avatar--medium-l--size-2xs":"Avatar--medium-l--size-2xs__Kt93i","Avatar--medium-l--size-xs":"Avatar--medium-l--size-xs__BwpLG","Avatar--medium-l--size-s":"Avatar--medium-l--size-s__JjLGR","Avatar--medium-l--size-m":"Avatar--medium-l--size-m__L-KEk","Avatar--medium-l--size-l":"Avatar--medium-l--size-l__a53QC","Avatar--medium-l--size-xl":"Avatar--medium-l--size-xl__kUFUb","Avatar--medium-l--size-24":"Avatar--medium-l--size-24__wkAJa","Avatar--medium-l--size-32":"Avatar--medium-l--size-32__ZX2QH","Avatar--medium-l--size-48":"Avatar--medium-l--size-48__17P3w","Avatar--medium-l--size-64":"Avatar--medium-l--size-64__FpM1G","Avatar--medium-l--size-96":"Avatar--medium-l--size-96__5-hlk","Avatar--medium-l--size-160":"Avatar--medium-l--size-160__fa-Bb","Avatar--wide-s--size-2xs":"Avatar--wide-s--size-2xs__1jiA7","Avatar--wide-s--size-xs":"Avatar--wide-s--size-xs__CwbZa","Avatar--wide-s--size-s":"Avatar--wide-s--size-s__DxpiN","Avatar--wide-s--size-m":"Avatar--wide-s--size-m__qn5xe","Avatar--wide-s--size-l":"Avatar--wide-s--size-l__4TPfZ","Avatar--wide-s--size-xl":"Avatar--wide-s--size-xl__NtVch","Avatar--wide-s--size-24":"Avatar--wide-s--size-24__ggmeN","Avatar--wide-s--size-32":"Avatar--wide-s--size-32__J7HvU","Avatar--wide-s--size-48":"Avatar--wide-s--size-48__FDJLh","Avatar--wide-s--size-64":"Avatar--wide-s--size-64__qE9HQ","Avatar--wide-s--size-96":"Avatar--wide-s--size-96__yjySN","Avatar--wide-s--size-160":"Avatar--wide-s--size-160__sQ83p","Avatar--wide-l--size-2xs":"Avatar--wide-l--size-2xs__BuADe","Avatar--wide-l--size-xs":"Avatar--wide-l--size-xs__g8Tfi","Avatar--wide-l--size-s":"Avatar--wide-l--size-s__qYwnP","Avatar--wide-l--size-m":"Avatar--wide-l--size-m__tMD4S","Avatar--wide-l--size-l":"Avatar--wide-l--size-l__M3npP","Avatar--wide-l--size-xl":"Avatar--wide-l--size-xl__-vkhW","Avatar--wide-l--size-24":"Avatar--wide-l--size-24__lammM","Avatar--wide-l--size-32":"Avatar--wide-l--size-32__hM5mX","Avatar--wide-l--size-48":"Avatar--wide-l--size-48__mLV4a","Avatar--wide-l--size-64":"Avatar--wide-l--size-64__uQV-R","Avatar--wide-l--size-96":"Avatar--wide-l--size-96__nbICp","Avatar--wide-l--size-160":"Avatar--wide-l--size-160__gRCi9","Avatar--round":"Avatar--round__Ndyn3"},i=w.forwardRef(function({size:e=N,round:r,src:d,alt:A="",dataset:_,crossOrigin:z,...n},o){const p=r??!0,u=h(P,t.Avatar,[f("size",e),j("round",void 0,p)]),x={...c(n),ref:o,className:u.join(" "),...g(_,{preplyDsComponent:t.Avatar})};return a.jsx("picture",{...x,children:a.jsx("img",{src:d||b,alt:A,crossOrigin:z})})});i.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{defaultValue:{value:"'xs'",computed:!1},required:!1},alt:{defaultValue:{value:'""',computed:!1},required:!1}}};const M=()=>a.jsx("table",{style:{fontSize:14},children:a.jsx("tbody",{children:Object.entries(R).map(([s,e])=>a.jsxs("tr",{children:[a.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:a.jsx("code",{children:s})}),a.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:a.jsxs("code",{children:[e,"px"]})})]},s))})}),m="./web-lib/src/components/Avatar/docs/static/avatar-1.png";function l(s){const e={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...v(),...s.components};return a.jsxs(a.Fragment,{children:[a.jsx(C,{title:"Guides/Responsive Props"}),`
-`,a.jsx(e.h1,{id:"responsive-props",children:"Responsive Props"}),`
-`,a.jsx(e.p,{children:`Some component props optionally accept responsive values for different screen sizes
-based on the global breakpoints:`}),`
-`,a.jsx(e.pre,{children:a.jsx(e.code,{className:"language-jsx",children:`<Component prop={<value>} />
-<Component prop={{ _: <value>, '<breakpoint>': <value>, ... }} />
-`})}),`
-`,a.jsxs(e.p,{children:["Where ",a.jsx(e.code,{children:"_"})," is the value for the smallest breakpoint, and ",a.jsx(e.code,{children:"<breakpoint>"}),` is one of
-the following, predefined values:`]}),`
-`,a.jsx(M,{}),`
-`,a.jsx(e.h2,{id:"example",children:"Example"}),`
-`,`
-`,a.jsx(i,{src:m,size:"24"}),`
-`,a.jsx(i,{src:m,size:{_:"24","medium-l":"48","wide-s":"64"}}),`
-`,a.jsx(e.pre,{children:a.jsx(e.code,{className:"language-jsx",children:`<Avatar src={url} size="24" />
-<Avatar src={url} size={{ _: '24', 'medium-l': '48', 'wide-s': '64' }} />
-`})}),`
-`,a.jsxs(e.p,{children:["Try resizing your viewport using the dev tools to see the ",a.jsx(e.code,{children:"Avatar"})," size update."]})]})}function U(s={}){const{wrapper:e}={...v(),...s.components};return e?a.jsx(e,{...s,children:a.jsx(l,{...s})}):l(s)}export{U as default,m as url};

package/dist/assets/10.Combinations.stories-CQk-exze.js

@@ -1,144 +0,0 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{L as I}from"./LayoutFlexItem-CbD8uHkr.js";import{L as n}from"./LayoutFlex-Cm3iL-tz.js";import{f as L,d as D}from"./styled-components.browser.esm-COuAnjOv.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./align-self-Cj4aclWl.js";import"./classNames-9hsFPPZv.js";import"./layout-relative-C9i8Tz-b.js";import"./layout-relative.module-uOnIKnjS.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-k0j3gHgH.js";import"./index-qlqSh81O.js";import"./defaults-czRWsFkX.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 o(s){return e.jsx("div",{style:{background:"yellow",height:"60px"},children:s.children})}function u(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(o,{children:"a"}),e.jsx(u,{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(o,{children:"a"}),e.jsx(u,{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(o,{children:"a"}),e.jsx(u,{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(o,{children:"a"}),e.jsx(u,{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(o,{children:"a"}),e.jsx(u,{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(o,{children:"a"}),e.jsx(u,{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(o,{children:"a"}),e.jsx(u,{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 oe(){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 ue(){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 on(){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 un(){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`
-    div[data-override='true'] {
-        display:grid;
-    }
-`;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`
-    div[data-override='true'] {
-        display: grid;
-    }
-`;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 zn={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(oe,{}),e.jsx(ue,{}),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(on,{}),e.jsx("br",{}),e.jsx(un,{}),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:`() => <>
-        <Default />
-        <br />
-        <br />
-        <NowrapUndefined />
-        <NowrapTrue />
-        <NowrapFalse />
-        <br />
-        <br />
-        <ColumnReverseTrueUndefined />
-        <ColumnReverseTrueFalse />
-        <ColumnReverseTrueTrue />
-        <ColumnReverseFalseUndefined />
-        <ColumnReverseFalseFalse />
-        <ColumnReverseFalseTrue />
-        <ColumnReverseUndefinedUndefined />
-        <ColumnReverseUndefinedFalse />
-        <ColumnReverseUndefinedTrue />
-        <br />
-        <br />
-        <DirectionRow />
-        <DirectionRowReverse />
-        <DirectionColumn />
-        <DirectionColumnReverse />
-        <DirectionColumnReverseResponsive />
-        <DirectionColumnReverseResponsiveInvertedOrder />
-        <br />
-        <br />
-        <JustifyContentCenter />
-        <JustifyContentStart />
-        <JustifyContentEnd />
-        <JustifyContentSpaceBetween />
-        <JustifyContentSpaceAround />
-        <JustifyContentSpaceEvenly />
-        <JustifyContentResponsive />
-        <JustifyContentResponsiveInvertedOrder />
-        <br />
-        <br />
-        <AlignItemsCenter />
-        <AlignItemsStart />
-        <AlignItemsEnd />
-        <AlignItemsStretch />
-        <AlignItemsBaseline />
-        <AlignItemsResponsive />
-        <AlignItemsResponsiveInvertedOrder />
-        <br />
-        <br />
-        <GapSpacing0 />
-        <GapSpacing1 />
-        <GapSpacing2 />
-        <GapSpacing4 />
-        <GapSpacing8 />
-        <GapSpacing12 />
-        <GapSpacing16 />
-        <GapSpacing20 />
-        <GapSpacing24 />
-        <GapSpacing32 />
-        <GapSpacing48 />
-        <GapSpacing64 />
-        <GapSpacing96 />
-        <GapSpacing160 />
-        <LayoutGapNone />
-        <LayoutGap3xs />
-        <LayoutGap2xs />
-        <LayoutGapXs />
-        <LayoutGapS />
-        <LayoutGapM />
-        <LayoutGapL />
-        <LayoutGapXl />
-        <GapSpacingResponsive />
-        <GapSpacingResponsiveInvertedOrder />
-        <br />
-        <br />
-        <PaddingSpacing0 />
-        <PaddingSpacing1 />
-        <PaddingSpacing2 />
-        <PaddingSpacing4 />
-        <PaddingSpacing8 />
-        <PaddingSpacing12 />
-        <PaddingSpacing16 />
-        <PaddingSpacing20 />
-        <PaddingSpacing24 />
-        <PaddingSpacing32 />
-        <PaddingSpacing48 />
-        <PaddingSpacing64 />
-        <PaddingSpacing96 />
-        <PaddingSpacing160 />
-        <LayoutPaddingNone />
-        <LayoutPadding3xs />
-        <LayoutPadding2xs />
-        <LayoutPaddingXs />
-        <LayoutPaddingS />
-        <LayoutPaddingM />
-        <LayoutPaddingL />
-        <LayoutPaddingXl />
-        <PaddingSpacingResponsive />
-        <PaddingSpacingResponsiveInvertedOrder />
-        <SpacingShorthand2 />
-        <SpacingShorthand3 />
-        <SpacingShorthand4 />
-        <SpacingShorthandResponsive />
-        <SpacingMixResponsive />
-        <br />
-        <br />
-        <HideInlineTrueUndefined />
-        <br />
-        <HideInlineTrueFalse />
-        <br />
-        <HideInlineTrueTrue />
-        <br />
-        <HideInlineFalseUndefined />
-        <br />
-        <HideInlineFalseFalse />
-        <br />
-        <HideInlineFalseTrue />
-        <br />
-        <HideInlineUndefinedUndefined />
-        <br />
-        <HideInlineUndefinedFalse />
-        <br />
-        <HideInlineUndefinedTrue />
-        <br />
-        <HideInlineResponsive />
-        <br />
-        <HideInlineResponsiveInvertedOrder />
-        <br />
-        <br />
-        <RelativeTrue />
-        <RelativeFalse />
-        <RelativeResponsive />
-        <RelativeResponsiveInvertedOrder />
-        <br />
-        <br />
-        <DataOverrideGlobalClass />
-        <DataOverrideLocalClass />
-    </>`,...(R=(y=m.parameters)==null?void 0:y.docs)==null?void 0:R.source}}};const Kn=["Combinations"];export{m as Combinations,Kn as __namedExportsOrder,zn as default};