@preply/ds-docs 1.2.0 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{00.applications-B7Vp6JHu.js → 00.applications-Bl--hocw.js} +1 -1
- package/dist/assets/{00.favicons.guide-ccEIy2sl.js → 00.favicons.guide-0E6oS7sO.js} +1 -1
- package/dist/assets/{00.token-explorer-B0sXlCTC.js → 00.token-explorer-Z2F2-yDD.js} +1 -1
- package/dist/assets/{00.using-responsive-props-DMjyfoDC.js → 00.using-responsive-props-DBqDmQ_g.js} +1 -1
- package/dist/assets/01.semantic-tokens-uPg0z8EW.js +2 -0
- package/dist/assets/{10.fonts.guide-DgHU0LNU.js → 10.fonts.guide-BjpkO7aS.js} +1 -1
- package/dist/assets/{10.ssr-libm72cC.js → 10.ssr-CzPoIkF5.js} +1 -1
- package/dist/assets/{11.languageFont.explorer-hJEanXcb.js → 11.languageFont.explorer-Ikbf0EC_.js} +1 -1
- package/dist/assets/{11.ssr.app-router-vSwYh-oZ.js → 11.ssr.app-router-6VfpYD0t.js} +1 -1
- package/dist/assets/{20.libraries-C_wJnDaz.js → 20.libraries-BNWFeRNx.js} +1 -1
- package/dist/assets/{30.icons.explorer-BbhrNu0y.js → 30.icons.explorer-DCSQ1WlB.js} +1 -1
- package/dist/assets/{30.storybook-C58mJ1Zl.js → 30.storybook-CaAAnkgN.js} +1 -1
- package/dist/assets/40.illustrations.explorer-BLR7HQVY.js +21 -0
- package/dist/assets/{90.advanced-CA6B7x83.js → 90.advanced-DWJKKC96.js} +1 -1
- package/dist/assets/Avatar-BU4eh9Ri.css +1 -0
- package/dist/assets/Avatar-Cd5cexa2.css +1 -0
- package/dist/assets/Avatar-DJLV4QSq.js +1 -0
- package/dist/assets/Avatar-lFo1eeQo.js +1 -0
- package/dist/assets/{Avatar.stories-Bgu7bTtZ.js → Avatar.stories-gz0ci_HQ.js} +1 -1
- package/dist/assets/AvatarWithStatus-BQG3Dg5p.css +1 -0
- package/dist/assets/AvatarWithStatus.stories-DZUhshp6.js +8 -0
- package/dist/assets/Badge-CfzGwzRI.css +1 -0
- package/dist/assets/Badge.stories-BKM8gYMR.js +17 -0
- package/dist/assets/Box-DOuODrwy.css +1 -0
- package/dist/assets/Box.stories-C7bkdhPX.js +12 -0
- package/dist/assets/Button-E1l8LEac.js +1 -0
- package/dist/assets/{Button-C853tOG-.css → Button-XdYGP4s_.css} +1 -1
- package/dist/assets/{Button.stories-DgwohUGE.js → Button.stories-BpUsjRbo.js} +1 -1
- package/dist/assets/Chips-KITk7G28.css +1 -0
- package/dist/assets/{Chips.stories-BwxOxXkZ.js → Chips.stories-C32Fvm1v.js} +5 -5
- package/dist/assets/{Color-F6OSRLHC-DZf8JPD-.js → Color-F6OSRLHC-BC9O6ctx.js} +1 -1
- package/dist/assets/Combinations.stories-96CZrm2E.js +144 -0
- package/dist/assets/{DocsRenderer-CFRXHY34-DsHrNFJc.js → DocsRenderer-CFRXHY34-LMZO7WG-.js} +1 -1
- package/dist/assets/FieldAdditionalText-6su1MEOe.css +1 -0
- package/dist/assets/{FieldAdditionalText-Qa29-xiu.js → FieldAdditionalText-D16NmMuT.js} +1 -1
- package/dist/assets/{FieldAdditionalText.stories-BShsvr7H.js → FieldAdditionalText.stories-xKKwINeE.js} +1 -1
- package/dist/assets/{FieldButton-CAtGQIyt.js → FieldButton-C8jjeKcS.js} +1 -1
- package/dist/assets/{FieldButton-Dj7hWYEr.css → FieldButton-SxHmjug1.css} +1 -1
- package/dist/assets/{FieldButton.stories-DA1j28hU.js → FieldButton.stories-BnNSro02.js} +1 -1
- package/dist/assets/FieldLayout-B7Kv-waW.css +1 -0
- package/dist/assets/FieldLayout-De3yDXvK.js +1 -0
- package/dist/assets/{FieldLayout.stories-C9uVvvgt.js → FieldLayout.stories-Kq0KANjG.js} +1 -1
- package/dist/assets/FieldLayoutBase-AYeCByvb.css +1 -0
- package/dist/assets/FieldLayoutBase-JQtJE0yU.js +1 -0
- package/dist/assets/{Heading-DL8jlCyS.css → Heading-BYHPKcuw.css} +1 -1
- package/dist/assets/Heading-BZOVPHID.js +1 -0
- package/dist/assets/Heading-BxXQHIVZ.js +1 -0
- package/dist/assets/{Heading-Cul5vvKg.css → Heading-p6hpkgMg.css} +1 -1
- package/dist/assets/{Heading.stories-CboQRDO2.js → Heading.stories-DEw0foIL.js} +1 -1
- package/dist/assets/Icon-BOG0AnZ1.css +1 -0
- package/dist/assets/Icon-DwMifY4k.js +1 -0
- package/dist/assets/{Icon-RSC-MEBrptVf.js → Icon-RSC-knRcfN2x.js} +1 -1
- package/dist/assets/Icon-vy7bbHGh.js +1 -0
- package/dist/assets/{Icon.stories-YDatbovB.js → Icon.stories-BAywRSh1.js} +1 -1
- package/dist/assets/{InputText-QLCrVL0G.js → InputText-DqQv27gH.js} +1 -1
- package/dist/assets/LayoutFlex-CWW9KA13.js +1 -0
- package/dist/assets/LayoutFlex-DgBOjIhu.js +1 -0
- package/dist/assets/LayoutFlex.stories-BXJ4XqVv.js +19 -0
- package/dist/assets/LayoutFlexItem-BKGDyySQ.js +1 -0
- package/dist/assets/LayoutFlexItem-CNomUbqL.css +1 -0
- package/dist/assets/LayoutGrid-CGV6o4nG.css +1 -0
- package/dist/assets/LayoutGrid-D89qOOaQ.js +1 -0
- package/dist/assets/LayoutGrid-DI3Z9E0J.css +1 -0
- package/dist/assets/LayoutGrid.stories-CZeBDrc2.js +32 -0
- package/dist/assets/LayoutGridItem-BcvqwdUf.js +1 -0
- package/dist/assets/LayoutGridItem-DT9wadYZ.css +1 -0
- package/dist/assets/Link-DhMFZ1h2.css +1 -0
- package/dist/assets/{Link.stories-LrZO1Uy0.js → Link.stories-DFAlZ5DI.js} +1 -1
- package/dist/assets/Loader-CZWsbJ02.css +1 -0
- package/dist/assets/{Loader.stories-e8LiQF3P.js → Loader.stories-D-h9WODa.js} +2 -2
- package/dist/assets/{NumberField.stories-CWPqdbcf.js → NumberField.stories-FrNfJfh-.js} +1 -1
- package/dist/assets/{ObserveIntersection-DQIJtmSp.js → ObserveIntersection-D7BUdxW1.js} +1 -1
- package/dist/assets/{ObserveIntersection.stories-x9wTR5gs.js → ObserveIntersection.stories-DPQV4oVK.js} +1 -1
- package/dist/assets/{PasswordField.stories-B4WzBt1E.js → PasswordField.stories-CLhSJe7t.js} +1 -1
- package/dist/assets/PreplyLogo-C8GWIt7m.css +1 -0
- package/dist/assets/{PreplyLogo.stories-D_b2pb57.js → PreplyLogo.stories-DuTi1zFe.js} +1 -1
- package/dist/assets/{RootProvider-IC6FiMeU.js → RootProvider-B7qHk4zd.js} +1 -1
- package/dist/assets/SelectField-BP3nZLEH.css +1 -0
- package/dist/assets/{SelectField.stories-C47zyqWR.js → SelectField.stories-CCWxSNbB.js} +3 -3
- package/dist/assets/{ShowOnIntersection.stories-BelyaMHC.js → ShowOnIntersection.stories-DpwzkCYJ.js} +1 -1
- package/dist/assets/Spinner-BxfQCXF5.css +1 -0
- package/dist/assets/Spinner-DzYZB4Pi.js +1 -0
- package/dist/assets/{StoryContextDSWeb-2Rray45i.js → StoryContextDSWeb-whMXa6J4.js} +1 -1
- package/dist/assets/Text-C_2T4Owu.js +1 -0
- package/dist/assets/Text-CnnfrVR3.js +1 -0
- package/dist/assets/{Text-ChqbPisy.css → Text-DtgpkhjZ.css} +1 -1
- package/dist/assets/{Text.stories-8ZYNX34j.js → Text.stories-_tbuyoNv.js} +1 -1
- package/dist/assets/TextField-BgD1xaK5.css +1 -0
- package/dist/assets/TextField-BmjAGUrO.js +1 -0
- package/dist/assets/{TextField.stories-CerhdNO3.js → TextField.stories-S9vGN0Rb.js} +1 -1
- package/dist/assets/TextHighlighted-6tKkYfBS.js +1 -0
- package/dist/assets/TextHighlighted-DlWCJ28I.css +1 -0
- package/dist/assets/TextHighlighted.stories-CDJ6XKk4.js +12 -0
- package/dist/assets/TextInline-CtMEywY9.css +1 -0
- package/dist/assets/TextInline.stories-D7GK-sOR.js +3 -0
- package/dist/assets/{TextareaField.stories-mdoHmtYR.js → TextareaField.stories-D0O8TrQm.js} +1 -1
- package/dist/assets/Toast-DG4Epftq.css +1 -0
- package/dist/assets/{Toast.stories-CXyLWBtu.js → Toast.stories-0foBTnYw.js} +7 -7
- package/dist/assets/{breakpoints-DQ7UJG0o.js → breakpoints-BKutnnUr.js} +1 -1
- package/dist/assets/{breakpoints-OjnHGck8.js → breakpoints-DBM1geV7.js} +1 -1
- package/dist/assets/{breakpoints-Cj98i_fB.js → breakpoints-DvOTMUqo.js} +1 -1
- package/dist/assets/{changelog-BxF1tz5S.js → changelog-BP7TMRK2.js} +83 -78
- package/dist/assets/{chunk-NUUEMKO5-euBfL_gL.js → chunk-NUUEMKO5-C4LRVRB4.js} +1 -1
- package/dist/assets/{classNames-BhD67HvA.js → classNames-Wpxwgey5.js} +1 -1
- package/dist/assets/{entry-preview-D2XlGl4K.js → entry-preview-AqS2-EAv.js} +1 -1
- package/dist/assets/{getTokenVar-BUceGCGb.js → getTokenVar-Di5LHFPE.js} +1 -1
- package/dist/assets/{hover-4kNp2xzn.js → hover-BTVgcO3-.js} +1 -1
- package/dist/assets/{hover-BPkIAcQj.js → hover-C6HXF88E.js} +1 -1
- package/dist/assets/{hover-CKKd46VR.js → hover-CDoIjfyT.js} +1 -1
- package/dist/assets/iframe-BwvZ6GIL.js +2 -0
- package/dist/assets/{index-BTFotm2p.js → index-Bm6a7kSc.js} +1 -1
- package/dist/assets/{index-yLD8V9di.js → index-CKu90QO2.js} +1 -1
- package/dist/assets/{index-BJKH4sNh.js → index-Cc6CEBM3.js} +4 -4
- package/dist/assets/{intro--kz02rqR.js → intro-DLmdvptu.js} +1 -1
- package/dist/assets/layout-relative-BE7MadDi.css +1 -0
- package/dist/assets/layout-relative-BQAJu-e0.css +1 -0
- package/dist/assets/layout-relative-HfJn5n8J.js +1 -0
- package/dist/assets/layout-relative-rRfSwNi1.css +1 -0
- package/dist/assets/layout-relative.module-CrL5-3Cn-COQUlhhD.js +1 -0
- package/dist/assets/layout-relative.module-DrThP4DX.js +1 -0
- package/dist/assets/{migrating-from-less-By2PC1hx.js → migrating-from-less--7LOFHWh.js} +1 -1
- package/dist/assets/playground-DOXliHvh.css +1 -0
- package/dist/assets/{playground.stories-DYCFCFOi.js → playground.stories-Clrjx2cL.js} +2 -2
- package/dist/assets/{preview-DW_9Nk-L.js → preview-Cbgs1xey.js} +1 -1
- package/dist/assets/{preview-s8id8ylJ.js → preview-Ofb2K62F.js} +1 -1
- package/dist/assets/{preview-CbvIhn1z.js → preview-_HECTogD.js} +2 -2
- package/dist/assets/text-accent-B8g3dLtL.js +1 -0
- package/dist/assets/text-accent-eg-ahZSh.css +1 -0
- package/dist/assets/text-accent-tgyMH0ub.js +1 -0
- package/dist/assets/text-centered-BAATZlhl.css +1 -0
- package/dist/assets/text-centered-BnQdmZ5e.js +1 -0
- package/dist/assets/text-centered-Bxe6bBos.js +1 -0
- package/dist/assets/text-centered-DMr3wWT8.css +1 -0
- package/dist/assets/{tokens-DNQBcdJV.js → tokens-B5LJa1nn.js} +1 -1
- package/dist/assets/{tokens-QjeuQOEN.js → tokens-BOcVLZ6o.js} +1 -1
- package/dist/assets/{tokens-BUx_lLya.js → tokens-CnjOvpah.js} +1 -1
- package/dist/assets/{useTheme-RRPIoBnw.js → useTheme-CsPBWahb.js} +1 -1
- package/dist/assets/{welcome-B6Eh_xU7.js → welcome-k0am_zi1.js} +1 -1
- package/dist/iframe.html +1 -1
- package/dist/preview-stats.json +1809 -1773
- package/dist/project.json +1 -1
- package/package.json +3 -3
- package/dist/assets/01.semantic-tokens-OzVuVbJs.js +0 -2
- package/dist/assets/40.illustrations.explorer-CMttgyzd.js +0 -21
- package/dist/assets/Avatar-CNHq-Jr1.js +0 -1
- package/dist/assets/Avatar-CNgDleig.js +0 -1
- package/dist/assets/Avatar-H-tnBT7B.css +0 -1
- package/dist/assets/Avatar-TjLZdAgj.css +0 -1
- package/dist/assets/AvatarWithStatus-CdGq-NDY.css +0 -1
- package/dist/assets/AvatarWithStatus.stories-29N0wtHe.js +0 -8
- package/dist/assets/Badge-CBvNSaWA.css +0 -1
- package/dist/assets/Badge.stories-CBxH3n-o.js +0 -17
- package/dist/assets/Box-CDOvHGxy.css +0 -1
- package/dist/assets/Box.stories-C6fIW1K3.js +0 -12
- package/dist/assets/Button-BZNphSJk.js +0 -1
- package/dist/assets/Chips-B7hFZwVE.css +0 -1
- package/dist/assets/Combinations.stories-DlAoN41u.js +0 -144
- package/dist/assets/FieldAdditionalText-DrvNHOos.css +0 -1
- package/dist/assets/FieldLayout-BQRKpIcP.css +0 -1
- package/dist/assets/FieldLayout-CTr7QeXA.js +0 -1
- package/dist/assets/FieldLayoutBase-BL2BWoGd.js +0 -1
- package/dist/assets/FieldLayoutBase-DWF0hA1X.css +0 -1
- package/dist/assets/Heading-BG6W5201.js +0 -1
- package/dist/assets/Heading-DFUBmEST.js +0 -1
- package/dist/assets/Icon-1q90Mau2.js +0 -1
- package/dist/assets/Icon-9rsSapWo.css +0 -1
- package/dist/assets/Icon-CVkRdQHj.js +0 -1
- package/dist/assets/LayoutFlex-D6PydD-C.js +0 -1
- package/dist/assets/LayoutFlex-DgyQwLgn.js +0 -1
- package/dist/assets/LayoutFlex.stories-DF2Ikn4Q.js +0 -19
- package/dist/assets/LayoutFlexItem-B-l2qcmJ.css +0 -1
- package/dist/assets/LayoutFlexItem-SEHKavJ9.js +0 -1
- package/dist/assets/LayoutGrid-CpuUKnsL.css +0 -1
- package/dist/assets/LayoutGrid-DdmLvspn.js +0 -1
- package/dist/assets/LayoutGrid-Dt30CHIv.css +0 -1
- package/dist/assets/LayoutGrid.stories-4yJrTG5s.js +0 -32
- package/dist/assets/LayoutGridItem-DjGdFe46.js +0 -1
- package/dist/assets/LayoutGridItem-Dp1Nacfq.css +0 -1
- package/dist/assets/Link-26ZOMHGK.css +0 -1
- package/dist/assets/Loader-Dg4a2UB6.css +0 -1
- package/dist/assets/PreplyLogo-IRsUUs-n.css +0 -1
- package/dist/assets/SelectField-BRoLuQzo.css +0 -1
- package/dist/assets/Spinner-Bti55suJ.css +0 -1
- package/dist/assets/Spinner-CJdCIg2b.js +0 -1
- package/dist/assets/Text-B7LTpksr.js +0 -1
- package/dist/assets/Text-BobxeBqA.js +0 -1
- package/dist/assets/TextField-B0IJrKKB.js +0 -1
- package/dist/assets/TextField-CpeWKtVp.css +0 -1
- package/dist/assets/TextHighlighted-CwbgNZv9.js +0 -1
- package/dist/assets/TextHighlighted-fPw3E6LQ.css +0 -1
- package/dist/assets/TextHighlighted.stories-ccNpd8s8.js +0 -12
- package/dist/assets/TextInline-Bd0oY8Kz.css +0 -1
- package/dist/assets/TextInline.stories-CRAZ92ID.js +0 -3
- package/dist/assets/Toast-DssZZ9Ui.css +0 -1
- package/dist/assets/iframe-DNhQ4uD1.js +0 -2
- package/dist/assets/layout-padding-B-EnYmsm.js +0 -1
- package/dist/assets/layout-padding-P2P9N1cP.js +0 -1
- package/dist/assets/layout-padding-ukwnta-g.css +0 -1
- package/dist/assets/layout-relative-BrkNhAu_.css +0 -1
- package/dist/assets/layout-relative-CozMqbtL.js +0 -1
- package/dist/assets/playground-DdSadWJ8.css +0 -1
- package/dist/assets/text-accent-B8HAd4mP.js +0 -1
- package/dist/assets/text-accent-DzQSSAB9.css +0 -1
- package/dist/assets/text-accent-t1-BGLK1.js +0 -1
- package/dist/assets/text-centered-C6Wqdv_S.js +0 -1
- package/dist/assets/text-centered-CBDUg9L9.css +0 -1
- package/dist/assets/text-centered-DYUXyPl4.js +0 -1
- package/dist/assets/text-centered-W3WShV7n.css +0 -1
package/dist/project.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1733244986197,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{},"monorepo":"Lerna","packageManager":{"type":"yarn","version":"3.8.3"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"include":["/home/runner/work/design-system/design-system/packages/web-lib/src/components/**/*.tsx"]}},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"storybookVersion":"8.4.6","storybookVersionSpecifier":"8.4.6","language":"typescript","storybookPackages":{"@storybook/addon-a11y":{"version":"8.4.6"},"@storybook/addon-essentials":{"version":"8.4.6"},"@storybook/addon-interactions":{"version":"8.4.6"},"@storybook/addon-links":{"version":"8.4.6"},"@storybook/blocks":{"version":"8.4.6"},"@storybook/components":{"version":"8.4.6"},"@storybook/manager-api":{"version":"8.4.6"},"@storybook/react":{"version":"8.4.6"},"@storybook/react-vite":{"version":"8.4.6"},"@storybook/test":{"version":"8.4.6"},"storybook":{"version":"8.4.6"},"storybook-addon-code-editor":{"version":"3.1.0"}},"addons":{"$SNIP/node_modules/storybook-addon-code-editor":{"version":null},"$SNIP/node_modules/@storybook/addon-a11y":{"version":null},"$SNIP/node_modules/@storybook/addon-actions":{"version":null},"$SNIP/node_modules/@storybook/addon-links":{"version":null},"$SNIP/node_modules/@storybook/addon-essentials":{"version":null},"$SNIP/node_modules/@storybook/addon-interactions":{"version":null}}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-docs",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.1",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -37,8 +37,8 @@
|
|
|
37
37
|
"storybook-addon-code-editor": "^3.1.0",
|
|
38
38
|
"styled-components": "6.1.13",
|
|
39
39
|
"typescript": "^4.9.5",
|
|
40
|
-
"vite": "6.0.
|
|
40
|
+
"vite": "6.0.2",
|
|
41
41
|
"vite-plugin-svgr": "4.3.0"
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "4a59b8be8ea7c5faff81936915f8cfa95724f53c"
|
|
44
44
|
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-DKCSRAmE.js";import{useMDXComponents as m}from"./index-uOP2uDdf.js";import{ae as k}from"./index-BJKH4sNh.js";import{H as a,B as s}from"./Heading-BG6W5201.js";import{L as d}from"./LayoutGrid-DdmLvspn.js";import{L as l}from"./LayoutGridItem-DjGdFe46.js";import"./index-B3evPFBL.js";import{t as x}from"./tokens-D22H5zrO.js";import"./iframe-DNhQ4uD1.js";import"../sb-preview/runtime.js";import"./index-D0e9w-0q.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-DkSJDfK1.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./render-icon-CTNqu885.js";import"./classNames-BhD67HvA.js";import"./useHostname-CH18gHFj.js";import"./index-CC6DAVyL.js";import"./componentNames-BSriaIOD.js";import"./text-accent-B8HAd4mP.js";import"./text-centered-DYUXyPl4.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";import"./layout-padding-B-EnYmsm.js";import"./constants-mdQROz_Y.js";const o=({inverted:t,textToken:n})=>{const c=x.color.text[n];return Array.isArray(c)?r.jsxs(l,{children:[r.jsx(a,{level:"h4",children:n}),r.jsx("div",{style:{color:`var(--${c[1]})`,maxWidth:"240px",padding:"10px",background:`var(--${t?x.color.background.primaryInverted[1]:x.color.background.primary[1]})`},children:r.jsxs("code",{children:["color.text.",n]})})]},n):null};o.defaultProps={inverted:!1};const e=({inverted:t,bgToken:n})=>{const c=x.color.background[n];return Array.isArray(c)?r.jsxs(l,{children:[r.jsx(a,{level:"h4",children:n}),r.jsxs("div",{style:{background:`var(--${x.color.background[n][1]})`,color:`var(--${t?x.color.text.inverted[1]:x.color.text.primary[1]})`,maxWidth:"240px",padding:"10px"},children:["Background token: ",r.jsxs("code",{children:["color.background.",n]})]})]},n):null};e.defaultProps={inverted:!1};const i=({contentToken:t})=>{const n=x.color.border[t];return Array.isArray(n)?r.jsxs(l,{children:[r.jsx(a,{level:"h4",children:t}),r.jsx("br",{}),r.jsxs("div",{style:{border:`1px solid var(--${n[1]})`,background:"transparent",color:`var(--${n[1]})`,maxWidth:"240px",height:"50px",padding:"10px"},children:["color.border.",t]})]},t):null};i.defaultProps={};const p=()=>r.jsxs(d,{gap:"xs",columns:2,children:[r.jsx(s,{children:"Token family: action.variant.primary.*"}),r.jsx(s,{variant:"secondary",children:"Token family: action.variant.secondary.*"}),r.jsx(s,{variant:"tertiary",children:"Token family: action.variant.tertiary.*"}),r.jsx(s,{variant:"ghost",children:"Token family: action.variant.ghost.*"}),r.jsx(s,{variant:"critical",children:"Token family: action.variant.critical.*"}),r.jsx(s,{variant:"onColor",children:"Token family: action.variant.onColor.*"}),r.jsx(s,{variant:"inverted",children:"Token family: action.variant.inverted.*"}),r.jsx(s,{disabled:!0,children:"Token family: action.variant.disabled.*"})]}),h=()=>r.jsxs("div",{children:[r.jsx(a,{level:"h1",children:"Semantic token examples"}),r.jsx("p",{children:"With Tokyo UI the semantic tokens have been renamed and expanded to cover more use cases. Here is a list of the most important ones."}),r.jsx("br",{}),r.jsx("hr",{}),r.jsx("br",{}),r.jsx(a,{level:"h2",children:"Text tokens"}),r.jsx("br",{}),r.jsx("br",{}),r.jsxs(d,{gap:"xs",columns:4,children:[r.jsx(o,{textToken:"primary"}),r.jsx(o,{textToken:"secondary"}),r.jsx(o,{textToken:"tertiary"}),r.jsx(o,{textToken:"accentDark"}),r.jsx(o,{textToken:"placeholder"}),r.jsx(o,{textToken:"inverted",inverted:!0}),r.jsx(o,{textToken:"positive"}),r.jsx(o,{textToken:"info"}),r.jsx(o,{textToken:"warning"}),r.jsx(o,{textToken:"critical"})]}),r.jsx("br",{}),r.jsx("br",{}),r.jsx(a,{level:"h2",children:"Background tokens"}),r.jsxs(d,{gap:"xs",columns:4,children:[r.jsx(e,{bgToken:"primary"}),r.jsx(e,{bgToken:"secondary"}),r.jsx(e,{bgToken:"tertiary"}),r.jsx(e,{bgToken:"overlay"}),r.jsx(e,{bgToken:"disabled"}),r.jsx(e,{bgToken:"brand"}),r.jsx(e,{bgToken:"brandB2b"}),r.jsx(e,{bgToken:"accentLight"}),r.jsx(e,{bgToken:"accentDark",inverted:!0}),r.jsx(e,{bgToken:"positiveLight"}),r.jsx(e,{bgToken:"positiveDark",inverted:!0}),r.jsx(e,{bgToken:"infoLight"}),r.jsx(e,{bgToken:"infoDark",inverted:!0}),r.jsx(e,{bgToken:"warningLight"}),r.jsx(e,{bgToken:"warningDark",inverted:!0}),r.jsx(e,{bgToken:"criticalLight"}),r.jsx(e,{bgToken:"criticalDark",inverted:!0}),r.jsx(e,{bgToken:"statusOnline"}),r.jsx(e,{bgToken:"statusOffline"}),r.jsx(e,{bgToken:"primaryInverted",inverted:!0}),r.jsx(e,{bgToken:"secondaryInverted",inverted:!0}),r.jsx(e,{bgToken:"tertiaryInverted",inverted:!0})]}),r.jsx("br",{}),r.jsx("hr",{}),r.jsx("br",{}),r.jsx(a,{level:"h2",children:"Action"}),r.jsx("br",{}),r.jsx(p,{}),r.jsx("br",{}),r.jsx("hr",{}),r.jsx("br",{}),r.jsx(a,{level:"h2",children:"Borders"}),r.jsx("br",{}),r.jsxs(d,{gap:"xs",columns:4,children:[r.jsx(i,{contentToken:"primary"}),r.jsx(i,{contentToken:"secondary"}),r.jsx(i,{contentToken:"secondary-opacity"}),r.jsx(i,{contentToken:"tertiary"}),r.jsx(i,{contentToken:"disabled"}),r.jsx(i,{contentToken:"brand"}),r.jsx(i,{contentToken:"critical"}),r.jsx(i,{contentToken:"focus"}),r.jsx(i,{contentToken:"positive"})]})]});function j(t){return r.jsxs(r.Fragment,{children:[r.jsx(k,{title:"Guides/Semantic tokens examples"}),`
|
|
2
|
-
`,r.jsx(h,{})]})}function _(t={}){const{wrapper:n}={...m(),...t.components};return n?r.jsx(n,{...t,children:r.jsx(j,{...t})}):j()}export{_ as default};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-DKCSRAmE.js";import{useMDXComponents as l}from"./index-uOP2uDdf.js";import{ae as a}from"./index-BJKH4sNh.js";import{L as e}from"./LayoutGrid-DdmLvspn.js";import{d as c}from"./styled-components.browser.esm-7-tE6q-K.js";import{g as i}from"./getTokenVar-CEGfaPeF.js";import{s as n,c as p}from"./tokens-D22H5zrO.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DNhQ4uD1.js";import"../sb-preview/runtime.js";import"./index-D0e9w-0q.js";import"./index-DkSJDfK1.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./classNames-BhD67HvA.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";import"./layout-padding-B-EnYmsm.js";import"./componentNames-BSriaIOD.js";import"./constants-mdQROz_Y.js";const u=["https://static.preply.com/ds/illustrations/tokyo-ui/arrows-multiple.svg","https://static.preply.com/ds/illustrations/tokyo-ui/artist.svg","https://static.preply.com/ds/illustrations/tokyo-ui/awesome.svg","https://static.preply.com/ds/illustrations/tokyo-ui/back-to-school.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bar-graph.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bell.svg","https://static.preply.com/ds/illustrations/tokyo-ui/booking-a-lesson.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/brain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clock.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clocks.svg","https://static.preply.com/ds/illustrations/tokyo-ui/coins.svg","https://static.preply.com/ds/illustrations/tokyo-ui/committed.svg","https://static.preply.com/ds/illustrations/tokyo-ui/cosmopolite.svg","https://static.preply.com/ds/illustrations/tokyo-ui/discount-badge.svg","https://static.preply.com/ds/illustrations/tokyo-ui/dog.svg","https://static.preply.com/ds/illustrations/tokyo-ui/first-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/game-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started-down.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started.svg","https://static.preply.com/ds/illustrations/tokyo-ui/globe-spot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/great-homework.svg","https://static.preply.com/ds/illustrations/tokyo-ui/growth.svg","https://static.preply.com/ds/illustrations/tokyo-ui/guitar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-1.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/heart.svg","https://static.preply.com/ds/illustrations/tokyo-ui/it-guru.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop.svg","https://static.preply.com/ds/illustrations/tokyo-ui/making-progress.svg","https://static.preply.com/ds/illustrations/tokyo-ui/map.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messages.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messaging.svg","https://static.preply.com/ds/illustrations/tokyo-ui/mobile-app.svg","https://static.preply.com/ds/illustrations/tokyo-ui/notes.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pause-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pig.svg","https://static.preply.com/ds/illustrations/tokyo-ui/play-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-pink.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/present.svg","https://static.preply.com/ds/illustrations/tokyo-ui/professional.svg","https://static.preply.com/ds/illustrations/tokyo-ui/progress-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rising-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rock-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/routine-master.svg","https://static.preply.com/ds/illustrations/tokyo-ui/serious-learner.svg","https://static.preply.com/ds/illustrations/tokyo-ui/sheet.svg","https://static.preply.com/ds/illustrations/tokyo-ui/smiley.svg","https://static.preply.com/ds/illustrations/tokyo-ui/speech-bubble.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stop-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stopwatch.svg","https://static.preply.com/ds/illustrations/tokyo-ui/testing-the-water.svg","https://static.preply.com/ds/illustrations/tokyo-ui/three-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/thumbs-up.svg","https://static.preply.com/ds/illustrations/tokyo-ui/you-did-great-today.svg","https://static.preply.com/ds/illustrations/tokyo-ui/lamp-and-books.svg"],y=c.div`
|
|
2
|
-
padding: ${i(n[12])};
|
|
3
|
-
-webkit-background-size: 50px 50px;
|
|
4
|
-
-moz-background-size: 50px 50px;
|
|
5
|
-
background-size: 50px 50px;
|
|
6
|
-
background-color: ${i(p.background.tertiary)};
|
|
7
|
-
background-image: linear-gradient(
|
|
8
|
-
45deg,
|
|
9
|
-
${i(p.background.secondary)} 25%,
|
|
10
|
-
transparent 25%,
|
|
11
|
-
transparent 50%,
|
|
12
|
-
${i(p.background.secondary)} 50%,
|
|
13
|
-
${i(p.background.secondary)} 75%,
|
|
14
|
-
transparent 75%,
|
|
15
|
-
transparent
|
|
16
|
-
);
|
|
17
|
-
`,m=({svgUrl:s})=>t.jsx("div",{style:{width:"80%"},children:t.jsxs("a",{href:s,target:"_blank",rel:"noreferrer",children:[s.replace("https://static.preply.com/ds/illustrations/tokyo-ui/",""),t.jsx("img",{src:s,alt:"TODO:"})]})}),d=()=>t.jsx(y,{children:t.jsx(e,{columns:["25% 25% 25% 25%"],gap:"xs",children:u.map(s=>t.jsx(m,{svgUrl:s},s))})});function r(s){const o={a:"a",h1:"h1",p:"p",...l(),...s.components};return t.jsxs(t.Fragment,{children:[t.jsx(a,{title:"Guides/Assets/Illustration Explorer"}),`
|
|
18
|
-
`,t.jsx(o.h1,{id:"illustration-explorer",children:"Illustration Explorer"}),`
|
|
19
|
-
`,t.jsxs(o.p,{children:[`Don't see the illustration you're looking for? Reach out to us in
|
|
20
|
-
`,t.jsx(o.a,{href:"https://preply.slack.com/archives/C024EAEHP6V",rel:"nofollow",children:"#design-system-public"}),"."]}),`
|
|
21
|
-
`,t.jsx(d,{})]})}function H(s={}){const{wrapper:o}={...l(),...s.components};return o?t.jsx(o,{...s,children:t.jsx(r,{...s})}):r(s)}export{H as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-DKCSRAmE.js";import{m,s as o,b as l,g as d,A as b}from"./classNames-BhD67HvA.js";import{w as s}from"./componentNames-BSriaIOD.js";import{A as q}from"./constants--ewUoBsO.js";const w="_Avatar_oqb37_4",u={Avatar:w,"Avatar--size-2xs":"_Avatar--size-2xs_oqb37_12","Avatar--size-xs":"_Avatar--size-xs_oqb37_16","Avatar--size-s":"_Avatar--size-s_oqb37_20","Avatar--size-m":"_Avatar--size-m_oqb37_24","Avatar--size-l":"_Avatar--size-l_oqb37_28","Avatar--size-xl":"_Avatar--size-xl_oqb37_32","Avatar--size-24":"_Avatar--size-24_oqb37_36","Avatar--size-32":"_Avatar--size-32_oqb37_40","Avatar--size-48":"_Avatar--size-48_oqb37_44","Avatar--size-64":"_Avatar--size-64_oqb37_48","Avatar--size-96":"_Avatar--size-96_oqb37_52","Avatar--size-160":"_Avatar--size-160_oqb37_56","Avatar--narrow-l--size-2xs":"_Avatar--narrow-l--size-2xs_oqb37_61","Avatar--narrow-l--size-xs":"_Avatar--narrow-l--size-xs_oqb37_65","Avatar--narrow-l--size-s":"_Avatar--narrow-l--size-s_oqb37_69","Avatar--narrow-l--size-m":"_Avatar--narrow-l--size-m_oqb37_73","Avatar--narrow-l--size-l":"_Avatar--narrow-l--size-l_oqb37_77","Avatar--narrow-l--size-xl":"_Avatar--narrow-l--size-xl_oqb37_81","Avatar--narrow-l--size-24":"_Avatar--narrow-l--size-24_oqb37_85","Avatar--narrow-l--size-32":"_Avatar--narrow-l--size-32_oqb37_89","Avatar--narrow-l--size-48":"_Avatar--narrow-l--size-48_oqb37_93","Avatar--narrow-l--size-64":"_Avatar--narrow-l--size-64_oqb37_97","Avatar--narrow-l--size-96":"_Avatar--narrow-l--size-96_oqb37_101","Avatar--narrow-l--size-160":"_Avatar--narrow-l--size-160_oqb37_105","Avatar--medium-s--size-2xs":"_Avatar--medium-s--size-2xs_oqb37_111","Avatar--medium-s--size-xs":"_Avatar--medium-s--size-xs_oqb37_115","Avatar--medium-s--size-s":"_Avatar--medium-s--size-s_oqb37_119","Avatar--medium-s--size-m":"_Avatar--medium-s--size-m_oqb37_123","Avatar--medium-s--size-l":"_Avatar--medium-s--size-l_oqb37_127","Avatar--medium-s--size-xl":"_Avatar--medium-s--size-xl_oqb37_131","Avatar--medium-s--size-24":"_Avatar--medium-s--size-24_oqb37_135","Avatar--medium-s--size-32":"_Avatar--medium-s--size-32_oqb37_139","Avatar--medium-s--size-48":"_Avatar--medium-s--size-48_oqb37_143","Avatar--medium-s--size-64":"_Avatar--medium-s--size-64_oqb37_147","Avatar--medium-s--size-96":"_Avatar--medium-s--size-96_oqb37_151","Avatar--medium-s--size-160":"_Avatar--medium-s--size-160_oqb37_155","Avatar--medium-l--size-2xs":"_Avatar--medium-l--size-2xs_oqb37_161","Avatar--medium-l--size-xs":"_Avatar--medium-l--size-xs_oqb37_165","Avatar--medium-l--size-s":"_Avatar--medium-l--size-s_oqb37_169","Avatar--medium-l--size-m":"_Avatar--medium-l--size-m_oqb37_173","Avatar--medium-l--size-l":"_Avatar--medium-l--size-l_oqb37_177","Avatar--medium-l--size-xl":"_Avatar--medium-l--size-xl_oqb37_181","Avatar--medium-l--size-24":"_Avatar--medium-l--size-24_oqb37_185","Avatar--medium-l--size-32":"_Avatar--medium-l--size-32_oqb37_189","Avatar--medium-l--size-48":"_Avatar--medium-l--size-48_oqb37_193","Avatar--medium-l--size-64":"_Avatar--medium-l--size-64_oqb37_197","Avatar--medium-l--size-96":"_Avatar--medium-l--size-96_oqb37_201","Avatar--medium-l--size-160":"_Avatar--medium-l--size-160_oqb37_205","Avatar--wide-s--size-2xs":"_Avatar--wide-s--size-2xs_oqb37_211","Avatar--wide-s--size-xs":"_Avatar--wide-s--size-xs_oqb37_215","Avatar--wide-s--size-s":"_Avatar--wide-s--size-s_oqb37_219","Avatar--wide-s--size-m":"_Avatar--wide-s--size-m_oqb37_223","Avatar--wide-s--size-l":"_Avatar--wide-s--size-l_oqb37_227","Avatar--wide-s--size-xl":"_Avatar--wide-s--size-xl_oqb37_231","Avatar--wide-s--size-24":"_Avatar--wide-s--size-24_oqb37_235","Avatar--wide-s--size-32":"_Avatar--wide-s--size-32_oqb37_239","Avatar--wide-s--size-48":"_Avatar--wide-s--size-48_oqb37_243","Avatar--wide-s--size-64":"_Avatar--wide-s--size-64_oqb37_247","Avatar--wide-s--size-96":"_Avatar--wide-s--size-96_oqb37_251","Avatar--wide-s--size-160":"_Avatar--wide-s--size-160_oqb37_255","Avatar--wide-l--size-2xs":"_Avatar--wide-l--size-2xs_oqb37_261","Avatar--wide-l--size-xs":"_Avatar--wide-l--size-xs_oqb37_265","Avatar--wide-l--size-s":"_Avatar--wide-l--size-s_oqb37_269","Avatar--wide-l--size-m":"_Avatar--wide-l--size-m_oqb37_273","Avatar--wide-l--size-l":"_Avatar--wide-l--size-l_oqb37_277","Avatar--wide-l--size-xl":"_Avatar--wide-l--size-xl_oqb37_281","Avatar--wide-l--size-24":"_Avatar--wide-l--size-24_oqb37_285","Avatar--wide-l--size-32":"_Avatar--wide-l--size-32_oqb37_289","Avatar--wide-l--size-48":"_Avatar--wide-l--size-48_oqb37_293","Avatar--wide-l--size-64":"_Avatar--wide-l--size-64_oqb37_297","Avatar--wide-l--size-96":"_Avatar--wide-l--size-96_oqb37_301","Avatar--wide-l--size-160":"_Avatar--wide-l--size-160_oqb37_305","Avatar--round":"_Avatar--round_oqb37_310"},C=({size:e=b,round:i,src:_,alt:r="",dataset:t,crossOrigin:A})=>{const v=i??!0,z={className:m(u,s.Avatar,[o("size",e),l("round",void 0,v)]).join(" "),...d(t,{preplyDsComponent:s.Avatar})};return a.jsx("picture",{...z,children:a.jsx("img",{src:_||q,alt:r,crossOrigin:A})})};export{C as A};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as s}from"./jsx-runtime-DKCSRAmE.js";import{m,s as o,b as l,g as d,A as b}from"./classNames-BhD67HvA.js";import{w as e}from"./componentNames-BSriaIOD.js";import{A as q}from"./constants--ewUoBsO.js";const w="_Avatar_oqb37_4",u={Avatar:w,"Avatar--size-2xs":"_Avatar--size-2xs_oqb37_12","Avatar--size-xs":"_Avatar--size-xs_oqb37_16","Avatar--size-s":"_Avatar--size-s_oqb37_20","Avatar--size-m":"_Avatar--size-m_oqb37_24","Avatar--size-l":"_Avatar--size-l_oqb37_28","Avatar--size-xl":"_Avatar--size-xl_oqb37_32","Avatar--size-24":"_Avatar--size-24_oqb37_36","Avatar--size-32":"_Avatar--size-32_oqb37_40","Avatar--size-48":"_Avatar--size-48_oqb37_44","Avatar--size-64":"_Avatar--size-64_oqb37_48","Avatar--size-96":"_Avatar--size-96_oqb37_52","Avatar--size-160":"_Avatar--size-160_oqb37_56","Avatar--narrow-l--size-2xs":"_Avatar--narrow-l--size-2xs_oqb37_61","Avatar--narrow-l--size-xs":"_Avatar--narrow-l--size-xs_oqb37_65","Avatar--narrow-l--size-s":"_Avatar--narrow-l--size-s_oqb37_69","Avatar--narrow-l--size-m":"_Avatar--narrow-l--size-m_oqb37_73","Avatar--narrow-l--size-l":"_Avatar--narrow-l--size-l_oqb37_77","Avatar--narrow-l--size-xl":"_Avatar--narrow-l--size-xl_oqb37_81","Avatar--narrow-l--size-24":"_Avatar--narrow-l--size-24_oqb37_85","Avatar--narrow-l--size-32":"_Avatar--narrow-l--size-32_oqb37_89","Avatar--narrow-l--size-48":"_Avatar--narrow-l--size-48_oqb37_93","Avatar--narrow-l--size-64":"_Avatar--narrow-l--size-64_oqb37_97","Avatar--narrow-l--size-96":"_Avatar--narrow-l--size-96_oqb37_101","Avatar--narrow-l--size-160":"_Avatar--narrow-l--size-160_oqb37_105","Avatar--medium-s--size-2xs":"_Avatar--medium-s--size-2xs_oqb37_111","Avatar--medium-s--size-xs":"_Avatar--medium-s--size-xs_oqb37_115","Avatar--medium-s--size-s":"_Avatar--medium-s--size-s_oqb37_119","Avatar--medium-s--size-m":"_Avatar--medium-s--size-m_oqb37_123","Avatar--medium-s--size-l":"_Avatar--medium-s--size-l_oqb37_127","Avatar--medium-s--size-xl":"_Avatar--medium-s--size-xl_oqb37_131","Avatar--medium-s--size-24":"_Avatar--medium-s--size-24_oqb37_135","Avatar--medium-s--size-32":"_Avatar--medium-s--size-32_oqb37_139","Avatar--medium-s--size-48":"_Avatar--medium-s--size-48_oqb37_143","Avatar--medium-s--size-64":"_Avatar--medium-s--size-64_oqb37_147","Avatar--medium-s--size-96":"_Avatar--medium-s--size-96_oqb37_151","Avatar--medium-s--size-160":"_Avatar--medium-s--size-160_oqb37_155","Avatar--medium-l--size-2xs":"_Avatar--medium-l--size-2xs_oqb37_161","Avatar--medium-l--size-xs":"_Avatar--medium-l--size-xs_oqb37_165","Avatar--medium-l--size-s":"_Avatar--medium-l--size-s_oqb37_169","Avatar--medium-l--size-m":"_Avatar--medium-l--size-m_oqb37_173","Avatar--medium-l--size-l":"_Avatar--medium-l--size-l_oqb37_177","Avatar--medium-l--size-xl":"_Avatar--medium-l--size-xl_oqb37_181","Avatar--medium-l--size-24":"_Avatar--medium-l--size-24_oqb37_185","Avatar--medium-l--size-32":"_Avatar--medium-l--size-32_oqb37_189","Avatar--medium-l--size-48":"_Avatar--medium-l--size-48_oqb37_193","Avatar--medium-l--size-64":"_Avatar--medium-l--size-64_oqb37_197","Avatar--medium-l--size-96":"_Avatar--medium-l--size-96_oqb37_201","Avatar--medium-l--size-160":"_Avatar--medium-l--size-160_oqb37_205","Avatar--wide-s--size-2xs":"_Avatar--wide-s--size-2xs_oqb37_211","Avatar--wide-s--size-xs":"_Avatar--wide-s--size-xs_oqb37_215","Avatar--wide-s--size-s":"_Avatar--wide-s--size-s_oqb37_219","Avatar--wide-s--size-m":"_Avatar--wide-s--size-m_oqb37_223","Avatar--wide-s--size-l":"_Avatar--wide-s--size-l_oqb37_227","Avatar--wide-s--size-xl":"_Avatar--wide-s--size-xl_oqb37_231","Avatar--wide-s--size-24":"_Avatar--wide-s--size-24_oqb37_235","Avatar--wide-s--size-32":"_Avatar--wide-s--size-32_oqb37_239","Avatar--wide-s--size-48":"_Avatar--wide-s--size-48_oqb37_243","Avatar--wide-s--size-64":"_Avatar--wide-s--size-64_oqb37_247","Avatar--wide-s--size-96":"_Avatar--wide-s--size-96_oqb37_251","Avatar--wide-s--size-160":"_Avatar--wide-s--size-160_oqb37_255","Avatar--wide-l--size-2xs":"_Avatar--wide-l--size-2xs_oqb37_261","Avatar--wide-l--size-xs":"_Avatar--wide-l--size-xs_oqb37_265","Avatar--wide-l--size-s":"_Avatar--wide-l--size-s_oqb37_269","Avatar--wide-l--size-m":"_Avatar--wide-l--size-m_oqb37_273","Avatar--wide-l--size-l":"_Avatar--wide-l--size-l_oqb37_277","Avatar--wide-l--size-xl":"_Avatar--wide-l--size-xl_oqb37_281","Avatar--wide-l--size-24":"_Avatar--wide-l--size-24_oqb37_285","Avatar--wide-l--size-32":"_Avatar--wide-l--size-32_oqb37_289","Avatar--wide-l--size-48":"_Avatar--wide-l--size-48_oqb37_293","Avatar--wide-l--size-64":"_Avatar--wide-l--size-64_oqb37_297","Avatar--wide-l--size-96":"_Avatar--wide-l--size-96_oqb37_301","Avatar--wide-l--size-160":"_Avatar--wide-l--size-160_oqb37_305","Avatar--round":"_Avatar--round_oqb37_310"},C=({size:i=b,round:a,src:_,alt:r="",dataset:t,crossOrigin:A})=>{const v=a??!0,z={className:m(u,e.Avatar,[o("size",i),l("round",void 0,v)]).join(" "),...d(t,{preplyDsComponent:e.Avatar})};return s.jsx("picture",{...z,children:s.jsx("img",{src:_||q,alt:r,crossOrigin:A})})};export{C as A};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Avatar_oqb37_4{display:inline-block}._Avatar_oqb37_4 img{vertical-align:bottom;object-fit:cover;border-radius:var(--dad9ec)}._Avatar--size-2xs_oqb37_12 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--size-xs_oqb37_16 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--size-s_oqb37_20 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--size-m_oqb37_24 img{width:var(--b51334);height:var(--b51334)}._Avatar--size-l_oqb37_28 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--size-xl_oqb37_32 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--size-24_oqb37_36 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--size-32_oqb37_40 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--size-48_oqb37_44 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--size-64_oqb37_48 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--size-96_oqb37_52 img{width:var(--796da2);height:var(--796da2)}._Avatar--size-160_oqb37_56 img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){._Avatar--narrow-l--size-2xs_oqb37_61 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--narrow-l--size-xs_oqb37_65 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--narrow-l--size-s_oqb37_69 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--narrow-l--size-m_oqb37_73 img{width:var(--b51334);height:var(--b51334)}._Avatar--narrow-l--size-l_oqb37_77 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--narrow-l--size-xl_oqb37_81 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--narrow-l--size-24_oqb37_85 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--narrow-l--size-32_oqb37_89 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--narrow-l--size-48_oqb37_93 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--narrow-l--size-64_oqb37_97 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--narrow-l--size-96_oqb37_101 img{width:var(--796da2);height:var(--796da2)}._Avatar--narrow-l--size-160_oqb37_105 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){._Avatar--medium-s--size-2xs_oqb37_111 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-s--size-xs_oqb37_115 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-s--size-s_oqb37_119 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-s--size-m_oqb37_123 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-s--size-l_oqb37_127 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-s--size-xl_oqb37_131 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-s--size-24_oqb37_135 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-s--size-32_oqb37_139 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-s--size-48_oqb37_143 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-s--size-64_oqb37_147 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-s--size-96_oqb37_151 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-s--size-160_oqb37_155 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){._Avatar--medium-l--size-2xs_oqb37_161 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-l--size-xs_oqb37_165 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-l--size-s_oqb37_169 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-l--size-m_oqb37_173 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-l--size-l_oqb37_177 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-l--size-xl_oqb37_181 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-l--size-24_oqb37_185 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-l--size-32_oqb37_189 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-l--size-48_oqb37_193 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-l--size-64_oqb37_197 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-l--size-96_oqb37_201 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-l--size-160_oqb37_205 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){._Avatar--wide-s--size-2xs_oqb37_211 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-s--size-xs_oqb37_215 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-s--size-s_oqb37_219 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-s--size-m_oqb37_223 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-s--size-l_oqb37_227 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-s--size-xl_oqb37_231 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-s--size-24_oqb37_235 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-s--size-32_oqb37_239 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-s--size-48_oqb37_243 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-s--size-64_oqb37_247 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-s--size-96_oqb37_251 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-s--size-160_oqb37_255 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){._Avatar--wide-l--size-2xs_oqb37_261 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-l--size-xs_oqb37_265 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-l--size-s_oqb37_269 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-l--size-m_oqb37_273 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-l--size-l_oqb37_277 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-l--size-xl_oqb37_281 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-l--size-24_oqb37_285 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-l--size-32_oqb37_289 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-l--size-48_oqb37_293 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-l--size-64_oqb37_297 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-l--size-96_oqb37_301 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-l--size-160_oqb37_305 img{width:var(--329ba7);height:var(--329ba7)}}._Avatar--round_oqb37_310 img{border-radius:var(--8517a6)}._Avatar_oqb37_4 img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Avatar_oqb37_4{display:inline-block}._Avatar_oqb37_4 img{vertical-align:bottom;-o-object-fit:cover;object-fit:cover;border-radius:var(--dad9ec)}._Avatar--size-2xs_oqb37_12 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--size-xs_oqb37_16 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--size-s_oqb37_20 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--size-m_oqb37_24 img{width:var(--b51334);height:var(--b51334)}._Avatar--size-l_oqb37_28 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--size-xl_oqb37_32 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--size-24_oqb37_36 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--size-32_oqb37_40 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--size-48_oqb37_44 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--size-64_oqb37_48 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--size-96_oqb37_52 img{width:var(--796da2);height:var(--796da2)}._Avatar--size-160_oqb37_56 img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){._Avatar--narrow-l--size-2xs_oqb37_61 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--narrow-l--size-xs_oqb37_65 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--narrow-l--size-s_oqb37_69 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--narrow-l--size-m_oqb37_73 img{width:var(--b51334);height:var(--b51334)}._Avatar--narrow-l--size-l_oqb37_77 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--narrow-l--size-xl_oqb37_81 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--narrow-l--size-24_oqb37_85 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--narrow-l--size-32_oqb37_89 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--narrow-l--size-48_oqb37_93 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--narrow-l--size-64_oqb37_97 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--narrow-l--size-96_oqb37_101 img{width:var(--796da2);height:var(--796da2)}._Avatar--narrow-l--size-160_oqb37_105 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){._Avatar--medium-s--size-2xs_oqb37_111 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-s--size-xs_oqb37_115 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-s--size-s_oqb37_119 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-s--size-m_oqb37_123 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-s--size-l_oqb37_127 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-s--size-xl_oqb37_131 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-s--size-24_oqb37_135 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-s--size-32_oqb37_139 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-s--size-48_oqb37_143 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-s--size-64_oqb37_147 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-s--size-96_oqb37_151 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-s--size-160_oqb37_155 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){._Avatar--medium-l--size-2xs_oqb37_161 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-l--size-xs_oqb37_165 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-l--size-s_oqb37_169 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-l--size-m_oqb37_173 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-l--size-l_oqb37_177 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-l--size-xl_oqb37_181 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-l--size-24_oqb37_185 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-l--size-32_oqb37_189 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-l--size-48_oqb37_193 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-l--size-64_oqb37_197 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-l--size-96_oqb37_201 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-l--size-160_oqb37_205 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){._Avatar--wide-s--size-2xs_oqb37_211 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-s--size-xs_oqb37_215 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-s--size-s_oqb37_219 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-s--size-m_oqb37_223 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-s--size-l_oqb37_227 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-s--size-xl_oqb37_231 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-s--size-24_oqb37_235 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-s--size-32_oqb37_239 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-s--size-48_oqb37_243 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-s--size-64_oqb37_247 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-s--size-96_oqb37_251 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-s--size-160_oqb37_255 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){._Avatar--wide-l--size-2xs_oqb37_261 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-l--size-xs_oqb37_265 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-l--size-s_oqb37_269 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-l--size-m_oqb37_273 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-l--size-l_oqb37_277 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-l--size-xl_oqb37_281 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-l--size-24_oqb37_285 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-l--size-32_oqb37_289 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-l--size-48_oqb37_293 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-l--size-64_oqb37_297 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-l--size-96_oqb37_301 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-l--size-160_oqb37_305 img{width:var(--329ba7);height:var(--329ba7)}}._Avatar--round_oqb37_310 img{border-radius:var(--8517a6)}._Avatar_oqb37_4 img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._AvatarWithStatus_qzl1f_3{display:inline-block;position:relative}._AvatarWithStatus--indicator_qzl1f_7{position:absolute;border-style:solid;border-radius:var(--0cf20e);border-width:var(--4a76d7);border-color:var(--e5a39b);background-color:var(--a95a51)}._AvatarWithStatus--online_qzl1f_15 ._AvatarWithStatus--indicator_qzl1f_7{background-color:var(--62b71e)}._AvatarWithStatus--size-2xs_qzl1f_18 ._AvatarWithStatus--indicator_qzl1f_7{width:var(--1cea5a);height:var(--1cea5a);right:var(--4b2086);bottom:var(--4b2086)}._AvatarWithStatus--size-xs_qzl1f_24 ._AvatarWithStatus--indicator_qzl1f_7{width:var(--540610);height:var(--540610);right:var(--20c0b1);bottom:var(--20c0b1)}._AvatarWithStatus--size-m_qzl1f_30 ._AvatarWithStatus--indicator_qzl1f_7{width:var(--8f1e94);height:var(--8f1e94);right:var(--705050);bottom:var(--705050)}._AvatarWithStatus--size-xl_qzl1f_36 ._AvatarWithStatus--indicator_qzl1f_7{width:var(--bdf712);height:var(--bdf712);right:var(--3b13f1);bottom:var(--3b13f1)}._AvatarWithStatus--size-64_qzl1f_42 ._AvatarWithStatus--indicator_qzl1f_7{width:var(--7d9a55);height:var(--7d9a55);right:var(--3e174a);bottom:var(--3e174a)}._AvatarWithStatus--size-96_qzl1f_48 ._AvatarWithStatus--indicator_qzl1f_7{width:var(--7d3ab7);height:var(--7d3ab7);right:var(--bd3f63);bottom:var(--bd3f63)}._AvatarWithStatus--size-160_qzl1f_54 ._AvatarWithStatus--indicator_qzl1f_7{width:var(--523f7d);height:var(--523f7d);right:var(--23067e);bottom:var(--23067e)}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-DKCSRAmE.js";import{A as S}from"./Avatar-CNHq-Jr1.js";import{m as _,b as W,s as z,d as x,g as f,A as j}from"./classNames-BhD67HvA.js";import{w as i}from"./componentNames-BSriaIOD.js";import{S as y}from"./StoryContextDSWeb-2Rray45i.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./constants--ewUoBsO.js";import"./StorybookGlobalStyle-LHKIOPAE.js";import"./styled-components.browser.esm-7-tE6q-K.js";import"./RootProvider-IC6FiMeU.js";import"./useTheme-RRPIoBnw.js";import"./constants-mdQROz_Y.js";const q="_AvatarWithStatus_qzl1f_3",o={AvatarWithStatus:q,"AvatarWithStatus--indicator":"_AvatarWithStatus--indicator_qzl1f_7","AvatarWithStatus--online":"_AvatarWithStatus--online_qzl1f_15","AvatarWithStatus--size-2xs":"_AvatarWithStatus--size-2xs_qzl1f_18","AvatarWithStatus--size-xs":"_AvatarWithStatus--size-xs_qzl1f_24","AvatarWithStatus--size-m":"_AvatarWithStatus--size-m_qzl1f_30","AvatarWithStatus--size-xl":"_AvatarWithStatus--size-xl_qzl1f_36","AvatarWithStatus--size-64":"_AvatarWithStatus--size-64_qzl1f_42","AvatarWithStatus--size-96":"_AvatarWithStatus--size-96_qzl1f_48","AvatarWithStatus--size-160":"_AvatarWithStatus--size-160_qzl1f_54"},e=({online:s=!1,size:r=j,dataset:c,...d})=>{const v=_(o,i.AvatarWithStatus,[W("online",void 0,s),z("size",r)]),h=[...x(o,i.AvatarWithStatus,["indicator"])],A={className:v.join(" "),...f(c,{preplyDsComponent:i.AvatarWithStatus})};return t.jsxs("div",{...A,children:[t.jsx("span",{className:h.join(" ")}),t.jsx("div",{children:t.jsx(S,{...d,size:r})})]})},O={title:"components/AvatarWithStatus",component:e,decorators:[s=>t.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:t.jsx(y,{theme:"tokyo-ui",children:s()})})]},a=()=>t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsx(e,{size:"64",online:!0}),t.jsx(e,{size:"64",online:!1})]});var n,l,m,p,u;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:`() => <div style={{
|
|
2
|
-
display: 'flex',
|
|
3
|
-
gap: '8px'
|
|
4
|
-
}}>
|
|
5
|
-
<AvatarWithStatus size="64" online />
|
|
6
|
-
<AvatarWithStatus size="64" online={false} />
|
|
7
|
-
</div>`,...(m=(l=a.parameters)==null?void 0:l.docs)==null?void 0:m.source},description:{story:`This component augments [Avatar](/docs/components-avatar--docs) to add a
|
|
8
|
-
connection status indicator.`,...(u=(p=a.parameters)==null?void 0:p.docs)==null?void 0:u.description}}};const P=["Statuses"];export{a as Statuses,P as __namedExportsOrder,O as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._badge_10d48_2{display:inline-flex;align-items:center;gap:var(--590b8d);border-radius:var(--5e8be4);padding:var(--05dd73) var(--66b80b);width:fit-content;color:var(--628fb7)}._badge_10d48_2[data-size=small]{height:var(--76ac8f);font-size:var(--e3a55b);font-weight:var(--8cd94c);line-height:var(--732f40)}._badge_10d48_2[data-size=medium]{height:var(--f316e1);font-size:var(--fdb733);font-weight:var(--9643c1);line-height:var(--754361)}._badge_10d48_2[data-size=large]{height:var(--7789ee);padding:var(--590b8d) var(--813599);font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e)}._badge_10d48_2[data-type=neutral]{background:var(--319b29)}._badge_10d48_2[data-type=positive]{background:var(--1836a4)}._badge_10d48_2[data-type=warning]{background:var(--b503b8)}._badge_10d48_2[data-type=info]{background:var(--94a45e)}._badge_10d48_2[data-type=critical]{background:var(--f15644)}._badge_10d48_2[data-accent=unset]{color:var(--c9575b);background-color:var(--8f1238)}._badge_10d48_2[data-accent=unset][data-inverted=true]{color:var(--55407f);background-color:var(--7c8c3c)}._badge_10d48_2[data-accent=accent]{color:var(--dede3f);background-color:var(--eba8f8)}._badge_10d48_2[data-accent=accent][data-inverted=true]{color:var(--732eb5);background-color:var(--54c075)}._badge_10d48_2[data-accent=info]{color:var(--f3be0c);background-color:var(--7a1a33)}._badge_10d48_2[data-accent=info][data-inverted=true]{color:var(--506df4);background-color:var(--fa3428)}._badge_10d48_2[data-accent=positive]{color:var(--2a2719);background-color:var(--694afa)}._badge_10d48_2[data-accent=positive][data-inverted=true]{color:var(--30c365);background-color:var(--47c404)}._badge_10d48_2[data-accent=warning]{color:var(--84e571);background-color:var(--02372a)}._badge_10d48_2[data-accent=warning][data-inverted=true]{color:var(--363237);background-color:var(--08fa29)}._badge_10d48_2[data-accent=critical]{color:var(--036159);background-color:var(--22f022)}._badge_10d48_2[data-accent=critical][data-inverted=true]{color:var(--90eeff);background-color:var(--cdb1f6)}._badge_10d48_2[data-accent=tertiary]{color:var(--d7e14c);background-color:var(--a453d7)}._badge_10d48_2[data-accent=tertiary][data-inverted=true]{color:var(--ab5158);background-color:var(--50e919)}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-DKCSRAmE.js";import{F as n}from"./TokyoUITag-CulX0-gf.js";import{L as h}from"./LayoutFlex-D6PydD-C.js";import{I as v}from"./Icon-CVkRdQHj.js";import{g as z}from"./classNames-BhD67HvA.js";import{w as L}from"./componentNames-BSriaIOD.js";import{S as T}from"./StoryContextDSWeb-2Rray45i.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./layout-padding-P2P9N1cP.js";import"./text-accent-t1-BGLK1.js";import"./render-icon-DZ-M7pKE.js";import"./StorybookGlobalStyle-LHKIOPAE.js";import"./styled-components.browser.esm-7-tE6q-K.js";import"./RootProvider-IC6FiMeU.js";import"./useTheme-RRPIoBnw.js";import"./constants-mdQROz_Y.js";const F="_badge_10d48_2",b={badge:F},w=t=>{switch(t){case"xs":return"small";case"s":return"medium";case"m":return"large";default:return t}},a=({type:t="neutral",size:i="medium",leadingSvgIcon:d,dataset:j,children:f,accent:c,inverted:m})=>{const l=w(i),r={...j,size:l};c===void 0&&m===void 0?r.type=t:(r.accent=c||"unset",r.inverted=!!m);const S=z(r,{preplyDsComponent:L.Badge}),I=t==="neutral"?"primary":t;return e.jsxs("span",{...S,className:b.badge,children:[!!d&&l!=="small"&&e.jsx(v,{accent:I,size:i==="large"?"24":"16",svg:d}),f]})},K={title:"components/Badge",component:a,decorators:[t=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(T,{theme:"tokyo-ui",children:t()})})]},s=()=>e.jsxs(h,{gap:"16",children:[e.jsx(a,{type:"neutral",children:"Neutral"}),e.jsx(a,{type:"positive",children:"Positive"}),e.jsx(a,{type:"info",children:"Info"}),e.jsx(a,{type:"warning",children:"Warning"}),e.jsx(a,{type:"critical",children:"Critical"})]}),o=()=>e.jsxs(h,{gap:"16",alignItems:"center",children:[e.jsx(a,{size:"small",leadingSvgIcon:n,children:"Small"}),e.jsx(a,{size:"medium",leadingSvgIcon:n,children:"Medium"}),e.jsx(a,{size:"large",leadingSvgIcon:n,children:"Large"})]});var g,p,u;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`() => <LayoutFlex gap="16">
|
|
2
|
-
<Badge type="neutral">Neutral</Badge>
|
|
3
|
-
<Badge type="positive">Positive</Badge>
|
|
4
|
-
<Badge type="info">Info</Badge>
|
|
5
|
-
<Badge type="warning">Warning</Badge>
|
|
6
|
-
<Badge type="critical">Critical</Badge>
|
|
7
|
-
</LayoutFlex>`,...(u=(p=s.parameters)==null?void 0:p.docs)==null?void 0:u.source}}};var y,x,B;o.parameters={...o.parameters,docs:{...(y=o.parameters)==null?void 0:y.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
|
|
8
|
-
<Badge size="small" leadingSvgIcon={TokyoUITag}>
|
|
9
|
-
Small
|
|
10
|
-
</Badge>
|
|
11
|
-
<Badge size="medium" leadingSvgIcon={TokyoUITag}>
|
|
12
|
-
Medium
|
|
13
|
-
</Badge>
|
|
14
|
-
<Badge size="large" leadingSvgIcon={TokyoUITag}>
|
|
15
|
-
Large
|
|
16
|
-
</Badge>
|
|
17
|
-
</LayoutFlex>`,...(B=(x=o.parameters)==null?void 0:x.docs)==null?void 0:B.source}}};const Q=["Types","Sizes"];export{o as Sizes,s as Types,Q as __namedExportsOrder,K as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Box_wsnsq_4{margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;color:var(--aface6);background-color:var(--786b9e);box-shadow:var(--a814c9);flex:1}._Box--box-radius-none_wsnsq_16{border-radius:var(--84e079)}._Box--box-radius-m_wsnsq_19{border-radius:var(--1c37d5)}._Box--box-radius-l_wsnsq_22{border-radius:var(--9e57e5)}._Box--box-radius-0_wsnsq_34{border-radius:var(--adc668)}._Box--box-radius-2_wsnsq_25{border-radius:var(--9817c7)}._Box--box-radius-4_wsnsq_28{border-radius:var(--7dcb5e)}._Box--box-radius-8_wsnsq_31{border-radius:var(--2071ea)}._Box--box-radius-12_wsnsq_46{border-radius:var(--c1925d)}._Box--box-radius-16_wsnsq_49{border-radius:var(--f3f949)}._Box--box-radius-24_wsnsq_52{border-radius:var(--67250f)}._Box--box-radius-32_wsnsq_55{border-radius:var(--fba602)}._Box--box-radius-48_wsnsq_58{border-radius:var(--f8b939)}._Box--box-radius-64_wsnsq_61{border-radius:var(--4d9939)}._Box--box-radius-96_wsnsq_64{border-radius:var(--a78cb4)}._Box--box-radius-160_wsnsq_67{border-radius:var(--439947)}@media (min-width: 400px){._Box--narrow-l--box-radius-none_wsnsq_71{border-radius:var(--84e079)}._Box--narrow-l--box-radius-m_wsnsq_74{border-radius:var(--1c37d5)}._Box--narrow-l--box-radius-l_wsnsq_77{border-radius:var(--9e57e5)}._Box--narrow-l--box-radius-0_wsnsq_89{border-radius:var(--adc668)}._Box--narrow-l--box-radius-2_wsnsq_80{border-radius:var(--9817c7)}._Box--narrow-l--box-radius-4_wsnsq_83{border-radius:var(--7dcb5e)}._Box--narrow-l--box-radius-8_wsnsq_86{border-radius:var(--2071ea)}._Box--narrow-l--box-radius-12_wsnsq_101{border-radius:var(--c1925d)}._Box--narrow-l--box-radius-16_wsnsq_104{border-radius:var(--f3f949)}._Box--narrow-l--box-radius-24_wsnsq_107{border-radius:var(--67250f)}._Box--narrow-l--box-radius-32_wsnsq_110{border-radius:var(--fba602)}._Box--narrow-l--box-radius-48_wsnsq_113{border-radius:var(--f8b939)}._Box--narrow-l--box-radius-64_wsnsq_116{border-radius:var(--4d9939)}._Box--narrow-l--box-radius-96_wsnsq_119{border-radius:var(--a78cb4)}._Box--narrow-l--box-radius-160_wsnsq_122{border-radius:var(--439947)}}@media (min-width: 700px){._Box--medium-s--box-radius-none_wsnsq_127{border-radius:var(--84e079)}._Box--medium-s--box-radius-m_wsnsq_130{border-radius:var(--1c37d5)}._Box--medium-s--box-radius-l_wsnsq_133{border-radius:var(--9e57e5)}._Box--medium-s--box-radius-0_wsnsq_145{border-radius:var(--adc668)}._Box--medium-s--box-radius-2_wsnsq_136{border-radius:var(--9817c7)}._Box--medium-s--box-radius-4_wsnsq_139{border-radius:var(--7dcb5e)}._Box--medium-s--box-radius-8_wsnsq_142{border-radius:var(--2071ea)}._Box--medium-s--box-radius-12_wsnsq_157{border-radius:var(--c1925d)}._Box--medium-s--box-radius-16_wsnsq_160{border-radius:var(--f3f949)}._Box--medium-s--box-radius-24_wsnsq_163{border-radius:var(--67250f)}._Box--medium-s--box-radius-32_wsnsq_166{border-radius:var(--fba602)}._Box--medium-s--box-radius-48_wsnsq_169{border-radius:var(--f8b939)}._Box--medium-s--box-radius-64_wsnsq_172{border-radius:var(--4d9939)}._Box--medium-s--box-radius-96_wsnsq_175{border-radius:var(--a78cb4)}._Box--medium-s--box-radius-160_wsnsq_178{border-radius:var(--439947)}}@media (min-width: 880px){._Box--medium-l--box-radius-none_wsnsq_183{border-radius:var(--84e079)}._Box--medium-l--box-radius-m_wsnsq_186{border-radius:var(--1c37d5)}._Box--medium-l--box-radius-l_wsnsq_189{border-radius:var(--9e57e5)}._Box--medium-l--box-radius-0_wsnsq_201{border-radius:var(--adc668)}._Box--medium-l--box-radius-2_wsnsq_192{border-radius:var(--9817c7)}._Box--medium-l--box-radius-4_wsnsq_195{border-radius:var(--7dcb5e)}._Box--medium-l--box-radius-8_wsnsq_198{border-radius:var(--2071ea)}._Box--medium-l--box-radius-12_wsnsq_213{border-radius:var(--c1925d)}._Box--medium-l--box-radius-16_wsnsq_216{border-radius:var(--f3f949)}._Box--medium-l--box-radius-24_wsnsq_219{border-radius:var(--67250f)}._Box--medium-l--box-radius-32_wsnsq_222{border-radius:var(--fba602)}._Box--medium-l--box-radius-48_wsnsq_225{border-radius:var(--f8b939)}._Box--medium-l--box-radius-64_wsnsq_228{border-radius:var(--4d9939)}._Box--medium-l--box-radius-96_wsnsq_231{border-radius:var(--a78cb4)}._Box--medium-l--box-radius-160_wsnsq_234{border-radius:var(--439947)}}@media (min-width: 1200px){._Box--wide-s--box-radius-none_wsnsq_239{border-radius:var(--84e079)}._Box--wide-s--box-radius-m_wsnsq_242{border-radius:var(--1c37d5)}._Box--wide-s--box-radius-l_wsnsq_245{border-radius:var(--9e57e5)}._Box--wide-s--box-radius-0_wsnsq_257{border-radius:var(--adc668)}._Box--wide-s--box-radius-2_wsnsq_248{border-radius:var(--9817c7)}._Box--wide-s--box-radius-4_wsnsq_251{border-radius:var(--7dcb5e)}._Box--wide-s--box-radius-8_wsnsq_254{border-radius:var(--2071ea)}._Box--wide-s--box-radius-12_wsnsq_269{border-radius:var(--c1925d)}._Box--wide-s--box-radius-16_wsnsq_272{border-radius:var(--f3f949)}._Box--wide-s--box-radius-24_wsnsq_275{border-radius:var(--67250f)}._Box--wide-s--box-radius-32_wsnsq_278{border-radius:var(--fba602)}._Box--wide-s--box-radius-48_wsnsq_281{border-radius:var(--f8b939)}._Box--wide-s--box-radius-64_wsnsq_284{border-radius:var(--4d9939)}._Box--wide-s--box-radius-96_wsnsq_287{border-radius:var(--a78cb4)}._Box--wide-s--box-radius-160_wsnsq_290{border-radius:var(--439947)}}@media (min-width: 1900px){._Box--wide-l--box-radius-none_wsnsq_295{border-radius:var(--84e079)}._Box--wide-l--box-radius-m_wsnsq_298{border-radius:var(--1c37d5)}._Box--wide-l--box-radius-l_wsnsq_301{border-radius:var(--9e57e5)}._Box--wide-l--box-radius-0_wsnsq_313{border-radius:var(--adc668)}._Box--wide-l--box-radius-2_wsnsq_304{border-radius:var(--9817c7)}._Box--wide-l--box-radius-4_wsnsq_307{border-radius:var(--7dcb5e)}._Box--wide-l--box-radius-8_wsnsq_310{border-radius:var(--2071ea)}._Box--wide-l--box-radius-12_wsnsq_325{border-radius:var(--c1925d)}._Box--wide-l--box-radius-16_wsnsq_328{border-radius:var(--f3f949)}._Box--wide-l--box-radius-24_wsnsq_331{border-radius:var(--67250f)}._Box--wide-l--box-radius-32_wsnsq_334{border-radius:var(--fba602)}._Box--wide-l--box-radius-48_wsnsq_337{border-radius:var(--f8b939)}._Box--wide-l--box-radius-64_wsnsq_340{border-radius:var(--4d9939)}._Box--wide-l--box-radius-96_wsnsq_343{border-radius:var(--a78cb4)}._Box--wide-l--box-radius-160_wsnsq_346{border-radius:var(--439947)}}._Box--background-white_wsnsq_350{background-color:var(--145676)}._Box--background-gray-100_wsnsq_353{background-color:var(--55407f)}._Box--background-gray-200_wsnsq_356{background-color:var(--8f1238)}._Box--background-gray-300_wsnsq_359{background-color:var(--da403c)}._Box--background-gray-400_wsnsq_362{background-color:var(--7c8c3c)}._Box--background-gray-500_wsnsq_365{background-color:var(--c9575b)}._Box--background-gray-600_wsnsq_368{background-color:var(--2fb6f7)}._Box--background-teal-100_wsnsq_371{background-color:var(--54ed1d)}._Box--background-teal-200_wsnsq_374{background-color:var(--b706bf)}._Box--background-teal-300_wsnsq_377{background-color:var(--4adefb)}._Box--background-teal-400_wsnsq_380{background-color:var(--de8a40)}._Box--background-teal-500_wsnsq_383{background-color:var(--574543)}._Box--background-green-100_wsnsq_386{background-color:var(--1383a7)}._Box--background-green-200_wsnsq_389{background-color:var(--9f1066)}._Box--background-green-300_wsnsq_392{background-color:var(--d4cf94)}._Box--background-green-400_wsnsq_395{background-color:var(--bbfa9f)}._Box--background-green-500_wsnsq_398{background-color:var(--5f8b30)}._Box--background-yellow-100_wsnsq_401{background-color:var(--c7d8be)}._Box--background-yellow-200_wsnsq_404{background-color:var(--17bab8)}._Box--background-yellow-300_wsnsq_407{background-color:var(--f017e5)}._Box--background-yellow-400_wsnsq_410{background-color:var(--2242ed)}._Box--background-yellow-500_wsnsq_413{background-color:var(--e40de4)}._Box--background-red-100_wsnsq_416{background-color:var(--ecb5d5)}._Box--background-red-200_wsnsq_419{background-color:var(--5b5cb0)}._Box--background-red-300_wsnsq_422{background-color:var(--d55c71)}._Box--background-red-400_wsnsq_425{background-color:var(--4e47fe)}._Box--background-red-500_wsnsq_428{background-color:var(--3e7877)}._Box--background-blue-100_wsnsq_431{background-color:var(--21906f)}._Box--background-blue-200_wsnsq_434{background-color:var(--5d87f3)}._Box--background-blue-300_wsnsq_437{background-color:var(--201e14)}._Box--background-blue-400_wsnsq_440{background-color:var(--e1c27c)}._Box--background-blue-500_wsnsq_443{background-color:var(--6a1420)}._Box--background-magenta-100_wsnsq_446{background-color:var(--1a9963)}._Box--background-magenta-200_wsnsq_449{background-color:var(--b774df)}._Box--background-magenta-300_wsnsq_452{background-color:var(--f72cdd)}._Box--background-magenta-400_wsnsq_455{background-color:var(--6cbd80)}._Box--background-magenta-500_wsnsq_458{background-color:var(--5893e7)}._Box--background-primary_wsnsq_461{background-color:var(--3546c3)}._Box--background-secondary_wsnsq_464{background-color:var(--302ecf)}._Box--background-tertiary_wsnsq_467{background-color:var(--a5c761)}._Box--background-overlay_wsnsq_470{background-color:var(--02a0d5)}._Box--background-disabled_wsnsq_473{background-color:var(--319b29)}._Box--background-brand_wsnsq_476{background-color:var(--cd91ab)}._Box--background-brandB2b_wsnsq_479{background-color:var(--706789)}._Box--background-accentLight_wsnsq_482{background-color:var(--560eda)}._Box--background-accentDark_wsnsq_485{background-color:var(--e4c520)}._Box--background-positiveLight_wsnsq_488{background-color:var(--1836a4)}._Box--background-positiveDark_wsnsq_491{background-color:var(--ae7f1f)}._Box--background-infoLight_wsnsq_494{background-color:var(--94a45e)}._Box--background-infoDark_wsnsq_497{background-color:var(--79dffb)}._Box--background-warningLight_wsnsq_500{background-color:var(--b503b8)}._Box--background-warningDark_wsnsq_503{background-color:var(--34fc43)}._Box--background-criticalLight_wsnsq_506{background-color:var(--f15644)}._Box--background-criticalDark_wsnsq_509{background-color:var(--87fcf8)}._Box--background-statusOnline_wsnsq_512{background-color:var(--cbc115)}._Box--background-statusOffline_wsnsq_515{background-color:var(--7ff085)}._Box--background-primaryInverted_wsnsq_518{background-color:var(--4983fe)}._Box--background-secondaryInverted_wsnsq_521{background-color:var(--19649f)}._Box--background-tertiaryInverted_wsnsq_524{background-color:var(--a469f2)}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-DKCSRAmE.js";import{H as t}from"./Heading-DFUBmEST.js";import{L as q}from"./LayoutFlex-D6PydD-C.js";import{T as k}from"./Text-BobxeBqA.js";import{g as p}from"./layout-padding-P2P9N1cP.js";import{m as y,s as x,g as v,e as h,f as L,L as D}from"./classNames-BhD67HvA.js";import{w as a}from"./componentNames-BSriaIOD.js";import{S as f}from"./StoryContextDSWeb-2Rray45i.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-t1-BGLK1.js";import"./text-centered-C6Wqdv_S.js";import"./StorybookGlobalStyle-LHKIOPAE.js";import"./styled-components.browser.esm-7-tE6q-K.js";import"./RootProvider-IC6FiMeU.js";import"./useTheme-RRPIoBnw.js";import"./constants-mdQROz_Y.js";const j="_Box_wsnsq_4",N={Box:j,"Box--box-radius-none":"_Box--box-radius-none_wsnsq_16","Box--box-radius-m":"_Box--box-radius-m_wsnsq_19","Box--box-radius-l":"_Box--box-radius-l_wsnsq_22","Box--box-radius-2":"_Box--box-radius-2_wsnsq_25","Box--box-radius-4":"_Box--box-radius-4_wsnsq_28","Box--box-radius-8":"_Box--box-radius-8_wsnsq_31","Box--box-radius-0":"_Box--box-radius-0_wsnsq_34","Box--box-radius-12":"_Box--box-radius-12_wsnsq_46","Box--box-radius-16":"_Box--box-radius-16_wsnsq_49","Box--box-radius-24":"_Box--box-radius-24_wsnsq_52","Box--box-radius-32":"_Box--box-radius-32_wsnsq_55","Box--box-radius-48":"_Box--box-radius-48_wsnsq_58","Box--box-radius-64":"_Box--box-radius-64_wsnsq_61","Box--box-radius-96":"_Box--box-radius-96_wsnsq_64","Box--box-radius-160":"_Box--box-radius-160_wsnsq_67","Box--narrow-l--box-radius-none":"_Box--narrow-l--box-radius-none_wsnsq_71","Box--narrow-l--box-radius-m":"_Box--narrow-l--box-radius-m_wsnsq_74","Box--narrow-l--box-radius-l":"_Box--narrow-l--box-radius-l_wsnsq_77","Box--narrow-l--box-radius-2":"_Box--narrow-l--box-radius-2_wsnsq_80","Box--narrow-l--box-radius-4":"_Box--narrow-l--box-radius-4_wsnsq_83","Box--narrow-l--box-radius-8":"_Box--narrow-l--box-radius-8_wsnsq_86","Box--narrow-l--box-radius-0":"_Box--narrow-l--box-radius-0_wsnsq_89","Box--narrow-l--box-radius-12":"_Box--narrow-l--box-radius-12_wsnsq_101","Box--narrow-l--box-radius-16":"_Box--narrow-l--box-radius-16_wsnsq_104","Box--narrow-l--box-radius-24":"_Box--narrow-l--box-radius-24_wsnsq_107","Box--narrow-l--box-radius-32":"_Box--narrow-l--box-radius-32_wsnsq_110","Box--narrow-l--box-radius-48":"_Box--narrow-l--box-radius-48_wsnsq_113","Box--narrow-l--box-radius-64":"_Box--narrow-l--box-radius-64_wsnsq_116","Box--narrow-l--box-radius-96":"_Box--narrow-l--box-radius-96_wsnsq_119","Box--narrow-l--box-radius-160":"_Box--narrow-l--box-radius-160_wsnsq_122","Box--medium-s--box-radius-none":"_Box--medium-s--box-radius-none_wsnsq_127","Box--medium-s--box-radius-m":"_Box--medium-s--box-radius-m_wsnsq_130","Box--medium-s--box-radius-l":"_Box--medium-s--box-radius-l_wsnsq_133","Box--medium-s--box-radius-2":"_Box--medium-s--box-radius-2_wsnsq_136","Box--medium-s--box-radius-4":"_Box--medium-s--box-radius-4_wsnsq_139","Box--medium-s--box-radius-8":"_Box--medium-s--box-radius-8_wsnsq_142","Box--medium-s--box-radius-0":"_Box--medium-s--box-radius-0_wsnsq_145","Box--medium-s--box-radius-12":"_Box--medium-s--box-radius-12_wsnsq_157","Box--medium-s--box-radius-16":"_Box--medium-s--box-radius-16_wsnsq_160","Box--medium-s--box-radius-24":"_Box--medium-s--box-radius-24_wsnsq_163","Box--medium-s--box-radius-32":"_Box--medium-s--box-radius-32_wsnsq_166","Box--medium-s--box-radius-48":"_Box--medium-s--box-radius-48_wsnsq_169","Box--medium-s--box-radius-64":"_Box--medium-s--box-radius-64_wsnsq_172","Box--medium-s--box-radius-96":"_Box--medium-s--box-radius-96_wsnsq_175","Box--medium-s--box-radius-160":"_Box--medium-s--box-radius-160_wsnsq_178","Box--medium-l--box-radius-none":"_Box--medium-l--box-radius-none_wsnsq_183","Box--medium-l--box-radius-m":"_Box--medium-l--box-radius-m_wsnsq_186","Box--medium-l--box-radius-l":"_Box--medium-l--box-radius-l_wsnsq_189","Box--medium-l--box-radius-2":"_Box--medium-l--box-radius-2_wsnsq_192","Box--medium-l--box-radius-4":"_Box--medium-l--box-radius-4_wsnsq_195","Box--medium-l--box-radius-8":"_Box--medium-l--box-radius-8_wsnsq_198","Box--medium-l--box-radius-0":"_Box--medium-l--box-radius-0_wsnsq_201","Box--medium-l--box-radius-12":"_Box--medium-l--box-radius-12_wsnsq_213","Box--medium-l--box-radius-16":"_Box--medium-l--box-radius-16_wsnsq_216","Box--medium-l--box-radius-24":"_Box--medium-l--box-radius-24_wsnsq_219","Box--medium-l--box-radius-32":"_Box--medium-l--box-radius-32_wsnsq_222","Box--medium-l--box-radius-48":"_Box--medium-l--box-radius-48_wsnsq_225","Box--medium-l--box-radius-64":"_Box--medium-l--box-radius-64_wsnsq_228","Box--medium-l--box-radius-96":"_Box--medium-l--box-radius-96_wsnsq_231","Box--medium-l--box-radius-160":"_Box--medium-l--box-radius-160_wsnsq_234","Box--wide-s--box-radius-none":"_Box--wide-s--box-radius-none_wsnsq_239","Box--wide-s--box-radius-m":"_Box--wide-s--box-radius-m_wsnsq_242","Box--wide-s--box-radius-l":"_Box--wide-s--box-radius-l_wsnsq_245","Box--wide-s--box-radius-2":"_Box--wide-s--box-radius-2_wsnsq_248","Box--wide-s--box-radius-4":"_Box--wide-s--box-radius-4_wsnsq_251","Box--wide-s--box-radius-8":"_Box--wide-s--box-radius-8_wsnsq_254","Box--wide-s--box-radius-0":"_Box--wide-s--box-radius-0_wsnsq_257","Box--wide-s--box-radius-12":"_Box--wide-s--box-radius-12_wsnsq_269","Box--wide-s--box-radius-16":"_Box--wide-s--box-radius-16_wsnsq_272","Box--wide-s--box-radius-24":"_Box--wide-s--box-radius-24_wsnsq_275","Box--wide-s--box-radius-32":"_Box--wide-s--box-radius-32_wsnsq_278","Box--wide-s--box-radius-48":"_Box--wide-s--box-radius-48_wsnsq_281","Box--wide-s--box-radius-64":"_Box--wide-s--box-radius-64_wsnsq_284","Box--wide-s--box-radius-96":"_Box--wide-s--box-radius-96_wsnsq_287","Box--wide-s--box-radius-160":"_Box--wide-s--box-radius-160_wsnsq_290","Box--wide-l--box-radius-none":"_Box--wide-l--box-radius-none_wsnsq_295","Box--wide-l--box-radius-m":"_Box--wide-l--box-radius-m_wsnsq_298","Box--wide-l--box-radius-l":"_Box--wide-l--box-radius-l_wsnsq_301","Box--wide-l--box-radius-2":"_Box--wide-l--box-radius-2_wsnsq_304","Box--wide-l--box-radius-4":"_Box--wide-l--box-radius-4_wsnsq_307","Box--wide-l--box-radius-8":"_Box--wide-l--box-radius-8_wsnsq_310","Box--wide-l--box-radius-0":"_Box--wide-l--box-radius-0_wsnsq_313","Box--wide-l--box-radius-12":"_Box--wide-l--box-radius-12_wsnsq_325","Box--wide-l--box-radius-16":"_Box--wide-l--box-radius-16_wsnsq_328","Box--wide-l--box-radius-24":"_Box--wide-l--box-radius-24_wsnsq_331","Box--wide-l--box-radius-32":"_Box--wide-l--box-radius-32_wsnsq_334","Box--wide-l--box-radius-48":"_Box--wide-l--box-radius-48_wsnsq_337","Box--wide-l--box-radius-64":"_Box--wide-l--box-radius-64_wsnsq_340","Box--wide-l--box-radius-96":"_Box--wide-l--box-radius-96_wsnsq_343","Box--wide-l--box-radius-160":"_Box--wide-l--box-radius-160_wsnsq_346","Box--background-white":"_Box--background-white_wsnsq_350","Box--background-gray-100":"_Box--background-gray-100_wsnsq_353","Box--background-gray-200":"_Box--background-gray-200_wsnsq_356","Box--background-gray-300":"_Box--background-gray-300_wsnsq_359","Box--background-gray-400":"_Box--background-gray-400_wsnsq_362","Box--background-gray-500":"_Box--background-gray-500_wsnsq_365","Box--background-gray-600":"_Box--background-gray-600_wsnsq_368","Box--background-teal-100":"_Box--background-teal-100_wsnsq_371","Box--background-teal-200":"_Box--background-teal-200_wsnsq_374","Box--background-teal-300":"_Box--background-teal-300_wsnsq_377","Box--background-teal-400":"_Box--background-teal-400_wsnsq_380","Box--background-teal-500":"_Box--background-teal-500_wsnsq_383","Box--background-green-100":"_Box--background-green-100_wsnsq_386","Box--background-green-200":"_Box--background-green-200_wsnsq_389","Box--background-green-300":"_Box--background-green-300_wsnsq_392","Box--background-green-400":"_Box--background-green-400_wsnsq_395","Box--background-green-500":"_Box--background-green-500_wsnsq_398","Box--background-yellow-100":"_Box--background-yellow-100_wsnsq_401","Box--background-yellow-200":"_Box--background-yellow-200_wsnsq_404","Box--background-yellow-300":"_Box--background-yellow-300_wsnsq_407","Box--background-yellow-400":"_Box--background-yellow-400_wsnsq_410","Box--background-yellow-500":"_Box--background-yellow-500_wsnsq_413","Box--background-red-100":"_Box--background-red-100_wsnsq_416","Box--background-red-200":"_Box--background-red-200_wsnsq_419","Box--background-red-300":"_Box--background-red-300_wsnsq_422","Box--background-red-400":"_Box--background-red-400_wsnsq_425","Box--background-red-500":"_Box--background-red-500_wsnsq_428","Box--background-blue-100":"_Box--background-blue-100_wsnsq_431","Box--background-blue-200":"_Box--background-blue-200_wsnsq_434","Box--background-blue-300":"_Box--background-blue-300_wsnsq_437","Box--background-blue-400":"_Box--background-blue-400_wsnsq_440","Box--background-blue-500":"_Box--background-blue-500_wsnsq_443","Box--background-magenta-100":"_Box--background-magenta-100_wsnsq_446","Box--background-magenta-200":"_Box--background-magenta-200_wsnsq_449","Box--background-magenta-300":"_Box--background-magenta-300_wsnsq_452","Box--background-magenta-400":"_Box--background-magenta-400_wsnsq_455","Box--background-magenta-500":"_Box--background-magenta-500_wsnsq_458","Box--background-primary":"_Box--background-primary_wsnsq_461","Box--background-secondary":"_Box--background-secondary_wsnsq_464","Box--background-tertiary":"_Box--background-tertiary_wsnsq_467","Box--background-overlay":"_Box--background-overlay_wsnsq_470","Box--background-disabled":"_Box--background-disabled_wsnsq_473","Box--background-brand":"_Box--background-brand_wsnsq_476","Box--background-brandB2b":"_Box--background-brandB2b_wsnsq_479","Box--background-accentLight":"_Box--background-accentLight_wsnsq_482","Box--background-accentDark":"_Box--background-accentDark_wsnsq_485","Box--background-positiveLight":"_Box--background-positiveLight_wsnsq_488","Box--background-positiveDark":"_Box--background-positiveDark_wsnsq_491","Box--background-infoLight":"_Box--background-infoLight_wsnsq_494","Box--background-infoDark":"_Box--background-infoDark_wsnsq_497","Box--background-warningLight":"_Box--background-warningLight_wsnsq_500","Box--background-warningDark":"_Box--background-warningDark_wsnsq_503","Box--background-criticalLight":"_Box--background-criticalLight_wsnsq_506","Box--background-criticalDark":"_Box--background-criticalDark_wsnsq_509","Box--background-statusOnline":"_Box--background-statusOnline_wsnsq_512","Box--background-statusOffline":"_Box--background-statusOffline_wsnsq_515","Box--background-primaryInverted":"_Box--background-primaryInverted_wsnsq_518","Box--background-secondaryInverted":"_Box--background-secondaryInverted_wsnsq_521","Box--background-tertiaryInverted":"_Box--background-tertiaryInverted_wsnsq_524"},i=({children:r,background:u,radius:e=h,padding:b=L,tag:B,dataset:w})=>{const m=y(N,a.Box,[x("box-radius",e),x("background",u)]),l=p(b),c=B??D,g={className:[...m,...l].join(" "),...v(w,{preplyDsComponent:a.Box})};return o.jsx(c,{...g,children:r})},J={title:"components/Box",component:i,decorators:[r=>o.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:o.jsx(f,{theme:"tokyo-ui",children:r()})})]},s=()=>o.jsx(i,{background:"positiveLight",children:o.jsxs(q,{gap:"xs",direction:"column",children:[o.jsx(t,{level:"h3",accent:"positive",children:"Heading"}),o.jsx(k,{accent:"positive",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]})});s.storyName="Box";var d,_,n;s.parameters={...s.parameters,docs:{...(d=s.parameters)==null?void 0:d.docs,source:{originalSource:`() => <Box background="positiveLight">
|
|
2
|
-
<LayoutFlex gap="xs" direction="column">
|
|
3
|
-
<Heading level="h3" accent="positive">
|
|
4
|
-
Heading
|
|
5
|
-
</Heading>
|
|
6
|
-
<Text accent="positive">
|
|
7
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit
|
|
8
|
-
amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et
|
|
9
|
-
vitae eros
|
|
10
|
-
</Text>
|
|
11
|
-
</LayoutFlex>
|
|
12
|
-
</Box>`,...(n=(_=s.parameters)==null?void 0:_.docs)==null?void 0:n.source}}};const K=["Base"];export{s as Base,K as __namedExportsOrder,J as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-DKCSRAmE.js";import{r as N}from"./render-icon-DZ-M7pKE.js";import{r as T}from"./index-B3evPFBL.js";import{S as W}from"./Spinner-CJdCIg2b.js";import{u as Z}from"./useHostname-CH18gHFj.js";import{m as G,s as m,b as u,g as J,j as M,d as q,B as E,a as F}from"./classNames-BhD67HvA.js";import{m as Q}from"./index-CC6DAVyL.js";import{w as C}from"./componentNames-BSriaIOD.js";const X="_ButtonBase_flnqp_51",v={"button-width--width-full":"_button-width--width-full_flnqp_5","button-width--width-auto":"_button-width--width-auto_flnqp_8","button-width--narrow-l--width-full":"_button-width--narrow-l--width-full_flnqp_12","button-width--narrow-l--width-auto":"_button-width--narrow-l--width-auto_flnqp_15","button-width--medium-s--width-full":"_button-width--medium-s--width-full_flnqp_20","button-width--medium-s--width-auto":"_button-width--medium-s--width-auto_flnqp_23","button-width--medium-l--width-full":"_button-width--medium-l--width-full_flnqp_28","button-width--medium-l--width-auto":"_button-width--medium-l--width-auto_flnqp_31","button-width--wide-s--width-full":"_button-width--wide-s--width-full_flnqp_36","button-width--wide-s--width-auto":"_button-width--wide-s--width-auto_flnqp_39","button-width--wide-l--width-full":"_button-width--wide-l--width-full_flnqp_44","button-width--wide-l--width-auto":"_button-width--wide-l--width-auto_flnqp_47",ButtonBase:X,"ButtonBase--content":"_ButtonBase--content_flnqp_77","ButtonBase--is-icon-button":"_ButtonBase--is-icon-button_flnqp_84","ButtonBase--busy":"_ButtonBase--busy_flnqp_91","ButtonBase--is-busy":"_ButtonBase--is-busy_flnqp_114","ButtonBase--width-full":"_ButtonBase--width-full_flnqp_121","ButtonBase--width-auto":"_ButtonBase--width-auto_flnqp_124","ButtonBase--narrow-l--width-full":"_ButtonBase--narrow-l--width-full_flnqp_128","ButtonBase--narrow-l--width-auto":"_ButtonBase--narrow-l--width-auto_flnqp_131","ButtonBase--medium-s--width-full":"_ButtonBase--medium-s--width-full_flnqp_136","ButtonBase--medium-s--width-auto":"_ButtonBase--medium-s--width-auto_flnqp_139","ButtonBase--medium-l--width-full":"_ButtonBase--medium-l--width-full_flnqp_144","ButtonBase--medium-l--width-auto":"_ButtonBase--medium-l--width-auto_flnqp_147","ButtonBase--wide-s--width-full":"_ButtonBase--wide-s--width-full_flnqp_152","ButtonBase--wide-s--width-auto":"_ButtonBase--wide-s--width-auto_flnqp_155","ButtonBase--wide-l--width-full":"_ButtonBase--wide-l--width-full_flnqp_160","ButtonBase--wide-l--width-auto":"_ButtonBase--wide-l--width-auto_flnqp_163","ButtonBase--size-xs":"_ButtonBase--size-xs_flnqp_167","ButtonBase--is-icon-button-size-xs":"_ButtonBase--is-icon-button-size-xs_flnqp_176","ButtonBase--size-s":"_ButtonBase--size-s_flnqp_181","ButtonBase--is-icon-button-size-s":"_ButtonBase--is-icon-button-size-s_flnqp_190","ButtonBase--size-m":"_ButtonBase--size-m_flnqp_195","ButtonBase--is-icon-button-size-m":"_ButtonBase--is-icon-button-size-m_flnqp_204","ButtonBase--size-l":"_ButtonBase--size-l_flnqp_209","ButtonBase--is-icon-button-size-l":"_ButtonBase--is-icon-button-size-l_flnqp_218","ButtonBase--size-xl":"_ButtonBase--size-xl_flnqp_223","ButtonBase--is-icon-button-size-xl":"_ButtonBase--is-icon-button-size-xl_flnqp_232","ButtonBase--size-large":"_ButtonBase--size-large_flnqp_237","ButtonBase--is-icon-button-size-large":"_ButtonBase--is-icon-button-size-large_flnqp_246","ButtonBase--size-medium":"_ButtonBase--size-medium_flnqp_251","ButtonBase--is-icon-button-size-medium":"_ButtonBase--is-icon-button-size-medium_flnqp_260","ButtonBase--size-small":"_ButtonBase--size-small_flnqp_265","ButtonBase--is-icon-button-size-small":"_ButtonBase--is-icon-button-size-small_flnqp_274","ButtonBase--narrow-l--size-xs":"_ButtonBase--narrow-l--size-xs_flnqp_280","ButtonBase--narrow-l--is-icon-button-size-xs":"_ButtonBase--narrow-l--is-icon-button-size-xs_flnqp_289","ButtonBase--narrow-l--size-s":"_ButtonBase--narrow-l--size-s_flnqp_294","ButtonBase--narrow-l--is-icon-button-size-s":"_ButtonBase--narrow-l--is-icon-button-size-s_flnqp_303","ButtonBase--narrow-l--size-m":"_ButtonBase--narrow-l--size-m_flnqp_308","ButtonBase--narrow-l--is-icon-button-size-m":"_ButtonBase--narrow-l--is-icon-button-size-m_flnqp_317","ButtonBase--narrow-l--size-l":"_ButtonBase--narrow-l--size-l_flnqp_322","ButtonBase--narrow-l--is-icon-button-size-l":"_ButtonBase--narrow-l--is-icon-button-size-l_flnqp_331","ButtonBase--narrow-l--size-xl":"_ButtonBase--narrow-l--size-xl_flnqp_336","ButtonBase--narrow-l--is-icon-button-size-xl":"_ButtonBase--narrow-l--is-icon-button-size-xl_flnqp_345","ButtonBase--narrow-l--size-large":"_ButtonBase--narrow-l--size-large_flnqp_350","ButtonBase--narrow-l--is-icon-button-size-large":"_ButtonBase--narrow-l--is-icon-button-size-large_flnqp_359","ButtonBase--narrow-l--size-medium":"_ButtonBase--narrow-l--size-medium_flnqp_364","ButtonBase--narrow-l--is-icon-button-size-medium":"_ButtonBase--narrow-l--is-icon-button-size-medium_flnqp_373","ButtonBase--narrow-l--size-small":"_ButtonBase--narrow-l--size-small_flnqp_378","ButtonBase--narrow-l--is-icon-button-size-small":"_ButtonBase--narrow-l--is-icon-button-size-small_flnqp_387","ButtonBase--medium-s--size-xs":"_ButtonBase--medium-s--size-xs_flnqp_394","ButtonBase--medium-s--is-icon-button-size-xs":"_ButtonBase--medium-s--is-icon-button-size-xs_flnqp_403","ButtonBase--medium-s--size-s":"_ButtonBase--medium-s--size-s_flnqp_408","ButtonBase--medium-s--is-icon-button-size-s":"_ButtonBase--medium-s--is-icon-button-size-s_flnqp_417","ButtonBase--medium-s--size-m":"_ButtonBase--medium-s--size-m_flnqp_422","ButtonBase--medium-s--is-icon-button-size-m":"_ButtonBase--medium-s--is-icon-button-size-m_flnqp_431","ButtonBase--medium-s--size-l":"_ButtonBase--medium-s--size-l_flnqp_436","ButtonBase--medium-s--is-icon-button-size-l":"_ButtonBase--medium-s--is-icon-button-size-l_flnqp_445","ButtonBase--medium-s--size-xl":"_ButtonBase--medium-s--size-xl_flnqp_450","ButtonBase--medium-s--is-icon-button-size-xl":"_ButtonBase--medium-s--is-icon-button-size-xl_flnqp_459","ButtonBase--medium-s--size-large":"_ButtonBase--medium-s--size-large_flnqp_464","ButtonBase--medium-s--is-icon-button-size-large":"_ButtonBase--medium-s--is-icon-button-size-large_flnqp_473","ButtonBase--medium-s--size-medium":"_ButtonBase--medium-s--size-medium_flnqp_478","ButtonBase--medium-s--is-icon-button-size-medium":"_ButtonBase--medium-s--is-icon-button-size-medium_flnqp_487","ButtonBase--medium-s--size-small":"_ButtonBase--medium-s--size-small_flnqp_492","ButtonBase--medium-s--is-icon-button-size-small":"_ButtonBase--medium-s--is-icon-button-size-small_flnqp_501","ButtonBase--medium-l--size-xs":"_ButtonBase--medium-l--size-xs_flnqp_508","ButtonBase--medium-l--is-icon-button-size-xs":"_ButtonBase--medium-l--is-icon-button-size-xs_flnqp_517","ButtonBase--medium-l--size-s":"_ButtonBase--medium-l--size-s_flnqp_522","ButtonBase--medium-l--is-icon-button-size-s":"_ButtonBase--medium-l--is-icon-button-size-s_flnqp_531","ButtonBase--medium-l--size-m":"_ButtonBase--medium-l--size-m_flnqp_536","ButtonBase--medium-l--is-icon-button-size-m":"_ButtonBase--medium-l--is-icon-button-size-m_flnqp_545","ButtonBase--medium-l--size-l":"_ButtonBase--medium-l--size-l_flnqp_550","ButtonBase--medium-l--is-icon-button-size-l":"_ButtonBase--medium-l--is-icon-button-size-l_flnqp_559","ButtonBase--medium-l--size-xl":"_ButtonBase--medium-l--size-xl_flnqp_564","ButtonBase--medium-l--is-icon-button-size-xl":"_ButtonBase--medium-l--is-icon-button-size-xl_flnqp_573","ButtonBase--medium-l--size-large":"_ButtonBase--medium-l--size-large_flnqp_578","ButtonBase--medium-l--is-icon-button-size-large":"_ButtonBase--medium-l--is-icon-button-size-large_flnqp_587","ButtonBase--medium-l--size-medium":"_ButtonBase--medium-l--size-medium_flnqp_592","ButtonBase--medium-l--is-icon-button-size-medium":"_ButtonBase--medium-l--is-icon-button-size-medium_flnqp_601","ButtonBase--medium-l--size-small":"_ButtonBase--medium-l--size-small_flnqp_606","ButtonBase--medium-l--is-icon-button-size-small":"_ButtonBase--medium-l--is-icon-button-size-small_flnqp_615","ButtonBase--wide-s--size-xs":"_ButtonBase--wide-s--size-xs_flnqp_622","ButtonBase--wide-s--is-icon-button-size-xs":"_ButtonBase--wide-s--is-icon-button-size-xs_flnqp_631","ButtonBase--wide-s--size-s":"_ButtonBase--wide-s--size-s_flnqp_636","ButtonBase--wide-s--is-icon-button-size-s":"_ButtonBase--wide-s--is-icon-button-size-s_flnqp_645","ButtonBase--wide-s--size-m":"_ButtonBase--wide-s--size-m_flnqp_650","ButtonBase--wide-s--is-icon-button-size-m":"_ButtonBase--wide-s--is-icon-button-size-m_flnqp_659","ButtonBase--wide-s--size-l":"_ButtonBase--wide-s--size-l_flnqp_664","ButtonBase--wide-s--is-icon-button-size-l":"_ButtonBase--wide-s--is-icon-button-size-l_flnqp_673","ButtonBase--wide-s--size-xl":"_ButtonBase--wide-s--size-xl_flnqp_678","ButtonBase--wide-s--is-icon-button-size-xl":"_ButtonBase--wide-s--is-icon-button-size-xl_flnqp_687","ButtonBase--wide-s--size-large":"_ButtonBase--wide-s--size-large_flnqp_692","ButtonBase--wide-s--is-icon-button-size-large":"_ButtonBase--wide-s--is-icon-button-size-large_flnqp_701","ButtonBase--wide-s--size-medium":"_ButtonBase--wide-s--size-medium_flnqp_706","ButtonBase--wide-s--is-icon-button-size-medium":"_ButtonBase--wide-s--is-icon-button-size-medium_flnqp_715","ButtonBase--wide-s--size-small":"_ButtonBase--wide-s--size-small_flnqp_720","ButtonBase--wide-s--is-icon-button-size-small":"_ButtonBase--wide-s--is-icon-button-size-small_flnqp_729","ButtonBase--wide-l--size-xs":"_ButtonBase--wide-l--size-xs_flnqp_736","ButtonBase--wide-l--is-icon-button-size-xs":"_ButtonBase--wide-l--is-icon-button-size-xs_flnqp_745","ButtonBase--wide-l--size-s":"_ButtonBase--wide-l--size-s_flnqp_750","ButtonBase--wide-l--is-icon-button-size-s":"_ButtonBase--wide-l--is-icon-button-size-s_flnqp_759","ButtonBase--wide-l--size-m":"_ButtonBase--wide-l--size-m_flnqp_764","ButtonBase--wide-l--is-icon-button-size-m":"_ButtonBase--wide-l--is-icon-button-size-m_flnqp_773","ButtonBase--wide-l--size-l":"_ButtonBase--wide-l--size-l_flnqp_778","ButtonBase--wide-l--is-icon-button-size-l":"_ButtonBase--wide-l--is-icon-button-size-l_flnqp_787","ButtonBase--wide-l--size-xl":"_ButtonBase--wide-l--size-xl_flnqp_792","ButtonBase--wide-l--is-icon-button-size-xl":"_ButtonBase--wide-l--is-icon-button-size-xl_flnqp_801","ButtonBase--wide-l--size-large":"_ButtonBase--wide-l--size-large_flnqp_806","ButtonBase--wide-l--is-icon-button-size-large":"_ButtonBase--wide-l--is-icon-button-size-large_flnqp_815","ButtonBase--wide-l--size-medium":"_ButtonBase--wide-l--size-medium_flnqp_820","ButtonBase--wide-l--is-icon-button-size-medium":"_ButtonBase--wide-l--is-icon-button-size-medium_flnqp_829","ButtonBase--wide-l--size-small":"_ButtonBase--wide-l--size-small_flnqp_834","ButtonBase--wide-l--is-icon-button-size-small":"_ButtonBase--wide-l--is-icon-button-size-small_flnqp_843","ButtonBase--variant-primary":"_ButtonBase--variant-primary_flnqp_849","ButtonBase--variant-primary--dsInternalSimulation-hover":"_ButtonBase--variant-primary--dsInternalSimulation-hover_flnqp_855","ButtonBase--variant-primary--dsInternalSimulation-active":"_ButtonBase--variant-primary--dsInternalSimulation-active_flnqp_870","ButtonBase--variant-secondary":"_ButtonBase--variant-secondary_flnqp_874","ButtonBase--variant-secondary--dsInternalSimulation-hover":"_ButtonBase--variant-secondary--dsInternalSimulation-hover_flnqp_880","ButtonBase--variant-secondary--dsInternalSimulation-active":"_ButtonBase--variant-secondary--dsInternalSimulation-active_flnqp_895","ButtonBase--variant-tertiary":"_ButtonBase--variant-tertiary_flnqp_899","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"_ButtonBase--variant-tertiary--dsInternalSimulation-hover_flnqp_905","ButtonBase--variant-tertiary--dsInternalSimulation-active":"_ButtonBase--variant-tertiary--dsInternalSimulation-active_flnqp_920","ButtonBase--variant-quaternary":"_ButtonBase--variant-quaternary_flnqp_924","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"_ButtonBase--variant-quaternary--dsInternalSimulation-hover_flnqp_930","ButtonBase--variant-quaternary--dsInternalSimulation-active":"_ButtonBase--variant-quaternary--dsInternalSimulation-active_flnqp_945","ButtonBase--variant-ghost":"_ButtonBase--variant-ghost_flnqp_949","ButtonBase--variant-ghost--dsInternalSimulation-hover":"_ButtonBase--variant-ghost--dsInternalSimulation-hover_flnqp_955","ButtonBase--variant-ghost--dsInternalSimulation-active":"_ButtonBase--variant-ghost--dsInternalSimulation-active_flnqp_970","ButtonBase--variant-ghost--is-selected":"_ButtonBase--variant-ghost--is-selected_flnqp_974","ButtonBase--variant-plain":"_ButtonBase--variant-plain_flnqp_978","ButtonBase--variant-plain--dsInternalSimulation-hover":"_ButtonBase--variant-plain--dsInternalSimulation-hover_flnqp_984","ButtonBase--variant-plain--dsInternalSimulation-active":"_ButtonBase--variant-plain--dsInternalSimulation-active_flnqp_999","ButtonBase--variant-dangerous":"_ButtonBase--variant-dangerous_flnqp_1003","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"_ButtonBase--variant-dangerous--dsInternalSimulation-hover_flnqp_1009","ButtonBase--variant-dangerous--dsInternalSimulation-active":"_ButtonBase--variant-dangerous--dsInternalSimulation-active_flnqp_1024","ButtonBase--variant-critical":"_ButtonBase--variant-critical_flnqp_1028","ButtonBase--variant-critical--dsInternalSimulation-hover":"_ButtonBase--variant-critical--dsInternalSimulation-hover_flnqp_1034","ButtonBase--variant-critical--dsInternalSimulation-active":"_ButtonBase--variant-critical--dsInternalSimulation-active_flnqp_1049","ButtonBase--variant-onColor":"_ButtonBase--variant-onColor_flnqp_1053","ButtonBase--variant-onColor--dsInternalSimulation-hover":"_ButtonBase--variant-onColor--dsInternalSimulation-hover_flnqp_1059","ButtonBase--variant-onColor--dsInternalSimulation-active":"_ButtonBase--variant-onColor--dsInternalSimulation-active_flnqp_1074","ButtonBase--variant-classroom":"_ButtonBase--variant-classroom_flnqp_1078","ButtonBase--variant-classroom--dsInternalSimulation-hover":"_ButtonBase--variant-classroom--dsInternalSimulation-hover_flnqp_1084","ButtonBase--variant-classroom--dsInternalSimulation-active":"_ButtonBase--variant-classroom--dsInternalSimulation-active_flnqp_1099","ButtonBase--variant-classroom--is-selected":"_ButtonBase--variant-classroom--is-selected_flnqp_1103","ButtonBase--variant-primaryB2b":"_ButtonBase--variant-primaryB2b_flnqp_1107","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_flnqp_1113","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-active_flnqp_1128","ButtonBase--variant-primaryTutor":"_ButtonBase--variant-primaryTutor_flnqp_1132","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_flnqp_1138","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-active_flnqp_1153","ButtonBase--variant-inverted":"_ButtonBase--variant-inverted_flnqp_1157","ButtonBase--variant-inverted--dsInternalSimulation-hover":"_ButtonBase--variant-inverted--dsInternalSimulation-hover_flnqp_1163","ButtonBase--variant-inverted--dsInternalSimulation-active":"_ButtonBase--variant-inverted--dsInternalSimulation-active_flnqp_1178","ButtonBase--variant-newFeature":"_ButtonBase--variant-newFeature_flnqp_1182","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"_ButtonBase--variant-newFeature--dsInternalSimulation-hover_flnqp_1188","ButtonBase--variant-newFeature--dsInternalSimulation-active":"_ButtonBase--variant-newFeature--dsInternalSimulation-active_flnqp_1203","ButtonBase--variant-ai":"_ButtonBase--variant-ai_flnqp_1207","ButtonBase--variant-ai--dsInternalSimulation-hover":"_ButtonBase--variant-ai--dsInternalSimulation-hover_flnqp_1213","ButtonBase--variant-ai--dsInternalSimulation-active":"_ButtonBase--variant-ai--dsInternalSimulation-active_flnqp_1228","ButtonBase--no-wrap":"_ButtonBase--no-wrap_flnqp_1240"},b="ButtonBase",Y=n=>Object.prototype.hasOwnProperty.call(n,"selected"),z=({children:n,busy:e})=>{const s=[...q(v,b,["content"])],a=[...q(v,b,["busy"])];return t.jsxs(t.Fragment,{children:[t.jsx("span",{className:s.join(" "),children:n}),e&&t.jsx("span",{className:a.join(" "),children:t.jsx(W,{})})]})},tt=n=>{const{variant:e=E,size:s=F,fullWidth:a=!1,wrap:l=!1,href:B,download:d,opensInNewTab:p,nofollow:_,submitsForm:D,assistiveText:P,onClick:f,disabled:r,busy:i,isIconButton:h,as:I,url:U,a11yLabel:k,dataset:A,children:c,dsInternalSimulation:O,preplyDsComponent:L}=n,{selected:$}=Y(n)?n:{selected:void 0},K=Z(),S=T.useRef(null),R=o=>{(r||i)&&o.preventDefault(),f==null||f(o)},H=o=>{var j;const g=Q(o.key);(g===" "||g==="Enter")&&(o.preventDefault(),(j=S.current)==null||j.click())},V=G(v,b,[m(`variant-${e}--dsInternalSimulation`,O),m("variant",e),m("size",s),h?m("is-icon-button-size",s):[],u(void 0,"no-wrap",l),u("width-full","width-auto",a),u("is-busy",void 0,i),u("is-icon-button",void 0,h),u(`variant-${e}--is-selected`,void 0,$)]),x={...J(A,{preplyDsComponent:L}),className:V.join(" "),"aria-label":P||k,onClick:R,disabled:r,"aria-disabled":r||i?!0:void 0},w=B||U,y={...x,download:d,ref:S,role:"button",tabIndex:r?-1:0,href:w,onKeyDown:H};return w?t.jsx("a",{...y,...M(K,w,p,_),children:z({children:c,busy:i})}):I?T.cloneElement(I,{...y},z({children:c,busy:i})):t.jsx("button",{...x,type:D?"submit":"button",children:z({children:c,busy:i})})},nt={"Button--icon":"_Button--icon_1vjpv_5"},_t=({variant:n=E,size:e=F,url:s,a11yLabel:a,leadingSvgIcon:l,trailingSvgIcon:B,children:d,...p})=>{const _=[...q(nt,C.Button,["icon"])];return t.jsxs(tt,{...p,isIconButton:!1,variant:n,size:e,url:s,a11yLabel:a,preplyDsComponent:C.Button,children:[!!l&&t.jsx("span",{className:_.join(" "),children:N(l,{"aria-hidden":"true",focusable:"false"})}),d,!!B&&t.jsx("span",{className:_.join(" "),children:N(B,{"aria-hidden":"true",focusable:"false"})})]})};export{tt as B,_t as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._chips_11lkl_3{display:flex;gap:var(--813599);flex-wrap:wrap}._chips_11lkl_3:is(ul){list-style:none;margin:0;padding:0}._chips_11lkl_3 ._chip_11lkl_3{box-sizing:border-box;cursor:pointer;height:var(--ece0fe);width:fit-content;font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e);color:var(--628fb7);background-color:var(--3546c3);border:solid var(--26b8e3);border-radius:var(--fa4b1a);border-color:var(--c03289);display:flex;align-items:center}._chips_11lkl_3 ._chip_11lkl_3 button{all:unset}@media (hover: hover) and (pointer: fine){._chips_11lkl_3 ._chip_11lkl_3:hover{background-color:var(--302ecf)}}._chips_11lkl_3 ._chip_11lkl_3:has(._chip-toggle_11lkl_37:focus-visible){outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--05dd73)}._chips_11lkl_3 ._chip_11lkl_3:has(._chip-toggle_11lkl_37:active){border-color:var(--11d206);background-color:var(--a5c761)}._chips_11lkl_3 ._chip_11lkl_3:has(._chip-toggle_11lkl_37[aria-pressed=true]){border-color:var(--11d206);background-color:var(--a5c761)}._chips_11lkl_3 ._chip_11lkl_3 ._chip-toggle_11lkl_37{padding:var(--66b80b) var(--813599);display:flex;gap:var(--66b80b)}._chips_11lkl_3 ._chip_11lkl_3 ._chip-remove_11lkl_54{height:fit-content;width:fit-content;display:flex;justify-content:center;align-items:center;padding:var(--66b80b) var(--813599) var(--66b80b) 0;border-radius:inherit}._chips_11lkl_3 ._chip_11lkl_3 ._chip-remove_11lkl_54:focus-visible{outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--109103) var(--05dd73)}._chips_11lkl_3[data-variant=choice] ._chip_11lkl_3:has(._chip-toggle_11lkl_37[aria-pressed=true]){color:var(--c2b191);background-color:var(--4983fe)}._chips_11lkl_3[data-variant=choice] ._chip_11lkl_3 ._chip-remove_11lkl_54{display:none}._chips_11lkl_3[data-variant=filter] ._chip_11lkl_3:has(._chip-toggle_11lkl_37[aria-pressed=false]) ._chip-remove_11lkl_54{display:none}
|
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-DKCSRAmE.js";import{L as w}from"./LayoutFlexItem-SEHKavJ9.js";import{L as n}from"./LayoutFlex-D6PydD-C.js";import{f as L,d as D}from"./styled-components.browser.esm-7-tE6q-K.js";import{S as T}from"./StoryContextDSWeb-2Rray45i.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./layout-relative-CozMqbtL.js";import"./classNames-BhD67HvA.js";import"./constants-DYYVurUY.js";import"./componentNames-BSriaIOD.js";import"./layout-padding-P2P9N1cP.js";import"./StorybookGlobalStyle-LHKIOPAE.js";import"./RootProvider-IC6FiMeU.js";import"./useTheme-RRPIoBnw.js";import"./constants-mdQROz_Y.js";function I(s){return e.jsx("div",{style:{background:"yellow",width:"100%"},children:s.children})}function S(s){return e.jsx("div",{style:{background:"orange",width:"100%"},children:s.children})}function G(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapUndefined"}),e.jsxs(n,{dataset:{testId:"NowrapUndefined"},children:[e.jsx(I,{children:"a"}),e.jsx(S,{children:"b"})]})]})}function U(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapTrue"}),e.jsxs(n,{dataset:{testId:"NowrapTrue"},nowrap:!0,children:[e.jsx(I,{children:"a"}),e.jsx(S,{children:"b"})]})]})}function P(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapFalse"}),e.jsxs(n,{dataset:{testId:"NowrapFalse"},nowrap:!1,children:[e.jsx(I,{children:"a"}),e.jsx(S,{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 H(){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 O(){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 $(){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 A(){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 J(){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 k(){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 N(){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 _(){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 X(){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 E(){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 M(){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 B(){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 W(){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 Y(){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 Z(){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 ee(){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 ne(){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 se(){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 re(){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 de(){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 te(){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 ae(){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 le(){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 ce(){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 xe(){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 je(){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 he(){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 oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testId:"Spacing4"},gap:"4",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testId:"Spacing8"},gap:"8",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function pe(){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 ge(){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 me(){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 fe(){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 ve(){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 Ie(){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 Ce(){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 we(){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 Le(){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 De(){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 Te(){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 Ge(){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 Ue(){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 Pe(){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 r(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function i(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function He(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testId:"Spacing0"},padding:"0",children:[e.jsx(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function Oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testId:"Spacing1"},padding:"1",children:[e.jsx(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function $e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testId:"Spacing2"},padding:"2",children:[e.jsx(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function Ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testId:"Spacing4"},padding:"4",children:[e.jsx(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function Je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testId:"Spacing8"},padding:"8",children:[e.jsx(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testId:"Spacing12"},padding:"12",children:[e.jsx(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function Ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testId:"Spacing16"},padding:"16",children:[e.jsx(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function _e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testId:"Spacing20"},padding:"20",children:[e.jsx(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function Xe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testId:"Spacing24"},padding:"24",children:[e.jsx(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function Ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing32"}),e.jsxs(n,{dataset:{testId:"Spacing32"},padding:"32",children:[e.jsx(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function Me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing48"}),e.jsxs(n,{dataset:{testId:"Spacing48"},padding:"48",children:[e.jsx(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function Be(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing64"}),e.jsxs(n,{dataset:{testId:"Spacing64"},padding:"64",children:[e.jsx(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function We(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing96"}),e.jsxs(n,{dataset:{testId:"Spacing96"},padding:"96",children:[e.jsx(r,{children:"a"}),e.jsx(i,{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(r,{children:"a"}),e.jsx(i,{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(r,{children:"a"}),e.jsx(i,{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(r,{children:"a"}),e.jsx(i,{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(r,{children:"a"}),e.jsx(i,{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(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function Ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingS"}),e.jsxs(n,{dataset:{testId:"LayoutPaddingS"},padding:"s",children:[e.jsx(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function Ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingM"}),e.jsxs(n,{dataset:{testId:"LayoutPaddingM"},padding:"m",children:[e.jsx(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function en(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingL"}),e.jsxs(n,{dataset:{testId:"LayoutPaddingL"},padding:"l",children:[e.jsx(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function nn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingXl"}),e.jsxs(n,{dataset:{testId:"LayoutPaddingXl"},padding:"xl",children:[e.jsx(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function sn(){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(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function rn(){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(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function dn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand2"}),e.jsxs(n,{dataset:{testId:"SpacingShorthand2"},padding:["12","24"],children:[e.jsx(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function tn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand3"}),e.jsxs(n,{dataset:{testId:"SpacingShorthand3"},padding:["12","24","48"],children:[e.jsx(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function an(){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(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function ln(){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(r,{children:"a"}),e.jsx(i,{children:"b"})]})]})}function cn(){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(r,{children:"a"}),e.jsx(i,{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 xn(){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 jn(){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 hn(){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 on(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseUndefined"}),e.jsxs(n,{dataset:{testId:"HideInlineFalseUndefined"},hide:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function un(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseFalse"}),e.jsxs(n,{dataset:{testId:"HideInlineFalseFalse"},hide:!1,inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function pn(){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 gn(){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 mn(){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 fn(){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 vn(){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 In(){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 R(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function C(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}const Rn=L`
|
|
2
|
-
div[data-override='true'] {
|
|
3
|
-
display:grid;
|
|
4
|
-
}
|
|
5
|
-
`;function Cn(){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(R,{children:"a"}),e.jsx(C,{children:"b"})]})]})}const wn=D.div`
|
|
6
|
-
div[data-override='true'] {
|
|
7
|
-
display: grid;
|
|
8
|
-
}
|
|
9
|
-
`;function Ln(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DataOverrideLocalClass"}),e.jsx(wn,{children:e.jsxs(n,{dataset:{testId:"DataOverrideLocalClass",override:!0},children:[e.jsx(R,{children:"a"}),e.jsx(C,{children:"b"})]})})]})}function Dn(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function Tn(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function Gn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Default"}),e.jsxs(n,{dataset:{testId:"Default"},children:[e.jsx(Dn,{children:"a"}),e.jsx(Tn,{children:"b"})]})]})}const zn={title:"components/LayoutFlex",component:n,subcomponents:{LayoutFlexItem:w},decorators:[s=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(T,{theme:"tokyo-ui",children:s()})})],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(Gn,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(G,{}),e.jsx(U,{}),e.jsx(P,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(H,{}),e.jsx(O,{}),e.jsx($,{}),e.jsx(A,{}),e.jsx(J,{}),e.jsx(k,{}),e.jsx(N,{}),e.jsx(_,{}),e.jsx(X,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(E,{}),e.jsx(M,{}),e.jsx(B,{}),e.jsx(W,{}),e.jsx(q,{}),e.jsx(z,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(K,{}),e.jsx(Q,{}),e.jsx(V,{}),e.jsx(Y,{}),e.jsx(Z,{}),e.jsx(ee,{}),e.jsx(ne,{}),e.jsx(se,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(re,{}),e.jsx(ie,{}),e.jsx(de,{}),e.jsx(te,{}),e.jsx(ae,{}),e.jsx(le,{}),e.jsx(ce,{}),e.jsx("br",{}),e.jsx("br",{}),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(Ie,{}),e.jsx(Se,{}),e.jsx(be,{}),e.jsx(Fe,{}),e.jsx(ye,{}),e.jsx(Re,{}),e.jsx(Ce,{}),e.jsx(we,{}),e.jsx(Le,{}),e.jsx(De,{}),e.jsx(Te,{}),e.jsx(Ge,{}),e.jsx(Ue,{}),e.jsx(Pe,{}),e.jsx("br",{}),e.jsx("br",{}),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(We,{}),e.jsx(qe,{}),e.jsx(ze,{}),e.jsx(Ke,{}),e.jsx(Qe,{}),e.jsx(Ve,{}),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(cn,{}),e.jsx("br",{}),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(In,{}),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(Cn,{}),e.jsx(Ln,{})]});m.storyName="Combinations";var b,F,y;m.parameters={...m.parameters,docs:{...(b=m.parameters)==null?void 0:b.docs,source:{originalSource:`() => <>
|
|
10
|
-
<Default />
|
|
11
|
-
<br />
|
|
12
|
-
<br />
|
|
13
|
-
<NowrapUndefined />
|
|
14
|
-
<NowrapTrue />
|
|
15
|
-
<NowrapFalse />
|
|
16
|
-
<br />
|
|
17
|
-
<br />
|
|
18
|
-
<ColumnReverseTrueUndefined />
|
|
19
|
-
<ColumnReverseTrueFalse />
|
|
20
|
-
<ColumnReverseTrueTrue />
|
|
21
|
-
<ColumnReverseFalseUndefined />
|
|
22
|
-
<ColumnReverseFalseFalse />
|
|
23
|
-
<ColumnReverseFalseTrue />
|
|
24
|
-
<ColumnReverseUndefinedUndefined />
|
|
25
|
-
<ColumnReverseUndefinedFalse />
|
|
26
|
-
<ColumnReverseUndefinedTrue />
|
|
27
|
-
<br />
|
|
28
|
-
<br />
|
|
29
|
-
<DirectionRow />
|
|
30
|
-
<DirectionRowReverse />
|
|
31
|
-
<DirectionColumn />
|
|
32
|
-
<DirectionColumnReverse />
|
|
33
|
-
<DirectionColumnReverseResponsive />
|
|
34
|
-
<DirectionColumnReverseResponsiveInvertedOrder />
|
|
35
|
-
<br />
|
|
36
|
-
<br />
|
|
37
|
-
<JustifyContentCenter />
|
|
38
|
-
<JustifyContentStart />
|
|
39
|
-
<JustifyContentEnd />
|
|
40
|
-
<JustifyContentSpaceBetween />
|
|
41
|
-
<JustifyContentSpaceAround />
|
|
42
|
-
<JustifyContentSpaceEvenly />
|
|
43
|
-
<JustifyContentResponsive />
|
|
44
|
-
<JustifyContentResponsiveInvertedOrder />
|
|
45
|
-
<br />
|
|
46
|
-
<br />
|
|
47
|
-
<AlignItemsCenter />
|
|
48
|
-
<AlignItemsStart />
|
|
49
|
-
<AlignItemsEnd />
|
|
50
|
-
<AlignItemsStretch />
|
|
51
|
-
<AlignItemsBaseline />
|
|
52
|
-
<AlignItemsResponsive />
|
|
53
|
-
<AlignItemsResponsiveInvertedOrder />
|
|
54
|
-
<br />
|
|
55
|
-
<br />
|
|
56
|
-
<GapSpacing0 />
|
|
57
|
-
<GapSpacing1 />
|
|
58
|
-
<GapSpacing2 />
|
|
59
|
-
<GapSpacing4 />
|
|
60
|
-
<GapSpacing8 />
|
|
61
|
-
<GapSpacing12 />
|
|
62
|
-
<GapSpacing16 />
|
|
63
|
-
<GapSpacing20 />
|
|
64
|
-
<GapSpacing24 />
|
|
65
|
-
<GapSpacing32 />
|
|
66
|
-
<GapSpacing48 />
|
|
67
|
-
<GapSpacing64 />
|
|
68
|
-
<GapSpacing96 />
|
|
69
|
-
<GapSpacing160 />
|
|
70
|
-
<LayoutGapNone />
|
|
71
|
-
<LayoutGap3xs />
|
|
72
|
-
<LayoutGap2xs />
|
|
73
|
-
<LayoutGapXs />
|
|
74
|
-
<LayoutGapS />
|
|
75
|
-
<LayoutGapM />
|
|
76
|
-
<LayoutGapL />
|
|
77
|
-
<LayoutGapXl />
|
|
78
|
-
<GapSpacingResponsive />
|
|
79
|
-
<GapSpacingResponsiveInvertedOrder />
|
|
80
|
-
<br />
|
|
81
|
-
<br />
|
|
82
|
-
<PaddingSpacing0 />
|
|
83
|
-
<PaddingSpacing1 />
|
|
84
|
-
<PaddingSpacing2 />
|
|
85
|
-
<PaddingSpacing4 />
|
|
86
|
-
<PaddingSpacing8 />
|
|
87
|
-
<PaddingSpacing12 />
|
|
88
|
-
<PaddingSpacing16 />
|
|
89
|
-
<PaddingSpacing20 />
|
|
90
|
-
<PaddingSpacing24 />
|
|
91
|
-
<PaddingSpacing32 />
|
|
92
|
-
<PaddingSpacing48 />
|
|
93
|
-
<PaddingSpacing64 />
|
|
94
|
-
<PaddingSpacing96 />
|
|
95
|
-
<PaddingSpacing160 />
|
|
96
|
-
<LayoutPaddingNone />
|
|
97
|
-
<LayoutPadding3xs />
|
|
98
|
-
<LayoutPadding2xs />
|
|
99
|
-
<LayoutPaddingXs />
|
|
100
|
-
<LayoutPaddingS />
|
|
101
|
-
<LayoutPaddingM />
|
|
102
|
-
<LayoutPaddingL />
|
|
103
|
-
<LayoutPaddingXl />
|
|
104
|
-
<PaddingSpacingResponsive />
|
|
105
|
-
<PaddingSpacingResponsiveInvertedOrder />
|
|
106
|
-
<SpacingShorthand2 />
|
|
107
|
-
<SpacingShorthand3 />
|
|
108
|
-
<SpacingShorthand4 />
|
|
109
|
-
<SpacingShorthandResponsive />
|
|
110
|
-
<SpacingMixResponsive />
|
|
111
|
-
<br />
|
|
112
|
-
<br />
|
|
113
|
-
<HideInlineTrueUndefined />
|
|
114
|
-
<br />
|
|
115
|
-
<HideInlineTrueFalse />
|
|
116
|
-
<br />
|
|
117
|
-
<HideInlineTrueTrue />
|
|
118
|
-
<br />
|
|
119
|
-
<HideInlineFalseUndefined />
|
|
120
|
-
<br />
|
|
121
|
-
<HideInlineFalseFalse />
|
|
122
|
-
<br />
|
|
123
|
-
<HideInlineFalseTrue />
|
|
124
|
-
<br />
|
|
125
|
-
<HideInlineUndefinedUndefined />
|
|
126
|
-
<br />
|
|
127
|
-
<HideInlineUndefinedFalse />
|
|
128
|
-
<br />
|
|
129
|
-
<HideInlineUndefinedTrue />
|
|
130
|
-
<br />
|
|
131
|
-
<HideInlineResponsive />
|
|
132
|
-
<br />
|
|
133
|
-
<HideInlineResponsiveInvertedOrder />
|
|
134
|
-
<br />
|
|
135
|
-
<br />
|
|
136
|
-
<RelativeTrue />
|
|
137
|
-
<RelativeFalse />
|
|
138
|
-
<RelativeResponsive />
|
|
139
|
-
<RelativeResponsiveInvertedOrder />
|
|
140
|
-
<br />
|
|
141
|
-
<br />
|
|
142
|
-
<DataOverrideGlobalClass />
|
|
143
|
-
<DataOverrideLocalClass />
|
|
144
|
-
</>`,...(y=(F=m.parameters)==null?void 0:F.docs)==null?void 0:y.source}}};const Kn=["Combinations"];export{m as Combinations,Kn as __namedExportsOrder,zn as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._FieldAdditionalText_8vwkw_4{margin:0;font-weight:var(--026ea8);font-size:var(--3f1843);line-height:var(--030292);letter-spacing:var(--c142cd)}._FieldAdditionalText--variant-normal_8vwkw_11{color:var(--3d280d)}._FieldAdditionalText--variant-error_8vwkw_14{color:var(--9167e9)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._FieldLayout--input_hylbu_5{border-radius:var(--c4b051);display:flex;position:relative;align-items:center;background-color:var(--302ecf);color:var(--41d493);background-color:var(--211bc0)}@media (hover: hover) and (pointer: fine){._FieldLayout--input_hylbu_5:hover input,._FieldLayout--input_hylbu_5:hover textarea{border-color:var(--0bd642)}}._FieldLayout--input_hylbu_5 input,._FieldLayout--input_hylbu_5 textarea{border-color:var(--29cd58);border-width:var(--d9baa3);border-radius:var(--c4b051);border-style:solid;background:none;outline:none;font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);padding:calc(var(--d9baa3) + var(--1ba55a));padding-right:calc(var(--477fda) - var(--d9baa3));padding-left:calc(var(--477fda) - var(--d9baa3))}._FieldLayout--input_hylbu_5 input::placeholder,._FieldLayout--input_hylbu_5 textarea::placeholder{color:var(--d9209f)}._FieldLayout--icon_hylbu_42{position:absolute;top:0;display:flex;align-items:center;height:100%;left:calc(var(--477fda) - var(--d9baa3));font-size:0;pointer-events:none}._FieldLayout--icon_hylbu_42 svg{color:var(--cbc724)}._FieldLayout--has-icon_hylbu_55 ._FieldLayout--input_hylbu_5 input{padding-left:calc(calc(var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a))}._FieldLayout--has-button_hylbu_58 ._FieldLayout--input_hylbu_5 input{padding-right:58px}._FieldLayout--has-error_hylbu_61 ._FieldLayout--input_hylbu_5{background-color:var(--95df5b)}._FieldLayout--has-error_hylbu_61 ._FieldLayout--input_hylbu_5 input,._FieldLayout--has-error_hylbu_61 ._FieldLayout--input_hylbu_5 textarea{border-color:var(--eaf4a3);color:var(--7b0f41)}._FieldLayout--has-error_hylbu_61 ._FieldLayout--icon_hylbu_42 svg{color:var(--7b0f41)}._FieldLayout--is-focused_hylbu_72 ._FieldLayout--input_hylbu_5 input,._FieldLayout--is-focused_hylbu_72 ._FieldLayout--input_hylbu_5 textarea{border-color:var(--398094)}._FieldLayout--is-disabled_hylbu_76 ._FieldLayout--input_hylbu_5{background-color:var(--04daeb)}._FieldLayout--is-disabled_hylbu_76 ._FieldLayout--input_hylbu_5 input,._FieldLayout--is-disabled_hylbu_76 ._FieldLayout--input_hylbu_5 textarea{border-color:transparent}._FieldLayout--input_hylbu_5 button{position:absolute;top:calc(var(--1ba55a) + var(--6947b0));right:var(--6947b0);margin-top:calc(-1 * var(--1ba55a));margin-bottom:calc(-1 * var(--1ba55a))}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as u}from"./jsx-runtime-DKCSRAmE.js";import{r as y}from"./index-B3evPFBL.js";import{F as C}from"./FieldLayoutBase-BL2BWoGd.js";import{d as r,b as o}from"./classNames-BhD67HvA.js";import{w as t}from"./componentNames-BSriaIOD.js";const d={"FieldLayout--input":"_FieldLayout--input_hylbu_5","FieldLayout--icon":"_FieldLayout--icon_hylbu_42","FieldLayout--has-icon":"_FieldLayout--has-icon_hylbu_55","FieldLayout--has-button":"_FieldLayout--has-button_hylbu_58","FieldLayout--has-error":"_FieldLayout--has-error_hylbu_61","FieldLayout--is-focused":"_FieldLayout--is-focused_hylbu_72","FieldLayout--is-disabled":"_FieldLayout--is-disabled_hylbu_76"},I=({id:n,className:c,input:b,icon:i,button:F,disabled:m,isFocused:L,hasError:_,inputHandle:s,onClick:l,preplyDsComponent:f,...p},j)=>{const e=y.useRef(null);y.useImperativeHandle(j,()=>({setFocus:()=>s==null?void 0:s.setFocus(),scrollIntoView:()=>{var a;return(a=e==null?void 0:e.current)==null?void 0:a.scrollIntoView()}}));const h=r(d,t.FieldLayout,[o("is-disabled",void 0,m),o("is-focused",void 0,L),o("has-error",void 0,_),o("has-icon",void 0,!!i),o("has-button",void 0,!!F)]),N=c?[c,...h]:h,v=r(d,t.FieldLayout,["input"]),x=r(d,t.FieldLayout,["icon"]),w=a=>{s==null||s.setFocus(),l==null||l(a)};return u.jsx(C,{id:n,className:N.join(" "),disabled:m,isFocused:L,hasError:_,...p,preplyDsComponent:f??t.FieldLayout,ref:e,children:u.jsxs("div",{className:v.join(" "),onClick:w,children:[i&&u.jsx("span",{className:x.join(" "),children:i}),b,F]})})},g=y.forwardRef(I);export{g as F};
|