@preply/ds-docs 11.2.0 → 11.4.0

package/dist/project.json

@@ -1 +1 @@
-{"generatedAt":1775572372330,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"knownPackages":{"testPackages":{"@storybook/addon-vitest":"10.2.19"},"stylingPackages":{"less":"4.4.2","styled-components":"6.1.19"},"i18nPackages":{"@preply/ds-i18n":"custom-protocol"}},"hasRouterPackage":false,"monorepo":"Lerna","packageManager":{"type":"yarn","version":"berry","agent":"yarn@berry","nodeLinker":"node-modules"},"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"]}},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":79,"storybookVersion":"10.2.19","storybookVersionSpecifier":"10.2.19","language":"typescript","storybookPackages":{"@storybook/react-vite":{"version":"10.2.19"},"eslint-plugin-storybook":{"version":"10.1.4"},"storybook":{},"storybook-multilevel-sort":{"version":"2.1.0"}},"addons":{"@storybook/addon-a11y":{"version":"10.2.19"},"@storybook/addon-links":{},"@storybook/addon-vitest":{"version":"10.2.19"},"@storybook/addon-docs":{"version":"10.2.19"},"@chromatic-com/storybook":{"version":"5.0.1"},"chromatic":{"version":"13.3.5","versionSpecifier":"latest"}},"packageJsonType":"unknown"}
+{"generatedAt":1776935525209,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"knownPackages":{"testPackages":{"@storybook/addon-vitest":"10.2.19"},"stylingPackages":{"less":"4.4.2","styled-components":"6.1.19"},"i18nPackages":{"@preply/ds-i18n":"custom-protocol"}},"hasRouterPackage":false,"monorepo":"Lerna","packageManager":{"type":"yarn","version":"berry","agent":"yarn@berry","nodeLinker":"node-modules"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true,"shouldExtractValuesFromUnion":true,"shouldRemoveUndefinedFromOptional":true,"include":["/home/runner/work/design-system/design-system/packages/web-lib/src/components/**/*.tsx"]}},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":79,"storybookVersion":"10.2.19","storybookVersionSpecifier":"10.2.19","language":"typescript","storybookPackages":{"@storybook/react-vite":{"version":"10.2.19"},"eslint-plugin-storybook":{"version":"10.1.4"},"storybook":{},"storybook-multilevel-sort":{"version":"2.1.0"}},"addons":{"@storybook/addon-a11y":{"version":"10.2.19"},"@storybook/addon-links":{},"@storybook/addon-vitest":{"version":"10.2.19"},"@storybook/addon-docs":{"version":"10.2.19"},"@chromatic-com/storybook":{"version":"5.0.1"},"storybook-addon-pseudo-states":{"version":"10.2.19"},"chromatic":{"version":"13.3.5","versionSpecifier":"latest"}},"packageJsonType":"unknown"}

package/dist/sb-addons/pseudo-states-6/manager-bundle.js

