@jordan-mace/chaser-design-system 1.2.9 → 2.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/build-manifest.json +12797 -0
- package/dist/chunk-23CHBI4O.mjs +92 -0
- package/dist/chunk-265HFPSB.mjs +75 -0
- package/dist/chunk-2B6QHVPB.mjs +0 -0
- package/dist/chunk-2D54Z56T.mjs +119 -0
- package/dist/chunk-2GXDW577.mjs +8 -0
- package/dist/chunk-3LJMSR5N.mjs +0 -0
- package/dist/chunk-44TZLEZ7.mjs +44 -0
- package/dist/chunk-4FZIKPNK.mjs +0 -0
- package/dist/chunk-4H42TV7W.mjs +137 -0
- package/dist/chunk-54H4HXDY.mjs +0 -0
- package/dist/chunk-5GW3EWPT.mjs +8 -0
- package/dist/chunk-5IIKGFRC.mjs +69 -0
- package/dist/chunk-5LIOEN4L.mjs +214 -0
- package/dist/chunk-5MWWVBIZ.mjs +20 -0
- package/dist/chunk-7AY5WUX4.mjs +0 -0
- package/dist/chunk-7NAAMXLS.mjs +18 -0
- package/dist/chunk-7UZS7ZPM.mjs +31 -0
- package/dist/chunk-AIBPYS7I.mjs +55 -0
- package/dist/chunk-AIY7XRLG.mjs +0 -0
- package/dist/chunk-ARTXRQO6.mjs +0 -0
- package/dist/chunk-BTENJUDF.mjs +0 -0
- package/dist/chunk-BUO6V4ZK.mjs +0 -0
- package/dist/chunk-CBKQEKIK.mjs +0 -0
- package/dist/chunk-CHNB6YGZ.mjs +35 -0
- package/dist/chunk-CICFJYOG.mjs +20 -0
- package/dist/chunk-CMNJMZXX.mjs +0 -0
- package/dist/chunk-CW4EIBFG.mjs +0 -0
- package/dist/chunk-DAGHRIC3.mjs +0 -0
- package/dist/chunk-DGWDQRZU.mjs +42 -0
- package/dist/chunk-E74W45DC.mjs +0 -0
- package/dist/chunk-E7OMF6QW.mjs +0 -0
- package/dist/chunk-E7VYLVBQ.mjs +84 -0
- package/dist/chunk-EOGH5LUH.mjs +8 -0
- package/dist/chunk-EOH5NK67.mjs +0 -0
- package/dist/chunk-EOXTRIQ7.mjs +0 -0
- package/dist/chunk-EPFXGPPF.mjs +62 -0
- package/dist/chunk-ERWDS6PF.mjs +32 -0
- package/dist/chunk-FCW25RIV.mjs +117 -0
- package/dist/chunk-FSIRD5AM.mjs +57 -0
- package/dist/chunk-FUN4ITNZ.mjs +0 -0
- package/dist/chunk-G2SNFO2A.mjs +41 -0
- package/dist/chunk-GP2LGGIN.mjs +207 -0
- package/dist/chunk-GP5UECUC.mjs +0 -0
- package/dist/chunk-HGOZPEWG.mjs +39 -0
- package/dist/chunk-HJCAHUC5.mjs +45 -0
- package/dist/chunk-HPP5HXXH.mjs +51 -0
- package/dist/chunk-HUED26BN.mjs +0 -0
- package/dist/chunk-HY4GCFFE.mjs +41 -0
- package/dist/chunk-IGKJYJTY.mjs +0 -0
- package/dist/chunk-IMHQ73HA.mjs +0 -0
- package/dist/chunk-J7OJPUGH.mjs +26 -0
- package/dist/chunk-JFYMSGSU.mjs +0 -0
- package/dist/chunk-JG27KRP3.mjs +41 -0
- package/dist/chunk-JIKAPQBJ.mjs +0 -0
- package/dist/chunk-JJMLW4EM.mjs +32 -0
- package/dist/chunk-KEHMUWQ5.mjs +19 -0
- package/dist/chunk-KT7CGXAH.mjs +0 -0
- package/dist/chunk-LV54XRPR.mjs +0 -0
- package/dist/chunk-LVVXUOBP.mjs +49 -0
- package/dist/chunk-LZLK7IOL.mjs +0 -0
- package/dist/chunk-MI63MVYQ.mjs +53 -0
- package/dist/chunk-MWP3WUVH.mjs +0 -0
- package/dist/chunk-N725HZEB.mjs +0 -0
- package/dist/chunk-NIZNDR6T.mjs +0 -0
- package/dist/chunk-NXJKX4QQ.mjs +126 -0
- package/dist/chunk-O3AMXQTY.mjs +0 -0
- package/dist/chunk-OGXD2YVI.mjs +96 -0
- package/dist/chunk-OTC2PREM.mjs +64 -0
- package/dist/chunk-P7WZRYQP.mjs +34 -0
- package/dist/chunk-PK7I6RMV.mjs +0 -0
- package/dist/chunk-PQZZHZIA.mjs +0 -0
- package/dist/chunk-PTU7HTXL.mjs +0 -0
- package/dist/chunk-QNJKEBIF.mjs +0 -0
- package/dist/chunk-R2GRRFQS.mjs +0 -0
- package/dist/chunk-RESHDXF5.mjs +0 -0
- package/dist/chunk-RG5W2FNQ.mjs +42 -0
- package/dist/chunk-RWSFDIB7.mjs +0 -0
- package/dist/chunk-S4M6HQWR.mjs +76 -0
- package/dist/chunk-SGEVTBAH.mjs +80 -0
- package/dist/chunk-SIGP4IGV.mjs +0 -0
- package/dist/chunk-SZ25BX44.mjs +0 -0
- package/dist/chunk-T4CX5DQW.mjs +0 -0
- package/dist/chunk-TNDJWHSF.mjs +0 -0
- package/dist/chunk-UAOAQXIP.mjs +18 -0
- package/dist/chunk-UVITSUYL.mjs +21 -0
- package/dist/chunk-V35FRMOQ.mjs +0 -0
- package/dist/chunk-VGHEJ76E.mjs +0 -0
- package/dist/chunk-VMZLIR3R.mjs +122 -0
- package/dist/chunk-VVJYGPZF.mjs +85 -0
- package/dist/chunk-W2PKPRKR.mjs +51 -0
- package/dist/chunk-WO4QVNEQ.mjs +15 -0
- package/dist/chunk-WPMNFQUN.mjs +0 -0
- package/dist/chunk-WQO4PWCK.mjs +0 -0
- package/dist/chunk-WUO4DJIA.mjs +30 -0
- package/dist/chunk-WX76GCR5.mjs +0 -0
- package/dist/chunk-WXCMK5GH.mjs +141 -0
- package/dist/chunk-X4TLQAME.mjs +118 -0
- package/dist/chunk-X5ENABHC.mjs +6 -0
- package/dist/chunk-XN3QS4PQ.mjs +262 -0
- package/dist/chunk-YHWKSBUV.mjs +93 -0
- package/dist/chunk-YPTRIIDI.mjs +101 -0
- package/dist/chunk-Z3N6BHKG.mjs +43 -0
- package/dist/chunk-ZSRWE6QR.mjs +0 -0
- package/dist/components/Accordion/Accordion.css +2065 -0
- package/dist/components/Accordion/Accordion.mjs +10 -0
- package/dist/components/Accordion/index.css +2065 -0
- package/dist/components/Accordion/index.mjs +11 -0
- package/dist/components/Alert/Alert.css +2054 -0
- package/dist/components/Alert/Alert.mjs +10 -0
- package/dist/components/Alert/index.css +2054 -0
- package/dist/components/Alert/index.mjs +11 -0
- package/dist/components/AspectRatio/AspectRatio.css +1950 -0
- package/dist/components/AspectRatio/AspectRatio.mjs +9 -0
- package/dist/components/AspectRatio/index.css +1950 -0
- package/dist/components/AspectRatio/index.mjs +10 -0
- package/dist/components/Avatar/Avatar.css +2149 -0
- package/dist/components/Avatar/Avatar.mjs +10 -0
- package/dist/components/Avatar/index.css +2149 -0
- package/dist/components/Avatar/index.mjs +11 -0
- package/dist/components/Badge/Badge.css +2076 -0
- package/dist/components/Badge/Badge.mjs +10 -0
- package/dist/components/Badge/index.css +2076 -0
- package/dist/components/Badge/index.mjs +11 -0
- package/dist/components/Box/Box.css +1950 -0
- package/dist/components/Box/Box.mjs +7 -0
- package/dist/components/Box/index.css +1950 -0
- package/dist/components/Box/index.mjs +8 -0
- package/dist/components/Breadcrumb/Breadcrumb.css +2052 -0
- package/dist/components/Breadcrumb/Breadcrumb.mjs +10 -0
- package/dist/components/Breadcrumb/index.css +2052 -0
- package/dist/components/Breadcrumb/index.mjs +11 -0
- package/dist/components/Button/Button.css +2030 -0
- package/dist/components/Button/Button.mjs +10 -0
- package/dist/components/Button/index.css +2030 -0
- package/dist/components/Button/index.mjs +11 -0
- package/dist/components/Card/Card.css +2025 -0
- package/dist/components/Card/Card.mjs +10 -0
- package/dist/components/Card/index.css +2025 -0
- package/dist/components/Card/index.mjs +11 -0
- package/dist/components/Checkbox/Checkbox.css +2033 -0
- package/dist/components/Checkbox/Checkbox.mjs +10 -0
- package/dist/components/Checkbox/index.css +2033 -0
- package/dist/components/Checkbox/index.mjs +11 -0
- package/dist/components/Collapse/Collapse.css +1987 -0
- package/dist/components/Collapse/Collapse.mjs +9 -0
- package/dist/components/Collapse/index.css +1987 -0
- package/dist/components/Collapse/index.mjs +10 -0
- package/dist/components/Combobox/Combobox.css +2139 -0
- package/dist/components/Combobox/Combobox.mjs +10 -0
- package/dist/components/Combobox/index.css +2139 -0
- package/dist/components/Combobox/index.mjs +11 -0
- package/dist/components/Container/Container.css +1950 -0
- package/dist/components/Container/Container.mjs +9 -0
- package/dist/components/Container/index.css +1950 -0
- package/dist/components/Container/index.mjs +10 -0
- package/dist/components/Divider/Divider.css +2037 -0
- package/dist/components/Divider/Divider.mjs +10 -0
- package/dist/components/Divider/index.css +2037 -0
- package/dist/components/Divider/index.mjs +11 -0
- package/dist/components/Drawer/Drawer.css +2143 -0
- package/dist/components/Drawer/Drawer.mjs +10 -0
- package/dist/components/Drawer/index.css +2143 -0
- package/dist/components/Drawer/index.mjs +11 -0
- package/dist/components/DropdownMenu/DropdownMenu.css +2090 -0
- package/dist/components/DropdownMenu/DropdownMenu.mjs +10 -0
- package/dist/components/DropdownMenu/index.css +2090 -0
- package/dist/components/DropdownMenu/index.mjs +11 -0
- package/dist/components/EmptyState/EmptyState.css +2033 -0
- package/dist/components/EmptyState/EmptyState.mjs +10 -0
- package/dist/components/EmptyState/index.css +2033 -0
- package/dist/components/EmptyState/index.mjs +11 -0
- package/dist/components/FileUpload/FileUpload.css +2142 -0
- package/dist/components/FileUpload/FileUpload.mjs +10 -0
- package/dist/components/FileUpload/index.css +2142 -0
- package/dist/components/FileUpload/index.mjs +11 -0
- package/dist/components/Form/Form.css +1965 -0
- package/dist/components/Form/Form.mjs +9 -0
- package/dist/components/Form/FormInput.css +4893 -0
- package/dist/components/Form/FormInput.mjs +108 -0
- package/dist/components/Form/index.css +4893 -0
- package/dist/components/Form/index.mjs +111 -0
- package/dist/components/Grid/Grid.css +1950 -0
- package/dist/components/Grid/Grid.mjs +9 -0
- package/dist/components/Grid/index.css +1950 -0
- package/dist/components/Grid/index.mjs +10 -0
- package/dist/components/Icon/Icon.css +1963 -0
- package/dist/components/Icon/Icon.mjs +9 -0
- package/dist/components/Icon/index.css +1963 -0
- package/dist/components/Icon/index.mjs +10 -0
- package/dist/components/Input/Input.css +2025 -0
- package/dist/components/Input/Input.mjs +11 -0
- package/dist/components/Input/index.css +2025 -0
- package/dist/components/Input/index.mjs +12 -0
- package/dist/components/Kbd/Kbd.css +2005 -0
- package/dist/components/Kbd/Kbd.mjs +8 -0
- package/dist/components/Kbd/index.css +2005 -0
- package/dist/components/Kbd/index.mjs +9 -0
- package/dist/components/List/List.css +2011 -0
- package/dist/components/List/List.mjs +11 -0
- package/dist/components/List/ListItem.css +2011 -0
- package/dist/components/List/ListItem.mjs +11 -0
- package/dist/components/List/index.css +2011 -0
- package/dist/components/List/index.mjs +16 -0
- package/dist/components/Modal/Modal.css +2088 -0
- package/dist/components/Modal/Modal.mjs +10 -0
- package/dist/components/Modal/index.css +2088 -0
- package/dist/components/Modal/index.mjs +11 -0
- package/dist/components/Navbar/Navbar.css +1955 -0
- package/dist/components/Navbar/Navbar.mjs +10 -0
- package/dist/components/Navbar/NavbarItem.css +1955 -0
- package/dist/components/Navbar/NavbarItem.mjs +10 -0
- package/dist/components/Navbar/index.css +1955 -0
- package/dist/components/Navbar/index.mjs +15 -0
- package/dist/components/NumberInput/NumberInput.css +2112 -0
- package/dist/components/NumberInput/NumberInput.mjs +10 -0
- package/dist/components/NumberInput/index.css +2112 -0
- package/dist/components/NumberInput/index.mjs +11 -0
- package/dist/components/Pagination/Pagination.css +2044 -0
- package/dist/components/Pagination/Pagination.mjs +10 -0
- package/dist/components/Pagination/index.css +2044 -0
- package/dist/components/Pagination/index.mjs +11 -0
- package/dist/components/Popover/Popover.css +2189 -0
- package/dist/components/Popover/Popover.mjs +10 -0
- package/dist/components/Popover/index.css +2189 -0
- package/dist/components/Popover/index.mjs +11 -0
- package/dist/components/Progress/Progress.css +2069 -0
- package/dist/components/Progress/Progress.mjs +10 -0
- package/dist/components/Progress/index.css +2069 -0
- package/dist/components/Progress/index.mjs +11 -0
- package/dist/components/Radio/Radio.css +2044 -0
- package/dist/components/Radio/Radio.mjs +10 -0
- package/dist/components/Radio/index.css +2044 -0
- package/dist/components/Radio/index.mjs +11 -0
- package/dist/components/ScrollArea/ScrollArea.css +2025 -0
- package/dist/components/ScrollArea/ScrollArea.mjs +10 -0
- package/dist/components/ScrollArea/index.css +2025 -0
- package/dist/components/ScrollArea/index.mjs +11 -0
- package/dist/components/Select/Select.css +2082 -0
- package/dist/components/Select/Select.mjs +10 -0
- package/dist/components/Select/index.css +2082 -0
- package/dist/components/Select/index.mjs +11 -0
- package/dist/components/Separator/Separator.css +2023 -0
- package/dist/components/Separator/Separator.mjs +10 -0
- package/dist/components/Separator/index.css +2023 -0
- package/dist/components/Separator/index.mjs +11 -0
- package/dist/components/Skeleton/Skeleton.css +2060 -0
- package/dist/components/Skeleton/Skeleton.mjs +10 -0
- package/dist/components/Skeleton/index.css +2060 -0
- package/dist/components/Skeleton/index.mjs +11 -0
- package/dist/components/Spinner/Spinner.css +2055 -0
- package/dist/components/Spinner/Spinner.mjs +10 -0
- package/dist/components/Spinner/index.css +2055 -0
- package/dist/components/Spinner/index.mjs +11 -0
- package/dist/components/Stack/Stack.css +1950 -0
- package/dist/components/Stack/Stack.mjs +9 -0
- package/dist/components/Stack/index.css +1950 -0
- package/dist/components/Stack/index.mjs +10 -0
- package/dist/components/Stepper/Stepper.css +2104 -0
- package/dist/components/Stepper/Stepper.mjs +10 -0
- package/dist/components/Stepper/index.css +2104 -0
- package/dist/components/Stepper/index.mjs +11 -0
- package/dist/components/Table/Table.css +2049 -0
- package/dist/components/Table/Table.mjs +10 -0
- package/dist/components/Table/index.css +2049 -0
- package/dist/components/Table/index.mjs +11 -0
- package/dist/components/Tabs/Tabs.css +2100 -0
- package/dist/components/Tabs/Tabs.mjs +10 -0
- package/dist/components/Tabs/index.css +2100 -0
- package/dist/components/Tabs/index.mjs +11 -0
- package/dist/components/Tag/Tag.css +2093 -0
- package/dist/components/Tag/Tag.mjs +10 -0
- package/dist/components/Tag/index.css +2093 -0
- package/dist/components/Tag/index.mjs +11 -0
- package/dist/components/Text/Header.css +2013 -0
- package/dist/components/Text/Header.mjs +11 -0
- package/dist/components/Text/P.css +2013 -0
- package/dist/components/Text/P.mjs +11 -0
- package/dist/components/Text/index.css +2013 -0
- package/dist/components/Text/index.mjs +16 -0
- package/dist/components/TextArea/TextArea.css +2027 -0
- package/dist/components/TextArea/TextArea.mjs +11 -0
- package/dist/components/TextArea/index.css +2027 -0
- package/dist/components/TextArea/index.mjs +12 -0
- package/dist/components/Toast/Toast.css +2229 -0
- package/dist/components/Toast/Toast.mjs +16 -0
- package/dist/components/Toast/index.css +2229 -0
- package/dist/components/Toast/index.mjs +17 -0
- package/dist/components/Toggle/Toggle.css +2106 -0
- package/dist/components/Toggle/Toggle.mjs +10 -0
- package/dist/components/Toggle/index.css +2106 -0
- package/dist/components/Toggle/index.mjs +11 -0
- package/dist/components/Tooltip/Tooltip.css +2084 -0
- package/dist/components/Tooltip/Tooltip.mjs +10 -0
- package/dist/components/Tooltip/index.css +2084 -0
- package/dist/components/Tooltip/index.mjs +11 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.css +15 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.mjs +6 -0
- package/dist/components/VisuallyHidden/index.css +15 -0
- package/dist/components/VisuallyHidden/index.mjs +7 -0
- package/dist/components/index.css +4893 -0
- package/dist/components/index.mjs +262 -0
- package/dist/index.core.mjs +262 -0
- package/dist/index.css +4893 -0
- package/dist/index.mjs +2 -4729
- package/dist/styles/layers.css +0 -0
- package/dist/styles/reset.css +126 -0
- package/dist/styles/reset.css.js +0 -0
- package/dist/styles/sprinkles.css +1938 -0
- package/dist/styles/sprinkles.css.js +220 -0
- package/dist/styles/theme.css +1986 -0
- package/dist/styles/theme.css.js +5 -0
- package/dist/styles/utils.mjs +14 -0
- package/package.json +14 -25
- package/dist/index.d.mts +0 -1834
- package/dist/styles/layers.css.d.mts +0 -6
- package/dist/styles/layers.css.mjs +0 -7
- package/dist/styles/reset.css.d.mts +0 -1
- package/dist/styles/reset.css.mjs +0 -24
- package/dist/styles/sprinkles.css.d.mts +0 -246
- package/dist/styles/sprinkles.css.mjs +0 -200
- package/dist/styles/theme.css.d.mts +0 -41
- package/dist/styles/theme.css.mjs +0 -50
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
// src/components/Box/Box.tsx
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
|
|
4
|
+
// src/styles/sprinkles.css.ts
|
|
5
|
+
import { createSprinkles as _ad221 } from "@vanilla-extract/sprinkles/createRuntimeSprinkles";
|
|
6
|
+
var sprinkles = _ad221((function() {
|
|
7
|
+
var x = { conditions: { defaultCondition: "mobile", conditionNames: ["mobile", "tablet", "desktop"], responsiveArray: ["mobile", "tablet", "desktop"] }, styles: { padding: { mappings: ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"] }, border: { mappings: ["borderTop", "borderRight", "borderBottom", "borderLeft"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, placeItems: { mappings: ["justifyContent", "alignItems"] }, display: { values: { none: { conditions: { mobile: "sprinkles_display_none_mobile__1y3svrm0", tablet: "sprinkles_display_none_tablet__1y3svrm1", desktop: "sprinkles_display_none_desktop__1y3svrm2" }, defaultClass: "sprinkles_display_none_mobile__1y3svrm0" }, flex: { conditions: { mobile: "sprinkles_display_flex_mobile__1y3svrm3", tablet: "sprinkles_display_flex_tablet__1y3svrm4", desktop: "sprinkles_display_flex_desktop__1y3svrm5" }, defaultClass: "sprinkles_display_flex_mobile__1y3svrm3" }, block: { conditions: { mobile: "sprinkles_display_block_mobile__1y3svrm6", tablet: "sprinkles_display_block_tablet__1y3svrm7", desktop: "sprinkles_display_block_desktop__1y3svrm8" }, defaultClass: "sprinkles_display_block_mobile__1y3svrm6" }, inline: { conditions: { mobile: "sprinkles_display_inline_mobile__1y3svrm9", tablet: "sprinkles_display_inline_tablet__1y3svrma", desktop: "sprinkles_display_inline_desktop__1y3svrmb" }, defaultClass: "sprinkles_display_inline_mobile__1y3svrm9" } }, responsiveArray: void 0 }, width: { values: { auto: { conditions: { mobile: "sprinkles_width_auto_mobile__1y3svrmc", tablet: "sprinkles_width_auto_tablet__1y3svrmd", desktop: "sprinkles_width_auto_desktop__1y3svrme" }, defaultClass: "sprinkles_width_auto_mobile__1y3svrmc" }, "100%": { conditions: { mobile: "sprinkles_width_100%_mobile__1y3svrmf", tablet: "sprinkles_width_100%_tablet__1y3svrmg", desktop: "sprinkles_width_100%_desktop__1y3svrmh" }, defaultClass: "sprinkles_width_100%_mobile__1y3svrmf" }, "50%": { conditions: { mobile: "sprinkles_width_50%_mobile__1y3svrmi", tablet: "sprinkles_width_50%_tablet__1y3svrmj", desktop: "sprinkles_width_50%_desktop__1y3svrmk" }, defaultClass: "sprinkles_width_50%_mobile__1y3svrmi" }, "25%": { conditions: { mobile: "sprinkles_width_25%_mobile__1y3svrml", tablet: "sprinkles_width_25%_tablet__1y3svrmm", desktop: "sprinkles_width_25%_desktop__1y3svrmn" }, defaultClass: "sprinkles_width_25%_mobile__1y3svrml" } }, responsiveArray: void 0 }, height: { values: { auto: { conditions: { mobile: "sprinkles_height_auto_mobile__1y3svrmo", tablet: "sprinkles_height_auto_tablet__1y3svrmp", desktop: "sprinkles_height_auto_desktop__1y3svrmq" }, defaultClass: "sprinkles_height_auto_mobile__1y3svrmo" }, "100%": { conditions: { mobile: "sprinkles_height_100%_mobile__1y3svrmr", tablet: "sprinkles_height_100%_tablet__1y3svrms", desktop: "sprinkles_height_100%_desktop__1y3svrmt" }, defaultClass: "sprinkles_height_100%_mobile__1y3svrmr" }, "50%": { conditions: { mobile: "sprinkles_height_50%_mobile__1y3svrmu", tablet: "sprinkles_height_50%_tablet__1y3svrmv", desktop: "sprinkles_height_50%_desktop__1y3svrmw" }, defaultClass: "sprinkles_height_50%_mobile__1y3svrmu" }, "25%": { conditions: { mobile: "sprinkles_height_25%_mobile__1y3svrmx", tablet: "sprinkles_height_25%_tablet__1y3svrmy", desktop: "sprinkles_height_25%_desktop__1y3svrmz" }, defaultClass: "sprinkles_height_25%_mobile__1y3svrmx" } }, responsiveArray: void 0 }, flexDirection: { values: { row: { conditions: { mobile: "sprinkles_flexDirection_row_mobile__1y3svrm10", tablet: "sprinkles_flexDirection_row_tablet__1y3svrm11", desktop: "sprinkles_flexDirection_row_desktop__1y3svrm12" }, defaultClass: "sprinkles_flexDirection_row_mobile__1y3svrm10" }, column: { conditions: { mobile: "sprinkles_flexDirection_column_mobile__1y3svrm13", tablet: "sprinkles_flexDirection_column_tablet__1y3svrm14", desktop: "sprinkles_flexDirection_column_desktop__1y3svrm15" }, defaultClass: "sprinkles_flexDirection_column_mobile__1y3svrm13" } }, responsiveArray: void 0 }, justifyContent: { values: { stretch: { conditions: { mobile: "sprinkles_justifyContent_stretch_mobile__1y3svrm16", tablet: "sprinkles_justifyContent_stretch_tablet__1y3svrm17", desktop: "sprinkles_justifyContent_stretch_desktop__1y3svrm18" }, defaultClass: "sprinkles_justifyContent_stretch_mobile__1y3svrm16" }, "flex-start": { conditions: { mobile: "sprinkles_justifyContent_flex-start_mobile__1y3svrm19", tablet: "sprinkles_justifyContent_flex-start_tablet__1y3svrm1a", desktop: "sprinkles_justifyContent_flex-start_desktop__1y3svrm1b" }, defaultClass: "sprinkles_justifyContent_flex-start_mobile__1y3svrm19" }, center: { conditions: { mobile: "sprinkles_justifyContent_center_mobile__1y3svrm1c", tablet: "sprinkles_justifyContent_center_tablet__1y3svrm1d", desktop: "sprinkles_justifyContent_center_desktop__1y3svrm1e" }, defaultClass: "sprinkles_justifyContent_center_mobile__1y3svrm1c" }, "flex-end": { conditions: { mobile: "sprinkles_justifyContent_flex-end_mobile__1y3svrm1f", tablet: "sprinkles_justifyContent_flex-end_tablet__1y3svrm1g", desktop: "sprinkles_justifyContent_flex-end_desktop__1y3svrm1h" }, defaultClass: "sprinkles_justifyContent_flex-end_mobile__1y3svrm1f" }, "space-around": { conditions: { mobile: "sprinkles_justifyContent_space-around_mobile__1y3svrm1i", tablet: "sprinkles_justifyContent_space-around_tablet__1y3svrm1j", desktop: "sprinkles_justifyContent_space-around_desktop__1y3svrm1k" }, defaultClass: "sprinkles_justifyContent_space-around_mobile__1y3svrm1i" }, "space-between": { conditions: { mobile: "sprinkles_justifyContent_space-between_mobile__1y3svrm1l", tablet: "sprinkles_justifyContent_space-between_tablet__1y3svrm1m", desktop: "sprinkles_justifyContent_space-between_desktop__1y3svrm1n" }, defaultClass: "sprinkles_justifyContent_space-between_mobile__1y3svrm1l" } }, responsiveArray: void 0 }, alignItems: { values: { stretch: { conditions: { mobile: "sprinkles_alignItems_stretch_mobile__1y3svrm1o", tablet: "sprinkles_alignItems_stretch_tablet__1y3svrm1p", desktop: "sprinkles_alignItems_stretch_desktop__1y3svrm1q" }, defaultClass: "sprinkles_alignItems_stretch_mobile__1y3svrm1o" }, "flex-start": { conditions: { mobile: "sprinkles_alignItems_flex-start_mobile__1y3svrm1r", tablet: "sprinkles_alignItems_flex-start_tablet__1y3svrm1s", desktop: "sprinkles_alignItems_flex-start_desktop__1y3svrm1t" }, defaultClass: "sprinkles_alignItems_flex-start_mobile__1y3svrm1r" }, center: { conditions: { mobile: "sprinkles_alignItems_center_mobile__1y3svrm1u", tablet: "sprinkles_alignItems_center_tablet__1y3svrm1v", desktop: "sprinkles_alignItems_center_desktop__1y3svrm1w" }, defaultClass: "sprinkles_alignItems_center_mobile__1y3svrm1u" }, "flex-end": { conditions: { mobile: "sprinkles_alignItems_flex-end_mobile__1y3svrm1x", tablet: "sprinkles_alignItems_flex-end_tablet__1y3svrm1y", desktop: "sprinkles_alignItems_flex-end_desktop__1y3svrm1z" }, defaultClass: "sprinkles_alignItems_flex-end_mobile__1y3svrm1x" } }, responsiveArray: void 0 }, paddingTop: { values: { none: { conditions: { mobile: "sprinkles_paddingTop_none_mobile__1y3svrm20", tablet: "sprinkles_paddingTop_none_tablet__1y3svrm21", desktop: "sprinkles_paddingTop_none_desktop__1y3svrm22" }, defaultClass: "sprinkles_paddingTop_none_mobile__1y3svrm20" }, small: { conditions: { mobile: "sprinkles_paddingTop_small_mobile__1y3svrm23", tablet: "sprinkles_paddingTop_small_tablet__1y3svrm24", desktop: "sprinkles_paddingTop_small_desktop__1y3svrm25" }, defaultClass: "sprinkles_paddingTop_small_mobile__1y3svrm23" }, medium: { conditions: { mobile: "sprinkles_paddingTop_medium_mobile__1y3svrm26", tablet: "sprinkles_paddingTop_medium_tablet__1y3svrm27", desktop: "sprinkles_paddingTop_medium_desktop__1y3svrm28" }, defaultClass: "sprinkles_paddingTop_medium_mobile__1y3svrm26" }, large: { conditions: { mobile: "sprinkles_paddingTop_large_mobile__1y3svrm29", tablet: "sprinkles_paddingTop_large_tablet__1y3svrm2a", desktop: "sprinkles_paddingTop_large_desktop__1y3svrm2b" }, defaultClass: "sprinkles_paddingTop_large_mobile__1y3svrm29" }, auto: { conditions: { mobile: "sprinkles_paddingTop_auto_mobile__1y3svrm2c", tablet: "sprinkles_paddingTop_auto_tablet__1y3svrm2d", desktop: "sprinkles_paddingTop_auto_desktop__1y3svrm2e" }, defaultClass: "sprinkles_paddingTop_auto_mobile__1y3svrm2c" } }, responsiveArray: void 0 }, paddingBottom: { values: { none: { conditions: { mobile: "sprinkles_paddingBottom_none_mobile__1y3svrm2f", tablet: "sprinkles_paddingBottom_none_tablet__1y3svrm2g", desktop: "sprinkles_paddingBottom_none_desktop__1y3svrm2h" }, defaultClass: "sprinkles_paddingBottom_none_mobile__1y3svrm2f" }, small: { conditions: { mobile: "sprinkles_paddingBottom_small_mobile__1y3svrm2i", tablet: "sprinkles_paddingBottom_small_tablet__1y3svrm2j", desktop: "sprinkles_paddingBottom_small_desktop__1y3svrm2k" }, defaultClass: "sprinkles_paddingBottom_small_mobile__1y3svrm2i" }, medium: { conditions: { mobile: "sprinkles_paddingBottom_medium_mobile__1y3svrm2l", tablet: "sprinkles_paddingBottom_medium_tablet__1y3svrm2m", desktop: "sprinkles_paddingBottom_medium_desktop__1y3svrm2n" }, defaultClass: "sprinkles_paddingBottom_medium_mobile__1y3svrm2l" }, large: { conditions: { mobile: "sprinkles_paddingBottom_large_mobile__1y3svrm2o", tablet: "sprinkles_paddingBottom_large_tablet__1y3svrm2p", desktop: "sprinkles_paddingBottom_large_desktop__1y3svrm2q" }, defaultClass: "sprinkles_paddingBottom_large_mobile__1y3svrm2o" }, auto: { conditions: { mobile: "sprinkles_paddingBottom_auto_mobile__1y3svrm2r", tablet: "sprinkles_paddingBottom_auto_tablet__1y3svrm2s", desktop: "sprinkles_paddingBottom_auto_desktop__1y3svrm2t" }, defaultClass: "sprinkles_paddingBottom_auto_mobile__1y3svrm2r" } }, responsiveArray: void 0 }, paddingLeft: { values: { none: { conditions: { mobile: "sprinkles_paddingLeft_none_mobile__1y3svrm2u", tablet: "sprinkles_paddingLeft_none_tablet__1y3svrm2v", desktop: "sprinkles_paddingLeft_none_desktop__1y3svrm2w" }, defaultClass: "sprinkles_paddingLeft_none_mobile__1y3svrm2u" }, small: { conditions: { mobile: "sprinkles_paddingLeft_small_mobile__1y3svrm2x", tablet: "sprinkles_paddingLeft_small_tablet__1y3svrm2y", desktop: "sprinkles_paddingLeft_small_desktop__1y3svrm2z" }, defaultClass: "sprinkles_paddingLeft_small_mobile__1y3svrm2x" }, medium: { conditions: { mobile: "sprinkles_paddingLeft_medium_mobile__1y3svrm30", tablet: "sprinkles_paddingLeft_medium_tablet__1y3svrm31", desktop: "sprinkles_paddingLeft_medium_desktop__1y3svrm32" }, defaultClass: "sprinkles_paddingLeft_medium_mobile__1y3svrm30" }, large: { conditions: { mobile: "sprinkles_paddingLeft_large_mobile__1y3svrm33", tablet: "sprinkles_paddingLeft_large_tablet__1y3svrm34", desktop: "sprinkles_paddingLeft_large_desktop__1y3svrm35" }, defaultClass: "sprinkles_paddingLeft_large_mobile__1y3svrm33" }, auto: { conditions: { mobile: "sprinkles_paddingLeft_auto_mobile__1y3svrm36", tablet: "sprinkles_paddingLeft_auto_tablet__1y3svrm37", desktop: "sprinkles_paddingLeft_auto_desktop__1y3svrm38" }, defaultClass: "sprinkles_paddingLeft_auto_mobile__1y3svrm36" } }, responsiveArray: void 0 }, paddingRight: { values: { none: { conditions: { mobile: "sprinkles_paddingRight_none_mobile__1y3svrm39", tablet: "sprinkles_paddingRight_none_tablet__1y3svrm3a", desktop: "sprinkles_paddingRight_none_desktop__1y3svrm3b" }, defaultClass: "sprinkles_paddingRight_none_mobile__1y3svrm39" }, small: { conditions: { mobile: "sprinkles_paddingRight_small_mobile__1y3svrm3c", tablet: "sprinkles_paddingRight_small_tablet__1y3svrm3d", desktop: "sprinkles_paddingRight_small_desktop__1y3svrm3e" }, defaultClass: "sprinkles_paddingRight_small_mobile__1y3svrm3c" }, medium: { conditions: { mobile: "sprinkles_paddingRight_medium_mobile__1y3svrm3f", tablet: "sprinkles_paddingRight_medium_tablet__1y3svrm3g", desktop: "sprinkles_paddingRight_medium_desktop__1y3svrm3h" }, defaultClass: "sprinkles_paddingRight_medium_mobile__1y3svrm3f" }, large: { conditions: { mobile: "sprinkles_paddingRight_large_mobile__1y3svrm3i", tablet: "sprinkles_paddingRight_large_tablet__1y3svrm3j", desktop: "sprinkles_paddingRight_large_desktop__1y3svrm3k" }, defaultClass: "sprinkles_paddingRight_large_mobile__1y3svrm3i" }, auto: { conditions: { mobile: "sprinkles_paddingRight_auto_mobile__1y3svrm3l", tablet: "sprinkles_paddingRight_auto_tablet__1y3svrm3m", desktop: "sprinkles_paddingRight_auto_desktop__1y3svrm3n" }, defaultClass: "sprinkles_paddingRight_auto_mobile__1y3svrm3l" } }, responsiveArray: void 0 }, marginLeft: { values: { none: { conditions: { mobile: "sprinkles_marginLeft_none_mobile__1y3svrm3o", tablet: "sprinkles_marginLeft_none_tablet__1y3svrm3p", desktop: "sprinkles_marginLeft_none_desktop__1y3svrm3q" }, defaultClass: "sprinkles_marginLeft_none_mobile__1y3svrm3o" }, small: { conditions: { mobile: "sprinkles_marginLeft_small_mobile__1y3svrm3r", tablet: "sprinkles_marginLeft_small_tablet__1y3svrm3s", desktop: "sprinkles_marginLeft_small_desktop__1y3svrm3t" }, defaultClass: "sprinkles_marginLeft_small_mobile__1y3svrm3r" }, medium: { conditions: { mobile: "sprinkles_marginLeft_medium_mobile__1y3svrm3u", tablet: "sprinkles_marginLeft_medium_tablet__1y3svrm3v", desktop: "sprinkles_marginLeft_medium_desktop__1y3svrm3w" }, defaultClass: "sprinkles_marginLeft_medium_mobile__1y3svrm3u" }, large: { conditions: { mobile: "sprinkles_marginLeft_large_mobile__1y3svrm3x", tablet: "sprinkles_marginLeft_large_tablet__1y3svrm3y", desktop: "sprinkles_marginLeft_large_desktop__1y3svrm3z" }, defaultClass: "sprinkles_marginLeft_large_mobile__1y3svrm3x" }, auto: { conditions: { mobile: "sprinkles_marginLeft_auto_mobile__1y3svrm40", tablet: "sprinkles_marginLeft_auto_tablet__1y3svrm41", desktop: "sprinkles_marginLeft_auto_desktop__1y3svrm42" }, defaultClass: "sprinkles_marginLeft_auto_mobile__1y3svrm40" } }, responsiveArray: void 0 }, marginRight: { values: { none: { conditions: { mobile: "sprinkles_marginRight_none_mobile__1y3svrm43", tablet: "sprinkles_marginRight_none_tablet__1y3svrm44", desktop: "sprinkles_marginRight_none_desktop__1y3svrm45" }, defaultClass: "sprinkles_marginRight_none_mobile__1y3svrm43" }, small: { conditions: { mobile: "sprinkles_marginRight_small_mobile__1y3svrm46", tablet: "sprinkles_marginRight_small_tablet__1y3svrm47", desktop: "sprinkles_marginRight_small_desktop__1y3svrm48" }, defaultClass: "sprinkles_marginRight_small_mobile__1y3svrm46" }, medium: { conditions: { mobile: "sprinkles_marginRight_medium_mobile__1y3svrm49", tablet: "sprinkles_marginRight_medium_tablet__1y3svrm4a", desktop: "sprinkles_marginRight_medium_desktop__1y3svrm4b" }, defaultClass: "sprinkles_marginRight_medium_mobile__1y3svrm49" }, large: { conditions: { mobile: "sprinkles_marginRight_large_mobile__1y3svrm4c", tablet: "sprinkles_marginRight_large_tablet__1y3svrm4d", desktop: "sprinkles_marginRight_large_desktop__1y3svrm4e" }, defaultClass: "sprinkles_marginRight_large_mobile__1y3svrm4c" }, auto: { conditions: { mobile: "sprinkles_marginRight_auto_mobile__1y3svrm4f", tablet: "sprinkles_marginRight_auto_tablet__1y3svrm4g", desktop: "sprinkles_marginRight_auto_desktop__1y3svrm4h" }, defaultClass: "sprinkles_marginRight_auto_mobile__1y3svrm4f" } }, responsiveArray: void 0 }, marginTop: { values: { none: { conditions: { mobile: "sprinkles_marginTop_none_mobile__1y3svrm4i", tablet: "sprinkles_marginTop_none_tablet__1y3svrm4j", desktop: "sprinkles_marginTop_none_desktop__1y3svrm4k" }, defaultClass: "sprinkles_marginTop_none_mobile__1y3svrm4i" }, small: { conditions: { mobile: "sprinkles_marginTop_small_mobile__1y3svrm4l", tablet: "sprinkles_marginTop_small_tablet__1y3svrm4m", desktop: "sprinkles_marginTop_small_desktop__1y3svrm4n" }, defaultClass: "sprinkles_marginTop_small_mobile__1y3svrm4l" }, medium: { conditions: { mobile: "sprinkles_marginTop_medium_mobile__1y3svrm4o", tablet: "sprinkles_marginTop_medium_tablet__1y3svrm4p", desktop: "sprinkles_marginTop_medium_desktop__1y3svrm4q" }, defaultClass: "sprinkles_marginTop_medium_mobile__1y3svrm4o" }, large: { conditions: { mobile: "sprinkles_marginTop_large_mobile__1y3svrm4r", tablet: "sprinkles_marginTop_large_tablet__1y3svrm4s", desktop: "sprinkles_marginTop_large_desktop__1y3svrm4t" }, defaultClass: "sprinkles_marginTop_large_mobile__1y3svrm4r" }, auto: { conditions: { mobile: "sprinkles_marginTop_auto_mobile__1y3svrm4u", tablet: "sprinkles_marginTop_auto_tablet__1y3svrm4v", desktop: "sprinkles_marginTop_auto_desktop__1y3svrm4w" }, defaultClass: "sprinkles_marginTop_auto_mobile__1y3svrm4u" } }, responsiveArray: void 0 }, marginBottom: { values: { none: { conditions: { mobile: "sprinkles_marginBottom_none_mobile__1y3svrm4x", tablet: "sprinkles_marginBottom_none_tablet__1y3svrm4y", desktop: "sprinkles_marginBottom_none_desktop__1y3svrm4z" }, defaultClass: "sprinkles_marginBottom_none_mobile__1y3svrm4x" }, small: { conditions: { mobile: "sprinkles_marginBottom_small_mobile__1y3svrm50", tablet: "sprinkles_marginBottom_small_tablet__1y3svrm51", desktop: "sprinkles_marginBottom_small_desktop__1y3svrm52" }, defaultClass: "sprinkles_marginBottom_small_mobile__1y3svrm50" }, medium: { conditions: { mobile: "sprinkles_marginBottom_medium_mobile__1y3svrm53", tablet: "sprinkles_marginBottom_medium_tablet__1y3svrm54", desktop: "sprinkles_marginBottom_medium_desktop__1y3svrm55" }, defaultClass: "sprinkles_marginBottom_medium_mobile__1y3svrm53" }, large: { conditions: { mobile: "sprinkles_marginBottom_large_mobile__1y3svrm56", tablet: "sprinkles_marginBottom_large_tablet__1y3svrm57", desktop: "sprinkles_marginBottom_large_desktop__1y3svrm58" }, defaultClass: "sprinkles_marginBottom_large_mobile__1y3svrm56" }, auto: { conditions: { mobile: "sprinkles_marginBottom_auto_mobile__1y3svrm59", tablet: "sprinkles_marginBottom_auto_tablet__1y3svrm5a", desktop: "sprinkles_marginBottom_auto_desktop__1y3svrm5b" }, defaultClass: "sprinkles_marginBottom_auto_mobile__1y3svrm59" } }, responsiveArray: void 0 }, borderLeft: { values: { none: { conditions: { mobile: "sprinkles_borderLeft_none_mobile__1y3svrm5c", tablet: "sprinkles_borderLeft_none_tablet__1y3svrm5d", desktop: "sprinkles_borderLeft_none_desktop__1y3svrm5e" }, defaultClass: "sprinkles_borderLeft_none_mobile__1y3svrm5c" }, small: { conditions: { mobile: "sprinkles_borderLeft_small_mobile__1y3svrm5f", tablet: "sprinkles_borderLeft_small_tablet__1y3svrm5g", desktop: "sprinkles_borderLeft_small_desktop__1y3svrm5h" }, defaultClass: "sprinkles_borderLeft_small_mobile__1y3svrm5f" }, medium: { conditions: { mobile: "sprinkles_borderLeft_medium_mobile__1y3svrm5i", tablet: "sprinkles_borderLeft_medium_tablet__1y3svrm5j", desktop: "sprinkles_borderLeft_medium_desktop__1y3svrm5k" }, defaultClass: "sprinkles_borderLeft_medium_mobile__1y3svrm5i" }, large: { conditions: { mobile: "sprinkles_borderLeft_large_mobile__1y3svrm5l", tablet: "sprinkles_borderLeft_large_tablet__1y3svrm5m", desktop: "sprinkles_borderLeft_large_desktop__1y3svrm5n" }, defaultClass: "sprinkles_borderLeft_large_mobile__1y3svrm5l" }, auto: { conditions: { mobile: "sprinkles_borderLeft_auto_mobile__1y3svrm5o", tablet: "sprinkles_borderLeft_auto_tablet__1y3svrm5p", desktop: "sprinkles_borderLeft_auto_desktop__1y3svrm5q" }, defaultClass: "sprinkles_borderLeft_auto_mobile__1y3svrm5o" } }, responsiveArray: void 0 }, borderRight: { values: { none: { conditions: { mobile: "sprinkles_borderRight_none_mobile__1y3svrm5r", tablet: "sprinkles_borderRight_none_tablet__1y3svrm5s", desktop: "sprinkles_borderRight_none_desktop__1y3svrm5t" }, defaultClass: "sprinkles_borderRight_none_mobile__1y3svrm5r" }, small: { conditions: { mobile: "sprinkles_borderRight_small_mobile__1y3svrm5u", tablet: "sprinkles_borderRight_small_tablet__1y3svrm5v", desktop: "sprinkles_borderRight_small_desktop__1y3svrm5w" }, defaultClass: "sprinkles_borderRight_small_mobile__1y3svrm5u" }, medium: { conditions: { mobile: "sprinkles_borderRight_medium_mobile__1y3svrm5x", tablet: "sprinkles_borderRight_medium_tablet__1y3svrm5y", desktop: "sprinkles_borderRight_medium_desktop__1y3svrm5z" }, defaultClass: "sprinkles_borderRight_medium_mobile__1y3svrm5x" }, large: { conditions: { mobile: "sprinkles_borderRight_large_mobile__1y3svrm60", tablet: "sprinkles_borderRight_large_tablet__1y3svrm61", desktop: "sprinkles_borderRight_large_desktop__1y3svrm62" }, defaultClass: "sprinkles_borderRight_large_mobile__1y3svrm60" }, auto: { conditions: { mobile: "sprinkles_borderRight_auto_mobile__1y3svrm63", tablet: "sprinkles_borderRight_auto_tablet__1y3svrm64", desktop: "sprinkles_borderRight_auto_desktop__1y3svrm65" }, defaultClass: "sprinkles_borderRight_auto_mobile__1y3svrm63" } }, responsiveArray: void 0 }, borderTop: { values: { none: { conditions: { mobile: "sprinkles_borderTop_none_mobile__1y3svrm66", tablet: "sprinkles_borderTop_none_tablet__1y3svrm67", desktop: "sprinkles_borderTop_none_desktop__1y3svrm68" }, defaultClass: "sprinkles_borderTop_none_mobile__1y3svrm66" }, small: { conditions: { mobile: "sprinkles_borderTop_small_mobile__1y3svrm69", tablet: "sprinkles_borderTop_small_tablet__1y3svrm6a", desktop: "sprinkles_borderTop_small_desktop__1y3svrm6b" }, defaultClass: "sprinkles_borderTop_small_mobile__1y3svrm69" }, medium: { conditions: { mobile: "sprinkles_borderTop_medium_mobile__1y3svrm6c", tablet: "sprinkles_borderTop_medium_tablet__1y3svrm6d", desktop: "sprinkles_borderTop_medium_desktop__1y3svrm6e" }, defaultClass: "sprinkles_borderTop_medium_mobile__1y3svrm6c" }, large: { conditions: { mobile: "sprinkles_borderTop_large_mobile__1y3svrm6f", tablet: "sprinkles_borderTop_large_tablet__1y3svrm6g", desktop: "sprinkles_borderTop_large_desktop__1y3svrm6h" }, defaultClass: "sprinkles_borderTop_large_mobile__1y3svrm6f" }, auto: { conditions: { mobile: "sprinkles_borderTop_auto_mobile__1y3svrm6i", tablet: "sprinkles_borderTop_auto_tablet__1y3svrm6j", desktop: "sprinkles_borderTop_auto_desktop__1y3svrm6k" }, defaultClass: "sprinkles_borderTop_auto_mobile__1y3svrm6i" } }, responsiveArray: void 0 }, borderBottom: { values: { none: { conditions: { mobile: "sprinkles_borderBottom_none_mobile__1y3svrm6l", tablet: "sprinkles_borderBottom_none_tablet__1y3svrm6m", desktop: "sprinkles_borderBottom_none_desktop__1y3svrm6n" }, defaultClass: "sprinkles_borderBottom_none_mobile__1y3svrm6l" }, small: { conditions: { mobile: "sprinkles_borderBottom_small_mobile__1y3svrm6o", tablet: "sprinkles_borderBottom_small_tablet__1y3svrm6p", desktop: "sprinkles_borderBottom_small_desktop__1y3svrm6q" }, defaultClass: "sprinkles_borderBottom_small_mobile__1y3svrm6o" }, medium: { conditions: { mobile: "sprinkles_borderBottom_medium_mobile__1y3svrm6r", tablet: "sprinkles_borderBottom_medium_tablet__1y3svrm6s", desktop: "sprinkles_borderBottom_medium_desktop__1y3svrm6t" }, defaultClass: "sprinkles_borderBottom_medium_mobile__1y3svrm6r" }, large: { conditions: { mobile: "sprinkles_borderBottom_large_mobile__1y3svrm6u", tablet: "sprinkles_borderBottom_large_tablet__1y3svrm6v", desktop: "sprinkles_borderBottom_large_desktop__1y3svrm6w" }, defaultClass: "sprinkles_borderBottom_large_mobile__1y3svrm6u" }, auto: { conditions: { mobile: "sprinkles_borderBottom_auto_mobile__1y3svrm6x", tablet: "sprinkles_borderBottom_auto_tablet__1y3svrm6y", desktop: "sprinkles_borderBottom_auto_desktop__1y3svrm6z" }, defaultClass: "sprinkles_borderBottom_auto_mobile__1y3svrm6x" } }, responsiveArray: void 0 }, borderRadius: { values: { none: { conditions: { mobile: "sprinkles_borderRadius_none_mobile__1y3svrm70", tablet: "sprinkles_borderRadius_none_tablet__1y3svrm71", desktop: "sprinkles_borderRadius_none_desktop__1y3svrm72" }, defaultClass: "sprinkles_borderRadius_none_mobile__1y3svrm70" }, small: { conditions: { mobile: "sprinkles_borderRadius_small_mobile__1y3svrm73", tablet: "sprinkles_borderRadius_small_tablet__1y3svrm74", desktop: "sprinkles_borderRadius_small_desktop__1y3svrm75" }, defaultClass: "sprinkles_borderRadius_small_mobile__1y3svrm73" }, medium: { conditions: { mobile: "sprinkles_borderRadius_medium_mobile__1y3svrm76", tablet: "sprinkles_borderRadius_medium_tablet__1y3svrm77", desktop: "sprinkles_borderRadius_medium_desktop__1y3svrm78" }, defaultClass: "sprinkles_borderRadius_medium_mobile__1y3svrm76" }, large: { conditions: { mobile: "sprinkles_borderRadius_large_mobile__1y3svrm79", tablet: "sprinkles_borderRadius_large_tablet__1y3svrm7a", desktop: "sprinkles_borderRadius_large_desktop__1y3svrm7b" }, defaultClass: "sprinkles_borderRadius_large_mobile__1y3svrm79" }, auto: { conditions: { mobile: "sprinkles_borderRadius_auto_mobile__1y3svrm7c", tablet: "sprinkles_borderRadius_auto_tablet__1y3svrm7d", desktop: "sprinkles_borderRadius_auto_desktop__1y3svrm7e" }, defaultClass: "sprinkles_borderRadius_auto_mobile__1y3svrm7c" } }, responsiveArray: void 0 }, gap: { values: { none: { conditions: { mobile: "sprinkles_gap_none_mobile__1y3svrm7f", tablet: "sprinkles_gap_none_tablet__1y3svrm7g", desktop: "sprinkles_gap_none_desktop__1y3svrm7h" }, defaultClass: "sprinkles_gap_none_mobile__1y3svrm7f" }, small: { conditions: { mobile: "sprinkles_gap_small_mobile__1y3svrm7i", tablet: "sprinkles_gap_small_tablet__1y3svrm7j", desktop: "sprinkles_gap_small_desktop__1y3svrm7k" }, defaultClass: "sprinkles_gap_small_mobile__1y3svrm7i" }, medium: { conditions: { mobile: "sprinkles_gap_medium_mobile__1y3svrm7l", tablet: "sprinkles_gap_medium_tablet__1y3svrm7m", desktop: "sprinkles_gap_medium_desktop__1y3svrm7n" }, defaultClass: "sprinkles_gap_medium_mobile__1y3svrm7l" }, large: { conditions: { mobile: "sprinkles_gap_large_mobile__1y3svrm7o", tablet: "sprinkles_gap_large_tablet__1y3svrm7p", desktop: "sprinkles_gap_large_desktop__1y3svrm7q" }, defaultClass: "sprinkles_gap_large_mobile__1y3svrm7o" }, auto: { conditions: { mobile: "sprinkles_gap_auto_mobile__1y3svrm7r", tablet: "sprinkles_gap_auto_tablet__1y3svrm7s", desktop: "sprinkles_gap_auto_desktop__1y3svrm7t" }, defaultClass: "sprinkles_gap_auto_mobile__1y3svrm7r" } }, responsiveArray: void 0 } } };
|
|
8
|
+
x.styles.display.responsiveArray = x.conditions.responsiveArray;
|
|
9
|
+
x.styles.width.responsiveArray = x.conditions.responsiveArray;
|
|
10
|
+
x.styles.height.responsiveArray = x.conditions.responsiveArray;
|
|
11
|
+
x.styles.flexDirection.responsiveArray = x.conditions.responsiveArray;
|
|
12
|
+
x.styles.justifyContent.responsiveArray = x.conditions.responsiveArray;
|
|
13
|
+
x.styles.alignItems.responsiveArray = x.conditions.responsiveArray;
|
|
14
|
+
x.styles.paddingTop.responsiveArray = x.conditions.responsiveArray;
|
|
15
|
+
x.styles.paddingBottom.responsiveArray = x.conditions.responsiveArray;
|
|
16
|
+
x.styles.paddingLeft.responsiveArray = x.conditions.responsiveArray;
|
|
17
|
+
x.styles.paddingRight.responsiveArray = x.conditions.responsiveArray;
|
|
18
|
+
x.styles.marginLeft.responsiveArray = x.conditions.responsiveArray;
|
|
19
|
+
x.styles.marginRight.responsiveArray = x.conditions.responsiveArray;
|
|
20
|
+
x.styles.marginTop.responsiveArray = x.conditions.responsiveArray;
|
|
21
|
+
x.styles.marginBottom.responsiveArray = x.conditions.responsiveArray;
|
|
22
|
+
x.styles.borderLeft.responsiveArray = x.conditions.responsiveArray;
|
|
23
|
+
x.styles.borderRight.responsiveArray = x.conditions.responsiveArray;
|
|
24
|
+
x.styles.borderTop.responsiveArray = x.conditions.responsiveArray;
|
|
25
|
+
x.styles.borderBottom.responsiveArray = x.conditions.responsiveArray;
|
|
26
|
+
x.styles.borderRadius.responsiveArray = x.conditions.responsiveArray;
|
|
27
|
+
x.styles.gap.responsiveArray = x.conditions.responsiveArray;
|
|
28
|
+
return x;
|
|
29
|
+
})(), { conditions: { defaultCondition: "lightMode", conditionNames: ["lightMode", "darkMode"], responsiveArray: void 0 }, styles: { color: { values: { "c1-50": { conditions: { lightMode: "sprinkles_color_c1-50_lightMode__1y3svrm7u", darkMode: "sprinkles_color_c1-50_darkMode__1y3svrm7v" }, defaultClass: "sprinkles_color_c1-50_lightMode__1y3svrm7u" }, "c1-100": { conditions: { lightMode: "sprinkles_color_c1-100_lightMode__1y3svrm7w", darkMode: "sprinkles_color_c1-100_darkMode__1y3svrm7x" }, defaultClass: "sprinkles_color_c1-100_lightMode__1y3svrm7w" }, "c1-150": { conditions: { lightMode: "sprinkles_color_c1-150_lightMode__1y3svrm7y", darkMode: "sprinkles_color_c1-150_darkMode__1y3svrm7z" }, defaultClass: "sprinkles_color_c1-150_lightMode__1y3svrm7y" }, "c1-200": { conditions: { lightMode: "sprinkles_color_c1-200_lightMode__1y3svrm80", darkMode: "sprinkles_color_c1-200_darkMode__1y3svrm81" }, defaultClass: "sprinkles_color_c1-200_lightMode__1y3svrm80" }, "c1-250": { conditions: { lightMode: "sprinkles_color_c1-250_lightMode__1y3svrm82", darkMode: "sprinkles_color_c1-250_darkMode__1y3svrm83" }, defaultClass: "sprinkles_color_c1-250_lightMode__1y3svrm82" }, "c1-300": { conditions: { lightMode: "sprinkles_color_c1-300_lightMode__1y3svrm84", darkMode: "sprinkles_color_c1-300_darkMode__1y3svrm85" }, defaultClass: "sprinkles_color_c1-300_lightMode__1y3svrm84" }, "c1-350": { conditions: { lightMode: "sprinkles_color_c1-350_lightMode__1y3svrm86", darkMode: "sprinkles_color_c1-350_darkMode__1y3svrm87" }, defaultClass: "sprinkles_color_c1-350_lightMode__1y3svrm86" }, "c1-400": { conditions: { lightMode: "sprinkles_color_c1-400_lightMode__1y3svrm88", darkMode: "sprinkles_color_c1-400_darkMode__1y3svrm89" }, defaultClass: "sprinkles_color_c1-400_lightMode__1y3svrm88" }, "c1-450": { conditions: { lightMode: "sprinkles_color_c1-450_lightMode__1y3svrm8a", darkMode: "sprinkles_color_c1-450_darkMode__1y3svrm8b" }, defaultClass: "sprinkles_color_c1-450_lightMode__1y3svrm8a" }, "c1-500": { conditions: { lightMode: "sprinkles_color_c1-500_lightMode__1y3svrm8c", darkMode: "sprinkles_color_c1-500_darkMode__1y3svrm8d" }, defaultClass: "sprinkles_color_c1-500_lightMode__1y3svrm8c" }, "c1-550": { conditions: { lightMode: "sprinkles_color_c1-550_lightMode__1y3svrm8e", darkMode: "sprinkles_color_c1-550_darkMode__1y3svrm8f" }, defaultClass: "sprinkles_color_c1-550_lightMode__1y3svrm8e" }, "c1-600": { conditions: { lightMode: "sprinkles_color_c1-600_lightMode__1y3svrm8g", darkMode: "sprinkles_color_c1-600_darkMode__1y3svrm8h" }, defaultClass: "sprinkles_color_c1-600_lightMode__1y3svrm8g" }, "c1-650": { conditions: { lightMode: "sprinkles_color_c1-650_lightMode__1y3svrm8i", darkMode: "sprinkles_color_c1-650_darkMode__1y3svrm8j" }, defaultClass: "sprinkles_color_c1-650_lightMode__1y3svrm8i" }, "c1-700": { conditions: { lightMode: "sprinkles_color_c1-700_lightMode__1y3svrm8k", darkMode: "sprinkles_color_c1-700_darkMode__1y3svrm8l" }, defaultClass: "sprinkles_color_c1-700_lightMode__1y3svrm8k" }, "c1-750": { conditions: { lightMode: "sprinkles_color_c1-750_lightMode__1y3svrm8m", darkMode: "sprinkles_color_c1-750_darkMode__1y3svrm8n" }, defaultClass: "sprinkles_color_c1-750_lightMode__1y3svrm8m" }, "c1-800": { conditions: { lightMode: "sprinkles_color_c1-800_lightMode__1y3svrm8o", darkMode: "sprinkles_color_c1-800_darkMode__1y3svrm8p" }, defaultClass: "sprinkles_color_c1-800_lightMode__1y3svrm8o" }, "c1-850": { conditions: { lightMode: "sprinkles_color_c1-850_lightMode__1y3svrm8q", darkMode: "sprinkles_color_c1-850_darkMode__1y3svrm8r" }, defaultClass: "sprinkles_color_c1-850_lightMode__1y3svrm8q" }, "c1-900": { conditions: { lightMode: "sprinkles_color_c1-900_lightMode__1y3svrm8s", darkMode: "sprinkles_color_c1-900_darkMode__1y3svrm8t" }, defaultClass: "sprinkles_color_c1-900_lightMode__1y3svrm8s" }, "c2-50": { conditions: { lightMode: "sprinkles_color_c2-50_lightMode__1y3svrm8u", darkMode: "sprinkles_color_c2-50_darkMode__1y3svrm8v" }, defaultClass: "sprinkles_color_c2-50_lightMode__1y3svrm8u" }, "c2-100": { conditions: { lightMode: "sprinkles_color_c2-100_lightMode__1y3svrm8w", darkMode: "sprinkles_color_c2-100_darkMode__1y3svrm8x" }, defaultClass: "sprinkles_color_c2-100_lightMode__1y3svrm8w" }, "c2-150": { conditions: { lightMode: "sprinkles_color_c2-150_lightMode__1y3svrm8y", darkMode: "sprinkles_color_c2-150_darkMode__1y3svrm8z" }, defaultClass: "sprinkles_color_c2-150_lightMode__1y3svrm8y" }, "c2-200": { conditions: { lightMode: "sprinkles_color_c2-200_lightMode__1y3svrm90", darkMode: "sprinkles_color_c2-200_darkMode__1y3svrm91" }, defaultClass: "sprinkles_color_c2-200_lightMode__1y3svrm90" }, "c2-250": { conditions: { lightMode: "sprinkles_color_c2-250_lightMode__1y3svrm92", darkMode: "sprinkles_color_c2-250_darkMode__1y3svrm93" }, defaultClass: "sprinkles_color_c2-250_lightMode__1y3svrm92" }, "c2-300": { conditions: { lightMode: "sprinkles_color_c2-300_lightMode__1y3svrm94", darkMode: "sprinkles_color_c2-300_darkMode__1y3svrm95" }, defaultClass: "sprinkles_color_c2-300_lightMode__1y3svrm94" }, "c2-350": { conditions: { lightMode: "sprinkles_color_c2-350_lightMode__1y3svrm96", darkMode: "sprinkles_color_c2-350_darkMode__1y3svrm97" }, defaultClass: "sprinkles_color_c2-350_lightMode__1y3svrm96" }, "c2-400": { conditions: { lightMode: "sprinkles_color_c2-400_lightMode__1y3svrm98", darkMode: "sprinkles_color_c2-400_darkMode__1y3svrm99" }, defaultClass: "sprinkles_color_c2-400_lightMode__1y3svrm98" }, "c2-450": { conditions: { lightMode: "sprinkles_color_c2-450_lightMode__1y3svrm9a", darkMode: "sprinkles_color_c2-450_darkMode__1y3svrm9b" }, defaultClass: "sprinkles_color_c2-450_lightMode__1y3svrm9a" }, "c2-500": { conditions: { lightMode: "sprinkles_color_c2-500_lightMode__1y3svrm9c", darkMode: "sprinkles_color_c2-500_darkMode__1y3svrm9d" }, defaultClass: "sprinkles_color_c2-500_lightMode__1y3svrm9c" }, "c2-550": { conditions: { lightMode: "sprinkles_color_c2-550_lightMode__1y3svrm9e", darkMode: "sprinkles_color_c2-550_darkMode__1y3svrm9f" }, defaultClass: "sprinkles_color_c2-550_lightMode__1y3svrm9e" }, "c2-600": { conditions: { lightMode: "sprinkles_color_c2-600_lightMode__1y3svrm9g", darkMode: "sprinkles_color_c2-600_darkMode__1y3svrm9h" }, defaultClass: "sprinkles_color_c2-600_lightMode__1y3svrm9g" }, "c2-650": { conditions: { lightMode: "sprinkles_color_c2-650_lightMode__1y3svrm9i", darkMode: "sprinkles_color_c2-650_darkMode__1y3svrm9j" }, defaultClass: "sprinkles_color_c2-650_lightMode__1y3svrm9i" }, "c2-700": { conditions: { lightMode: "sprinkles_color_c2-700_lightMode__1y3svrm9k", darkMode: "sprinkles_color_c2-700_darkMode__1y3svrm9l" }, defaultClass: "sprinkles_color_c2-700_lightMode__1y3svrm9k" }, "c2-750": { conditions: { lightMode: "sprinkles_color_c2-750_lightMode__1y3svrm9m", darkMode: "sprinkles_color_c2-750_darkMode__1y3svrm9n" }, defaultClass: "sprinkles_color_c2-750_lightMode__1y3svrm9m" }, "c2-800": { conditions: { lightMode: "sprinkles_color_c2-800_lightMode__1y3svrm9o", darkMode: "sprinkles_color_c2-800_darkMode__1y3svrm9p" }, defaultClass: "sprinkles_color_c2-800_lightMode__1y3svrm9o" }, "c2-850": { conditions: { lightMode: "sprinkles_color_c2-850_lightMode__1y3svrm9q", darkMode: "sprinkles_color_c2-850_darkMode__1y3svrm9r" }, defaultClass: "sprinkles_color_c2-850_lightMode__1y3svrm9q" }, "c2-900": { conditions: { lightMode: "sprinkles_color_c2-900_lightMode__1y3svrm9s", darkMode: "sprinkles_color_c2-900_darkMode__1y3svrm9t" }, defaultClass: "sprinkles_color_c2-900_lightMode__1y3svrm9s" }, "c3-50": { conditions: { lightMode: "sprinkles_color_c3-50_lightMode__1y3svrm9u", darkMode: "sprinkles_color_c3-50_darkMode__1y3svrm9v" }, defaultClass: "sprinkles_color_c3-50_lightMode__1y3svrm9u" }, "c3-100": { conditions: { lightMode: "sprinkles_color_c3-100_lightMode__1y3svrm9w", darkMode: "sprinkles_color_c3-100_darkMode__1y3svrm9x" }, defaultClass: "sprinkles_color_c3-100_lightMode__1y3svrm9w" }, "c3-150": { conditions: { lightMode: "sprinkles_color_c3-150_lightMode__1y3svrm9y", darkMode: "sprinkles_color_c3-150_darkMode__1y3svrm9z" }, defaultClass: "sprinkles_color_c3-150_lightMode__1y3svrm9y" }, "c3-200": { conditions: { lightMode: "sprinkles_color_c3-200_lightMode__1y3svrma0", darkMode: "sprinkles_color_c3-200_darkMode__1y3svrma1" }, defaultClass: "sprinkles_color_c3-200_lightMode__1y3svrma0" }, "c3-250": { conditions: { lightMode: "sprinkles_color_c3-250_lightMode__1y3svrma2", darkMode: "sprinkles_color_c3-250_darkMode__1y3svrma3" }, defaultClass: "sprinkles_color_c3-250_lightMode__1y3svrma2" }, "c3-300": { conditions: { lightMode: "sprinkles_color_c3-300_lightMode__1y3svrma4", darkMode: "sprinkles_color_c3-300_darkMode__1y3svrma5" }, defaultClass: "sprinkles_color_c3-300_lightMode__1y3svrma4" }, "c3-350": { conditions: { lightMode: "sprinkles_color_c3-350_lightMode__1y3svrma6", darkMode: "sprinkles_color_c3-350_darkMode__1y3svrma7" }, defaultClass: "sprinkles_color_c3-350_lightMode__1y3svrma6" }, "c3-400": { conditions: { lightMode: "sprinkles_color_c3-400_lightMode__1y3svrma8", darkMode: "sprinkles_color_c3-400_darkMode__1y3svrma9" }, defaultClass: "sprinkles_color_c3-400_lightMode__1y3svrma8" }, "c3-450": { conditions: { lightMode: "sprinkles_color_c3-450_lightMode__1y3svrmaa", darkMode: "sprinkles_color_c3-450_darkMode__1y3svrmab" }, defaultClass: "sprinkles_color_c3-450_lightMode__1y3svrmaa" }, "c3-500": { conditions: { lightMode: "sprinkles_color_c3-500_lightMode__1y3svrmac", darkMode: "sprinkles_color_c3-500_darkMode__1y3svrmad" }, defaultClass: "sprinkles_color_c3-500_lightMode__1y3svrmac" }, "c3-550": { conditions: { lightMode: "sprinkles_color_c3-550_lightMode__1y3svrmae", darkMode: "sprinkles_color_c3-550_darkMode__1y3svrmaf" }, defaultClass: "sprinkles_color_c3-550_lightMode__1y3svrmae" }, "c3-600": { conditions: { lightMode: "sprinkles_color_c3-600_lightMode__1y3svrmag", darkMode: "sprinkles_color_c3-600_darkMode__1y3svrmah" }, defaultClass: "sprinkles_color_c3-600_lightMode__1y3svrmag" }, "c3-650": { conditions: { lightMode: "sprinkles_color_c3-650_lightMode__1y3svrmai", darkMode: "sprinkles_color_c3-650_darkMode__1y3svrmaj" }, defaultClass: "sprinkles_color_c3-650_lightMode__1y3svrmai" }, "c3-700": { conditions: { lightMode: "sprinkles_color_c3-700_lightMode__1y3svrmak", darkMode: "sprinkles_color_c3-700_darkMode__1y3svrmal" }, defaultClass: "sprinkles_color_c3-700_lightMode__1y3svrmak" }, "c3-750": { conditions: { lightMode: "sprinkles_color_c3-750_lightMode__1y3svrmam", darkMode: "sprinkles_color_c3-750_darkMode__1y3svrman" }, defaultClass: "sprinkles_color_c3-750_lightMode__1y3svrmam" }, "c3-800": { conditions: { lightMode: "sprinkles_color_c3-800_lightMode__1y3svrmao", darkMode: "sprinkles_color_c3-800_darkMode__1y3svrmap" }, defaultClass: "sprinkles_color_c3-800_lightMode__1y3svrmao" }, "c3-850": { conditions: { lightMode: "sprinkles_color_c3-850_lightMode__1y3svrmaq", darkMode: "sprinkles_color_c3-850_darkMode__1y3svrmar" }, defaultClass: "sprinkles_color_c3-850_lightMode__1y3svrmaq" }, "c3-900": { conditions: { lightMode: "sprinkles_color_c3-900_lightMode__1y3svrmas", darkMode: "sprinkles_color_c3-900_darkMode__1y3svrmat" }, defaultClass: "sprinkles_color_c3-900_lightMode__1y3svrmas" }, "c4-50": { conditions: { lightMode: "sprinkles_color_c4-50_lightMode__1y3svrmau", darkMode: "sprinkles_color_c4-50_darkMode__1y3svrmav" }, defaultClass: "sprinkles_color_c4-50_lightMode__1y3svrmau" }, "c4-100": { conditions: { lightMode: "sprinkles_color_c4-100_lightMode__1y3svrmaw", darkMode: "sprinkles_color_c4-100_darkMode__1y3svrmax" }, defaultClass: "sprinkles_color_c4-100_lightMode__1y3svrmaw" }, "c4-150": { conditions: { lightMode: "sprinkles_color_c4-150_lightMode__1y3svrmay", darkMode: "sprinkles_color_c4-150_darkMode__1y3svrmaz" }, defaultClass: "sprinkles_color_c4-150_lightMode__1y3svrmay" }, "c4-200": { conditions: { lightMode: "sprinkles_color_c4-200_lightMode__1y3svrmb0", darkMode: "sprinkles_color_c4-200_darkMode__1y3svrmb1" }, defaultClass: "sprinkles_color_c4-200_lightMode__1y3svrmb0" }, "c4-250": { conditions: { lightMode: "sprinkles_color_c4-250_lightMode__1y3svrmb2", darkMode: "sprinkles_color_c4-250_darkMode__1y3svrmb3" }, defaultClass: "sprinkles_color_c4-250_lightMode__1y3svrmb2" }, "c4-300": { conditions: { lightMode: "sprinkles_color_c4-300_lightMode__1y3svrmb4", darkMode: "sprinkles_color_c4-300_darkMode__1y3svrmb5" }, defaultClass: "sprinkles_color_c4-300_lightMode__1y3svrmb4" }, "c4-350": { conditions: { lightMode: "sprinkles_color_c4-350_lightMode__1y3svrmb6", darkMode: "sprinkles_color_c4-350_darkMode__1y3svrmb7" }, defaultClass: "sprinkles_color_c4-350_lightMode__1y3svrmb6" }, "c4-400": { conditions: { lightMode: "sprinkles_color_c4-400_lightMode__1y3svrmb8", darkMode: "sprinkles_color_c4-400_darkMode__1y3svrmb9" }, defaultClass: "sprinkles_color_c4-400_lightMode__1y3svrmb8" }, "c4-450": { conditions: { lightMode: "sprinkles_color_c4-450_lightMode__1y3svrmba", darkMode: "sprinkles_color_c4-450_darkMode__1y3svrmbb" }, defaultClass: "sprinkles_color_c4-450_lightMode__1y3svrmba" }, "c4-500": { conditions: { lightMode: "sprinkles_color_c4-500_lightMode__1y3svrmbc", darkMode: "sprinkles_color_c4-500_darkMode__1y3svrmbd" }, defaultClass: "sprinkles_color_c4-500_lightMode__1y3svrmbc" }, "c4-550": { conditions: { lightMode: "sprinkles_color_c4-550_lightMode__1y3svrmbe", darkMode: "sprinkles_color_c4-550_darkMode__1y3svrmbf" }, defaultClass: "sprinkles_color_c4-550_lightMode__1y3svrmbe" }, "c4-600": { conditions: { lightMode: "sprinkles_color_c4-600_lightMode__1y3svrmbg", darkMode: "sprinkles_color_c4-600_darkMode__1y3svrmbh" }, defaultClass: "sprinkles_color_c4-600_lightMode__1y3svrmbg" }, "c4-650": { conditions: { lightMode: "sprinkles_color_c4-650_lightMode__1y3svrmbi", darkMode: "sprinkles_color_c4-650_darkMode__1y3svrmbj" }, defaultClass: "sprinkles_color_c4-650_lightMode__1y3svrmbi" }, "c4-700": { conditions: { lightMode: "sprinkles_color_c4-700_lightMode__1y3svrmbk", darkMode: "sprinkles_color_c4-700_darkMode__1y3svrmbl" }, defaultClass: "sprinkles_color_c4-700_lightMode__1y3svrmbk" }, "c4-750": { conditions: { lightMode: "sprinkles_color_c4-750_lightMode__1y3svrmbm", darkMode: "sprinkles_color_c4-750_darkMode__1y3svrmbn" }, defaultClass: "sprinkles_color_c4-750_lightMode__1y3svrmbm" }, "c4-800": { conditions: { lightMode: "sprinkles_color_c4-800_lightMode__1y3svrmbo", darkMode: "sprinkles_color_c4-800_darkMode__1y3svrmbp" }, defaultClass: "sprinkles_color_c4-800_lightMode__1y3svrmbo" }, "c4-850": { conditions: { lightMode: "sprinkles_color_c4-850_lightMode__1y3svrmbq", darkMode: "sprinkles_color_c4-850_darkMode__1y3svrmbr" }, defaultClass: "sprinkles_color_c4-850_lightMode__1y3svrmbq" }, "c4-900": { conditions: { lightMode: "sprinkles_color_c4-900_lightMode__1y3svrmbs", darkMode: "sprinkles_color_c4-900_darkMode__1y3svrmbt" }, defaultClass: "sprinkles_color_c4-900_lightMode__1y3svrmbs" }, "c5-50": { conditions: { lightMode: "sprinkles_color_c5-50_lightMode__1y3svrmbu", darkMode: "sprinkles_color_c5-50_darkMode__1y3svrmbv" }, defaultClass: "sprinkles_color_c5-50_lightMode__1y3svrmbu" }, "c5-100": { conditions: { lightMode: "sprinkles_color_c5-100_lightMode__1y3svrmbw", darkMode: "sprinkles_color_c5-100_darkMode__1y3svrmbx" }, defaultClass: "sprinkles_color_c5-100_lightMode__1y3svrmbw" }, "c5-150": { conditions: { lightMode: "sprinkles_color_c5-150_lightMode__1y3svrmby", darkMode: "sprinkles_color_c5-150_darkMode__1y3svrmbz" }, defaultClass: "sprinkles_color_c5-150_lightMode__1y3svrmby" }, "c5-200": { conditions: { lightMode: "sprinkles_color_c5-200_lightMode__1y3svrmc0", darkMode: "sprinkles_color_c5-200_darkMode__1y3svrmc1" }, defaultClass: "sprinkles_color_c5-200_lightMode__1y3svrmc0" }, "c5-250": { conditions: { lightMode: "sprinkles_color_c5-250_lightMode__1y3svrmc2", darkMode: "sprinkles_color_c5-250_darkMode__1y3svrmc3" }, defaultClass: "sprinkles_color_c5-250_lightMode__1y3svrmc2" }, "c5-300": { conditions: { lightMode: "sprinkles_color_c5-300_lightMode__1y3svrmc4", darkMode: "sprinkles_color_c5-300_darkMode__1y3svrmc5" }, defaultClass: "sprinkles_color_c5-300_lightMode__1y3svrmc4" }, "c5-350": { conditions: { lightMode: "sprinkles_color_c5-350_lightMode__1y3svrmc6", darkMode: "sprinkles_color_c5-350_darkMode__1y3svrmc7" }, defaultClass: "sprinkles_color_c5-350_lightMode__1y3svrmc6" }, "c5-400": { conditions: { lightMode: "sprinkles_color_c5-400_lightMode__1y3svrmc8", darkMode: "sprinkles_color_c5-400_darkMode__1y3svrmc9" }, defaultClass: "sprinkles_color_c5-400_lightMode__1y3svrmc8" }, "c5-450": { conditions: { lightMode: "sprinkles_color_c5-450_lightMode__1y3svrmca", darkMode: "sprinkles_color_c5-450_darkMode__1y3svrmcb" }, defaultClass: "sprinkles_color_c5-450_lightMode__1y3svrmca" }, "c5-500": { conditions: { lightMode: "sprinkles_color_c5-500_lightMode__1y3svrmcc", darkMode: "sprinkles_color_c5-500_darkMode__1y3svrmcd" }, defaultClass: "sprinkles_color_c5-500_lightMode__1y3svrmcc" }, "c5-550": { conditions: { lightMode: "sprinkles_color_c5-550_lightMode__1y3svrmce", darkMode: "sprinkles_color_c5-550_darkMode__1y3svrmcf" }, defaultClass: "sprinkles_color_c5-550_lightMode__1y3svrmce" }, "c5-600": { conditions: { lightMode: "sprinkles_color_c5-600_lightMode__1y3svrmcg", darkMode: "sprinkles_color_c5-600_darkMode__1y3svrmch" }, defaultClass: "sprinkles_color_c5-600_lightMode__1y3svrmcg" }, "c5-650": { conditions: { lightMode: "sprinkles_color_c5-650_lightMode__1y3svrmci", darkMode: "sprinkles_color_c5-650_darkMode__1y3svrmcj" }, defaultClass: "sprinkles_color_c5-650_lightMode__1y3svrmci" }, "c5-700": { conditions: { lightMode: "sprinkles_color_c5-700_lightMode__1y3svrmck", darkMode: "sprinkles_color_c5-700_darkMode__1y3svrmcl" }, defaultClass: "sprinkles_color_c5-700_lightMode__1y3svrmck" }, "c5-750": { conditions: { lightMode: "sprinkles_color_c5-750_lightMode__1y3svrmcm", darkMode: "sprinkles_color_c5-750_darkMode__1y3svrmcn" }, defaultClass: "sprinkles_color_c5-750_lightMode__1y3svrmcm" }, "c5-800": { conditions: { lightMode: "sprinkles_color_c5-800_lightMode__1y3svrmco", darkMode: "sprinkles_color_c5-800_darkMode__1y3svrmcp" }, defaultClass: "sprinkles_color_c5-800_lightMode__1y3svrmco" }, "c5-850": { conditions: { lightMode: "sprinkles_color_c5-850_lightMode__1y3svrmcq", darkMode: "sprinkles_color_c5-850_darkMode__1y3svrmcr" }, defaultClass: "sprinkles_color_c5-850_lightMode__1y3svrmcq" }, "c5-900": { conditions: { lightMode: "sprinkles_color_c5-900_lightMode__1y3svrmcs", darkMode: "sprinkles_color_c5-900_darkMode__1y3svrmct" }, defaultClass: "sprinkles_color_c5-900_lightMode__1y3svrmcs" } } }, background: { values: { "c1-50": { conditions: { lightMode: "sprinkles_background_c1-50_lightMode__1y3svrmcu", darkMode: "sprinkles_background_c1-50_darkMode__1y3svrmcv" }, defaultClass: "sprinkles_background_c1-50_lightMode__1y3svrmcu" }, "c1-100": { conditions: { lightMode: "sprinkles_background_c1-100_lightMode__1y3svrmcw", darkMode: "sprinkles_background_c1-100_darkMode__1y3svrmcx" }, defaultClass: "sprinkles_background_c1-100_lightMode__1y3svrmcw" }, "c1-150": { conditions: { lightMode: "sprinkles_background_c1-150_lightMode__1y3svrmcy", darkMode: "sprinkles_background_c1-150_darkMode__1y3svrmcz" }, defaultClass: "sprinkles_background_c1-150_lightMode__1y3svrmcy" }, "c1-200": { conditions: { lightMode: "sprinkles_background_c1-200_lightMode__1y3svrmd0", darkMode: "sprinkles_background_c1-200_darkMode__1y3svrmd1" }, defaultClass: "sprinkles_background_c1-200_lightMode__1y3svrmd0" }, "c1-250": { conditions: { lightMode: "sprinkles_background_c1-250_lightMode__1y3svrmd2", darkMode: "sprinkles_background_c1-250_darkMode__1y3svrmd3" }, defaultClass: "sprinkles_background_c1-250_lightMode__1y3svrmd2" }, "c1-300": { conditions: { lightMode: "sprinkles_background_c1-300_lightMode__1y3svrmd4", darkMode: "sprinkles_background_c1-300_darkMode__1y3svrmd5" }, defaultClass: "sprinkles_background_c1-300_lightMode__1y3svrmd4" }, "c1-350": { conditions: { lightMode: "sprinkles_background_c1-350_lightMode__1y3svrmd6", darkMode: "sprinkles_background_c1-350_darkMode__1y3svrmd7" }, defaultClass: "sprinkles_background_c1-350_lightMode__1y3svrmd6" }, "c1-400": { conditions: { lightMode: "sprinkles_background_c1-400_lightMode__1y3svrmd8", darkMode: "sprinkles_background_c1-400_darkMode__1y3svrmd9" }, defaultClass: "sprinkles_background_c1-400_lightMode__1y3svrmd8" }, "c1-450": { conditions: { lightMode: "sprinkles_background_c1-450_lightMode__1y3svrmda", darkMode: "sprinkles_background_c1-450_darkMode__1y3svrmdb" }, defaultClass: "sprinkles_background_c1-450_lightMode__1y3svrmda" }, "c1-500": { conditions: { lightMode: "sprinkles_background_c1-500_lightMode__1y3svrmdc", darkMode: "sprinkles_background_c1-500_darkMode__1y3svrmdd" }, defaultClass: "sprinkles_background_c1-500_lightMode__1y3svrmdc" }, "c1-550": { conditions: { lightMode: "sprinkles_background_c1-550_lightMode__1y3svrmde", darkMode: "sprinkles_background_c1-550_darkMode__1y3svrmdf" }, defaultClass: "sprinkles_background_c1-550_lightMode__1y3svrmde" }, "c1-600": { conditions: { lightMode: "sprinkles_background_c1-600_lightMode__1y3svrmdg", darkMode: "sprinkles_background_c1-600_darkMode__1y3svrmdh" }, defaultClass: "sprinkles_background_c1-600_lightMode__1y3svrmdg" }, "c1-650": { conditions: { lightMode: "sprinkles_background_c1-650_lightMode__1y3svrmdi", darkMode: "sprinkles_background_c1-650_darkMode__1y3svrmdj" }, defaultClass: "sprinkles_background_c1-650_lightMode__1y3svrmdi" }, "c1-700": { conditions: { lightMode: "sprinkles_background_c1-700_lightMode__1y3svrmdk", darkMode: "sprinkles_background_c1-700_darkMode__1y3svrmdl" }, defaultClass: "sprinkles_background_c1-700_lightMode__1y3svrmdk" }, "c1-750": { conditions: { lightMode: "sprinkles_background_c1-750_lightMode__1y3svrmdm", darkMode: "sprinkles_background_c1-750_darkMode__1y3svrmdn" }, defaultClass: "sprinkles_background_c1-750_lightMode__1y3svrmdm" }, "c1-800": { conditions: { lightMode: "sprinkles_background_c1-800_lightMode__1y3svrmdo", darkMode: "sprinkles_background_c1-800_darkMode__1y3svrmdp" }, defaultClass: "sprinkles_background_c1-800_lightMode__1y3svrmdo" }, "c1-850": { conditions: { lightMode: "sprinkles_background_c1-850_lightMode__1y3svrmdq", darkMode: "sprinkles_background_c1-850_darkMode__1y3svrmdr" }, defaultClass: "sprinkles_background_c1-850_lightMode__1y3svrmdq" }, "c1-900": { conditions: { lightMode: "sprinkles_background_c1-900_lightMode__1y3svrmds", darkMode: "sprinkles_background_c1-900_darkMode__1y3svrmdt" }, defaultClass: "sprinkles_background_c1-900_lightMode__1y3svrmds" }, "c2-50": { conditions: { lightMode: "sprinkles_background_c2-50_lightMode__1y3svrmdu", darkMode: "sprinkles_background_c2-50_darkMode__1y3svrmdv" }, defaultClass: "sprinkles_background_c2-50_lightMode__1y3svrmdu" }, "c2-100": { conditions: { lightMode: "sprinkles_background_c2-100_lightMode__1y3svrmdw", darkMode: "sprinkles_background_c2-100_darkMode__1y3svrmdx" }, defaultClass: "sprinkles_background_c2-100_lightMode__1y3svrmdw" }, "c2-150": { conditions: { lightMode: "sprinkles_background_c2-150_lightMode__1y3svrmdy", darkMode: "sprinkles_background_c2-150_darkMode__1y3svrmdz" }, defaultClass: "sprinkles_background_c2-150_lightMode__1y3svrmdy" }, "c2-200": { conditions: { lightMode: "sprinkles_background_c2-200_lightMode__1y3svrme0", darkMode: "sprinkles_background_c2-200_darkMode__1y3svrme1" }, defaultClass: "sprinkles_background_c2-200_lightMode__1y3svrme0" }, "c2-250": { conditions: { lightMode: "sprinkles_background_c2-250_lightMode__1y3svrme2", darkMode: "sprinkles_background_c2-250_darkMode__1y3svrme3" }, defaultClass: "sprinkles_background_c2-250_lightMode__1y3svrme2" }, "c2-300": { conditions: { lightMode: "sprinkles_background_c2-300_lightMode__1y3svrme4", darkMode: "sprinkles_background_c2-300_darkMode__1y3svrme5" }, defaultClass: "sprinkles_background_c2-300_lightMode__1y3svrme4" }, "c2-350": { conditions: { lightMode: "sprinkles_background_c2-350_lightMode__1y3svrme6", darkMode: "sprinkles_background_c2-350_darkMode__1y3svrme7" }, defaultClass: "sprinkles_background_c2-350_lightMode__1y3svrme6" }, "c2-400": { conditions: { lightMode: "sprinkles_background_c2-400_lightMode__1y3svrme8", darkMode: "sprinkles_background_c2-400_darkMode__1y3svrme9" }, defaultClass: "sprinkles_background_c2-400_lightMode__1y3svrme8" }, "c2-450": { conditions: { lightMode: "sprinkles_background_c2-450_lightMode__1y3svrmea", darkMode: "sprinkles_background_c2-450_darkMode__1y3svrmeb" }, defaultClass: "sprinkles_background_c2-450_lightMode__1y3svrmea" }, "c2-500": { conditions: { lightMode: "sprinkles_background_c2-500_lightMode__1y3svrmec", darkMode: "sprinkles_background_c2-500_darkMode__1y3svrmed" }, defaultClass: "sprinkles_background_c2-500_lightMode__1y3svrmec" }, "c2-550": { conditions: { lightMode: "sprinkles_background_c2-550_lightMode__1y3svrmee", darkMode: "sprinkles_background_c2-550_darkMode__1y3svrmef" }, defaultClass: "sprinkles_background_c2-550_lightMode__1y3svrmee" }, "c2-600": { conditions: { lightMode: "sprinkles_background_c2-600_lightMode__1y3svrmeg", darkMode: "sprinkles_background_c2-600_darkMode__1y3svrmeh" }, defaultClass: "sprinkles_background_c2-600_lightMode__1y3svrmeg" }, "c2-650": { conditions: { lightMode: "sprinkles_background_c2-650_lightMode__1y3svrmei", darkMode: "sprinkles_background_c2-650_darkMode__1y3svrmej" }, defaultClass: "sprinkles_background_c2-650_lightMode__1y3svrmei" }, "c2-700": { conditions: { lightMode: "sprinkles_background_c2-700_lightMode__1y3svrmek", darkMode: "sprinkles_background_c2-700_darkMode__1y3svrmel" }, defaultClass: "sprinkles_background_c2-700_lightMode__1y3svrmek" }, "c2-750": { conditions: { lightMode: "sprinkles_background_c2-750_lightMode__1y3svrmem", darkMode: "sprinkles_background_c2-750_darkMode__1y3svrmen" }, defaultClass: "sprinkles_background_c2-750_lightMode__1y3svrmem" }, "c2-800": { conditions: { lightMode: "sprinkles_background_c2-800_lightMode__1y3svrmeo", darkMode: "sprinkles_background_c2-800_darkMode__1y3svrmep" }, defaultClass: "sprinkles_background_c2-800_lightMode__1y3svrmeo" }, "c2-850": { conditions: { lightMode: "sprinkles_background_c2-850_lightMode__1y3svrmeq", darkMode: "sprinkles_background_c2-850_darkMode__1y3svrmer" }, defaultClass: "sprinkles_background_c2-850_lightMode__1y3svrmeq" }, "c2-900": { conditions: { lightMode: "sprinkles_background_c2-900_lightMode__1y3svrmes", darkMode: "sprinkles_background_c2-900_darkMode__1y3svrmet" }, defaultClass: "sprinkles_background_c2-900_lightMode__1y3svrmes" }, "c3-50": { conditions: { lightMode: "sprinkles_background_c3-50_lightMode__1y3svrmeu", darkMode: "sprinkles_background_c3-50_darkMode__1y3svrmev" }, defaultClass: "sprinkles_background_c3-50_lightMode__1y3svrmeu" }, "c3-100": { conditions: { lightMode: "sprinkles_background_c3-100_lightMode__1y3svrmew", darkMode: "sprinkles_background_c3-100_darkMode__1y3svrmex" }, defaultClass: "sprinkles_background_c3-100_lightMode__1y3svrmew" }, "c3-150": { conditions: { lightMode: "sprinkles_background_c3-150_lightMode__1y3svrmey", darkMode: "sprinkles_background_c3-150_darkMode__1y3svrmez" }, defaultClass: "sprinkles_background_c3-150_lightMode__1y3svrmey" }, "c3-200": { conditions: { lightMode: "sprinkles_background_c3-200_lightMode__1y3svrmf0", darkMode: "sprinkles_background_c3-200_darkMode__1y3svrmf1" }, defaultClass: "sprinkles_background_c3-200_lightMode__1y3svrmf0" }, "c3-250": { conditions: { lightMode: "sprinkles_background_c3-250_lightMode__1y3svrmf2", darkMode: "sprinkles_background_c3-250_darkMode__1y3svrmf3" }, defaultClass: "sprinkles_background_c3-250_lightMode__1y3svrmf2" }, "c3-300": { conditions: { lightMode: "sprinkles_background_c3-300_lightMode__1y3svrmf4", darkMode: "sprinkles_background_c3-300_darkMode__1y3svrmf5" }, defaultClass: "sprinkles_background_c3-300_lightMode__1y3svrmf4" }, "c3-350": { conditions: { lightMode: "sprinkles_background_c3-350_lightMode__1y3svrmf6", darkMode: "sprinkles_background_c3-350_darkMode__1y3svrmf7" }, defaultClass: "sprinkles_background_c3-350_lightMode__1y3svrmf6" }, "c3-400": { conditions: { lightMode: "sprinkles_background_c3-400_lightMode__1y3svrmf8", darkMode: "sprinkles_background_c3-400_darkMode__1y3svrmf9" }, defaultClass: "sprinkles_background_c3-400_lightMode__1y3svrmf8" }, "c3-450": { conditions: { lightMode: "sprinkles_background_c3-450_lightMode__1y3svrmfa", darkMode: "sprinkles_background_c3-450_darkMode__1y3svrmfb" }, defaultClass: "sprinkles_background_c3-450_lightMode__1y3svrmfa" }, "c3-500": { conditions: { lightMode: "sprinkles_background_c3-500_lightMode__1y3svrmfc", darkMode: "sprinkles_background_c3-500_darkMode__1y3svrmfd" }, defaultClass: "sprinkles_background_c3-500_lightMode__1y3svrmfc" }, "c3-550": { conditions: { lightMode: "sprinkles_background_c3-550_lightMode__1y3svrmfe", darkMode: "sprinkles_background_c3-550_darkMode__1y3svrmff" }, defaultClass: "sprinkles_background_c3-550_lightMode__1y3svrmfe" }, "c3-600": { conditions: { lightMode: "sprinkles_background_c3-600_lightMode__1y3svrmfg", darkMode: "sprinkles_background_c3-600_darkMode__1y3svrmfh" }, defaultClass: "sprinkles_background_c3-600_lightMode__1y3svrmfg" }, "c3-650": { conditions: { lightMode: "sprinkles_background_c3-650_lightMode__1y3svrmfi", darkMode: "sprinkles_background_c3-650_darkMode__1y3svrmfj" }, defaultClass: "sprinkles_background_c3-650_lightMode__1y3svrmfi" }, "c3-700": { conditions: { lightMode: "sprinkles_background_c3-700_lightMode__1y3svrmfk", darkMode: "sprinkles_background_c3-700_darkMode__1y3svrmfl" }, defaultClass: "sprinkles_background_c3-700_lightMode__1y3svrmfk" }, "c3-750": { conditions: { lightMode: "sprinkles_background_c3-750_lightMode__1y3svrmfm", darkMode: "sprinkles_background_c3-750_darkMode__1y3svrmfn" }, defaultClass: "sprinkles_background_c3-750_lightMode__1y3svrmfm" }, "c3-800": { conditions: { lightMode: "sprinkles_background_c3-800_lightMode__1y3svrmfo", darkMode: "sprinkles_background_c3-800_darkMode__1y3svrmfp" }, defaultClass: "sprinkles_background_c3-800_lightMode__1y3svrmfo" }, "c3-850": { conditions: { lightMode: "sprinkles_background_c3-850_lightMode__1y3svrmfq", darkMode: "sprinkles_background_c3-850_darkMode__1y3svrmfr" }, defaultClass: "sprinkles_background_c3-850_lightMode__1y3svrmfq" }, "c3-900": { conditions: { lightMode: "sprinkles_background_c3-900_lightMode__1y3svrmfs", darkMode: "sprinkles_background_c3-900_darkMode__1y3svrmft" }, defaultClass: "sprinkles_background_c3-900_lightMode__1y3svrmfs" }, "c4-50": { conditions: { lightMode: "sprinkles_background_c4-50_lightMode__1y3svrmfu", darkMode: "sprinkles_background_c4-50_darkMode__1y3svrmfv" }, defaultClass: "sprinkles_background_c4-50_lightMode__1y3svrmfu" }, "c4-100": { conditions: { lightMode: "sprinkles_background_c4-100_lightMode__1y3svrmfw", darkMode: "sprinkles_background_c4-100_darkMode__1y3svrmfx" }, defaultClass: "sprinkles_background_c4-100_lightMode__1y3svrmfw" }, "c4-150": { conditions: { lightMode: "sprinkles_background_c4-150_lightMode__1y3svrmfy", darkMode: "sprinkles_background_c4-150_darkMode__1y3svrmfz" }, defaultClass: "sprinkles_background_c4-150_lightMode__1y3svrmfy" }, "c4-200": { conditions: { lightMode: "sprinkles_background_c4-200_lightMode__1y3svrmg0", darkMode: "sprinkles_background_c4-200_darkMode__1y3svrmg1" }, defaultClass: "sprinkles_background_c4-200_lightMode__1y3svrmg0" }, "c4-250": { conditions: { lightMode: "sprinkles_background_c4-250_lightMode__1y3svrmg2", darkMode: "sprinkles_background_c4-250_darkMode__1y3svrmg3" }, defaultClass: "sprinkles_background_c4-250_lightMode__1y3svrmg2" }, "c4-300": { conditions: { lightMode: "sprinkles_background_c4-300_lightMode__1y3svrmg4", darkMode: "sprinkles_background_c4-300_darkMode__1y3svrmg5" }, defaultClass: "sprinkles_background_c4-300_lightMode__1y3svrmg4" }, "c4-350": { conditions: { lightMode: "sprinkles_background_c4-350_lightMode__1y3svrmg6", darkMode: "sprinkles_background_c4-350_darkMode__1y3svrmg7" }, defaultClass: "sprinkles_background_c4-350_lightMode__1y3svrmg6" }, "c4-400": { conditions: { lightMode: "sprinkles_background_c4-400_lightMode__1y3svrmg8", darkMode: "sprinkles_background_c4-400_darkMode__1y3svrmg9" }, defaultClass: "sprinkles_background_c4-400_lightMode__1y3svrmg8" }, "c4-450": { conditions: { lightMode: "sprinkles_background_c4-450_lightMode__1y3svrmga", darkMode: "sprinkles_background_c4-450_darkMode__1y3svrmgb" }, defaultClass: "sprinkles_background_c4-450_lightMode__1y3svrmga" }, "c4-500": { conditions: { lightMode: "sprinkles_background_c4-500_lightMode__1y3svrmgc", darkMode: "sprinkles_background_c4-500_darkMode__1y3svrmgd" }, defaultClass: "sprinkles_background_c4-500_lightMode__1y3svrmgc" }, "c4-550": { conditions: { lightMode: "sprinkles_background_c4-550_lightMode__1y3svrmge", darkMode: "sprinkles_background_c4-550_darkMode__1y3svrmgf" }, defaultClass: "sprinkles_background_c4-550_lightMode__1y3svrmge" }, "c4-600": { conditions: { lightMode: "sprinkles_background_c4-600_lightMode__1y3svrmgg", darkMode: "sprinkles_background_c4-600_darkMode__1y3svrmgh" }, defaultClass: "sprinkles_background_c4-600_lightMode__1y3svrmgg" }, "c4-650": { conditions: { lightMode: "sprinkles_background_c4-650_lightMode__1y3svrmgi", darkMode: "sprinkles_background_c4-650_darkMode__1y3svrmgj" }, defaultClass: "sprinkles_background_c4-650_lightMode__1y3svrmgi" }, "c4-700": { conditions: { lightMode: "sprinkles_background_c4-700_lightMode__1y3svrmgk", darkMode: "sprinkles_background_c4-700_darkMode__1y3svrmgl" }, defaultClass: "sprinkles_background_c4-700_lightMode__1y3svrmgk" }, "c4-750": { conditions: { lightMode: "sprinkles_background_c4-750_lightMode__1y3svrmgm", darkMode: "sprinkles_background_c4-750_darkMode__1y3svrmgn" }, defaultClass: "sprinkles_background_c4-750_lightMode__1y3svrmgm" }, "c4-800": { conditions: { lightMode: "sprinkles_background_c4-800_lightMode__1y3svrmgo", darkMode: "sprinkles_background_c4-800_darkMode__1y3svrmgp" }, defaultClass: "sprinkles_background_c4-800_lightMode__1y3svrmgo" }, "c4-850": { conditions: { lightMode: "sprinkles_background_c4-850_lightMode__1y3svrmgq", darkMode: "sprinkles_background_c4-850_darkMode__1y3svrmgr" }, defaultClass: "sprinkles_background_c4-850_lightMode__1y3svrmgq" }, "c4-900": { conditions: { lightMode: "sprinkles_background_c4-900_lightMode__1y3svrmgs", darkMode: "sprinkles_background_c4-900_darkMode__1y3svrmgt" }, defaultClass: "sprinkles_background_c4-900_lightMode__1y3svrmgs" }, "c5-50": { conditions: { lightMode: "sprinkles_background_c5-50_lightMode__1y3svrmgu", darkMode: "sprinkles_background_c5-50_darkMode__1y3svrmgv" }, defaultClass: "sprinkles_background_c5-50_lightMode__1y3svrmgu" }, "c5-100": { conditions: { lightMode: "sprinkles_background_c5-100_lightMode__1y3svrmgw", darkMode: "sprinkles_background_c5-100_darkMode__1y3svrmgx" }, defaultClass: "sprinkles_background_c5-100_lightMode__1y3svrmgw" }, "c5-150": { conditions: { lightMode: "sprinkles_background_c5-150_lightMode__1y3svrmgy", darkMode: "sprinkles_background_c5-150_darkMode__1y3svrmgz" }, defaultClass: "sprinkles_background_c5-150_lightMode__1y3svrmgy" }, "c5-200": { conditions: { lightMode: "sprinkles_background_c5-200_lightMode__1y3svrmh0", darkMode: "sprinkles_background_c5-200_darkMode__1y3svrmh1" }, defaultClass: "sprinkles_background_c5-200_lightMode__1y3svrmh0" }, "c5-250": { conditions: { lightMode: "sprinkles_background_c5-250_lightMode__1y3svrmh2", darkMode: "sprinkles_background_c5-250_darkMode__1y3svrmh3" }, defaultClass: "sprinkles_background_c5-250_lightMode__1y3svrmh2" }, "c5-300": { conditions: { lightMode: "sprinkles_background_c5-300_lightMode__1y3svrmh4", darkMode: "sprinkles_background_c5-300_darkMode__1y3svrmh5" }, defaultClass: "sprinkles_background_c5-300_lightMode__1y3svrmh4" }, "c5-350": { conditions: { lightMode: "sprinkles_background_c5-350_lightMode__1y3svrmh6", darkMode: "sprinkles_background_c5-350_darkMode__1y3svrmh7" }, defaultClass: "sprinkles_background_c5-350_lightMode__1y3svrmh6" }, "c5-400": { conditions: { lightMode: "sprinkles_background_c5-400_lightMode__1y3svrmh8", darkMode: "sprinkles_background_c5-400_darkMode__1y3svrmh9" }, defaultClass: "sprinkles_background_c5-400_lightMode__1y3svrmh8" }, "c5-450": { conditions: { lightMode: "sprinkles_background_c5-450_lightMode__1y3svrmha", darkMode: "sprinkles_background_c5-450_darkMode__1y3svrmhb" }, defaultClass: "sprinkles_background_c5-450_lightMode__1y3svrmha" }, "c5-500": { conditions: { lightMode: "sprinkles_background_c5-500_lightMode__1y3svrmhc", darkMode: "sprinkles_background_c5-500_darkMode__1y3svrmhd" }, defaultClass: "sprinkles_background_c5-500_lightMode__1y3svrmhc" }, "c5-550": { conditions: { lightMode: "sprinkles_background_c5-550_lightMode__1y3svrmhe", darkMode: "sprinkles_background_c5-550_darkMode__1y3svrmhf" }, defaultClass: "sprinkles_background_c5-550_lightMode__1y3svrmhe" }, "c5-600": { conditions: { lightMode: "sprinkles_background_c5-600_lightMode__1y3svrmhg", darkMode: "sprinkles_background_c5-600_darkMode__1y3svrmhh" }, defaultClass: "sprinkles_background_c5-600_lightMode__1y3svrmhg" }, "c5-650": { conditions: { lightMode: "sprinkles_background_c5-650_lightMode__1y3svrmhi", darkMode: "sprinkles_background_c5-650_darkMode__1y3svrmhj" }, defaultClass: "sprinkles_background_c5-650_lightMode__1y3svrmhi" }, "c5-700": { conditions: { lightMode: "sprinkles_background_c5-700_lightMode__1y3svrmhk", darkMode: "sprinkles_background_c5-700_darkMode__1y3svrmhl" }, defaultClass: "sprinkles_background_c5-700_lightMode__1y3svrmhk" }, "c5-750": { conditions: { lightMode: "sprinkles_background_c5-750_lightMode__1y3svrmhm", darkMode: "sprinkles_background_c5-750_darkMode__1y3svrmhn" }, defaultClass: "sprinkles_background_c5-750_lightMode__1y3svrmhm" }, "c5-800": { conditions: { lightMode: "sprinkles_background_c5-800_lightMode__1y3svrmho", darkMode: "sprinkles_background_c5-800_darkMode__1y3svrmhp" }, defaultClass: "sprinkles_background_c5-800_lightMode__1y3svrmho" }, "c5-850": { conditions: { lightMode: "sprinkles_background_c5-850_lightMode__1y3svrmhq", darkMode: "sprinkles_background_c5-850_darkMode__1y3svrmhr" }, defaultClass: "sprinkles_background_c5-850_lightMode__1y3svrmhq" }, "c5-900": { conditions: { lightMode: "sprinkles_background_c5-900_lightMode__1y3svrmhs", darkMode: "sprinkles_background_c5-900_darkMode__1y3svrmht" }, defaultClass: "sprinkles_background_c5-900_lightMode__1y3svrmhs" } } } } });
|
|
30
|
+
|
|
31
|
+
// src/components/Box/reset.css.ts
|
|
32
|
+
var reset = "reset_reset__11ookhm0";
|
|
33
|
+
|
|
34
|
+
// src/components/Box/Box.tsx
|
|
35
|
+
import React, { forwardRef } from "react";
|
|
36
|
+
var Box = forwardRef((props, ref) => {
|
|
37
|
+
const { as: Component = "div", className, children, ...rest } = props;
|
|
38
|
+
const sprinkleProps = {};
|
|
39
|
+
const otherProps = { ref };
|
|
40
|
+
const sprinkleKeys = /* @__PURE__ */ new Set([
|
|
41
|
+
"display",
|
|
42
|
+
"width",
|
|
43
|
+
"height",
|
|
44
|
+
"flexDirection",
|
|
45
|
+
"justifyContent",
|
|
46
|
+
"alignItems",
|
|
47
|
+
"paddingTop",
|
|
48
|
+
"paddingBottom",
|
|
49
|
+
"paddingLeft",
|
|
50
|
+
"paddingRight",
|
|
51
|
+
"marginLeft",
|
|
52
|
+
"marginRight",
|
|
53
|
+
"marginTop",
|
|
54
|
+
"marginBottom",
|
|
55
|
+
"borderLeft",
|
|
56
|
+
"borderRight",
|
|
57
|
+
"borderTop",
|
|
58
|
+
"borderBottom",
|
|
59
|
+
"borderRadius",
|
|
60
|
+
"gap",
|
|
61
|
+
"padding",
|
|
62
|
+
"border",
|
|
63
|
+
"paddingX",
|
|
64
|
+
"paddingY",
|
|
65
|
+
"marginX",
|
|
66
|
+
"marginY",
|
|
67
|
+
"placeItems",
|
|
68
|
+
"color",
|
|
69
|
+
"background"
|
|
70
|
+
]);
|
|
71
|
+
Object.entries(rest).forEach(([key, value]) => {
|
|
72
|
+
if (sprinkleKeys.has(key)) {
|
|
73
|
+
sprinkleProps[key] = value;
|
|
74
|
+
} else {
|
|
75
|
+
otherProps[key] = value;
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
return React.createElement(
|
|
79
|
+
Component,
|
|
80
|
+
{
|
|
81
|
+
className: clsx(reset, sprinkles(sprinkleProps), className),
|
|
82
|
+
...otherProps
|
|
83
|
+
},
|
|
84
|
+
children
|
|
85
|
+
);
|
|
86
|
+
});
|
|
87
|
+
Box.displayName = "Box";
|
|
88
|
+
var Box_default = Box;
|
|
89
|
+
|
|
90
|
+
export {
|
|
91
|
+
Box_default
|
|
92
|
+
};
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Box_default
|
|
3
|
+
} from "./chunk-23CHBI4O.mjs";
|
|
4
|
+
|
|
5
|
+
// src/components/Tooltip/Tooltip.tsx
|
|
6
|
+
import clsx from "clsx";
|
|
7
|
+
|
|
8
|
+
// src/components/Tooltip/styles.css.ts
|
|
9
|
+
var tooltipArrow = "styles__fm9ov46";
|
|
10
|
+
var tooltipArrowBottom = "styles__fm9ov48";
|
|
11
|
+
var tooltipArrowLeft = "styles__fm9ov49";
|
|
12
|
+
var tooltipArrowRight = "styles__fm9ov4a";
|
|
13
|
+
var tooltipArrowTop = "styles__fm9ov47";
|
|
14
|
+
var tooltipContainer = "styles__fm9ov44";
|
|
15
|
+
var tooltipContent = "styles__fm9ov45";
|
|
16
|
+
var tooltipPositions = { top: "styles_tooltipPositions_top__fm9ov40", bottom: "styles_tooltipPositions_bottom__fm9ov41", left: "styles_tooltipPositions_left__fm9ov42", right: "styles_tooltipPositions_right__fm9ov43" };
|
|
17
|
+
|
|
18
|
+
// src/components/Tooltip/Tooltip.tsx
|
|
19
|
+
import React, { useState } from "react";
|
|
20
|
+
var Tooltip = ({
|
|
21
|
+
content,
|
|
22
|
+
position = "top",
|
|
23
|
+
showArrow = true,
|
|
24
|
+
children,
|
|
25
|
+
...props
|
|
26
|
+
}) => {
|
|
27
|
+
const [isVisible, setIsVisible] = useState(false);
|
|
28
|
+
const arrowStyle = {
|
|
29
|
+
top: position === "bottom" ? tooltipArrowBottom : void 0,
|
|
30
|
+
bottom: position === "top" ? tooltipArrowTop : void 0,
|
|
31
|
+
left: position === "right" ? tooltipArrowLeft : void 0,
|
|
32
|
+
right: position === "left" ? tooltipArrowRight : void 0
|
|
33
|
+
};
|
|
34
|
+
return /* @__PURE__ */ React.createElement(
|
|
35
|
+
Box_default,
|
|
36
|
+
{
|
|
37
|
+
as: "div",
|
|
38
|
+
className: clsx(tooltipContainer, props.className),
|
|
39
|
+
onMouseEnter: () => setIsVisible(true),
|
|
40
|
+
onMouseLeave: () => setIsVisible(false),
|
|
41
|
+
onFocus: () => setIsVisible(true),
|
|
42
|
+
onBlur: () => setIsVisible(false),
|
|
43
|
+
...props
|
|
44
|
+
},
|
|
45
|
+
children,
|
|
46
|
+
/* @__PURE__ */ React.createElement(
|
|
47
|
+
Box_default,
|
|
48
|
+
{
|
|
49
|
+
as: "div",
|
|
50
|
+
className: clsx(tooltipContent, tooltipPositions[position]),
|
|
51
|
+
"data-visible": isVisible,
|
|
52
|
+
role: "tooltip"
|
|
53
|
+
},
|
|
54
|
+
showArrow && /* @__PURE__ */ React.createElement(
|
|
55
|
+
Box_default,
|
|
56
|
+
{
|
|
57
|
+
as: "span",
|
|
58
|
+
className: clsx(
|
|
59
|
+
tooltipArrow,
|
|
60
|
+
arrowStyle.top,
|
|
61
|
+
arrowStyle.bottom,
|
|
62
|
+
arrowStyle.left,
|
|
63
|
+
arrowStyle.right
|
|
64
|
+
)
|
|
65
|
+
}
|
|
66
|
+
),
|
|
67
|
+
content
|
|
68
|
+
)
|
|
69
|
+
);
|
|
70
|
+
};
|
|
71
|
+
var Tooltip_default = Tooltip;
|
|
72
|
+
|
|
73
|
+
export {
|
|
74
|
+
Tooltip_default
|
|
75
|
+
};
|
|
File without changes
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Box_default
|
|
3
|
+
} from "./chunk-23CHBI4O.mjs";
|
|
4
|
+
|
|
5
|
+
// src/components/Drawer/Drawer.tsx
|
|
6
|
+
import clsx from "clsx";
|
|
7
|
+
import React, { useEffect } from "react";
|
|
8
|
+
|
|
9
|
+
// src/components/Drawer/styles.css.ts
|
|
10
|
+
var drawer = "styles__1nagv3ba";
|
|
11
|
+
var drawerBody = "styles__1nagv3be";
|
|
12
|
+
var drawerCloseButton = "styles__1nagv3bd";
|
|
13
|
+
var drawerFooter = "styles__1nagv3bf";
|
|
14
|
+
var drawerHeader = "styles__1nagv3bb";
|
|
15
|
+
var drawerOverlay = "styles__1nagv3b9";
|
|
16
|
+
var drawerPositionVariants = { left: "styles_drawerPositionVariants_left__1nagv3b5", right: "styles_drawerPositionVariants_right__1nagv3b6", top: "styles_drawerPositionVariants_top__1nagv3b7", bottom: "styles_drawerPositionVariants_bottom__1nagv3b8" };
|
|
17
|
+
var drawerTitle = "styles__1nagv3bc";
|
|
18
|
+
|
|
19
|
+
// src/components/Drawer/Drawer.tsx
|
|
20
|
+
var sizeMap = {
|
|
21
|
+
left: {
|
|
22
|
+
small: "250px",
|
|
23
|
+
medium: "350px",
|
|
24
|
+
large: "450px",
|
|
25
|
+
full: "100vw"
|
|
26
|
+
},
|
|
27
|
+
right: {
|
|
28
|
+
small: "250px",
|
|
29
|
+
medium: "350px",
|
|
30
|
+
large: "450px",
|
|
31
|
+
full: "100vw"
|
|
32
|
+
},
|
|
33
|
+
top: {
|
|
34
|
+
small: "200px",
|
|
35
|
+
medium: "300px",
|
|
36
|
+
large: "400px",
|
|
37
|
+
full: "100vh"
|
|
38
|
+
},
|
|
39
|
+
bottom: {
|
|
40
|
+
small: "200px",
|
|
41
|
+
medium: "300px",
|
|
42
|
+
large: "400px",
|
|
43
|
+
full: "100vh"
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
var Drawer = ({
|
|
47
|
+
isOpen,
|
|
48
|
+
onClose,
|
|
49
|
+
title,
|
|
50
|
+
position = "right",
|
|
51
|
+
size = "medium",
|
|
52
|
+
children,
|
|
53
|
+
footer,
|
|
54
|
+
showCloseButton = true,
|
|
55
|
+
closeOnOverlayClick = true,
|
|
56
|
+
className,
|
|
57
|
+
...props
|
|
58
|
+
}) => {
|
|
59
|
+
useEffect(() => {
|
|
60
|
+
if (isOpen) {
|
|
61
|
+
document.body.style.overflow = "hidden";
|
|
62
|
+
} else {
|
|
63
|
+
document.body.style.overflow = "";
|
|
64
|
+
}
|
|
65
|
+
return () => {
|
|
66
|
+
document.body.style.overflow = "";
|
|
67
|
+
};
|
|
68
|
+
}, [isOpen]);
|
|
69
|
+
useEffect(() => {
|
|
70
|
+
const handleEscape = (e) => {
|
|
71
|
+
if (e.key === "Escape" && isOpen) {
|
|
72
|
+
onClose();
|
|
73
|
+
}
|
|
74
|
+
};
|
|
75
|
+
document.addEventListener("keydown", handleEscape);
|
|
76
|
+
return () => document.removeEventListener("keydown", handleEscape);
|
|
77
|
+
}, [isOpen, onClose]);
|
|
78
|
+
if (!isOpen) return null;
|
|
79
|
+
const dimensionStyle = {
|
|
80
|
+
["--drawer-width"]: ["left", "right"].includes(position) ? sizeMap[position][size] : void 0,
|
|
81
|
+
["--drawer-height"]: ["top", "bottom"].includes(position) ? sizeMap[position][size] : void 0
|
|
82
|
+
};
|
|
83
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
|
|
84
|
+
Box_default,
|
|
85
|
+
{
|
|
86
|
+
className: drawerOverlay,
|
|
87
|
+
onClick: closeOnOverlayClick ? onClose : void 0,
|
|
88
|
+
"aria-hidden": "true"
|
|
89
|
+
}
|
|
90
|
+
), /* @__PURE__ */ React.createElement(
|
|
91
|
+
Box_default,
|
|
92
|
+
{
|
|
93
|
+
as: "div",
|
|
94
|
+
role: "dialog",
|
|
95
|
+
"aria-modal": "true",
|
|
96
|
+
className: clsx(drawer, drawerPositionVariants[position], className),
|
|
97
|
+
style: dimensionStyle,
|
|
98
|
+
...props
|
|
99
|
+
},
|
|
100
|
+
title && /* @__PURE__ */ React.createElement(Box_default, { as: "div", className: drawerHeader }, /* @__PURE__ */ React.createElement(Box_default, { as: "h2", className: drawerTitle }, title), showCloseButton && /* @__PURE__ */ React.createElement(
|
|
101
|
+
Box_default,
|
|
102
|
+
{
|
|
103
|
+
as: "button",
|
|
104
|
+
className: drawerCloseButton,
|
|
105
|
+
onClick: onClose,
|
|
106
|
+
"aria-label": "Close drawer",
|
|
107
|
+
type: "button"
|
|
108
|
+
},
|
|
109
|
+
"\xD7"
|
|
110
|
+
)),
|
|
111
|
+
/* @__PURE__ */ React.createElement(Box_default, { as: "div", className: drawerBody }, children),
|
|
112
|
+
footer && /* @__PURE__ */ React.createElement(Box_default, { as: "div", className: drawerFooter }, footer)
|
|
113
|
+
));
|
|
114
|
+
};
|
|
115
|
+
var Drawer_default = Drawer;
|
|
116
|
+
|
|
117
|
+
export {
|
|
118
|
+
Drawer_default
|
|
119
|
+
};
|
|
File without changes
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Box_default
|
|
3
|
+
} from "./chunk-23CHBI4O.mjs";
|
|
4
|
+
|
|
5
|
+
// src/components/Badge/Badge.tsx
|
|
6
|
+
import clsx from "clsx";
|
|
7
|
+
|
|
8
|
+
// src/components/Badge/styles.css.ts
|
|
9
|
+
var badge = "styles__1nx6hf08";
|
|
10
|
+
var badgeDot = "styles__1nx6hf09";
|
|
11
|
+
var badgeDotSizes = { small: "styles_badgeDotSizes_small__1nx6hf0a", medium: "styles_badgeDotSizes_medium__1nx6hf0b", large: "styles_badgeDotSizes_large__1nx6hf0c" };
|
|
12
|
+
var badgeSizes = { small: "styles_badgeSizes_small__1nx6hf05", medium: "styles_badgeSizes_medium__1nx6hf06", large: "styles_badgeSizes_large__1nx6hf07" };
|
|
13
|
+
var badgeVariants = { "default": "styles_badgeVariants_default__1nx6hf00", success: "styles_badgeVariants_success__1nx6hf01", warning: "styles_badgeVariants_warning__1nx6hf02", error: "styles_badgeVariants_error__1nx6hf03", info: "styles_badgeVariants_info__1nx6hf04" };
|
|
14
|
+
|
|
15
|
+
// src/components/Badge/Badge.tsx
|
|
16
|
+
import React from "react";
|
|
17
|
+
var Badge = ({
|
|
18
|
+
variant = "default",
|
|
19
|
+
size = "medium",
|
|
20
|
+
dot = false,
|
|
21
|
+
children,
|
|
22
|
+
...props
|
|
23
|
+
}) => {
|
|
24
|
+
return /* @__PURE__ */ React.createElement(
|
|
25
|
+
Box_default,
|
|
26
|
+
{
|
|
27
|
+
as: "span",
|
|
28
|
+
className: clsx(
|
|
29
|
+
badge,
|
|
30
|
+
badgeVariants[variant],
|
|
31
|
+
dot ? badgeDot : badgeSizes[size],
|
|
32
|
+
dot && badgeDotSizes[size],
|
|
33
|
+
props.className
|
|
34
|
+
),
|
|
35
|
+
...props
|
|
36
|
+
},
|
|
37
|
+
dot ? null : children
|
|
38
|
+
);
|
|
39
|
+
};
|
|
40
|
+
var Badge_default = Badge;
|
|
41
|
+
|
|
42
|
+
export {
|
|
43
|
+
Badge_default
|
|
44
|
+
};
|
|
File without changes
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Box_default
|
|
3
|
+
} from "./chunk-23CHBI4O.mjs";
|
|
4
|
+
|
|
5
|
+
// src/components/Popover/Popover.tsx
|
|
6
|
+
import clsx from "clsx";
|
|
7
|
+
import React, { useState, useRef, useEffect } from "react";
|
|
8
|
+
|
|
9
|
+
// src/components/Popover/styles.css.ts
|
|
10
|
+
var popoverArrow = "styles__733ybic";
|
|
11
|
+
var popoverArrowPositionVariants = { top: "styles_popoverArrowPositionVariants_top__733ybid", bottom: "styles_popoverArrowPositionVariants_bottom__733ybie", left: "styles_popoverArrowPositionVariants_left__733ybif", right: "styles_popoverArrowPositionVariants_right__733ybig", topLeft: "styles_popoverArrowPositionVariants_topLeft__733ybih", topRight: "styles_popoverArrowPositionVariants_topRight__733ybii", bottomLeft: "styles_popoverArrowPositionVariants_bottomLeft__733ybij", bottomRight: "styles_popoverArrowPositionVariants_bottomRight__733ybik" };
|
|
12
|
+
var popoverBody = "styles__733ybio";
|
|
13
|
+
var popoverCloseButton = "styles__733ybin";
|
|
14
|
+
var popoverContainer = "styles__733ybi1";
|
|
15
|
+
var popoverContent = "styles__733ybi3";
|
|
16
|
+
var popoverFooter = "styles__733ybip";
|
|
17
|
+
var popoverHeader = "styles__733ybil";
|
|
18
|
+
var popoverPositionVariants = { top: "styles_popoverPositionVariants_top__733ybi4", bottom: "styles_popoverPositionVariants_bottom__733ybi5", left: "styles_popoverPositionVariants_left__733ybi6", right: "styles_popoverPositionVariants_right__733ybi7", topLeft: "styles_popoverPositionVariants_topLeft__733ybi8", topRight: "styles_popoverPositionVariants_topRight__733ybi9", bottomLeft: "styles_popoverPositionVariants_bottomLeft__733ybia", bottomRight: "styles_popoverPositionVariants_bottomRight__733ybib" };
|
|
19
|
+
var popoverTitle = "styles__733ybim";
|
|
20
|
+
var popoverTrigger = "styles__733ybi2";
|
|
21
|
+
|
|
22
|
+
// src/components/Popover/Popover.tsx
|
|
23
|
+
var Popover = ({
|
|
24
|
+
trigger,
|
|
25
|
+
children,
|
|
26
|
+
position = "bottom",
|
|
27
|
+
title,
|
|
28
|
+
footer,
|
|
29
|
+
showArrow = true,
|
|
30
|
+
triggerType = "click",
|
|
31
|
+
closeOnClickOutside = true,
|
|
32
|
+
closeOnEscape = true,
|
|
33
|
+
defaultOpen = false,
|
|
34
|
+
onOpenChange,
|
|
35
|
+
className,
|
|
36
|
+
...props
|
|
37
|
+
}) => {
|
|
38
|
+
const [isOpen, setIsOpen] = useState(defaultOpen);
|
|
39
|
+
const containerRef = useRef(null);
|
|
40
|
+
useEffect(() => {
|
|
41
|
+
onOpenChange?.(isOpen);
|
|
42
|
+
}, [isOpen, onOpenChange]);
|
|
43
|
+
useEffect(() => {
|
|
44
|
+
if (!closeOnClickOutside) return;
|
|
45
|
+
const handleClickOutside = (event) => {
|
|
46
|
+
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
47
|
+
setIsOpen(false);
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
if (isOpen) {
|
|
51
|
+
document.addEventListener("mousedown", handleClickOutside);
|
|
52
|
+
}
|
|
53
|
+
return () => {
|
|
54
|
+
document.removeEventListener("mousedown", handleClickOutside);
|
|
55
|
+
};
|
|
56
|
+
}, [isOpen, closeOnClickOutside]);
|
|
57
|
+
useEffect(() => {
|
|
58
|
+
if (!closeOnEscape) return;
|
|
59
|
+
const handleEscape = (e) => {
|
|
60
|
+
if (e.key === "Escape" && isOpen) {
|
|
61
|
+
setIsOpen(false);
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
document.addEventListener("keydown", handleEscape);
|
|
65
|
+
return () => document.removeEventListener("keydown", handleEscape);
|
|
66
|
+
}, [isOpen, closeOnEscape]);
|
|
67
|
+
const handleTriggerClick = () => {
|
|
68
|
+
if (triggerType === "click") {
|
|
69
|
+
setIsOpen(!isOpen);
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
const handleTriggerMouseEnter = () => {
|
|
73
|
+
if (triggerType === "hover") {
|
|
74
|
+
setIsOpen(true);
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
const handleTriggerMouseLeave = () => {
|
|
78
|
+
if (triggerType === "hover") {
|
|
79
|
+
setIsOpen(false);
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
return /* @__PURE__ */ React.createElement(
|
|
83
|
+
Box_default,
|
|
84
|
+
{
|
|
85
|
+
ref: containerRef,
|
|
86
|
+
className: clsx(popoverContainer, className),
|
|
87
|
+
onMouseEnter: handleTriggerMouseEnter,
|
|
88
|
+
onMouseLeave: handleTriggerMouseLeave,
|
|
89
|
+
...props
|
|
90
|
+
},
|
|
91
|
+
/* @__PURE__ */ React.createElement(
|
|
92
|
+
Box_default,
|
|
93
|
+
{
|
|
94
|
+
className: popoverTrigger,
|
|
95
|
+
onClick: handleTriggerClick,
|
|
96
|
+
"aria-expanded": isOpen
|
|
97
|
+
},
|
|
98
|
+
trigger
|
|
99
|
+
),
|
|
100
|
+
isOpen && /* @__PURE__ */ React.createElement(
|
|
101
|
+
Box_default,
|
|
102
|
+
{
|
|
103
|
+
className: clsx(popoverContent, popoverPositionVariants[position]),
|
|
104
|
+
role: "dialog",
|
|
105
|
+
"aria-modal": "false"
|
|
106
|
+
},
|
|
107
|
+
showArrow && /* @__PURE__ */ React.createElement(
|
|
108
|
+
Box_default,
|
|
109
|
+
{
|
|
110
|
+
as: "span",
|
|
111
|
+
className: clsx(
|
|
112
|
+
popoverArrow,
|
|
113
|
+
popoverArrowPositionVariants[position]
|
|
114
|
+
)
|
|
115
|
+
}
|
|
116
|
+
),
|
|
117
|
+
(title || triggerType === "click") && /* @__PURE__ */ React.createElement(Box_default, { as: "div", className: popoverHeader }, title && /* @__PURE__ */ React.createElement(Box_default, { as: "h3", className: popoverTitle }, title), triggerType === "click" && /* @__PURE__ */ React.createElement(
|
|
118
|
+
Box_default,
|
|
119
|
+
{
|
|
120
|
+
as: "button",
|
|
121
|
+
className: popoverCloseButton,
|
|
122
|
+
onClick: () => setIsOpen(false),
|
|
123
|
+
"aria-label": "Close popover",
|
|
124
|
+
type: "button"
|
|
125
|
+
},
|
|
126
|
+
"\xD7"
|
|
127
|
+
)),
|
|
128
|
+
/* @__PURE__ */ React.createElement(Box_default, { as: "div", className: popoverBody }, children),
|
|
129
|
+
footer && /* @__PURE__ */ React.createElement(Box_default, { as: "div", className: popoverFooter }, footer)
|
|
130
|
+
)
|
|
131
|
+
);
|
|
132
|
+
};
|
|
133
|
+
var Popover_default = Popover;
|
|
134
|
+
|
|
135
|
+
export {
|
|
136
|
+
Popover_default
|
|
137
|
+
};
|
|
File without changes
|