@preply/ds-docs 9.1.0 → 10.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{00.LayoutFlex.stories-BYXnY64p.js → 00.LayoutFlex.stories-DB9Y25qw.js} +1 -1
- package/dist/assets/{00.applications-BsH2V3W_.js → 00.applications-C7qyvM1y.js} +1 -1
- package/dist/assets/{00.favicons.guide-eBYOUVUH.js → 00.favicons.guide-BmYhSQZH.js} +1 -1
- package/dist/assets/{00.token-explorer-B2ulyaA-.js → 00.token-explorer-zaz4V88E.js} +1 -1
- package/dist/assets/{00.using-responsive-props-CTjUYXUc.js → 00.using-responsive-props-DKW-uWVH.js} +1 -1
- package/dist/assets/01-2pw2iC19.css +1 -0
- package/dist/assets/01.semantic-tokens-Qf9qY_Sk.js +11 -0
- package/dist/assets/{01.using-shorthand-props-CwDUu5-3.js → 01.using-shorthand-props-BedWZyE3.js} +1 -1
- package/dist/assets/{10.Combinations.stories-DyRUlGlL.js → 10.Combinations.stories-DL8TmNJ4.js} +1 -1
- package/dist/assets/{10.fonts.guide-DeXmgJeZ.js → 10.fonts.guide-DWCtIfPx.js} +1 -1
- package/dist/assets/{10.ssr-Cc4-BW5H.js → 10.ssr-FDyVDtdm.js} +1 -1
- package/dist/assets/11.fonts.explorer-Bh_GOQIH.js +2 -0
- package/dist/assets/{11.ssr.app-router-D1SE_zWj.js → 11.ssr.app-router-C5TwsO2T.js} +1 -1
- package/dist/assets/{20.libraries-DfhUsp74.js → 20.libraries-Cnl2_NKK.js} +1 -1
- package/dist/assets/{2025-q4-ds-cleanup-DGnTtnn3.js → 2025-q4-ds-cleanup-Bpa9AZ8j.js} +1 -1
- package/dist/assets/{30.icons.explorer-D0CP2r0K.js → 30.icons.explorer-BBtz-vBk.js} +3 -3
- package/dist/assets/{30.storybook-fiICi3pf.js → 30.storybook-C9GpdY6w.js} +1 -1
- package/dist/assets/{40.illustrations.explorer-BAusB8PF.js → 40.illustrations.explorer-BRtj5sFB.js} +1 -1
- package/dist/assets/{90.advanced-DcSeiSZJ.js → 90.advanced-hNSc64rO.js} +1 -1
- package/dist/assets/{Accordion-BEPo4ld1.js → Accordion-CedlUpYk.js} +1 -1
- package/dist/assets/{Accordion.stories-BQqvv6_w.js → Accordion.stories-K6mzrdt8.js} +1 -1
- package/dist/assets/{Accordion.tests.stories-CbPTut9X.js → Accordion.tests.stories-B6lTbT6X.js} +1 -1
- package/dist/assets/AlertBanner.primitives.stories-CX03Ob-5.js +14 -0
- package/dist/assets/{AlertBanner.stories-CMG9DJ2x.js → AlertBanner.stories-Cla7i7qF.js} +2 -2
- package/dist/assets/{AlertBannerText-CmhnTe_E.js → AlertBannerAction-CW-WBC-Q.js} +39 -39
- package/dist/assets/{AlertDialog.stories-DizQy7gK.js → AlertDialog.stories-BKmaZZoo.js} +1 -1
- package/dist/assets/{Avatar-DooDODLU.js → Avatar-Dlo9b83e.js} +1 -1
- package/dist/assets/{Avatar.stories-D7qshDw_.js → Avatar.stories-B27rtxK8.js} +1 -1
- package/dist/assets/{AvatarWithStatus.stories-Dj6jZHHV.js → AvatarWithStatus.stories-DBeEaQQL.js} +1 -1
- package/dist/assets/{Badge-e3LEfrfi.css → Badge-BVnE8GHY.css} +1 -1
- package/dist/assets/Badge-CEZW6Ww4.js +10 -0
- package/dist/assets/Badge.stories-ioY8q4d7.js +90 -0
- package/dist/assets/{Box.stories-CHbntlOv.js → Box.stories-udfSjNu1.js} +1 -1
- package/dist/assets/{BubbleCounter.stories-DTv3QqdJ.js → BubbleCounter.stories-D2G7jKKI.js} +1 -1
- package/dist/assets/{Button-KCBOR544.js → Button-DS2bg8PO.js} +3 -3
- package/dist/assets/{Button.stories-pEk6dWrs.js → Button.stories-VD5Bx8BA.js} +1 -1
- package/dist/assets/{Button-6DthIrMV.css → ButtonBase-Bv11I0L0.css} +1 -1
- package/dist/assets/ButtonBase-CPJxprWJ.js +1 -0
- package/dist/assets/{ButtonBase-D1x6yeKi.js → ButtonBase-sV1YoG7h.js} +2 -2
- package/dist/assets/{CalloutBanner.stories-C-mTLhQp.js → CalloutBanner.stories-Cda3BZCl.js} +23 -23
- package/dist/assets/{Checkbox-BpQ-rwun.js → Checkbox-Cmmcg7FL.js} +2 -2
- package/dist/assets/{Checkbox.stories-DsN55u_O.js → Checkbox.stories-B0kQw-sr.js} +1 -1
- package/dist/assets/{Checkbox.tests.stories-Bep_STbH.js → Checkbox.tests.stories-DDyVlpZg.js} +1 -1
- package/dist/assets/{Chips.stories-Da8J7RES.js → Chips.stories-DcxW_jqF.js} +1 -1
- package/dist/assets/{Color-ASIRERSW-DWyFOMGN.js → Color-ASIRERSW-9q9Af87o.js} +1 -1
- package/dist/assets/{ComposingPopovers.stories-qqCHKKj8.js → ComposingPopovers.stories-Co69SyGH.js} +1 -1
- package/dist/assets/{CountryFlag-CSGb4nau.js → CountryFlag-BKEpYyWK.js} +18 -18
- package/dist/assets/{CountryFlag.stories-DQpEMYMX.js → CountryFlag.stories-o-8kmOZA.js} +1 -1
- package/dist/assets/{CountryFlag.test.stories-CzcCUxia.js → CountryFlag.test.stories-CKkoBStk.js} +1 -1
- package/dist/assets/Dialog-DaLOtRn0.js +13 -0
- package/dist/assets/{Dialog.primitives.stories-CSDdsj-9.js → Dialog.primitives.stories-CDU4GhAO.js} +1 -1
- package/dist/assets/Dialog.stories-N8LTxdNu.js +324 -0
- package/dist/assets/{Dialog.test.stories-DngMxsX4.js → Dialog.test.stories-tViVBTuF.js} +6 -6
- package/dist/assets/{DialogActions-DTUDyqFX.js → DialogActions-_9FMsJ9P.js} +34 -34
- package/dist/assets/{DialogTitle-DJPc1ITB.js → DialogCloseButton-CDDeMFIL.js} +63 -63
- package/dist/assets/DialogCloseButton-DXcPNZE4.css +1 -0
- package/dist/assets/DismissibleChips-X4A9KOxs.js +1 -0
- package/dist/assets/{DismissibleChips.stories-Bi-ob_1G.js → DismissibleChips.stories-DbnvLIw0.js} +1 -1
- package/dist/assets/{Divider-CPpmQZmq.js → Divider-WS0wDfQZ.js} +1 -1
- package/dist/assets/{Divider.stories-CfHb5qbc.js → Divider.stories-BO1cg142.js} +1 -1
- package/dist/assets/{DocsRenderer-GHJI37HO-DtP4EKUP.js → DocsRenderer-GHJI37HO-CzsXSkAO.js} +2 -2
- package/dist/assets/{DropdownMenu-N9_otewg.js → DropdownMenu-CB6xg9YD.js} +410 -410
- package/dist/assets/{DropdownMenu.stories-CEAGHTed.js → DropdownMenu.stories-E-6mIs-U.js} +2 -2
- package/dist/assets/{FieldButton-CCXniKhy.js → FieldButton-CYcQXg37.js} +1 -1
- package/dist/assets/{FieldButton.stories-CJM_6H-S.js → FieldButton.stories-UNjMUuGT.js} +1 -1
- package/dist/assets/{FormControl-CygcWV_h.js → FormControl-DgD7Nr_L.js} +1 -1
- package/dist/assets/{FormControl.stories-C5u8y2E-.js → FormControl.stories-DlqjswdS.js} +1 -1
- package/dist/assets/{Heading-Bie8QWaf.js → Heading-BPJGe0Bg.js} +1 -1
- package/dist/assets/{Heading.stories-D0fztdY8.js → Heading.stories-B9_Jr0z3.js} +1 -1
- package/dist/assets/{Icon-RSC-D3qlB5DK.js → Icon-RSC-BcGoz5Ez.js} +1 -1
- package/dist/assets/{Icon-BX3I9JNh.js → Icon-kphbe0CE.js} +2 -2
- package/dist/assets/{Icon.stories-By891-S7.js → Icon.stories-CKAjKBCa.js} +1 -1
- package/dist/assets/IconButton-D4lbFOKH.js +8 -0
- package/dist/assets/{IconTile.stories-Dns_iBHK.js → IconTile.stories-BlATLdyV.js} +1 -1
- package/dist/assets/{Input-DwA6-keB.js → Input-Cp2OkxN8.js} +19 -19
- package/dist/assets/{InputContainer-BM2ePliH.js → InputContainer-BlXlJbfJ.js} +1 -1
- package/dist/assets/{IntegrationWithReactHookForm.stories-mIoeMj7y.js → IntegrationWithReactHookForm.stories-BstJWvGF.js} +1 -1
- package/dist/assets/{IntlFormattedCurrency.stories-7qKke3dW.js → IntlFormattedCurrency.stories-CXBsKa8I.js} +9 -9
- package/dist/assets/{IntlFormattedDateTime.stories-C2pI0ems.js → IntlFormattedDateTime.stories-m5rFuyxv.js} +7 -7
- package/dist/assets/{LayoutFlex-0WdUDfah.js → LayoutFlex-Drgj-jqd.js} +1 -1
- package/dist/assets/{LayoutFlex-BnIoY5YK.js → LayoutFlex-p_p7LCCd.js} +1 -1
- package/dist/assets/{LayoutFlexItem-9sCC-db-.js → LayoutFlexItem-DrxhQlf5.js} +1 -1
- package/dist/assets/{LayoutGrid-DfyCnoOo.js → LayoutGrid-DZv08iKe.js} +1 -1
- package/dist/assets/{LayoutGrid-DqPWofJQ.js → LayoutGrid-eROIp1sZ.js} +1 -1
- package/dist/assets/{LayoutGrid.stories-CPzyKie2.js → LayoutGrid.stories-DAnbCvD6.js} +1 -1
- package/dist/assets/{LayoutGridItem-BhNbXpRk.js → LayoutGridItem-DiU_IdjQ.js} +1 -1
- package/dist/assets/{Link-C686zlPi.js → Link-BHV5DCu-.js} +2 -2
- package/dist/assets/{Link.stories-NTXG_YAN.js → Link.stories-CFRsbzfM.js} +1 -1
- package/dist/assets/{Loader.stories-CobXaiZW.js → Loader.stories-bvaq9oGD.js} +1 -1
- package/dist/assets/MultiSelectChips-CVg9kaKd.js +2 -0
- package/dist/assets/{MultiSelectChips.stories-D8qk9Xh6.js → MultiSelectChips.stories-DOiIDnhX.js} +1 -1
- package/dist/assets/{NativeSelectField.stories-BDO41u_T.js → NativeSelectField.stories-DojmcjvT.js} +23 -23
- package/dist/assets/NumberField-FWK2ErPL.js +6 -0
- package/dist/assets/{NumberField.stories-Dcw2SaBe.js → NumberField.stories-BEVJXeBn.js} +1 -1
- package/dist/assets/{ObserveIntersection-Be6WqdPA.js → ObserveIntersection-MtxhRIzU.js} +2 -2
- package/dist/assets/{ObserveIntersection.stories-DZmhDs2t.js → ObserveIntersection.stories-0f-z6V25.js} +1 -1
- package/dist/assets/{OnboardingTooltip-CsTure6K.js → OnboardingTooltip-DdKwzkB-.js} +1 -1
- package/dist/assets/{OnboardingTooltip.stories-C_B-G4_v.js → OnboardingTooltip.stories-DV2yAiRE.js} +1 -1
- package/dist/assets/{OnboardingTooltip.tests.stories-CpZhGhGz.js → OnboardingTooltip.tests.stories-32a4fLzf.js} +1 -1
- package/dist/assets/{OnboardingTour-Dsl4caiq.js → OnboardingTour-m4V6QT-X.js} +1 -1
- package/dist/assets/{OnboardingTour.stories-DqC8M1Kd.js → OnboardingTour.stories-dLZBYgbr.js} +2 -2
- package/dist/assets/{OnboardingTour.tests.stories-DGFSuiWj.js → OnboardingTour.tests.stories-BnPXyzmi.js} +1 -1
- package/dist/assets/PasswordField-Bp2beBoD.js +6 -0
- package/dist/assets/{PasswordField.stories-CZeXEfzi.js → PasswordField.stories-BxnBBn2_.js} +1 -1
- package/dist/assets/{PreplyLogo.stories-shAJfg57.js → PreplyLogo.stories-BuK8vK1R.js} +2 -2
- package/dist/assets/{ProgressBar.stories-iYTaP7-a.js → ProgressBar.stories-CwpXa86g.js} +1 -1
- package/dist/assets/{ProgressSteps-Dq6mpMpu.js → ProgressSteps-DCVAFT7X.js} +1 -1
- package/dist/assets/{ProgressSteps.stories-DHMPLYQI.js → ProgressSteps.stories--reXlzAk.js} +1 -1
- package/dist/assets/{PromoDialog-D8vw3Grl.js → PromoDialog-BPWEGGGS.js} +1 -1
- package/dist/assets/{RangeSlider-Bhq0kPco.js → RangeSlider-BKIG-XfV.js} +1 -1
- package/dist/assets/{RangeSlider.stories-g3pQNpDu.js → RangeSlider.stories-Dr7UfAUm.js} +1 -1
- package/dist/assets/{Rating.stories-CjioX0Al.js → Rating.stories-Cmpcr64W.js} +1 -1
- package/dist/assets/{RatingInput.stories-D33p4lyo.js → RatingInput.stories-DWxrhIwu.js} +2 -2
- package/dist/assets/{SelectField-Dndb8yfM.js → SelectField-BRicVVj7.js} +9 -9
- package/dist/assets/{SelectField.stories-CvIWxsEK.js → SelectField.stories-D6sJHBcs.js} +1 -1
- package/dist/assets/{ShowOnIntersection.stories-dFG1F9xz.js → ShowOnIntersection.stories-DT94aTYJ.js} +1 -1
- package/dist/assets/SingleSelectChips-B1d9MkC-.js +2 -0
- package/dist/assets/{SingleSelectChips.stories-CUP8Bkco.js → SingleSelectChips.stories-QdsPQJO8.js} +1 -1
- package/dist/assets/{Slider-BECc3Wis.js → Slider-CVM0huNa.js} +1 -1
- package/dist/assets/{Slider.stories-DjmgzkjU.js → Slider.stories-UCLuhto1.js} +1 -1
- package/dist/assets/{Spinner-lj2QA4al.js → Spinner-BG27lVzS.js} +1 -1
- package/dist/assets/{Stars-jpVWvTeN.js → Stars-St7ZRTZK.js} +1 -1
- package/dist/assets/{Steps-GOg1wsKY.js → Steps-CBqiqb-6.js} +1 -1
- package/dist/assets/{Steps.stories-kIC1j0Ik.js → Steps.stories-DOWMlpTM.js} +1 -1
- package/dist/assets/{Switch-7aX4SIla.js → Switch-DJROHOKs.js} +1 -1
- package/dist/assets/{Switch.stories-DT7OULK4.js → Switch.stories-C9cCCv8l.js} +1 -1
- package/dist/assets/{Text-cq49jjad.js → Text-C8DrHLQF.js} +1 -1
- package/dist/assets/{Text-CmJvwKqR.js → Text-FXv4P3JX.js} +1 -1
- package/dist/assets/{Text.stories-CS1pqas4.js → Text.stories-Cmn2Kn0h.js} +1 -1
- package/dist/assets/TextField--Ctd_eHi.js +6 -0
- package/dist/assets/{TextField.stories-CzFG171A.js → TextField.stories-Bly_tLuN.js} +1 -1
- package/dist/assets/{TextHighlighted.stories-CLRQJAB8.js → TextHighlighted.stories-CdIzDMMS.js} +1 -1
- package/dist/assets/{TextInline.stories-DSzsl_kb.js → TextInline.stories-NWWAzVY1.js} +1 -1
- package/dist/assets/{TextareaField-DBMUxHiI.js → TextareaField-DDEIieQg.js} +23 -23
- package/dist/assets/{TextareaField.stories-CUD2MBoL.js → TextareaField.stories-CyuOlu4z.js} +1 -1
- package/dist/assets/{Toast.stories-DPD668gP.js → Toast.stories-BFWVkg8-.js} +1 -1
- package/dist/assets/{TokyoUIAttach-BtX3U917.js → TokyoUIAttach-Bj2xsZ5E.js} +1 -1
- package/dist/assets/{TokyoUIAvailability7LateNight-CjHQEFhh.js → TokyoUIAvailability7LateNight-CyPCBR0g.js} +1 -1
- package/dist/assets/{TokyoUICheck-DfGyg7qp.js → TokyoUICheck-Cg3ZJnmD.js} +1 -1
- package/dist/assets/{TokyoUICheckmark-CittwpP4.js → TokyoUICheckmark-CPDgq6wU.js} +1 -1
- package/dist/assets/{TokyoUIChevronDown-D9z1Bocr.js → TokyoUIChevronDown-CqAWFBEe.js} +1 -1
- package/dist/assets/{TokyoUIChevronRight-DQBrjC0F.js → TokyoUIChevronRight-UHMBQAxX.js} +1 -1
- package/dist/assets/{TokyoUIClose-C1pVTvLz.js → TokyoUIClose-DoJfpCh8.js} +1 -1
- package/dist/assets/{TokyoUIEmojiFrowning-D-sR3DAq.js → TokyoUIEmojiFrowning-Bztw_WuD.js} +1 -1
- package/dist/assets/{TokyoUIErrorWarning-CDZ53m2_.js → TokyoUIErrorWarning-CE6C7y8g.js} +1 -1
- package/dist/assets/{TokyoUIExerciseClosedGapsJumble-DYuDUGYW.js → TokyoUIExerciseClosedGapsJumble-OGZLJcQZ.js} +1 -1
- package/dist/assets/{TokyoUIEye-Bgb_ZF1l.js → TokyoUIEye-BRl8T4Ci.js} +1 -1
- package/dist/assets/{TokyoUIFav-B1z6F-nK.js → TokyoUIFav-w08HsdRu.js} +1 -1
- package/dist/assets/{TokyoUIInfo-CwPA0O_V.js → TokyoUIInfo-BoGHBgEW.js} +1 -1
- package/dist/assets/{TokyoUILanguage-Cnby-Siw.js → TokyoUILanguage-Bd98PINi.js} +1 -1
- package/dist/assets/{TokyoUILibraryExplore-D3Zqdc29.js → TokyoUILibraryExplore-C-3tnEbW.js} +1 -1
- package/dist/assets/{TokyoUILock-BVVVVd2O.js → TokyoUILock-d81cInRU.js} +1 -1
- package/dist/assets/{TokyoUIMessages-B0IlDk1q.js → TokyoUIMessages-0is9ybHR.js} +1 -1
- package/dist/assets/{TokyoUIMinus-Bev2a7lF.js → TokyoUIMinus-DPJ4shry.js} +1 -1
- package/dist/assets/{TokyoUINotebook-BCMFA3qu.js → TokyoUINotebook-DLrYm4si.js} +1 -1
- package/dist/assets/{TokyoUINotesWithPad-Bi4bu_3q.js → TokyoUINotesWithPad-D6VO7CbF.js} +1 -1
- package/dist/assets/{TokyoUIPhone-CX3CAtW4.js → TokyoUIPhone-bFlwEn-_.js} +1 -1
- package/dist/assets/{TokyoUISettings-BlCV0s5R.js → TokyoUISettings-DhHyIlWv.js} +1 -1
- package/dist/assets/{TokyoUISparkle-C5euAhof.js → TokyoUISparkle-B1jtDvOV.js} +1 -1
- package/dist/assets/{TokyoUIStarFilled-Dm7Rk3-6.js → TokyoUIStarFilled-Cj894376.js} +1 -1
- package/dist/assets/{TokyoUITag-CxUsuh1h.js → TokyoUITag-fMAL09F9.js} +1 -1
- package/dist/assets/{TokyoUIUpload-C50QSO0I.js → TokyoUIUpload-DM2TbvbX.js} +1 -1
- package/dist/assets/{TokyoUIUser-Cb3Rabu0.js → TokyoUIUser-Ba7_NA45.js} +1 -1
- package/dist/assets/{Tooltip-Zk6DNyQp.js → Tooltip-DDtzGgNm.js} +1 -1
- package/dist/assets/{Tooltip.stories-DvCDg7L5.js → Tooltip.stories-j1bsH2PP.js} +1 -1
- package/dist/assets/{Tooltip.tests.stories-DhLZuVsr.js → Tooltip.tests.stories-DFas0O9K.js} +1 -1
- package/dist/assets/{VisuallyHidden-lSSiGvdb.js → VisuallyHidden-GZBFKPVs.js} +1 -1
- package/dist/assets/{WithTooltip-IO6J4KBT-BXUfDxdY.js → WithTooltip-IO6J4KBT-2Wz16aqd.js} +1 -1
- package/dist/assets/{align-self-kXdO3hx1.js → align-self-D0ug8REo.js} +1 -1
- package/dist/assets/{axe-D9-qZHEg.js → axe-BcoLkzU-.js} +1 -1
- package/dist/assets/{breakpoints-QW-40zGS.js → breakpoints-BBwYud6y.js} +1 -1
- package/dist/assets/{breakpoints-C7qnntd1.js → breakpoints-BDFtAvFy.js} +1 -1
- package/dist/assets/{breakpoints-Cmpvj56z.js → breakpoints-CIy8w3Dv.js} +1 -1
- package/dist/assets/{changelog-BWMxpTM2.js → changelog-DIkUnuOo.js} +23 -1
- package/dist/assets/{client-DvDoBCIp.js → client-oIdhQPH3.js} +1 -1
- package/dist/assets/{constants-6ClT3n6m.js → constants-Cwb-3GQ_.js} +47 -47
- package/dist/assets/{createRequiredContext-63KJmEaI.js → createRequiredContext-5BPDYgIa.js} +87 -87
- package/dist/assets/fonts-explorer-B5KcfnOG.css +1 -0
- package/dist/assets/fonts-explorer.stories-Bp_9af2z.js +130 -0
- package/dist/assets/{formatter-QJ4M4OGQ-kybJ6bB6.js → formatter-QJ4M4OGQ-D2xZe9AO.js} +1 -1
- package/dist/assets/{getTokenVar-CszfVUbW.js → getTokenVar-B7BEyIpS.js} +1 -1
- package/dist/assets/getTokenVar-B8jDl0Ui.js +1 -0
- package/dist/assets/{gradientBorders-DRFre4M2.js → gradientBorders-B12ps1Or.js} +1 -1
- package/dist/assets/{hover-DLl5EEx6.js → hover-5BxL9d9v.js} +1 -1
- package/dist/assets/{hover-DVoxXiPd.js → hover-CG8OgvC5.js} +1 -1
- package/dist/assets/{hover-D3OYWSUH.js → hover-gsGL4vVH.js} +1 -1
- package/dist/assets/{iframe-CpMEswOF.js → iframe-DjYTJz7A.js} +8 -8
- package/dist/assets/{index-B_7ihsZD.js → index-BII7aPfQ.js} +1 -1
- package/dist/assets/{index-DT-MbRPK.js → index-CUvrBGJo.js} +1 -1
- package/dist/assets/{index-jLr7d-Kb.js → index-C_O4jEc0.js} +1 -1
- package/dist/assets/{index-IVtS1ZoW.js → index-DHDwwoCu.js} +1 -1
- package/dist/assets/{index-dUCHvwfu.js → index-DOwxXd3L.js} +1 -1
- package/dist/assets/{index-Cc28ZUNU.js → index-cpi3YaXo.js} +1 -1
- package/dist/assets/{intro-1RVcci_B.js → intro-BXKxOrdm.js} +1 -1
- package/dist/assets/{layout-relative-Bq7IHzTJ.js → layout-relative-DQF7VcUK.js} +1 -1
- package/dist/assets/{layout-relative.module-1z75aSwo-B4ha7m6U.js → layout-relative.module-1z75aSwo-CsvB7_pT.js} +1 -1
- package/dist/assets/{layout-relative.module-Bhi7U482.js → layout-relative.module-BM7yIsEb.js} +1 -1
- package/dist/assets/{mcp-D4dEnAH6.js → mcp-X-VhpP6n.js} +1 -1
- package/dist/assets/{message-CTdBLxyt.js → message-DiUVdAQd.js} +1 -1
- package/dist/assets/{migrating-from-less-DyPFNe_D.js → migrating-from-less-8Nm2XYdW.js} +1 -1
- package/dist/assets/{playground.stories-Cd-KauE2.js → playground.stories-B4hfD_Uq.js} +1 -1
- package/dist/assets/{react-18-B6ZQhKaW.js → react-18-B4n119qZ.js} +1 -1
- package/dist/assets/{render-icon-c7okze1K.js → render-icon-DZ6hllTG.js} +1 -1
- package/dist/assets/{render-icon-CiYBms-s.js → render-icon-DlE4AZJV.js} +1 -1
- package/dist/assets/{shared-strings-BChji30Y.js → shared-strings-ZccoNgto.js} +1 -1
- package/dist/assets/{styled-components.browser.esm-Cm3dhVk9.js → styled-components.browser.esm-3T8u8x7l.js} +1 -1
- package/dist/assets/{styled-components.browser.esm-DsMoKq9m.js → styled-components.browser.esm-DegKtid9.js} +1 -1
- package/dist/assets/{syntaxhighlighter-IQDEPFLK-ckmVX3NN.js → syntaxhighlighter-IQDEPFLK-B-ddKj4v.js} +1 -1
- package/dist/assets/{text-accent-DZ_ihUdH.js → text-accent-C5-m5mrW.js} +1 -1
- package/dist/assets/{text-centered-B26ac1NU.js → text-centered-CqZrbSb_.js} +1 -1
- package/dist/assets/{text-centered-DiwR-QSx.js → text-centered-D70wah8Y.js} +1 -1
- package/dist/assets/{tokens-DO-XJjoF.js → tokens-BXEYWkXR.js} +1 -1
- package/dist/assets/{tokens-B_sXFQpU.js → tokens-CBFYFIpi.js} +1 -1
- package/dist/assets/{tokens-5M__FcH-.js → tokens-ChCvx9cz.js} +1 -1
- package/dist/assets/{tokens-DTCyqZ0W.js → tokens-Cp4gIGSO.js} +1 -1
- package/dist/assets/{useControllableState-ouxkeS_b.js → useControllableState-DQg81cp5.js} +1 -1
- package/dist/assets/useHostname-By9vNKnQ.js +1 -0
- package/dist/assets/{useMergeRefs-DkQLsYW4.js → useMergeRefs-CL5DIjXV.js} +1 -1
- package/dist/assets/{useMergeRefs-BVh7Ch_S.js → useMergeRefs-jFGYKOXz.js} +1 -1
- package/dist/assets/{useOpenInteractionType-BBP_TXgz.js → useOpenInteractionType-B976GY1b.js} +1 -1
- package/dist/assets/{usePortalElement-Cm2Hqn3J.js → usePortalElement-B3bWjUcx.js} +1 -1
- package/dist/assets/{useStableCallback-DHq1eG2Q.js → useStableCallback-662ysKf2.js} +1 -1
- package/dist/assets/{useToken-CX1vf7pV.js → useToken-CJ7hsZh9.js} +1 -1
- package/dist/assets/{welcome-CNokV_38.js → welcome-bR5y4uLm.js} +1 -1
- package/dist/assets/{zeroheight-8zVSToXs.js → zeroheight-D-Xst36e.js} +1 -1
- package/dist/iframe.html +1 -1
- package/dist/index.json +1 -1
- package/dist/preview-stats.json +9392 -9440
- package/dist/project.json +1 -1
- package/package.json +5 -5
- package/dist/assets/01-BEFb1grO.css +0 -1
- package/dist/assets/01.semantic-tokens-DaqL26gu.js +0 -11
- package/dist/assets/11.fonts.explorer-ZD_-8450.js +0 -2
- package/dist/assets/AlertBanner.primitives.stories-B8wM25gx.js +0 -14
- package/dist/assets/Badge-BOSHGFZw.js +0 -10
- package/dist/assets/Badge.stories-D2WAGDpD.js +0 -72
- package/dist/assets/Button-C8B7W2Qo.js +0 -1
- package/dist/assets/Dialog-Bmg2gpCM.js +0 -3
- package/dist/assets/Dialog.stories-BfS-yGJK.js +0 -248
- package/dist/assets/DialogTitle-8iZEMHpI.css +0 -1
- package/dist/assets/DismissibleChips-CRFGhm8B.js +0 -1
- package/dist/assets/IconButton-DVKNd7ZK.js +0 -8
- package/dist/assets/MultiSelectChips-DJ1p23QD.js +0 -2
- package/dist/assets/NumberField-DmosE2JM.js +0 -6
- package/dist/assets/PasswordField-DQuar8x2.js +0 -6
- package/dist/assets/SingleSelectChips-BqEBu1qF.js +0 -2
- package/dist/assets/TextField-BkMawuql.js +0 -6
- package/dist/assets/fonts-explorer-BKje7Hq_.css +0 -1
- package/dist/assets/fonts-explorer.stories-DP7h1C3f.js +0 -130
- package/dist/assets/getTokenVar-DntuTYid.js +0 -1
- package/dist/assets/index-9rU-ZrVj.js +0 -75
- package/dist/assets/useHostname-BVhrcDgi.js +0 -1
- /package/dist/assets/{AlertBannerText-Dgo9FikS.css → AlertBannerAction-Dgo9FikS.css} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as n}from"./iframe-
|
|
1
|
+
import{j as n}from"./iframe-DjYTJz7A.js";import{L as r}from"./LayoutFlexItem-DrxhQlf5.js";import{L as p}from"./LayoutFlex-p_p7LCCd.js";import{S as t,a as h}from"./consts-KAYct7Gj.js";import"./preload-helper-Dp1pzeXC.js";import"./align-self-D0ug8REo.js";import"./layout-relative-DQF7VcUK.js";import"./layout-relative.module-BM7yIsEb.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";const C={title:"components/LayoutFlex",component:p,subcomponents:{LayoutFlexItem:r},argTypes:{gap:{description:t},padding:{description:h},direction:{description:t},justifyContent:{description:t},alignItems:{description:t},hide:{description:t},relative:{description:t}}},e=()=>n.jsxs(p,{gap:"16",children:[n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink"},children:" "}),n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink"},children:" "}),n.jsx(r,{stretch:!0,children:n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink",textAlign:"center"},children:"stretch"})})]});e.storyName="LayoutFlex";const o={parameters:{chromatic:{disableSnapshot:!0}},args:{gap:"16",children:n.jsxs(n.Fragment,{children:[n.jsx("div",{style:{minWidth:"100px",height:50,backgroundColor:"hotpink"},children:" "}),n.jsx("div",{style:{minWidth:"100px",height:75,backgroundColor:"hotpink"},children:" "}),n.jsx(r,{stretch:!0,children:n.jsx("div",{style:{minWidth:"100px",height:100,backgroundColor:"hotpink",textAlign:"center"}})})]}),dataset:{qaid:"layout-flex"}},argTypes:{dataset:{control:"object"},nowrap:{control:"boolean"},hide:{control:"boolean"},relative:{control:"boolean"},inline:{control:"boolean"},direction:{control:"select"},children:{control:!1},column:{table:{disable:!0}},reverse:{table:{disable:!0}}}};var i,a,l;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`() => <LayoutFlex gap="16">
|
|
2
2
|
<div style={{
|
|
3
3
|
minWidth: '100px',
|
|
4
4
|
backgroundColor: 'hotpink'
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e,M as o}from"./iframe-
|
|
1
|
+
import{j as e,M as o}from"./iframe-DjYTJz7A.js";import{useMDXComponents as r}from"./index-cpi3YaXo.js";import"./preload-helper-Dp1pzeXC.js";function t(s){const n={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Installation/Applications"}),`
|
|
2
2
|
`,e.jsx(n.h1,{id:"installation-applications",children:"Installation: Applications"}),`
|
|
3
3
|
`,e.jsx(n.p,{children:"This guide applies to both client-side and server-side rendered React applications."}),`
|
|
4
4
|
`,e.jsx(n.h2,{id:"packages",children:"Packages"}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as n,M as o}from"./iframe-
|
|
1
|
+
import{j as n,M as o}from"./iframe-DjYTJz7A.js";import{useMDXComponents as i}from"./index-cpi3YaXo.js";import"./preload-helper-Dp1pzeXC.js";function t(s){const e={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",strong:"strong",...i(),...s.components};return n.jsxs(n.Fragment,{children:[n.jsx(o,{title:"Guides/Assets/Favicons"}),`
|
|
2
2
|
`,n.jsx(e.h1,{id:"favicons",children:"Favicons"}),`
|
|
3
3
|
`,n.jsxs(e.p,{children:["The optimised assets are available under ",n.jsx(e.strong,{children:"preply.com"})," in the formats required by modern and legacy browsers, as well as Android and iOS devices."]}),`
|
|
4
4
|
`,n.jsxs(e.p,{children:["Refer to ",n.jsx(e.a,{href:"https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs",rel:"nofollow",children:"How to Favicon in 2022: Six files that fit most needs"})," for a detailed breakdown of the formats."]}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{aM as F,aN as L,r as a,aO as z,u as E,v as N,as as O,g as A,j as t,ar as B,aP as M,T as W,aQ as R,V as H,aR as V,aS as q,M as G,aT as K,aF as Y}from"./iframe-DjYTJz7A.js";import{useMDXComponents as U}from"./index-cpi3YaXo.js";import{L as p}from"./LayoutFlex-Drgj-jqd.js";import{g as X,u as Q}from"./useToken-CJ7hsZh9.js";import{b as J}from"./tokens-Cp4gIGSO.js";import{L as w}from"./LayoutGrid-DZv08iKe.js";import{T as y}from"./Text-FXv4P3JX.js";import{f as Z}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{w as T}from"./componentNames-hc9KR2nX.js";import{d as n}from"./styled-components.browser.esm-DegKtid9.js";import{o as ee}from"./mixins-DZk1Zeoo.js";import"./preload-helper-Dp1pzeXC.js";import"./layout-relative.module-1z75aSwo-CsvB7_pT.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";import"./text-centered-CqZrbSb_.js";import"./emotion-unitless.esm-BZwEwAnk.js";const te=e=>Array.isArray(e)&&e.length===3&&F.includes(e[L]),re=()=>{const{setTheme:e}=a.useContext(z);return{setTheme:e}},ne="TextHighlighted__ehLpO",oe={TextHighlighted:ne,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__a1Ymf","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__QQm6L","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__n35-d","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__YEj6c","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__uDEFk","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__JrA2s","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__tfVNZ","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__W1sMI","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__dzj54","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__V3-1S"},h=a.forwardRef(function({children:r,highlight:i=O,tag:o=B,dataset:s,...d},l){const m=E(oe,T.TextHighlighted,[N("highlight",i)]),g={...Z(d),ref:l,className:m.join(" "),...A(s,{preplyDsComponent:T.TextHighlighted})};return t.jsx(o,{...g,children:r})});h.__docgenInfo={description:"",methods:[],displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"'green'",computed:!1},required:!1},tag:{defaultValue:{value:"'span'",computed:!1},required:!1}}};const ie=(e,r)=>({token:r,name:e,id:r[W],type:r[L],colorSchemeAware:!!r[M]}),I=(e,r)=>Object.entries(r).flatMap(([i,o])=>{const s=`${e}.${i}`;return te(o)?[ie(s,o)]:I(s,o)}),se=e=>Object.entries(e).flatMap(([r,i])=>I(r,i)),ae=se(J),de=(e,r,i)=>e.filter(o=>{if(r==="-"||r==="--")return!0;if(r!=null&&r.startsWith("--"))return o.id.toLowerCase().startsWith(r.substring(2).toLowerCase());if(r){const s=o.name.toLowerCase().indexOf(r.toLowerCase())>-1,d=o.value.toLowerCase().indexOf(r.toLowerCase())>-1;return(s||d)&&(i?o.colorSchemeAware:!o.colorSchemeAware)}return i?o.colorSchemeAware:!o.colorSchemeAware}),_=a.createContext({terms:"",colorScheme:void 0,results:[],setColorScheme:()=>{},setSearchTerms:()=>{}});var D;const le=((D=window==null?void 0:window.localStorage)==null?void 0:D.getItem("storybook.ds-color-scheme"))||void 0;function ce(e,r){return ae.map(o=>({...o,value:`${X(e,r,o.token)}`}))}const he=({children:e})=>{const{findColorScheme:r}=R(),{theme:i}=H(),[o,s]=a.useState(le),[d,l]=a.useState(""),[m,g]=a.useState([]),u=a.useCallback(x=>s(x),[s]),f=a.useCallback(x=>l(x),[l]);if(!i)throw new Error("useToken() must be used within a ThemeProvider");return a.useEffect(()=>{const x=r(o||"base"),v=ce(i,x);g(de(v,d,!!o))},[o,r,d,i]),t.jsx(_.Provider,{value:{terms:d,results:m,colorScheme:o,setSearchTerms:f,setColorScheme:u},children:t.jsx(V,{colorScheme:o||"base",children:e})})},j=()=>a.useContext(_),ge=n.div`
|
|
2
2
|
width: 64px;
|
|
3
3
|
height: 64px;
|
|
4
4
|
color: white;
|
package/dist/assets/{00.using-responsive-props-CTjUYXUc.js → 00.using-responsive-props-DKW-uWVH.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as w,u as x,v as h,w as j,g as f,j as e,A as g,M as b}from"./iframe-
|
|
1
|
+
import{r as w,u as x,v as h,w as j,g as f,j as e,A as g,M as b}from"./iframe-DjYTJz7A.js";import{useMDXComponents as o}from"./index-cpi3YaXo.js";import{f as y}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{w as t}from"./componentNames-hc9KR2nX.js";import{A as C}from"./constants-5om8Ptru.js";import{B as N}from"./breakpoints-BfMlrtxE.js";import"./preload-helper-Dp1pzeXC.js";const R="Avatar__ENaap",M={Avatar:R,"Avatar--size-24":"Avatar--size-24__ObR4y","Avatar--size-32":"Avatar--size-32__dN-5k","Avatar--size-48":"Avatar--size-48__ddqP8","Avatar--size-64":"Avatar--size-64__-Ju7I","Avatar--size-96":"Avatar--size-96__KgHP3","Avatar--size-160":"Avatar--size-160__KZ0Fc","Avatar--narrow-l--size-24":"Avatar--narrow-l--size-24__qXCWM","Avatar--narrow-l--size-32":"Avatar--narrow-l--size-32__qq9TP","Avatar--narrow-l--size-48":"Avatar--narrow-l--size-48__h51Bn","Avatar--narrow-l--size-64":"Avatar--narrow-l--size-64__LnrZ9","Avatar--narrow-l--size-96":"Avatar--narrow-l--size-96__n3HEe","Avatar--narrow-l--size-160":"Avatar--narrow-l--size-160__1zjWL","Avatar--medium-s--size-24":"Avatar--medium-s--size-24__7-PF9","Avatar--medium-s--size-32":"Avatar--medium-s--size-32__kS7dJ","Avatar--medium-s--size-48":"Avatar--medium-s--size-48__7rHLm","Avatar--medium-s--size-64":"Avatar--medium-s--size-64__eSycG","Avatar--medium-s--size-96":"Avatar--medium-s--size-96__gMO59","Avatar--medium-s--size-160":"Avatar--medium-s--size-160__VHYbX","Avatar--medium-l--size-24":"Avatar--medium-l--size-24__wkAJa","Avatar--medium-l--size-32":"Avatar--medium-l--size-32__ZX2QH","Avatar--medium-l--size-48":"Avatar--medium-l--size-48__17P3w","Avatar--medium-l--size-64":"Avatar--medium-l--size-64__FpM1G","Avatar--medium-l--size-96":"Avatar--medium-l--size-96__5-hlk","Avatar--medium-l--size-160":"Avatar--medium-l--size-160__fa-Bb","Avatar--wide-s--size-24":"Avatar--wide-s--size-24__ggmeN","Avatar--wide-s--size-32":"Avatar--wide-s--size-32__J7HvU","Avatar--wide-s--size-48":"Avatar--wide-s--size-48__FDJLh","Avatar--wide-s--size-64":"Avatar--wide-s--size-64__qE9HQ","Avatar--wide-s--size-96":"Avatar--wide-s--size-96__yjySN","Avatar--wide-s--size-160":"Avatar--wide-s--size-160__sQ83p","Avatar--wide-l--size-24":"Avatar--wide-l--size-24__lammM","Avatar--wide-l--size-32":"Avatar--wide-l--size-32__hM5mX","Avatar--wide-l--size-48":"Avatar--wide-l--size-48__mLV4a","Avatar--wide-l--size-64":"Avatar--wide-l--size-64__uQV-R","Avatar--wide-l--size-96":"Avatar--wide-l--size-96__nbICp","Avatar--wide-l--size-160":"Avatar--wide-l--size-160__gRCi9","Avatar--round":"Avatar--round__Ndyn3"},r=w.forwardRef(function({size:a=g,round:i,src:l,alt:m="",dataset:v,crossOrigin:A,..._},z){const p=i??!0,u=x(M,t.Avatar,[h("size",a),j("round",void 0,p)]),c={...y(_),ref:z,className:u.join(" "),...f(v,{preplyDsComponent:t.Avatar})};return e.jsx("picture",{...c,children:e.jsx("img",{src:l||C,alt:m,crossOrigin:A})})});r.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{defaultValue:{value:"'32'",computed:!1},required:!1},alt:{defaultValue:{value:'""',computed:!1},required:!1}}};const E=()=>e.jsx("table",{style:{fontSize:14},children:e.jsx("tbody",{children:Object.entries(N).map(([s,a])=>e.jsxs("tr",{children:[e.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:e.jsx("code",{children:s})}),e.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:e.jsxs("code",{children:[a,"px"]})})]},s))})}),n="./assets/avatar-1.png";function d(s){const a={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(b,{title:"Guides/Responsive Props"}),`
|
|
2
2
|
`,e.jsx(a.h1,{id:"responsive-props",children:"Responsive Props"}),`
|
|
3
3
|
`,e.jsx(a.p,{children:`Some component props optionally accept responsive values for different screen sizes
|
|
4
4
|
based on the global breakpoints:`}),`
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.Button__lJRiF .leadingIcon__OZj4E,.Button__lJRiF .trailingIcon__d6fiW{display:-webkit-box;display:-ms-flexbox;display:flex}.Button__lJRiF .leadingIcon__OZj4E svg path,.Button__lJRiF .trailingIcon__d6fiW svg path{fill:currentColor}.Button__lJRiF .leadingIcon__OZj4E{margin-left:calc(-1 * var(--53860b))}.Button__lJRiF .trailingIcon__d6fiW{margin-right:calc(-1 * var(--53860b))}.Button--size-s__02RwJ .icon__M1Hs-,.Button--size-m__m1kGp .icon__M1Hs-,.Button--size-small__hrJyO .icon__M1Hs-,.Button--size-medium__ToEik .icon__M1Hs-{margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}.Button--size-s__02RwJ .icon__M1Hs- svg,.Button--size-m__m1kGp .icon__M1Hs- svg,.Button--size-small__hrJyO .icon__M1Hs- svg,.Button--size-medium__ToEik .icon__M1Hs- svg{width:var(--f316e1);height:var(--f316e1)}.Button--size-l__rHzPz .icon__M1Hs-,.Button--size-large__2ARbP .icon__M1Hs-{margin-top:calc(-1 * var(--7789ee) / 2);margin-bottom:calc(-1 * var(--7789ee) / 2)}.Button--size-l__rHzPz .icon__M1Hs- svg,.Button--size-large__2ARbP .icon__M1Hs- svg{width:var(--7789ee);height:var(--7789ee)}@media (min-width: 400px){.Button--narrow-l--size-s__1iIxT .icon__M1Hs-,.Button--narrow-l--size-m__Hn-71 .icon__M1Hs-,.Button--narrow-l--size-small__clOC0 .icon__M1Hs-,.Button--narrow-l--size-medium__4CZXu .icon__M1Hs-{margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}.Button--narrow-l--size-s__1iIxT .icon__M1Hs- svg,.Button--narrow-l--size-m__Hn-71 .icon__M1Hs- svg,.Button--narrow-l--size-small__clOC0 .icon__M1Hs- svg,.Button--narrow-l--size-medium__4CZXu .icon__M1Hs- svg{width:var(--f316e1);height:var(--f316e1)}.Button--narrow-l--size-l__VsnrA .icon__M1Hs-,.Button--narrow-l--size-large__NNkfS .icon__M1Hs-{margin-top:calc(-1 * var(--7789ee) / 2);margin-bottom:calc(-1 * var(--7789ee) / 2)}.Button--narrow-l--size-l__VsnrA .icon__M1Hs- svg,.Button--narrow-l--size-large__NNkfS .icon__M1Hs- svg{width:var(--7789ee);height:var(--7789ee)}}@media (min-width: 700px){.Button--medium-s--size-s__JOAqd .icon__M1Hs-,.Button--medium-s--size-m__hQdSS .icon__M1Hs-,.Button--medium-s--size-small__EweV7 .icon__M1Hs-,.Button--medium-s--size-medium__72Buq .icon__M1Hs-{margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}.Button--medium-s--size-s__JOAqd .icon__M1Hs- svg,.Button--medium-s--size-m__hQdSS .icon__M1Hs- svg,.Button--medium-s--size-small__EweV7 .icon__M1Hs- svg,.Button--medium-s--size-medium__72Buq .icon__M1Hs- svg{width:var(--f316e1);height:var(--f316e1)}.Button--medium-s--size-l__cRcEp .icon__M1Hs-,.Button--medium-s--size-large__PaPLT .icon__M1Hs-{margin-top:calc(-1 * var(--7789ee) / 2);margin-bottom:calc(-1 * var(--7789ee) / 2)}.Button--medium-s--size-l__cRcEp .icon__M1Hs- svg,.Button--medium-s--size-large__PaPLT .icon__M1Hs- svg{width:var(--7789ee);height:var(--7789ee)}}@media (min-width: 880px){.Button--medium-l--size-s__FrGUu .icon__M1Hs-,.Button--medium-l--size-m__SWC53 .icon__M1Hs-,.Button--medium-l--size-small__36CyE .icon__M1Hs-,.Button--medium-l--size-medium__ySDr1 .icon__M1Hs-{margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}.Button--medium-l--size-s__FrGUu .icon__M1Hs- svg,.Button--medium-l--size-m__SWC53 .icon__M1Hs- svg,.Button--medium-l--size-small__36CyE .icon__M1Hs- svg,.Button--medium-l--size-medium__ySDr1 .icon__M1Hs- svg{width:var(--f316e1);height:var(--f316e1)}.Button--medium-l--size-l__ImFHA .icon__M1Hs-,.Button--medium-l--size-large__o93q- .icon__M1Hs-{margin-top:calc(-1 * var(--7789ee) / 2);margin-bottom:calc(-1 * var(--7789ee) / 2)}.Button--medium-l--size-l__ImFHA .icon__M1Hs- svg,.Button--medium-l--size-large__o93q- .icon__M1Hs- svg{width:var(--7789ee);height:var(--7789ee)}}@media (min-width: 1200px){.Button--wide-s--size-s__fGKJg .icon__M1Hs-,.Button--wide-s--size-m__qAksG .icon__M1Hs-,.Button--wide-s--size-small__sKZpV .icon__M1Hs-,.Button--wide-s--size-medium__ovQ2U .icon__M1Hs-{margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}.Button--wide-s--size-s__fGKJg .icon__M1Hs- svg,.Button--wide-s--size-m__qAksG .icon__M1Hs- svg,.Button--wide-s--size-small__sKZpV .icon__M1Hs- svg,.Button--wide-s--size-medium__ovQ2U .icon__M1Hs- svg{width:var(--f316e1);height:var(--f316e1)}.Button--wide-s--size-l__MTeN9 .icon__M1Hs-,.Button--wide-s--size-large__vQ0OS .icon__M1Hs-{margin-top:calc(-1 * var(--7789ee) / 2);margin-bottom:calc(-1 * var(--7789ee) / 2)}.Button--wide-s--size-l__MTeN9 .icon__M1Hs- svg,.Button--wide-s--size-large__vQ0OS .icon__M1Hs- svg{width:var(--7789ee);height:var(--7789ee)}}@media (min-width: 1900px){.Button--wide-l--size-s__ROYdJ .icon__M1Hs-,.Button--wide-l--size-m__4cVoF .icon__M1Hs-,.Button--wide-l--size-small__RU5x9 .icon__M1Hs-,.Button--wide-l--size-medium__Hv0g8 .icon__M1Hs-{margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}.Button--wide-l--size-s__ROYdJ .icon__M1Hs- svg,.Button--wide-l--size-m__4cVoF .icon__M1Hs- svg,.Button--wide-l--size-small__RU5x9 .icon__M1Hs- svg,.Button--wide-l--size-medium__Hv0g8 .icon__M1Hs- svg{width:var(--f316e1);height:var(--f316e1)}.Button--wide-l--size-l__r0ktJ .icon__M1Hs-,.Button--wide-l--size-large__WblYc .icon__M1Hs-{margin-top:calc(-1 * var(--7789ee) / 2);margin-bottom:calc(-1 * var(--7789ee) / 2)}.Button--wide-l--size-l__r0ktJ .icon__M1Hs- svg,.Button--wide-l--size-large__WblYc .icon__M1Hs- svg{width:var(--7789ee);height:var(--7789ee)}}.AlignSelf__huNbz.AlignSelf--align-self-start__Pk4Ld{-ms-flex-item-align:start;align-self:start}.AlignSelf__huNbz.AlignSelf--align-self-center__oKqnl{-ms-flex-item-align:center;align-self:center}.AlignSelf__huNbz.AlignSelf--align-self-end__mLp7w{-ms-flex-item-align:end;align-self:end}.AlignSelf__huNbz.AlignSelf--align-self-stretch__e5jP9{-ms-flex-item-align:stretch;align-self:stretch}@media (min-width: 400px){.AlignSelf__huNbz.AlignSelf--narrow-l--align-self-start__RD68B{-ms-flex-item-align:start;align-self:start}.AlignSelf__huNbz.AlignSelf--narrow-l--align-self-center__9KYyf{-ms-flex-item-align:center;align-self:center}.AlignSelf__huNbz.AlignSelf--narrow-l--align-self-end__ydYg3{-ms-flex-item-align:end;align-self:end}.AlignSelf__huNbz.AlignSelf--narrow-l--align-self-stretch__an8ci{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 700px){.AlignSelf__huNbz.AlignSelf--medium-s--align-self-start__qq8h0{-ms-flex-item-align:start;align-self:start}.AlignSelf__huNbz.AlignSelf--medium-s--align-self-center__d0RSi{-ms-flex-item-align:center;align-self:center}.AlignSelf__huNbz.AlignSelf--medium-s--align-self-end__Kmsf2{-ms-flex-item-align:end;align-self:end}.AlignSelf__huNbz.AlignSelf--medium-s--align-self-stretch__j3NnI{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 880px){.AlignSelf__huNbz.AlignSelf--medium-l--align-self-start__74bsY{-ms-flex-item-align:start;align-self:start}.AlignSelf__huNbz.AlignSelf--medium-l--align-self-center__ljw4i{-ms-flex-item-align:center;align-self:center}.AlignSelf__huNbz.AlignSelf--medium-l--align-self-end__Pewtw{-ms-flex-item-align:end;align-self:end}.AlignSelf__huNbz.AlignSelf--medium-l--align-self-stretch__TkySK{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 1200px){.AlignSelf__huNbz.AlignSelf--wide-s--align-self-start__zgUOz{-ms-flex-item-align:start;align-self:start}.AlignSelf__huNbz.AlignSelf--wide-s--align-self-center__sU3Gp{-ms-flex-item-align:center;align-self:center}.AlignSelf__huNbz.AlignSelf--wide-s--align-self-end__o-XTQ{-ms-flex-item-align:end;align-self:end}.AlignSelf__huNbz.AlignSelf--wide-s--align-self-stretch__G9OEM{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 1900px){.AlignSelf__huNbz.AlignSelf--wide-l--align-self-start__DcXjX{-ms-flex-item-align:start;align-self:start}.AlignSelf__huNbz.AlignSelf--wide-l--align-self-center__36VHM{-ms-flex-item-align:center;align-self:center}.AlignSelf__huNbz.AlignSelf--wide-l--align-self-end__VolCH{-ms-flex-item-align:end;align-self:end}.AlignSelf__huNbz.AlignSelf--wide-l--align-self-stretch__pdrgF{-ms-flex-item-align:stretch;align-self:stretch}}.LayoutGridItem__HXV4b{margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;padding:0}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import{r as S,u as w,v,z as D,j as e,D as G,g as R,L as U,M as $,aF as g}from"./iframe-DjYTJz7A.js";import{useMDXComponents as b}from"./index-cpi3YaXo.js";import{r as y}from"./render-icon-DlE4AZJV.js";import{B as E,H as A}from"./ButtonBase-CPJxprWJ.js";import{w as f}from"./componentNames-hc9KR2nX.js";import{g as O,a as H,L as _}from"./LayoutGrid-DZv08iKe.js";import{f as P}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{b as a}from"./tokens-Cp4gIGSO.js";import"./preload-helper-Dp1pzeXC.js";import"./text-centered-CqZrbSb_.js";import"./useHostname-By9vNKnQ.js";import"./index-CC6DAVyL.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-1z75aSwo-CsvB7_pT.js";import"./constants-DYYVurUY.js";const F="Button__lJRiF",M="leadingIcon__OZj4E",V="trailingIcon__d6fiW",q="icon__M1Hs-",u={Button:F,leadingIcon:M,trailingIcon:V,"Button--size-s":"Button--size-s__02RwJ",icon:q,"Button--size-m":"Button--size-m__m1kGp","Button--size-small":"Button--size-small__hrJyO","Button--size-medium":"Button--size-medium__ToEik","Button--size-l":"Button--size-l__rHzPz","Button--size-large":"Button--size-large__2ARbP","Button--narrow-l--size-s":"Button--narrow-l--size-s__1iIxT","Button--narrow-l--size-m":"Button--narrow-l--size-m__Hn-71","Button--narrow-l--size-small":"Button--narrow-l--size-small__clOC0","Button--narrow-l--size-medium":"Button--narrow-l--size-medium__4CZXu","Button--narrow-l--size-l":"Button--narrow-l--size-l__VsnrA","Button--narrow-l--size-large":"Button--narrow-l--size-large__NNkfS","Button--medium-s--size-s":"Button--medium-s--size-s__JOAqd","Button--medium-s--size-m":"Button--medium-s--size-m__hQdSS","Button--medium-s--size-small":"Button--medium-s--size-small__EweV7","Button--medium-s--size-medium":"Button--medium-s--size-medium__72Buq","Button--medium-s--size-l":"Button--medium-s--size-l__cRcEp","Button--medium-s--size-large":"Button--medium-s--size-large__PaPLT","Button--medium-l--size-s":"Button--medium-l--size-s__FrGUu","Button--medium-l--size-m":"Button--medium-l--size-m__SWC53","Button--medium-l--size-small":"Button--medium-l--size-small__36CyE","Button--medium-l--size-medium":"Button--medium-l--size-medium__ySDr1","Button--medium-l--size-l":"Button--medium-l--size-l__ImFHA","Button--medium-l--size-large":"Button--medium-l--size-large__o93q-","Button--wide-s--size-s":"Button--wide-s--size-s__fGKJg","Button--wide-s--size-m":"Button--wide-s--size-m__qAksG","Button--wide-s--size-small":"Button--wide-s--size-small__sKZpV","Button--wide-s--size-medium":"Button--wide-s--size-medium__ovQ2U","Button--wide-s--size-l":"Button--wide-s--size-l__MTeN9","Button--wide-s--size-large":"Button--wide-s--size-large__vQ0OS","Button--wide-l--size-s":"Button--wide-l--size-s__ROYdJ","Button--wide-l--size-m":"Button--wide-l--size-m__4cVoF","Button--wide-l--size-small":"Button--wide-l--size-small__RU5x9","Button--wide-l--size-medium":"Button--wide-l--size-medium__Hv0g8","Button--wide-l--size-l":"Button--wide-l--size-l__r0ktJ","Button--wide-l--size-large":"Button--wide-l--size-large__WblYc"},r=S.forwardRef(function({variant:n=G,size:o=D,url:c,a11yLabel:B,leadingSvgIcon:d,trailingSvgIcon:m,children:j,...h},p){const k=!!d||!!m,z=w(u,f.Button,[v("size",o)]);return e.jsxs(E,{...h,ref:p,isIconButton:!1,variant:n,size:o,url:c,a11yLabel:B,preplyDsComponent:f.Button,className:k?z.join(" "):"",children:[!!d&&e.jsx("span",{className:`${u.icon} ${u.leadingIcon}`,children:y(d,{"aria-hidden":"true",focusable:"false"})}),j,!!m&&e.jsx("span",{className:`${u.icon} ${u.trailingIcon}`,children:y(m,{"aria-hidden":"true",focusable:"false"})})]})});r.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},size:{defaultValue:{value:"'small'",computed:!1},required:!1}}};const X="AlignSelf__huNbz",J={AlignSelf:X,"AlignSelf--align-self-start":"AlignSelf--align-self-start__Pk4Ld","AlignSelf--align-self-center":"AlignSelf--align-self-center__oKqnl","AlignSelf--align-self-end":"AlignSelf--align-self-end__mLp7w","AlignSelf--align-self-stretch":"AlignSelf--align-self-stretch__e5jP9","AlignSelf--narrow-l--align-self-start":"AlignSelf--narrow-l--align-self-start__RD68B","AlignSelf--narrow-l--align-self-center":"AlignSelf--narrow-l--align-self-center__9KYyf","AlignSelf--narrow-l--align-self-end":"AlignSelf--narrow-l--align-self-end__ydYg3","AlignSelf--narrow-l--align-self-stretch":"AlignSelf--narrow-l--align-self-stretch__an8ci","AlignSelf--medium-s--align-self-start":"AlignSelf--medium-s--align-self-start__qq8h0","AlignSelf--medium-s--align-self-center":"AlignSelf--medium-s--align-self-center__d0RSi","AlignSelf--medium-s--align-self-end":"AlignSelf--medium-s--align-self-end__Kmsf2","AlignSelf--medium-s--align-self-stretch":"AlignSelf--medium-s--align-self-stretch__j3NnI","AlignSelf--medium-l--align-self-start":"AlignSelf--medium-l--align-self-start__74bsY","AlignSelf--medium-l--align-self-center":"AlignSelf--medium-l--align-self-center__ljw4i","AlignSelf--medium-l--align-self-end":"AlignSelf--medium-l--align-self-end__Pewtw","AlignSelf--medium-l--align-self-stretch":"AlignSelf--medium-l--align-self-stretch__TkySK","AlignSelf--wide-s--align-self-start":"AlignSelf--wide-s--align-self-start__zgUOz","AlignSelf--wide-s--align-self-center":"AlignSelf--wide-s--align-self-center__sU3Gp","AlignSelf--wide-s--align-self-end":"AlignSelf--wide-s--align-self-end__o-XTQ","AlignSelf--wide-s--align-self-stretch":"AlignSelf--wide-s--align-self-stretch__G9OEM","AlignSelf--wide-l--align-self-start":"AlignSelf--wide-l--align-self-start__DcXjX","AlignSelf--wide-l--align-self-center":"AlignSelf--wide-l--align-self-center__36VHM","AlignSelf--wide-l--align-self-end":"AlignSelf--wide-l--align-self-end__VolCH","AlignSelf--wide-l--align-self-stretch":"AlignSelf--wide-l--align-self-stretch__pdrgF"},W="AlignSelf",K=s=>w(J,W,[v("align-self",s)]),Y="LayoutGridItem__HXV4b",Q={LayoutGridItem:Y},x=S.forwardRef(function({children:n,alignSelf:o,tag:c,hide:B,relative:d,dataset:m,...j},h){const p=w(Q,f.LayoutGridItem,[]),k=K(o),z=O(B),L=H(d),I=[...p,...k,...z,...L],N=c??U,C={...P(j),ref:h,className:I.join(" "),...R(m,{preplyDsComponent:f.LayoutGridItem})};return e.jsx(N,{...C,children:n})});x.__docgenInfo={description:"",methods:[],displayName:"LayoutGridItem"};const i=({inverted:s,textToken:n})=>{const o=a.color.text[n];return Array.isArray(o)?e.jsxs(x,{children:[e.jsx(A,{tag:"h4",variant:"medium",children:n}),e.jsx("div",{style:{color:`var(--${o[1]})`,maxWidth:"240px",padding:"10px",background:`var(--${s?a.color.background.primaryInverted[1]:a.color.background.primary[1]})`},children:e.jsxs("code",{children:["color.text.",n]})})]},n):null};i.defaultProps={inverted:!1};const t=({inverted:s,bgToken:n})=>{const o=a.color.background[n];return Array.isArray(o)?e.jsxs(x,{children:[e.jsx(A,{tag:"h4",variant:"medium",children:n}),e.jsxs("div",{style:{background:`var(--${a.color.background[n][1]})`,color:`var(--${s?a.color.text.inverted[1]:a.color.text.primary[1]})`,maxWidth:"240px",padding:"10px"},children:["Background token: ",e.jsxs("code",{children:["color.background.",n]})]})]},n):null};t.defaultProps={inverted:!1};const l=({contentToken:s})=>{const n=a.color.border[s];return Array.isArray(n)?e.jsxs(x,{children:[e.jsx(A,{tag:"h4",variant:"medium",children:s}),e.jsx("br",{}),e.jsxs("div",{style:{border:`1px solid var(--${n[1]})`,background:"transparent",color:`var(--${n[1]})`,maxWidth:"240px",height:"50px",padding:"10px"},children:["color.border.",s]})]},s):null};l.defaultProps={};const Z=()=>e.jsxs(_,{gap:"16",columns:2,children:[e.jsx(r,{children:"Token family: action.variant.primary.*"}),e.jsx(r,{variant:"secondary",children:"Token family: action.variant.secondary.*"}),e.jsx(r,{variant:"tertiary",children:"Token family: action.variant.tertiary.*"}),e.jsx(r,{variant:"ghost",children:"Token family: action.variant.ghost.*"}),e.jsx(r,{variant:"critical",children:"Token family: action.variant.critical.*"}),e.jsx(r,{variant:"onColor",children:"Token family: action.variant.onColor.*"}),e.jsx(r,{variant:"inverted",children:"Token family: action.variant.inverted.*"}),e.jsx(r,{disabled:!0,children:"Token family: action.variant.disabled.*"})]}),ee=()=>e.jsxs(_,{gap:"16",columns:4,children:[e.jsx(i,{textToken:"primary"}),e.jsx(i,{textToken:"secondary"}),e.jsx(i,{textToken:"tertiary"}),e.jsx(i,{textToken:"accentDark"}),e.jsx(i,{textToken:"placeholder"}),e.jsx(i,{textToken:"inverted",inverted:!0}),e.jsx(i,{textToken:"positive"}),e.jsx(i,{textToken:"info"}),e.jsx(i,{textToken:"warning"}),e.jsx(i,{textToken:"critical"})]}),ne=()=>e.jsxs(_,{gap:"16",columns:4,children:[e.jsx(t,{bgToken:"primary"}),e.jsx(t,{bgToken:"secondary"}),e.jsx(t,{bgToken:"tertiary"}),e.jsx(t,{bgToken:"overlay"}),e.jsx(t,{bgToken:"disabled"}),e.jsx(t,{bgToken:"brand"}),e.jsx(t,{bgToken:"brandB2b"}),e.jsx(t,{bgToken:"accentLight"}),e.jsx(t,{bgToken:"accentDark",inverted:!0}),e.jsx(t,{bgToken:"positiveLight"}),e.jsx(t,{bgToken:"positiveDark",inverted:!0}),e.jsx(t,{bgToken:"infoLight"}),e.jsx(t,{bgToken:"infoDark",inverted:!0}),e.jsx(t,{bgToken:"warningLight"}),e.jsx(t,{bgToken:"warningDark",inverted:!0}),e.jsx(t,{bgToken:"criticalLight"}),e.jsx(t,{bgToken:"criticalDark",inverted:!0}),e.jsx(t,{bgToken:"statusOnline"}),e.jsx(t,{bgToken:"statusOffline"}),e.jsx(t,{bgToken:"primaryInverted",inverted:!0}),e.jsx(t,{bgToken:"secondaryInverted",inverted:!0}),e.jsx(t,{bgToken:"tertiaryInverted",inverted:!0})]}),te=()=>e.jsxs(_,{gap:"16",columns:4,children:[e.jsx(l,{contentToken:"primary"}),e.jsx(l,{contentToken:"secondary"}),e.jsx(l,{contentToken:"secondary-opacity"}),e.jsx(l,{contentToken:"tertiary"}),e.jsx(l,{contentToken:"disabled"}),e.jsx(l,{contentToken:"brand"}),e.jsx(l,{contentToken:"critical"}),e.jsx(l,{contentToken:"focus"}),e.jsx(l,{contentToken:"positive"})]});function T(s){const n={h1:"h1",h2:"h2",p:"p",...b(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx($,{title:"Guides/Semantic tokens examples"}),`
|
|
2
|
+
`,e.jsx(n.h1,{id:"semantic-tokens-examples",children:"Semantic tokens examples"}),`
|
|
3
|
+
`,e.jsx(n.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."}),`
|
|
4
|
+
`,e.jsx(n.h2,{id:"text-tokens",children:"Text tokens"}),`
|
|
5
|
+
`,e.jsx(g,{children:e.jsx(ee,{})}),`
|
|
6
|
+
`,e.jsx(n.h2,{id:"background-tokens",children:"Background tokens"}),`
|
|
7
|
+
`,e.jsx(g,{children:e.jsx(ne,{})}),`
|
|
8
|
+
`,e.jsx(n.h2,{id:"action",children:"Action"}),`
|
|
9
|
+
`,e.jsx(g,{children:e.jsx(Z,{})}),`
|
|
10
|
+
`,e.jsx(n.h2,{id:"border-tokens",children:"Border tokens"}),`
|
|
11
|
+
`,e.jsx(g,{children:e.jsx(te,{})})]})}function je(s={}){const{wrapper:n}={...b(),...s.components};return n?e.jsx(n,{...s,children:e.jsx(T,{...s})}):T(s)}export{je as default};
|
package/dist/assets/{01.using-shorthand-props-CwDUu5-3.js → 01.using-shorthand-props-BedWZyE3.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e,M as d}from"./iframe-
|
|
1
|
+
import{j as e,M as d}from"./iframe-DjYTJz7A.js";import{useMDXComponents as a}from"./index-cpi3YaXo.js";import"./preload-helper-Dp1pzeXC.js";function s(i){const n={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...a(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(d,{title:"Guides/Shorthand Props"}),`
|
|
2
2
|
`,e.jsx(n.h1,{id:"shorthand-props",children:"Shorthand Props"}),`
|
|
3
3
|
`,e.jsxs(n.p,{children:["Some components accept shorthand values for spacing properties like ",e.jsx(n.code,{children:"padding"})," and ",e.jsx(n.code,{children:"margin"}),". These props can be specified in several ways:"]}),`
|
|
4
4
|
`,e.jsx(n.h2,{id:"single-value",children:"Single Value"}),`
|
package/dist/assets/{10.Combinations.stories-DyRUlGlL.js → 10.Combinations.stories-DL8TmNJ4.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./iframe-CpMEswOF.js";import{L as y}from"./LayoutFlexItem-9sCC-db-.js";import{L as n}from"./LayoutFlex-BnIoY5YK.js";import{f as D,d as T}from"./styled-components.browser.esm-DsMoKq9m.js";import"./preload-helper-Dp1pzeXC.js";import"./align-self-kXdO3hx1.js";import"./layout-relative-Bq7IHzTJ.js";import"./layout-relative.module-Bhi7U482.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";import"./emotion-unitless.esm-BZwEwAnk.js";function S(s){return e.jsx("div",{style:{background:"yellow",width:"100%"},children:s.children})}function b(s){return e.jsx("div",{style:{background:"orange",width:"100%"},children:s.children})}function U(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapUndefined"}),e.jsxs(n,{dataset:{testid:"NowrapUndefined"},children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function H(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapTrue"}),e.jsxs(n,{dataset:{testid:"NowrapTrue"},nowrap:!0,children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function O(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapFalse"}),e.jsxs(n,{dataset:{testid:"NowrapFalse"},nowrap:!1,children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function c(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function x(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function $(){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 A(){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 J(){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 k(){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 G(){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 _(){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 P(){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 E(){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 N(){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 B(){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 L(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionRowReverse"}),e.jsxs(n,{dataset:{testid:"DirectionRowReverse"},direction:"row-reverse",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function M(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumn"}),e.jsxs(n,{dataset:{testid:"DirectionColumn"},direction:"column",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function q(){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 z(){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 K(){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 Q(){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 V(){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 W(){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 X(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceBetween"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceBetween"},justifyContent:"space-between",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Y(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceAround"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceAround"},justifyContent:"space-around",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Z(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceEvenly"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceEvenly"},justifyContent:"space-evenly",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentResponsive"}),e.jsxs(n,{dataset:{testid:"JustifyContentResponsive"},justifyContent:{_:"center","narrow-l":"end","medium-s":"space-around","medium-l":"space-around","wide-s":"space-evenly","wide-l":"end"},children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"JustifyContentResponsiveInvertedOrder"},justifyContent:{"wide-l":"end","wide-s":"space-evenly","medium-l":"space-around","medium-s":"space-around","narrow-l":"end",_:"center"},children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function u(s){return e.jsx("div",{style:{background:"yellow",height:"60px"},children:s.children})}function o(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function se(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsCenter"}),e.jsxs(n,{dataset:{testid:"AlignItemsCenter"},alignItems:"center",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsStart"}),e.jsxs(n,{dataset:{testid:"AlignItemsStart"},alignItems:"start",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function re(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsEnd"}),e.jsxs(n,{dataset:{testid:"AlignItemsEnd"},alignItems:"end",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function de(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsStretch"}),e.jsxs(n,{dataset:{testid:"AlignItemsStretch"},alignItems:"stretch",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsBaseline"}),e.jsxs(n,{dataset:{testid:"AlignItemsBaseline"},alignItems:"baseline",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsResponsive"}),e.jsxs(n,{dataset:{testid:"AlignItemsResponsive"},alignItems:{_:"center","narrow-l":"end","medium-s":"baseline","medium-l":"center","wide-s":"stretch","wide-l":"end"},children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"AlignItemsResponsiveInvertedOrder"},alignItems:{"wide-l":"end","wide-s":"stretch","medium-l":"center","medium-s":"baseline","narrow-l":"end",_:"center"},children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function d(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function t(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testid:"Spacing0"},gap:"0",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function xe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testid:"Spacing1"},gap:"1",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testid:"Spacing2"},gap:"2",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function he(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testid:"Spacing4"},gap:"4",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testid:"Spacing8"},gap:"8",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testid:"Spacing12"},gap:"12",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function pe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testid:"Spacing16"},gap:"16",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ge(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testid:"Spacing20"},gap:"20",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testid:"Spacing24"},gap:"24",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function 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 fe(){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 Re(){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 we(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"SpacingResponsiveInvertedOrder"},gap:{"wide-l":"24","wide-s":"20","medium-l":"16","medium-s":"12","narrow-l":"8",_:"4"},children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function i(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function r(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function Ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testid:"Spacing0"},padding:"0",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testid:"Spacing1"},padding:"1",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testid:"Spacing2"},padding:"2",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function De(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testid:"Spacing4"},padding:"4",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testid:"Spacing8"},padding:"8",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testid:"Spacing12"},padding:"12",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function He(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testid:"Spacing16"},padding:"16",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testid:"Spacing20"},padding:"20",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function $e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testid:"Spacing24"},padding:"24",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing32"}),e.jsxs(n,{dataset:{testid:"Spacing32"},padding:"32",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing48"}),e.jsxs(n,{dataset:{testid:"Spacing48"},padding:"48",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing64"}),e.jsxs(n,{dataset:{testid:"Spacing64"},padding:"64",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ge(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing96"}),e.jsxs(n,{dataset:{testid:"Spacing96"},padding:"96",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function _e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing160"}),e.jsxs(n,{dataset:{testid:"Spacing160"},padding:"160",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Pe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingResponsive"},padding:{_:"4","narrow-l":"8","medium-s":"12","medium-l":"16","wide-s":"20","wide-l":"24"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"SpacingResponsiveInvertedOrder"},padding:{"wide-l":"24","wide-s":"20","medium-l":"16","medium-s":"12","narrow-l":"8",_:"4"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand2"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand2"},padding:["12","24"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Be(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand3"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand3"},padding:["12","24","48"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand4"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand4"},padding:["12","24","48","64"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthandResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingShorthandResponsive"},padding:{_:["1","2","4","8"],"narrow-l":["12","24","48","64"],"medium-s":["1","2","4","8"],"medium-l":["12","24","48","64"],"wide-s":["1","2","4","8"],"wide-l":["12","24","48","64"]},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function qe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingMixResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingMixResponsive"},padding:{_:["1","2","4","8"],"narrow-l":"12","medium-s":["1","2"],"medium-l":["12","24","48"],"wide-s":["1","2","4","8"],"wide-l":"64"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function a(s){return e.jsx("div",{style:{background:"yellow",width:"20%"},children:s.children})}function l(s){return e.jsx("div",{style:{background:"orange",width:"20%"},children:s.children})}function ze(){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 Ke(){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 Qe(){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 Ve(){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 We(){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 Xe(){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 Ye(){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 Ze(){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 en(){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 nn(){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 sn(){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 v(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function f(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function rn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeTrue"}),e.jsxs(n,{dataset:{testid:"RelativeTrue"},relative:!0,children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function dn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeFalse"}),e.jsxs(n,{dataset:{testid:"RelativeFalse"},relative:!1,children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function tn(){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(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function an(){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(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function C(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function I(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}const ln=D`
|
|
1
|
+
import{j as e}from"./iframe-DjYTJz7A.js";import{L as y}from"./LayoutFlexItem-DrxhQlf5.js";import{L as n}from"./LayoutFlex-p_p7LCCd.js";import{f as D,d as T}from"./styled-components.browser.esm-3T8u8x7l.js";import"./preload-helper-Dp1pzeXC.js";import"./align-self-D0ug8REo.js";import"./layout-relative-DQF7VcUK.js";import"./layout-relative.module-BM7yIsEb.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";import"./emotion-unitless.esm-BZwEwAnk.js";function S(s){return e.jsx("div",{style:{background:"yellow",width:"100%"},children:s.children})}function b(s){return e.jsx("div",{style:{background:"orange",width:"100%"},children:s.children})}function U(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapUndefined"}),e.jsxs(n,{dataset:{testid:"NowrapUndefined"},children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function H(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapTrue"}),e.jsxs(n,{dataset:{testid:"NowrapTrue"},nowrap:!0,children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function O(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapFalse"}),e.jsxs(n,{dataset:{testid:"NowrapFalse"},nowrap:!1,children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function c(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function x(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function $(){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 A(){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 J(){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 k(){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 G(){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 _(){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 P(){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 E(){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 N(){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 B(){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 L(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionRowReverse"}),e.jsxs(n,{dataset:{testid:"DirectionRowReverse"},direction:"row-reverse",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function M(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumn"}),e.jsxs(n,{dataset:{testid:"DirectionColumn"},direction:"column",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function q(){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 z(){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 K(){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 Q(){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 V(){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 W(){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 X(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceBetween"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceBetween"},justifyContent:"space-between",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Y(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceAround"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceAround"},justifyContent:"space-around",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Z(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceEvenly"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceEvenly"},justifyContent:"space-evenly",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentResponsive"}),e.jsxs(n,{dataset:{testid:"JustifyContentResponsive"},justifyContent:{_:"center","narrow-l":"end","medium-s":"space-around","medium-l":"space-around","wide-s":"space-evenly","wide-l":"end"},children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"JustifyContentResponsiveInvertedOrder"},justifyContent:{"wide-l":"end","wide-s":"space-evenly","medium-l":"space-around","medium-s":"space-around","narrow-l":"end",_:"center"},children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function u(s){return e.jsx("div",{style:{background:"yellow",height:"60px"},children:s.children})}function o(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function se(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsCenter"}),e.jsxs(n,{dataset:{testid:"AlignItemsCenter"},alignItems:"center",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsStart"}),e.jsxs(n,{dataset:{testid:"AlignItemsStart"},alignItems:"start",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function re(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsEnd"}),e.jsxs(n,{dataset:{testid:"AlignItemsEnd"},alignItems:"end",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function de(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsStretch"}),e.jsxs(n,{dataset:{testid:"AlignItemsStretch"},alignItems:"stretch",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsBaseline"}),e.jsxs(n,{dataset:{testid:"AlignItemsBaseline"},alignItems:"baseline",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsResponsive"}),e.jsxs(n,{dataset:{testid:"AlignItemsResponsive"},alignItems:{_:"center","narrow-l":"end","medium-s":"baseline","medium-l":"center","wide-s":"stretch","wide-l":"end"},children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"AlignItemsResponsiveInvertedOrder"},alignItems:{"wide-l":"end","wide-s":"stretch","medium-l":"center","medium-s":"baseline","narrow-l":"end",_:"center"},children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function d(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function t(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testid:"Spacing0"},gap:"0",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function xe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testid:"Spacing1"},gap:"1",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testid:"Spacing2"},gap:"2",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function he(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testid:"Spacing4"},gap:"4",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testid:"Spacing8"},gap:"8",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testid:"Spacing12"},gap:"12",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function pe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testid:"Spacing16"},gap:"16",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ge(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testid:"Spacing20"},gap:"20",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testid:"Spacing24"},gap:"24",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function 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 fe(){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 Re(){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 we(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"SpacingResponsiveInvertedOrder"},gap:{"wide-l":"24","wide-s":"20","medium-l":"16","medium-s":"12","narrow-l":"8",_:"4"},children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function i(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function r(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function Ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testid:"Spacing0"},padding:"0",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testid:"Spacing1"},padding:"1",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testid:"Spacing2"},padding:"2",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function De(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testid:"Spacing4"},padding:"4",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testid:"Spacing8"},padding:"8",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testid:"Spacing12"},padding:"12",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function He(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testid:"Spacing16"},padding:"16",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testid:"Spacing20"},padding:"20",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function $e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testid:"Spacing24"},padding:"24",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing32"}),e.jsxs(n,{dataset:{testid:"Spacing32"},padding:"32",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing48"}),e.jsxs(n,{dataset:{testid:"Spacing48"},padding:"48",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing64"}),e.jsxs(n,{dataset:{testid:"Spacing64"},padding:"64",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ge(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing96"}),e.jsxs(n,{dataset:{testid:"Spacing96"},padding:"96",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function _e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing160"}),e.jsxs(n,{dataset:{testid:"Spacing160"},padding:"160",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Pe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingResponsive"},padding:{_:"4","narrow-l":"8","medium-s":"12","medium-l":"16","wide-s":"20","wide-l":"24"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"SpacingResponsiveInvertedOrder"},padding:{"wide-l":"24","wide-s":"20","medium-l":"16","medium-s":"12","narrow-l":"8",_:"4"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand2"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand2"},padding:["12","24"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Be(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand3"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand3"},padding:["12","24","48"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand4"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand4"},padding:["12","24","48","64"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthandResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingShorthandResponsive"},padding:{_:["1","2","4","8"],"narrow-l":["12","24","48","64"],"medium-s":["1","2","4","8"],"medium-l":["12","24","48","64"],"wide-s":["1","2","4","8"],"wide-l":["12","24","48","64"]},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function qe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingMixResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingMixResponsive"},padding:{_:["1","2","4","8"],"narrow-l":"12","medium-s":["1","2"],"medium-l":["12","24","48"],"wide-s":["1","2","4","8"],"wide-l":"64"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function a(s){return e.jsx("div",{style:{background:"yellow",width:"20%"},children:s.children})}function l(s){return e.jsx("div",{style:{background:"orange",width:"20%"},children:s.children})}function ze(){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 Ke(){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 Qe(){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 Ve(){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 We(){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 Xe(){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 Ye(){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 Ze(){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 en(){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 nn(){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 sn(){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 v(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function f(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function rn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeTrue"}),e.jsxs(n,{dataset:{testid:"RelativeTrue"},relative:!0,children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function dn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeFalse"}),e.jsxs(n,{dataset:{testid:"RelativeFalse"},relative:!1,children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function tn(){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(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function an(){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(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function C(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function I(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}const ln=D`
|
|
2
2
|
div[data-override='true'] {
|
|
3
3
|
display:grid;
|
|
4
4
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e,M as o}from"./iframe-
|
|
1
|
+
import{j as e,M as o}from"./iframe-DjYTJz7A.js";import{useMDXComponents as l}from"./index-cpi3YaXo.js";import"./preload-helper-Dp1pzeXC.js";function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...l(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Assets/Fonts"}),`
|
|
2
2
|
`,e.jsx(n.h1,{id:"fonts",children:"Fonts"}),`
|
|
3
3
|
`,e.jsxs(n.p,{children:["The optimised assets are available under ",e.jsx(n.strong,{children:"preply.com"})," in the formats required by modern and legacy browsers."]}),`
|
|
4
4
|
`,e.jsxs(n.p,{children:["Refer to ",e.jsx(n.a,{href:"https://preply.atlassian.net/l/cp/0sQoEgGa",rel:"nofollow",children:"Create new universal brand fonts"})," for a detailed breakdown of the formats, optimisations and technical decisions."]}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e,M as o}from"./iframe-
|
|
1
|
+
import{j as e,M as o}from"./iframe-DjYTJz7A.js";import{useMDXComponents as r}from"./index-cpi3YaXo.js";import"./preload-helper-Dp1pzeXC.js";function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Installation/SSR/Next.js pages router"}),`
|
|
2
2
|
`,e.jsx(n.h1,{id:"installation-nextjs-pages-router",children:"Installation: Next.js pages router"}),`
|
|
3
3
|
`,e.jsxs(n.p,{children:["This guide assumes you have read and followed the steps in the ",e.jsx(n.a,{href:"/story/guides-installation-applications--page",children:"Installation: Applications"})," guide."]}),`
|
|
4
4
|
`,e.jsx(n.h2,{id:"packages",children:"Packages"}),`
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as t,M as i,S as p}from"./iframe-DjYTJz7A.js";import{useMDXComponents as n}from"./index-cpi3YaXo.js";import{F as e,D as s}from"./fonts-explorer.stories-Bp_9af2z.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CUvrBGJo.js";import"./componentNames-hc9KR2nX.js";import"./message-DiUVdAQd.js";import"./styled-components.browser.esm-DegKtid9.js";import"./emotion-unitless.esm-BZwEwAnk.js";import"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import"./TokyoUIExerciseClosedGapsJumble-OGZLJcQZ.js";import"./text-centered-CqZrbSb_.js";import"./render-icon-DlE4AZJV.js";import"./ButtonBase-CPJxprWJ.js";import"./useHostname-By9vNKnQ.js";import"./index-CC6DAVyL.js";import"./Text-FXv4P3JX.js";import"./getTokenVar-B8jDl0Ui.js";import"./tokens-Cp4gIGSO.js";import"./TokyoUIChevronRight-UHMBQAxX.js";import"./TokyoUICheck-Cg3ZJnmD.js";import"./breakpoints-BfMlrtxE.js";function m(o){return t.jsxs(t.Fragment,{children:[t.jsx(i,{of:e}),`
|
|
2
|
+
`,t.jsx(p,{of:s})]})}function b(o={}){const{wrapper:r}={...n(),...o.components};return r?t.jsx(r,{...o,children:t.jsx(m,{...o})}):m()}export{b as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e,M as s}from"./iframe-
|
|
1
|
+
import{j as e,M as s}from"./iframe-DjYTJz7A.js";import{useMDXComponents as n}from"./index-cpi3YaXo.js";import"./preload-helper-Dp1pzeXC.js";function o(r){const t={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...n(),...r.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Guides/Installation/SSR/Next.js app router"}),`
|
|
2
2
|
`,e.jsx(t.h1,{id:"installation-nextjs-app-router",children:"Installation: Next.js app router"}),`
|
|
3
3
|
`,e.jsxs(t.p,{children:["This guide assumes you have read and followed the steps in the ",e.jsx(t.a,{href:"/story/guides-installation-applications--page",children:"Installation: Applications"})," guide."]}),`
|
|
4
4
|
`,e.jsx(t.h2,{id:"packages",children:"Packages"}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e,M as r}from"./iframe-
|
|
1
|
+
import{j as e,M as r}from"./iframe-DjYTJz7A.js";import{useMDXComponents as o}from"./index-cpi3YaXo.js";import"./preload-helper-Dp1pzeXC.js";function i(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Guides/Installation/Libraries"}),`
|
|
2
2
|
`,e.jsx(n.h1,{id:"installation-libraries",children:"Installation: Libraries"}),`
|
|
3
3
|
`,e.jsxs(n.p,{children:["This guide applies to libraries consumed in Preply applications, and assumes these applications are already integrated according to the steps outlined in the ",e.jsx(n.a,{href:"/story/guides-installation-applications--page",children:"Installation: Applications"})," guide."]}),`
|
|
4
4
|
`,e.jsx(n.h2,{id:"install-packages",children:"Install Packages"}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e,M as i}from"./iframe-
|
|
1
|
+
import{j as e,M as i}from"./iframe-DjYTJz7A.js";import{useMDXComponents as a}from"./index-cpi3YaXo.js";import"./preload-helper-Dp1pzeXC.js";function o(n){const t={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",ul:"ul",...a(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Migrations/2025 Q4 DS cleanup"}),`
|
|
2
2
|
`,e.jsx(t.h1,{id:"migrations2025-q4---design-system-cleanup-initiative",children:"Migrations/2025 Q4 - Design System cleanup initiative"}),`
|
|
3
3
|
`,e.jsxs(t.ul,{children:[`
|
|
4
4
|
`,e.jsxs(t.li,{children:[e.jsx(t.a,{href:"#for-teams",children:"For teams"}),`
|