@@ -0,0 +1,3 @@
+try{
+(()=>{var a="storybook/pseudo-states",u=`${a}/tool`,c="pseudo";var I={hover:"hover",active:"active",focusVisible:"focus-visible",focusWithin:"focus-within",focus:"focus",visited:"visited",link:"link",target:"target"};var L=__STORYBOOK_API__,{ActiveTabs:k,Consumer:w,ManagerContext:U,Provider:x,RequestResponseError:H,Tag:M,addons:l,combineParameters:N,controlOrMetaKey:F,controlOrMetaSymbol:G,eventMatchesShortcut:K,eventToShortcut:W,experimental_MockUniversalStore:Y,experimental_UniversalStore:V,experimental_getStatusStore:q,experimental_getTestProviderStore:z,experimental_requestResponse:Z,experimental_useStatusStore:j,experimental_useTestProviderStore:X,experimental_useUniversalStore:Q,internal_checklistStore:$,internal_fullStatusStore:J,internal_fullTestProviderStore:oo,internal_universalChecklistStore:eo,internal_universalStatusStore:no,internal_universalTestProviderStore:to,isMacLike:co,isShortcutTaken:ro,keyToSymbol:ao,merge:Io,mockChannel:lo,optionOrAltSymbol:io,shortcutMatchesShortcut:so,shortcutToAriaKeyshortcuts:uo,shortcutToHumanString:So,types:S,useAddonState:po,useArgTypes:mo,useArgs:Co,useChannel:_o,useGlobalTypes:To,useGlobals:p,useParameter:ho,useSharedState:bo,useStoryPrepared:Ao,useStorybookApi:Po,useStorybookState:go}=__STORYBOOK_API__;var i=__REACT__,{Children:Ro,Component:vo,Fragment:Bo,Profiler:Do,PureComponent:Lo,StrictMode:ko,Suspense:wo,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:Uo,act:xo,cloneElement:Ho,createContext:Mo,createElement:No,createFactory:Fo,createRef:Go,forwardRef:Ko,isValidElement:Wo,lazy:Yo,memo:Vo,startTransition:qo,unstable_act:zo,useCallback:Zo,useContext:jo,useDebugValue:Xo,useDeferredValue:Qo,useEffect:$o,useId:Jo,useImperativeHandle:oe,useInsertionEffect:ee,useLayoutEffect:ne,useMemo:te,useReducer:ce,useRef:re,useState:ae,useSyncExternalStore:Ie,useTransition:le,version:ie}=__REACT__;var de=__STORYBOOK_COMPONENTS__,{A:me,AbstractToolbar:Ce,ActionBar:_e,ActionList:Te,AddonPanel:he,Badge:be,Bar:Ae,Blockquote:Pe,Button:ge,Card:Oe,ClipboardCode:fe,Code:Ee,Collapsible:ye,DL:Re,Div:ve,DocumentWrapper:Be,EmptyTabContent:De,ErrorFormatter:Le,FlexBar:ke,Form:we,H1:Ue,H2:xe,H3:He,H4:Me,H5:Ne,H6:Fe,HR:Ge,IconButton:Ke,Img:We,LI:Ye,Link:Ve,ListItem:qe,Loader:ze,Modal:Ze,ModalDecorator:je,OL:Xe,P:Qe,Placeholder:$e,Popover:Je,PopoverProvider:on,Pre:en,ProgressSpinner:nn,ResetWrapper:tn,ScrollArea:cn,Select:d,Separator:rn,Spaced:an,Span:In,StatelessTab:ln,StatelessTabList:sn,StatelessTabPanel:un,StatelessTabsView:Sn,StorybookIcon:pn,StorybookLogo:dn,SyntaxHighlighter:mn,TT:Cn,TabBar:_n,TabButton:Tn,TabList:hn,TabPanel:bn,TabWrapper:An,Table:Pn,Tabs:gn,TabsState:On,TabsView:fn,ToggleButton:En,Toolbar:yn,Tooltip:Rn,TooltipLinkList:vn,TooltipMessage:Bn,TooltipNote:Dn,TooltipProvider:Ln,UL:kn,WithTooltip:wn,WithTooltipPure:Un,Zoom:xn,codeCommon:Hn,components:Mn,convertToReactAriaPlacement:Nn,createCopyToClipboardFunction:Fn,getStoryHref:Gn,interleaveSeparators:Kn,nameSpaceClassNames:Wn,resetComponents:Yn,useTabsState:Vn,withReset:qn}=__STORYBOOK_COMPONENTS__;var Qn=__STORYBOOK_ICONS__,{AccessibilityAltIcon:$n,AccessibilityIcon:Jn,AccessibilityIgnoredIcon:ot,AddIcon:et,AdminIcon:nt,AlertAltIcon:tt,AlertIcon:ct,AlignLeftIcon:rt,AlignRightIcon:at,AppleIcon:It,ArrowBottomLeftIcon:lt,ArrowBottomRightIcon:it,ArrowDownIcon:st,ArrowLeftIcon:ut,ArrowRightIcon:St,ArrowSolidDownIcon:pt,ArrowSolidLeftIcon:dt,ArrowSolidRightIcon:mt,ArrowSolidUpIcon:Ct,ArrowTopLeftIcon:_t,ArrowTopRightIcon:Tt,ArrowUpIcon:ht,AzureDevOpsIcon:bt,BackIcon:At,BasketIcon:Pt,BatchAcceptIcon:gt,BatchDenyIcon:Ot,BeakerIcon:ft,BellIcon:Et,BitbucketIcon:yt,BoldIcon:Rt,BookIcon:vt,BookmarkHollowIcon:Bt,BookmarkIcon:Dt,BottomBarIcon:Lt,BottomBarToggleIcon:kt,BoxIcon:wt,BranchIcon:Ut,BrowserIcon:xt,BugIcon:Ht,ButtonIcon:m,CPUIcon:Mt,CalendarIcon:Nt,CameraIcon:Ft,CameraStabilizeIcon:Gt,CategoryIcon:Kt,CertificateIcon:Wt,ChangedIcon:Yt,ChatIcon:Vt,CheckIcon:qt,ChevronDownIcon:zt,ChevronLeftIcon:Zt,ChevronRightIcon:jt,ChevronSmallDownIcon:Xt,ChevronSmallLeftIcon:Qt,ChevronSmallRightIcon:$t,ChevronSmallUpIcon:Jt,ChevronUpIcon:oc,ChromaticIcon:ec,ChromeIcon:nc,CircleHollowIcon:tc,CircleIcon:cc,ClearIcon:rc,CloseAltIcon:ac,CloseIcon:Ic,CloudHollowIcon:lc,CloudIcon:ic,CogIcon:sc,CollapseIcon:uc,CommandIcon:Sc,CommentAddIcon:pc,CommentIcon:dc,CommentsIcon:mc,CommitIcon:Cc,CompassIcon:_c,ComponentDrivenIcon:Tc,ComponentIcon:hc,ContrastIcon:bc,ContrastIgnoredIcon:Ac,ControlsIcon:Pc,CopyIcon:gc,CreditIcon:Oc,CrossIcon:fc,DashboardIcon:Ec,DatabaseIcon:yc,DeleteIcon:Rc,DiamondIcon:vc,DirectionIcon:Bc,DiscordIcon:Dc,DocChartIcon:Lc,DocListIcon:kc,DocumentIcon:wc,DownloadIcon:Uc,DragIcon:xc,EditIcon:Hc,EditorIcon:Mc,EllipsisIcon:Nc,EmailIcon:Fc,ExpandAltIcon:Gc,ExpandIcon:Kc,EyeCloseIcon:Wc,EyeIcon:Yc,FaceHappyIcon:Vc,FaceNeutralIcon:qc,FaceSadIcon:zc,FacebookIcon:Zc,FailedIcon:jc,FastForwardIcon:Xc,FigmaIcon:Qc,FilterIcon:$c,FlagIcon:Jc,FolderIcon:or,FormIcon:er,GDriveIcon:nr,GiftIcon:tr,GithubIcon:cr,GitlabIcon:rr,GlobeIcon:ar,GoogleIcon:Ir,GraphBarIcon:lr,GraphLineIcon:ir,GraphqlIcon:sr,GridAltIcon:ur,GridIcon:Sr,GrowIcon:pr,HeartHollowIcon:dr,HeartIcon:mr,HomeIcon:Cr,HourglassIcon:_r,InfoIcon:Tr,ItalicIcon:hr,JumpToIcon:br,KeyIcon:Ar,LightningIcon:Pr,LightningOffIcon:gr,LinkBrokenIcon:Or,LinkIcon:fr,LinkedinIcon:Er,LinuxIcon:yr,ListOrderedIcon:Rr,ListUnorderedIcon:vr,LocationIcon:Br,LockIcon:Dr,MarkdownIcon:Lr,MarkupIcon:kr,MediumIcon:wr,MemoryIcon:Ur,MenuIcon:xr,MergeIcon:Hr,MirrorIcon:Mr,MobileIcon:Nr,MoonIcon:Fr,NutIcon:Gr,OutboxIcon:Kr,OutlineIcon:Wr,PaintBrushAltIcon:Yr,PaintBrushIcon:Vr,PaperClipIcon:qr,ParagraphIcon:zr,PassedIcon:Zr,PhoneIcon:jr,PhotoDragIcon:Xr,PhotoIcon:Qr,PhotoStabilizeIcon:$r,PinAltIcon:Jr,PinIcon:oa,PlayAllHollowIcon:ea,PlayBackIcon:na,PlayHollowIcon:ta,PlayIcon:ca,PlayNextIcon:ra,PlusIcon:aa,PointerDefaultIcon:Ia,PointerHandIcon:la,PowerIcon:ia,PrintIcon:sa,ProceedIcon:ua,ProfileIcon:Sa,PullRequestIcon:pa,QuestionIcon:da,RSSIcon:ma,RedirectIcon:Ca,ReduxIcon:_a,RefreshIcon:Ta,ReplyIcon:ha,RepoIcon:ba,RequestChangeIcon:Aa,RewindIcon:Pa,RulerIcon:ga,SaveIcon:Oa,SearchIcon:fa,ShareAltIcon:Ea,ShareIcon:ya,ShieldIcon:Ra,SideBySideIcon:va,SidebarAltIcon:Ba,SidebarAltToggleIcon:Da,SidebarIcon:La,SidebarToggleIcon:ka,SortDownIcon:wa,SortUpIcon:Ua,SpeakerIcon:xa,StackedIcon:Ha,StarHollowIcon:Ma,StarIcon:Na,StatusFailIcon:Fa,StatusIcon:Ga,StatusPassIcon:Ka,StatusWarnIcon:Wa,StickerIcon:Ya,StopAltHollowIcon:Va,StopAltIcon:qa,StopIcon:za,StorybookIcon:Za,StructureIcon:ja,SubtractIcon:Xa,SunIcon:Qa,SupportIcon:$a,SweepIcon:Ja,SwitchAltIcon:oI,SyncIcon:eI,TabletIcon:nI,ThumbsUpIcon:tI,TimeIcon:cI,TimerIcon:rI,TransferIcon:aI,TrashIcon:II,TwitterIcon:lI,TypeIcon:iI,UbuntuIcon:sI,UndoIcon:uI,UnfoldIcon:SI,UnlockIcon:pI,UnpinIcon:dI,UploadIcon:mI,UserAddIcon:CI,UserAltIcon:_I,UserIcon:TI,UsersIcon:hI,VSCodeIcon:bI,VerifiedIcon:AI,VideoIcon:PI,WandIcon:gI,WatchIcon:OI,WindowsIcon:fI,WrenchIcon:EI,XIcon:yI,YoutubeIcon:RI,ZoomIcon:vI,ZoomOutIcon:BI,ZoomResetIcon:DI,iconList:LI}=__STORYBOOK_ICONS__;var C=Object.keys(I).sort(),A=()=>{let[r,s]=p(),_=Object.keys(r[c]||{}).filter(t=>C.includes(t)),T=C.map(t=>({title:`:${I[t]}`,value:t}));return i.createElement(d,{resetLabel:"Reset pseudo states",onReset:()=>s({[c]:{}}),icon:i.createElement(m,null),ariaLabel:"CSS pseudo states",tooltip:"Apply CSS pseudo states",defaultOptions:_,options:T,multiSelect:!0,onChange:t=>{s({[c]:t.reduce((h,b)=>({...h,[b]:!0}),{})})}})};l.register(a,()=>{l.add(u,{type:S.TOOL,title:"CSS pseudo states",match:({viewMode:r})=>r==="story",render:A})});})();
+}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preply/ds-docs",
-    "version": "11.2.0",
+    "version": "11.4.0",
     "publishConfig": {
         "access": "public"
     },
@@ -17,9 +17,9 @@
     },
     "devDependencies": {
         "@chromatic-com/storybook": "^5.0.1",
-        "@preply/ds-i18n": "11.2.0",
-        "@preply/ds-media-icons": "11.2.0",
-        "@preply/ds-static-assets": "11.2.0",
+        "@preply/ds-i18n": "11.4.0",
+        "@preply/ds-media-icons": "11.4.0",
+        "@preply/ds-static-assets": "11.4.0",
         "@storybook/addon-a11y": "10.2.19",
         "@storybook/addon-docs": "10.2.19",
         "@storybook/addon-links": "10.2.19",
@@ -34,6 +34,7 @@
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "storybook": "10.2.19",
+        "storybook-addon-pseudo-states": "10.2.19",
         "storybook-multilevel-sort": "^2.1.0",
         "styled-components": "6.1.19",
         "tsx": "^4.20.6",
@@ -41,5 +42,5 @@
         "vite": "^8.0.0",
         "vite-plugin-svgr": "4.5.0"
     },
-    "gitHead": "5df6a3e458131058ce7ec81019fff77d60428a72"
+    "gitHead": "52791629120eb960b6567cbf261ee0ec6a254286"
 }

package/pages/30.guides/70.assets/components/IllustrationsList.tsx

@@ -94,6 +94,7 @@ const svgUrls = [
     'https://static.preply.com/ds/illustrations/tokyo-ui/warning.svg',
     'https://static.preply.com/ds/illustrations/tokyo-ui/flashcards.svg',
     'https://static.preply.com/ds/illustrations/tokyo-ui/abc-dice.svg',
+    'https://static.preply.com/ds/illustrations/tokyo-ui/rocket.svg',
 ];
 
 const HighlightTransparency = styled.div`

package/pages/30.guides/70.assets/constants/icon-imports.ts

@@ -234,6 +234,7 @@ import TokyoUISortAscending from '@preply/ds-media-icons/dist/24/TokyoUISortAsce
 import TokyoUISortDescending from '@preply/ds-media-icons/dist/24/TokyoUISortDescending.svg';
 import TokyoUISound from '@preply/ds-media-icons/dist/24/TokyoUISound.svg';
 import TokyoUISoundOff from '@preply/ds-media-icons/dist/24/TokyoUISoundOff.svg';
+import TokyoUISoundWave from '@preply/ds-media-icons/dist/24/TokyoUISoundWave.svg';
 import TokyoUISparkle from '@preply/ds-media-icons/dist/24/TokyoUISparkle.svg';
 import TokyoUISparkleCalendar from '@preply/ds-media-icons/dist/24/TokyoUISparkleCalendar.svg';
 import TokyoUISparkleMessage from '@preply/ds-media-icons/dist/24/TokyoUISparkleMessage.svg';
@@ -242,6 +243,7 @@ import TokyoUISparkleReset from '@preply/ds-media-icons/dist/24/TokyoUISparkleRe
 import TokyoUISparkleVocab from '@preply/ds-media-icons/dist/24/TokyoUISparkleVocab.svg';
 import TokyoUISpeaks from '@preply/ds-media-icons/dist/24/TokyoUISpeaks.svg';
 import TokyoUISpeaksFace from '@preply/ds-media-icons/dist/24/TokyoUISpeaksFace.svg';
+import TokyoUIStamp from '@preply/ds-media-icons/dist/24/TokyoUIStamp.svg';
 import TokyoUIStar from '@preply/ds-media-icons/dist/24/TokyoUIStar.svg';
 import TokyoUIStarFilled from '@preply/ds-media-icons/dist/24/TokyoUIStarFilled.svg';
 import TokyoUIStreak from '@preply/ds-media-icons/dist/24/TokyoUIStreak.svg';
@@ -533,6 +535,7 @@ export const iconMap = {
     TokyoUISortDescending,
     TokyoUISound,
     TokyoUISoundOff,
+    TokyoUISoundWave,
     TokyoUISparkle,
     TokyoUISparkleCalendar,
     TokyoUISparkleMessage,
@@ -541,6 +544,7 @@ export const iconMap = {
     TokyoUISparkleVocab,
     TokyoUISpeaks,
     TokyoUISpeaksFace,
+    TokyoUIStamp,
     TokyoUIStar,
     TokyoUIStarFilled,
     TokyoUIStreak,

package/dist/assets/10.Combinations.stories-CJFPYaPG.js

@@ -1,128 +0,0 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./LayoutFlex-CEr_Bd5T.js";import{n as ee,t as te}from"./LayoutFlexItem-DCUGpEDU.js";import{n as ne,r as o,t as s}from"./styled-components.browser.esm-48-sXnz9.js";function c(e){return(0,u.jsx)(`div`,{style:{background:`yellow`,width:`100%`},children:e.children})}function l(e){return(0,u.jsx)(`div`,{style:{background:`orange`,width:`100%`},children:e.children})}function re(){return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`span`,{children:`NowrapUndefined`}),(0,u.jsxs)(a,{dataset:{testid:`NowrapUndefined`},children:[(0,u.jsx)(c,{children:`a`}),(0,u.jsx)(l,{children:`b`})]})]})}function ie(){return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`span`,{children:`NowrapTrue`}),(0,u.jsxs)(a,{dataset:{testid:`NowrapTrue`},nowrap:!0,children:[(0,u.jsx)(c,{children:`a`}),(0,u.jsx)(l,{children:`b`})]})]})}function ae(){return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`span`,{children:`NowrapFalse`}),(0,u.jsxs)(a,{dataset:{testid:`NowrapFalse`},nowrap:!1,children:[(0,u.jsx)(c,{children:`a`}),(0,u.jsx)(l,{children:`b`})]})]})}var u,d=t((()=>{e(n(),1),i(),u=r()}));function f(e){return(0,m.jsx)(`div`,{style:{background:`yellow`},children:e.children})}function p(e){return(0,m.jsx)(`div`,{style:{background:`orange`},children:e.children})}function oe(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseTrueUndefined`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseTrueUndefined`},column:!0,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function se(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseTrueFalse`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseTrueFalse`},column:!0,reverse:!1,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function ce(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseTrueTrue`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseTrueTrue`},column:!0,reverse:!0,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function le(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseFalseUndefined`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseFalseUndefined`},column:!1,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function ue(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseFalseFalse`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseFalseFalse`},column:!1,reverse:!1,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function de(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseFalseTrue`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseFalseTrue`},column:!1,reverse:!0,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function fe(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseUndefinedUndefined`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseUndefinedUndefined`},children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function pe(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseUndefinedFalse`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseUndefinedFalse`},reverse:!1,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}function me(){return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`span`,{children:`ColumnReverseUndefinedTrue`}),(0,m.jsxs)(a,{dataset:{testid:`ColumnReverseUndefinedTrue`},reverse:!0,children:[(0,m.jsx)(f,{children:`a`}),(0,m.jsx)(p,{children:`b`})]})]})}var m,he=t((()=>{e(n(),1),i(),m=r()}));function h(e){return(0,_.jsx)(`div`,{style:{background:`yellow`,width:`50%`},children:e.children})}function g(e){return(0,_.jsx)(`div`,{style:{background:`orange`,width:`50%`},children:e.children})}function ge(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`span`,{children:`DirectionRow`}),(0,_.jsxs)(a,{dataset:{testid:`DirectionRow`},direction:`row`,children:[(0,_.jsx)(h,{children:`a`}),(0,_.jsx)(g,{children:`b`})]})]})}function _e(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`span`,{children:`DirectionRowReverse`}),(0,_.jsxs)(a,{dataset:{testid:`DirectionRowReverse`},direction:`row-reverse`,children:[(0,_.jsx)(h,{children:`a`}),(0,_.jsx)(g,{children:`b`})]})]})}function ve(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`span`,{children:`DirectionColumn`}),(0,_.jsxs)(a,{dataset:{testid:`DirectionColumn`},direction:`column`,children:[(0,_.jsx)(h,{children:`a`}),(0,_.jsx)(g,{children:`b`})]})]})}function ye(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`span`,{children:`DirectionColumnReverse`}),(0,_.jsxs)(a,{dataset:{testid:`DirectionColumnReverse`},direction:`column-reverse`,children:[(0,_.jsx)(h,{children:`a`}),(0,_.jsx)(g,{children:`b`})]})]})}function be(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`span`,{children:`DirectionColumnReverseResponsive`}),(0,_.jsxs)(a,{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:[(0,_.jsx)(h,{children:`A`}),(0,_.jsx)(g,{children:`B`})]})]})}function xe(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`span`,{children:`DirectionColumnReverseResponsiveInvertedOrder`}),(0,_.jsxs)(a,{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:[(0,_.jsx)(h,{children:`A`}),(0,_.jsx)(g,{children:`B`})]})]})}var _,Se=t((()=>{e(n(),1),i(),_=r()}));function v(e){return(0,E.jsx)(`div`,{style:{background:`yellow`,width:`20%`},children:e.children})}function y(e){return(0,E.jsx)(`div`,{style:{background:`orange`,width:`20%`},children:e.children})}function Ce(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentCenter`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentCenter`},justifyContent:`center`,children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function we(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentStart`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentStart`},justifyContent:`start`,children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function b(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentEnd`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentEnd`},justifyContent:`end`,children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function x(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentSpaceBetween`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentSpaceBetween`},justifyContent:`space-between`,children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function S(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentSpaceAround`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentSpaceAround`},justifyContent:`space-around`,children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function C(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentSpaceEvenly`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentSpaceEvenly`},justifyContent:`space-evenly`,children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function w(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentResponsive`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentResponsive`},justifyContent:{_:`center`,"narrow-l":`end`,"medium-s":`space-around`,"medium-l":`space-around`,"wide-s":`space-evenly`,"wide-l":`end`},children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}function T(){return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{children:`JustifyContentResponsiveInvertedOrder`}),(0,E.jsxs)(a,{dataset:{testid:`JustifyContentResponsiveInvertedOrder`},justifyContent:{"wide-l":`end`,"wide-s":`space-evenly`,"medium-l":`space-around`,"medium-s":`space-around`,"narrow-l":`end`,_:`center`},children:[(0,E.jsx)(v,{children:`a`}),(0,E.jsx)(y,{children:`b`})]})]})}var E,D=t((()=>{e(n(),1),i(),E=r()}));function O(e){return(0,A.jsx)(`div`,{style:{background:`yellow`,height:`60px`},children:e.children})}function k(e){return(0,A.jsx)(`div`,{style:{background:`orange`},children:e.children})}function Te(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsCenter`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsCenter`},alignItems:`center`,children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}function Ee(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsStart`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsStart`},alignItems:`start`,children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}function De(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsEnd`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsEnd`},alignItems:`end`,children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}function Oe(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsStretch`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsStretch`},alignItems:`stretch`,children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}function ke(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsBaseline`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsBaseline`},alignItems:`baseline`,children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}function Ae(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsResponsive`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsResponsive`},alignItems:{_:`center`,"narrow-l":`end`,"medium-s":`baseline`,"medium-l":`center`,"wide-s":`stretch`,"wide-l":`end`},children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}function je(){return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:`AlignItemsResponsiveInvertedOrder`}),(0,A.jsxs)(a,{dataset:{testid:`AlignItemsResponsiveInvertedOrder`},alignItems:{"wide-l":`end`,"wide-s":`stretch`,"medium-l":`center`,"medium-s":`baseline`,"narrow-l":`end`,_:`center`},children:[(0,A.jsx)(O,{children:`a`}),(0,A.jsx)(k,{children:`b`})]})]})}var A,Me=t((()=>{e(n(),1),i(),A=r()}));function j(e){return(0,P.jsx)(`div`,{style:{background:`yellow`},children:e.children})}function M(e){return(0,P.jsx)(`div`,{style:{background:`orange`},children:e.children})}function Ne(){return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{children:`Spacing0`}),(0,P.jsxs)(a,{dataset:{testid:`Spacing0`},gap:`0`,children:[(0,P.jsx)(j,{children:`a`}),(0,P.jsx)(M,{children:`b`})]})]})}function Pe(){return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{children:`Spacing1`}),(0,P.jsxs)(a,{dataset:{testid:`Spacing1`},gap:`1`,children:[(0,P.jsx)(j,{children:`a`}),(0,P.jsx)(M,{children:`b`})]})]})}function Fe(){return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{children:`Spacing2`}),(0,P.jsxs)(a,{dataset:{testid:`Spacing2`},gap:`2`,children:[(0,P.jsx)(j,{children:`a`}),(0,P.jsx)(M,{children:`b`})]})]})}function Ie(){return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{children:`Spacing4`}),(0,P.jsxs)(a,{dataset:{testid:`Spacing4`},gap:`4`,children:[(0,P.jsx)(j,{children:`a`}),(0,P.jsx)(M,{children:`b`})]})]})}function Le(){return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{children:`Spacing8`}),(0,P.jsxs)(a,{dataset:{testid:`Spacing8`},gap:`8`,children:[(0,P.jsx)(j,{children:`a`}),(0,P.jsx)(M,{children:`b`})]})]})}function Re(){return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{children:`Spacing12`}),(0,P.jsxs)(a,{dataset:{testid:`Spacing12`},gap:`12`,children:[(0,P.jsx)(j,{children:`a`}),(0,P.jsx)(M,{children:`b`})]})]})}function ze(){return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{children:`Spacing16`}),(0,P.jsxs)(a,{dataset:{testid:`Spacing16`},gap:`16`,children:[(0,P.jsx)(j,{children:`a`}),(0,P.jsx)(M,{children:`b`})]})]})}function Be(){return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{children:`Spacing20`}),(0,P.jsxs)(a,{dataset:{testid:`Spacing20`},gap:`20`,children:[(0,P.jsx)(j,{children:`a`}),(0,P.jsx)(M,{children:`b`})]})]})}function Ve(){return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{children:`Spacing24`}),(0,P.jsxs)(a,{dataset:{testid:`Spacing24`},gap:`24`,children:[(0,P.jsx)(j,{children:`a`}),(0,P.jsx)(M,{children:`b`})]})]})}function He(){return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{children:`Spacing32`}),(0,P.jsxs)(a,{dataset:{testid:`Spacing32`},gap:`32`,children:[(0,P.jsx)(j,{children:`a`}),(0,P.jsx)(M,{children:`b`})]})]})}function Ue(){return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{children:`Spacing48`}),(0,P.jsxs)(a,{dataset:{testid:`Spacing48`},gap:`48`,children:[(0,P.jsx)(j,{children:`a`}),(0,P.jsx)(M,{children:`b`})]})]})}function We(){return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{children:`Spacing64`}),(0,P.jsxs)(a,{dataset:{testid:`Spacing64`},gap:`64`,children:[(0,P.jsx)(j,{children:`a`}),(0,P.jsx)(M,{children:`b`})]})]})}function Ge(){return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{children:`Spacing96`}),(0,P.jsxs)(a,{dataset:{testid:`Spacing96`},gap:`96`,children:[(0,P.jsx)(j,{children:`a`}),(0,P.jsx)(M,{children:`b`})]})]})}function Ke(){return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{children:`Spacing160`}),(0,P.jsxs)(a,{dataset:{testid:`Spacing160`},gap:`160`,children:[(0,P.jsx)(j,{children:`a`}),(0,P.jsx)(M,{children:`b`})]})]})}function N(){return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{children:`SpacingResponsive`}),(0,P.jsxs)(a,{dataset:{testid:`SpacingResponsive`},gap:{_:`4`,"narrow-l":`8`,"medium-s":`12`,"medium-l":`16`,"wide-s":`20`,"wide-l":`24`},children:[(0,P.jsx)(j,{children:`a`}),(0,P.jsx)(M,{children:`b`})]})]})}function qe(){return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{children:`SpacingResponsiveInvertedOrder`}),(0,P.jsxs)(a,{dataset:{testid:`SpacingResponsiveInvertedOrder`},gap:{"wide-l":`24`,"wide-s":`20`,"medium-l":`16`,"medium-s":`12`,"narrow-l":`8`,_:`4`},children:[(0,P.jsx)(j,{children:`a`}),(0,P.jsx)(M,{children:`b`})]})]})}var P,Je=t((()=>{e(n(),1),i(),P=r()}));function F(e){return(0,L.jsx)(`div`,{style:{background:`yellow`},children:e.children})}function I(e){return(0,L.jsx)(`div`,{style:{background:`orange`},children:e.children})}function Ye(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`Spacing0`}),(0,L.jsxs)(a,{dataset:{testid:`Spacing0`},padding:`0`,children:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}function Xe(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`Spacing1`}),(0,L.jsxs)(a,{dataset:{testid:`Spacing1`},padding:`1`,children:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}function Ze(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`Spacing2`}),(0,L.jsxs)(a,{dataset:{testid:`Spacing2`},padding:`2`,children:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}function Qe(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`Spacing4`}),(0,L.jsxs)(a,{dataset:{testid:`Spacing4`},padding:`4`,children:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}function $e(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`Spacing8`}),(0,L.jsxs)(a,{dataset:{testid:`Spacing8`},padding:`8`,children:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}function et(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`Spacing12`}),(0,L.jsxs)(a,{dataset:{testid:`Spacing12`},padding:`12`,children:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}function tt(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`Spacing16`}),(0,L.jsxs)(a,{dataset:{testid:`Spacing16`},padding:`16`,children:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}function nt(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`Spacing20`}),(0,L.jsxs)(a,{dataset:{testid:`Spacing20`},padding:`20`,children:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}function rt(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`Spacing24`}),(0,L.jsxs)(a,{dataset:{testid:`Spacing24`},padding:`24`,children:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}function it(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`Spacing32`}),(0,L.jsxs)(a,{dataset:{testid:`Spacing32`},padding:`32`,children:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}function at(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`Spacing48`}),(0,L.jsxs)(a,{dataset:{testid:`Spacing48`},padding:`48`,children:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}function ot(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`Spacing64`}),(0,L.jsxs)(a,{dataset:{testid:`Spacing64`},padding:`64`,children:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}function st(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`Spacing96`}),(0,L.jsxs)(a,{dataset:{testid:`Spacing96`},padding:`96`,children:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}function ct(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`Spacing160`}),(0,L.jsxs)(a,{dataset:{testid:`Spacing160`},padding:`160`,children:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}function lt(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`SpacingResponsive`}),(0,L.jsxs)(a,{dataset:{testid:`SpacingResponsive`},padding:{_:`4`,"narrow-l":`8`,"medium-s":`12`,"medium-l":`16`,"wide-s":`20`,"wide-l":`24`},children:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}function ut(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`SpacingResponsiveInvertedOrder`}),(0,L.jsxs)(a,{dataset:{testid:`SpacingResponsiveInvertedOrder`},padding:{"wide-l":`24`,"wide-s":`20`,"medium-l":`16`,"medium-s":`12`,"narrow-l":`8`,_:`4`},children:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}function dt(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`SpacingShorthand2`}),(0,L.jsxs)(a,{dataset:{testid:`SpacingShorthand2`},padding:[`12`,`24`],children:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}function ft(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`SpacingShorthand3`}),(0,L.jsxs)(a,{dataset:{testid:`SpacingShorthand3`},padding:[`12`,`24`,`48`],children:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}function pt(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`SpacingShorthand4`}),(0,L.jsxs)(a,{dataset:{testid:`SpacingShorthand4`},padding:[`12`,`24`,`48`,`64`],children:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}function mt(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`SpacingShorthandResponsive`}),(0,L.jsxs)(a,{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:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}function ht(){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`span`,{children:`SpacingMixResponsive`}),(0,L.jsxs)(a,{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:[(0,L.jsx)(F,{children:`a`}),(0,L.jsx)(I,{children:`b`})]})]})}var L,gt=t((()=>{e(n(),1),i(),L=r()}));function R(e){return(0,B.jsx)(`div`,{style:{background:`yellow`,width:`20%`},children:e.children})}function z(e){return(0,B.jsx)(`div`,{style:{background:`orange`,width:`20%`},children:e.children})}function _t(){return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`span`,{children:`HideInlineTrueUndefined`}),(0,B.jsxs)(a,{dataset:{testid:`HideInlineTrueUndefined`},hide:!0,children:[(0,B.jsx)(R,{children:`a`}),(0,B.jsx)(z,{children:`b`})]})]})}function vt(){return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`span`,{children:`HideInlineTrueFalse`}),(0,B.jsxs)(a,{dataset:{testid:`HideInlineTrueFalse`},hide:!0,inline:!1,children:[(0,B.jsx)(R,{children:`a`}),(0,B.jsx)(z,{children:`b`})]})]})}function yt(){return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`span`,{children:`HideInlineTrueTrue`}),(0,B.jsxs)(a,{dataset:{testid:`HideInlineTrueTrue`},hide:!0,inline:!0,children:[(0,B.jsx)(R,{children:`a`}),(0,B.jsx)(z,{children:`b`})]})]})}function bt(){return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`span`,{children:`HideInlineFalseUndefined`}),(0,B.jsxs)(a,{dataset:{testid:`HideInlineFalseUndefined`},hide:!1,children:[(0,B.jsx)(R,{children:`a`}),(0,B.jsx)(z,{children:`b`})]})]})}function xt(){return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`span`,{children:`HideInlineFalseFalse`}),(0,B.jsxs)(a,{dataset:{testid:`HideInlineFalseFalse`},hide:!1,inline:!1,children:[(0,B.jsx)(R,{children:`a`}),(0,B.jsx)(z,{children:`b`})]})]})}function St(){return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`span`,{children:`HideInlineFalseTrue`}),(0,B.jsxs)(a,{dataset:{testid:`HideInlineFalseTrue`},hide:!1,inline:!0,children:[(0,B.jsx)(R,{children:`a`}),(0,B.jsx)(z,{children:`b`})]})]})}function Ct(){return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`span`,{children:`HideInlineUndefinedUndefined`}),(0,B.jsxs)(a,{dataset:{testid:`HideInlineUndefinedUndefined`},children:[(0,B.jsx)(R,{children:`a`}),(0,B.jsx)(z,{children:`b`})]})]})}function wt(){return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`span`,{children:`HideInlineUndefinedFalse`}),(0,B.jsxs)(a,{dataset:{testid:`HideInlineUndefinedFalse`},inline:!1,children:[(0,B.jsx)(R,{children:`a`}),(0,B.jsx)(z,{children:`b`})]})]})}function Tt(){return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`span`,{children:`HideInlineUndefinedTrue`}),(0,B.jsxs)(a,{dataset:{testid:`HideInlineUndefinedTrue`},inline:!0,children:[(0,B.jsx)(R,{children:`a`}),(0,B.jsx)(z,{children:`b`})]})]})}function Et(){return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`span`,{children:`HideInlineResponsive`}),(0,B.jsxs)(a,{dataset:{testid:`HideInlineResponsive`},hide:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},inline:!0,children:[(0,B.jsx)(R,{children:`A responsive`}),(0,B.jsx)(z,{children:`B responsive`})]})]})}function Dt(){return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`span`,{children:`HideInlineResponsiveInvertedOrder`}),(0,B.jsxs)(a,{dataset:{testid:`HideInlineResponsiveInvertedOrder`},hide:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},inline:!0,children:[(0,B.jsx)(R,{children:`a`}),(0,B.jsx)(z,{children:`b`})]})]})}var B,Ot=t((()=>{e(n(),1),i(),B=r()}));function V(e){return(0,U.jsx)(`div`,{style:{background:`yellow`},children:e.children})}function H(e){return(0,U.jsx)(`div`,{style:{background:`orange`},children:e.children})}function kt(){return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(`span`,{children:`RelativeTrue`}),(0,U.jsxs)(a,{dataset:{testid:`RelativeTrue`},relative:!0,children:[(0,U.jsx)(V,{children:`a`}),(0,U.jsx)(H,{children:`b`})]})]})}function At(){return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(`span`,{children:`RelativeFalse`}),(0,U.jsxs)(a,{dataset:{testid:`RelativeFalse`},relative:!1,children:[(0,U.jsx)(V,{children:`a`}),(0,U.jsx)(H,{children:`b`})]})]})}function jt(){return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(`span`,{children:`RelativeResponsive`}),(0,U.jsxs)(a,{dataset:{testid:`RelativeResponsive`},relative:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},children:[(0,U.jsx)(V,{children:`a`}),(0,U.jsx)(H,{children:`b`})]})]})}function Mt(){return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(`span`,{children:`RelativeResponsiveInvertedOrder`}),(0,U.jsxs)(a,{dataset:{testid:`RelativeResponsiveInvertedOrder`},relative:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},children:[(0,U.jsx)(V,{children:`a`}),(0,U.jsx)(H,{children:`b`})]})]})}var U,Nt=t((()=>{e(n(),1),i(),U=r()}));function W(e){return(0,K.jsx)(`div`,{style:{background:`yellow`},children:e.children})}function G(e){return(0,K.jsx)(`div`,{style:{background:`orange`},children:e.children})}function Pt(){return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(q,{}),(0,K.jsx)(`span`,{children:`DataOverrideGlobalClass`}),(0,K.jsxs)(a,{dataset:{testid:`DataOverrideGlobalClass`,override:!0},children:[(0,K.jsx)(W,{children:`a`}),(0,K.jsx)(G,{children:`b`})]})]})}function Ft(){return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(`span`,{children:`DataOverrideLocalClass`}),(0,K.jsx)(J,{children:(0,K.jsxs)(a,{dataset:{testid:`DataOverrideLocalClass`,override:!0},children:[(0,K.jsx)(W,{children:`a`}),(0,K.jsx)(G,{children:`b`})]})})]})}var K,q,J,It=t((()=>{e(n(),1),o(),i(),K=r(),q=ne`
-    div[data-override='true'] {
-        display:grid;
-    }
-`,J=s.div`
-    div[data-override='true'] {
-        display: grid;
-    }
-`}));function Lt(e){return(0,Y.jsx)(`div`,{style:{background:`yellow`},children:e.children})}function Rt(e){return(0,Y.jsx)(`div`,{style:{background:`orange`},children:e.children})}function zt(){return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`span`,{children:`Default`}),(0,Y.jsxs)(a,{dataset:{testid:`Default`},children:[(0,Y.jsx)(Lt,{children:`a`}),(0,Y.jsx)(Rt,{children:`b`})]})]})}var Y,Bt=t((()=>{e(n(),1),i(),Y=r()})),X,Z,Q,$;t((()=>{e(n(),1),ee(),i(),d(),he(),Se(),D(),Me(),Je(),gt(),Ot(),Nt(),It(),Bt(),X=r(),Z={title:`components/LayoutFlex`,component:a,tags:[`!autodocs`],subcomponents:{LayoutFlexItem:te},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`}}}}},Q=()=>(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(zt,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(re,{}),(0,X.jsx)(ie,{}),(0,X.jsx)(ae,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(oe,{}),(0,X.jsx)(se,{}),(0,X.jsx)(ce,{}),(0,X.jsx)(le,{}),(0,X.jsx)(ue,{}),(0,X.jsx)(de,{}),(0,X.jsx)(fe,{}),(0,X.jsx)(pe,{}),(0,X.jsx)(me,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(ge,{}),(0,X.jsx)(_e,{}),(0,X.jsx)(ve,{}),(0,X.jsx)(ye,{}),(0,X.jsx)(be,{}),(0,X.jsx)(xe,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(Ce,{}),(0,X.jsx)(we,{}),(0,X.jsx)(b,{}),(0,X.jsx)(x,{}),(0,X.jsx)(S,{}),(0,X.jsx)(C,{}),(0,X.jsx)(w,{}),(0,X.jsx)(T,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(Te,{}),(0,X.jsx)(Ee,{}),(0,X.jsx)(De,{}),(0,X.jsx)(Oe,{}),(0,X.jsx)(ke,{}),(0,X.jsx)(Ae,{}),(0,X.jsx)(je,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(Ne,{}),(0,X.jsx)(Pe,{}),(0,X.jsx)(Fe,{}),(0,X.jsx)(Ie,{}),(0,X.jsx)(Le,{}),(0,X.jsx)(Re,{}),(0,X.jsx)(ze,{}),(0,X.jsx)(Be,{}),(0,X.jsx)(Ve,{}),(0,X.jsx)(He,{}),(0,X.jsx)(Ue,{}),(0,X.jsx)(We,{}),(0,X.jsx)(Ge,{}),(0,X.jsx)(Ke,{}),(0,X.jsx)(N,{}),(0,X.jsx)(qe,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(Ye,{}),(0,X.jsx)(Xe,{}),(0,X.jsx)(Ze,{}),(0,X.jsx)(Qe,{}),(0,X.jsx)($e,{}),(0,X.jsx)(et,{}),(0,X.jsx)(tt,{}),(0,X.jsx)(nt,{}),(0,X.jsx)(rt,{}),(0,X.jsx)(it,{}),(0,X.jsx)(at,{}),(0,X.jsx)(ot,{}),(0,X.jsx)(st,{}),(0,X.jsx)(ct,{}),(0,X.jsx)(lt,{}),(0,X.jsx)(ut,{}),(0,X.jsx)(dt,{}),(0,X.jsx)(ft,{}),(0,X.jsx)(pt,{}),(0,X.jsx)(mt,{}),(0,X.jsx)(ht,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(_t,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(vt,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(yt,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(bt,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(xt,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(St,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(Ct,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(wt,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(Tt,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(Et,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(Dt,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(kt,{}),(0,X.jsx)(At,{}),(0,X.jsx)(jt,{}),(0,X.jsx)(Mt,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(`br`,{}),(0,X.jsx)(Pt,{}),(0,X.jsx)(Ft,{})]}),Q.parameters={...Q.parameters,docs:{...Q.parameters?.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 />
-        <GapSpacingResponsive />
-        <GapSpacingResponsiveInvertedOrder />
-        <br />
-        <br />
-        <PaddingSpacing0 />
-        <PaddingSpacing1 />
-        <PaddingSpacing2 />
-        <PaddingSpacing4 />
-        <PaddingSpacing8 />
-        <PaddingSpacing12 />
-        <PaddingSpacing16 />
-        <PaddingSpacing20 />
-        <PaddingSpacing24 />
-        <PaddingSpacing32 />
-        <PaddingSpacing48 />
-        <PaddingSpacing64 />
-        <PaddingSpacing96 />
-        <PaddingSpacing160 />
-        <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 />
-    </>`,...Q.parameters?.docs?.source}}},$=[`Combinations`]}))();export{Q as Combinations,$ as __namedExportsOrder,Z as default};