@hopper-ui/styled-system 0.2.0 → 0.2.2
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/CHANGELOG.md +12 -0
- package/dist/StyledSystemProvider.css +132 -1
- package/dist/StyledSystemProvider.d.ts +42 -4
- package/dist/StyledSystemProvider.js +25 -26
- package/dist/chunk-2ITAI3PJ.js +270 -0
- package/dist/chunk-35LDZFKX.js +29 -0
- package/dist/chunk-3YM73BQP.js +6 -0
- package/dist/chunk-7HCELIKZ.js +41 -0
- package/dist/chunk-FYKLSVLR.js +39 -0
- package/dist/chunk-GYREQTEK.js +30 -0
- package/dist/chunk-I37Y2R7V.js +4 -0
- package/dist/chunk-IK6W4ZXH.js +11 -0
- package/dist/chunk-IP7TYBR3.js +19 -0
- package/dist/chunk-JBWKRDVA.js +27 -0
- package/dist/chunk-JQBON2KA.js +23 -0
- package/dist/chunk-KUUJ37DW.js +96 -0
- package/dist/chunk-LU33LZMJ.js +55 -0
- package/dist/chunk-OHW5NUAW.js +59 -0
- package/dist/chunk-Q3NLRNZN.js +881 -0
- package/dist/chunk-RIR7BXVF.js +711 -0
- package/dist/chunk-STEDL5VQ.js +25 -0
- package/dist/chunk-U3SI5QXV.js +911 -0
- package/dist/chunk-U5R6ZXH3.js +46 -0
- package/dist/chunk-V7X6ANEM.js +14 -0
- package/dist/chunk-X5OXC6DN.js +9 -0
- package/dist/chunk-XUHDFZZL.js +10 -0
- package/dist/chunk-YPIK2HRL.js +6 -0
- package/dist/chunk-ZO3DYLQJ.js +32 -0
- package/dist/chunk-ZQUJDDQL.js +84 -0
- package/dist/chunk-ZUVKM5DV.js +13 -0
- package/dist/color-scheme/ColorSchemeContext.d.ts +12 -0
- package/dist/color-scheme/ColorSchemeContext.js +1 -0
- package/dist/color-scheme/useColorScheme.d.ts +6 -0
- package/dist/color-scheme/useColorScheme.js +2 -0
- package/dist/color-scheme/useColorSchemeValue.d.ts +3 -0
- package/dist/color-scheme/useColorSchemeValue.js +2 -0
- package/dist/global-styles/BodyStyleProvider.d.ts +5 -0
- package/dist/global-styles/BodyStyleProvider.js +8 -0
- package/dist/html-wrappers/html.css +132 -0
- package/dist/{StyledSystemProvider-173b78af.d.ts → html-wrappers/html.d.ts} +8 -53
- package/dist/html-wrappers/html.js +10 -0
- package/dist/html-wrappers/htmlElement.css +132 -0
- package/dist/html-wrappers/htmlElement.d.ts +12 -0
- package/dist/html-wrappers/htmlElement.js +9 -0
- package/dist/index.css +132 -1
- package/dist/index.d.ts +23 -2385
- package/dist/index.js +26 -26
- package/dist/responsive/BreakpointContext.d.ts +10 -0
- package/dist/responsive/BreakpointContext.js +2 -0
- package/dist/responsive/BreakpointProvider.d.ts +12 -0
- package/dist/responsive/BreakpointProvider.js +5 -0
- package/dist/responsive/Breakpoints.d.ts +10 -0
- package/dist/responsive/Breakpoints.js +1 -0
- package/dist/responsive/useResponsiveValue.d.ts +11 -0
- package/dist/responsive/useResponsiveValue.js +4 -0
- package/dist/styled-system-props.d.ts +1246 -3
- package/dist/styled-system-props.js +1 -3
- package/dist/styled-system-root-css-class.js +1 -3
- package/dist/tokens/TokenProvider.d.ts +20 -0
- package/dist/tokens/TokenProvider.js +8 -0
- package/dist/tokens/generated/dark-semantic-tokens.d.ts +272 -0
- package/dist/tokens/generated/dark-semantic-tokens.js +1 -0
- package/dist/tokens/generated/light-semantic-tokens.d.ts +883 -0
- package/dist/tokens/generated/light-semantic-tokens.js +1 -0
- package/dist/tokens/generated/styled-system-to-token-mappings.d.ts +913 -0
- package/dist/tokens/generated/styled-system-to-token-mappings.js +1 -0
- package/dist/{styled-system-props-1c231c50.d.ts → tokens/token-mappings.d.ts} +2 -1258
- package/dist/tokens/token-mappings.js +6 -0
- package/dist/tokens/tokens.d.ts +1154 -0
- package/dist/tokens/tokens.js +3 -0
- package/dist/useStyledSystem.css +125 -1
- package/dist/useStyledSystem.d.ts +4 -1
- package/dist/useStyledSystem.js +8 -5
- package/dist/utils/assertion.d.ts +15 -0
- package/dist/utils/assertion.js +1 -0
- package/dist/utils/useInsertStyleElement.d.ts +6 -0
- package/dist/utils/useInsertStyleElement.js +3 -0
- package/dist/utils/useIsomorphicInsertionEffect.d.ts +16 -0
- package/dist/utils/useIsomorphicInsertionEffect.js +1 -0
- package/dist/utils/useIsomorphicLayoutEffect.d.ts +16 -0
- package/dist/utils/useIsomorphicLayoutEffect.js +1 -0
- package/dist/utils/useMediaQuery.d.ts +4 -0
- package/dist/utils/useMediaQuery.js +1 -0
- package/dist/utils/useThemeComputedStyle.d.ts +14 -0
- package/dist/utils/useThemeComputedStyle.js +2 -0
- package/package.json +4 -4
package/dist/useStyledSystem.css
CHANGED
|
@@ -1 +1,125 @@
|
|
|
1
|
-
|
|
1
|
+
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/styled-system/src/UseStyledSystem.module.css/#css-module-data */
|
|
2
|
+
.UseStyledSystem-module__hop-b-hover___J4CU8:hover {
|
|
3
|
+
--hop-b-hover: initial;
|
|
4
|
+
border: var(--hop-b-hover) !important;
|
|
5
|
+
}
|
|
6
|
+
.UseStyledSystem-module__hop-bb-hover___kSFWj:hover {
|
|
7
|
+
--hop-bb-hover: initial;
|
|
8
|
+
border-bottom: var(--hop-bb-hover) !important;
|
|
9
|
+
}
|
|
10
|
+
.UseStyledSystem-module__hop-bl-hover___1Cezh:hover {
|
|
11
|
+
--hop-bl-hover: initial;
|
|
12
|
+
border-left: var(--hop-bl-hover) !important;
|
|
13
|
+
}
|
|
14
|
+
.UseStyledSystem-module__hop-br-hover___6QimZ:hover {
|
|
15
|
+
--hop-br-hover: initial;
|
|
16
|
+
border-right: var(--hop-br-hover) !important;
|
|
17
|
+
}
|
|
18
|
+
.UseStyledSystem-module__hop-bt-hover___t7jJb:hover {
|
|
19
|
+
--hop-bt-hover: initial;
|
|
20
|
+
border-top: var(--hop-bt-hover) !important;
|
|
21
|
+
}
|
|
22
|
+
.UseStyledSystem-module__hop-b-focus___GAcvC:focus-visible {
|
|
23
|
+
--hop-b-focus: initial;
|
|
24
|
+
border: var(--hop-b-focus) !important;
|
|
25
|
+
}
|
|
26
|
+
.UseStyledSystem-module__hop-bb-focus___tRcZ7:focus-visible {
|
|
27
|
+
--hop-bb-focus: initial;
|
|
28
|
+
border-bottom: var(--hop-bb-focus) !important;
|
|
29
|
+
}
|
|
30
|
+
.UseStyledSystem-module__hop-bl-focus___tHmqH:focus-visible {
|
|
31
|
+
--hop-bl-focus: initial;
|
|
32
|
+
border-left: var(--hop-bl-focus) !important;
|
|
33
|
+
}
|
|
34
|
+
.UseStyledSystem-module__hop-br-focus___o38Ur:focus-visible {
|
|
35
|
+
--hop-br-focus: initial;
|
|
36
|
+
border-right: var(--hop-br-focus) !important;
|
|
37
|
+
}
|
|
38
|
+
.UseStyledSystem-module__hop-bt-focus___Iuh-n:focus-visible {
|
|
39
|
+
--hop-bt-focus: initial;
|
|
40
|
+
border-top: var(--hop-bt-focus) !important;
|
|
41
|
+
}
|
|
42
|
+
.UseStyledSystem-module__hop-b-active___T6lcA:active {
|
|
43
|
+
--hop-b-active: initial;
|
|
44
|
+
border: var(--hop-b-active) !important;
|
|
45
|
+
}
|
|
46
|
+
.UseStyledSystem-module__hop-bb-active___GMekS:active {
|
|
47
|
+
--hop-bb-active: initial;
|
|
48
|
+
border-bottom: var(--hop-bb-active) !important;
|
|
49
|
+
}
|
|
50
|
+
.UseStyledSystem-module__hop-bl-active___yAT0P:active {
|
|
51
|
+
--hop-bl-active: initial;
|
|
52
|
+
border-left: var(--hop-bl-active) !important;
|
|
53
|
+
}
|
|
54
|
+
.UseStyledSystem-module__hop-br-active___gjJ1X:active {
|
|
55
|
+
--hop-br-active: initial;
|
|
56
|
+
border-right: var(--hop-br-active) !important;
|
|
57
|
+
}
|
|
58
|
+
.UseStyledSystem-module__hop-bt-active___-jY1M:active {
|
|
59
|
+
--hop-bt-active: initial;
|
|
60
|
+
border-top: var(--hop-bt-active) !important;
|
|
61
|
+
}
|
|
62
|
+
.UseStyledSystem-module__hop-bg-hover___YImIc:hover {
|
|
63
|
+
--hop-bg-hover: initial;
|
|
64
|
+
background-color: var(--hop-bg-hover) !important;
|
|
65
|
+
}
|
|
66
|
+
.UseStyledSystem-module__hop-bg-focus___Cop9n:focus-visible {
|
|
67
|
+
--hop-bg-focus: initial;
|
|
68
|
+
background-color: var(--hop-bg-focus) !important;
|
|
69
|
+
}
|
|
70
|
+
.UseStyledSystem-module__hop-bg-active___5O85P:active {
|
|
71
|
+
--hop-bg-active: initial;
|
|
72
|
+
background-color: var(--hop-bg-active) !important;
|
|
73
|
+
}
|
|
74
|
+
.UseStyledSystem-module__hop-bs-hover___8Oj0h:hover {
|
|
75
|
+
--hop-bs-hover: initial;
|
|
76
|
+
box-shadow: var(--hop-bs-hover) !important;
|
|
77
|
+
}
|
|
78
|
+
.UseStyledSystem-module__hop-bs-focus___r9l2R:focus-visible {
|
|
79
|
+
--hop-bs-focus: initial;
|
|
80
|
+
box-shadow: var(--hop-bs-focus) !important;
|
|
81
|
+
}
|
|
82
|
+
.UseStyledSystem-module__hop-bs-active___XyHmm:active {
|
|
83
|
+
--hop-bs-active: initial;
|
|
84
|
+
box-shadow: var(--hop-bs-active) !important;
|
|
85
|
+
}
|
|
86
|
+
.UseStyledSystem-module__hop-c-hover___yYnaZ:hover {
|
|
87
|
+
--hop-c-hover: initial;
|
|
88
|
+
color: var(--hop-c-hover) !important;
|
|
89
|
+
}
|
|
90
|
+
.UseStyledSystem-module__hop-c-focus___Z9ASb:focus-visible {
|
|
91
|
+
--hop-c-focus: initial;
|
|
92
|
+
color: var(--hop-c-focus) !important;
|
|
93
|
+
}
|
|
94
|
+
.UseStyledSystem-module__hop-c-active___zk1Gb:active {
|
|
95
|
+
--hop-c-active: initial;
|
|
96
|
+
color: var(--hop-c-active) !important;
|
|
97
|
+
}
|
|
98
|
+
.UseStyledSystem-module__hop-cs-hover___jOiBf:hover {
|
|
99
|
+
--hop-cs-hover: initial;
|
|
100
|
+
cursor: var(--hop-cs-hover) !important;
|
|
101
|
+
}
|
|
102
|
+
.UseStyledSystem-module__hop-f-hover___huyDo:hover {
|
|
103
|
+
--hop-f-hover: initial;
|
|
104
|
+
fill: var(--hop-f-hover) !important;
|
|
105
|
+
}
|
|
106
|
+
.UseStyledSystem-module__hop-f-focus___5-VRH:focus-visible {
|
|
107
|
+
--hop-f-focus: initial;
|
|
108
|
+
fill: var(--hop-f-focus) !important;
|
|
109
|
+
}
|
|
110
|
+
.UseStyledSystem-module__hop-o-hover___Ntq4o:hover {
|
|
111
|
+
--hop-o-hover: initial;
|
|
112
|
+
opacity: var(--hop-o-hover) !important;
|
|
113
|
+
}
|
|
114
|
+
.UseStyledSystem-module__hop-o-focus___Xxebb:focus-visible {
|
|
115
|
+
--hop-o-focus: initial;
|
|
116
|
+
opacity: var(--hop-o-focus) !important;
|
|
117
|
+
}
|
|
118
|
+
.UseStyledSystem-module__hop-o-active___uJ6oe:active {
|
|
119
|
+
--hop-o-active: initial;
|
|
120
|
+
opacity: var(--hop-o-active) !important;
|
|
121
|
+
}
|
|
122
|
+
.UseStyledSystem-module__hop-ol-focus___iZ2fp:focus-visible {
|
|
123
|
+
--hop-ol-focus: initial;
|
|
124
|
+
color: var(--hop-ol-focus) !important;
|
|
125
|
+
}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { Breakpoint } from './responsive/Breakpoints.js';
|
|
3
|
+
import { StyledSystemProps } from './styled-system-props.js';
|
|
3
4
|
import 'csstype';
|
|
5
|
+
import './responsive/useResponsiveValue.js';
|
|
6
|
+
import './tokens/token-mappings.js';
|
|
4
7
|
|
|
5
8
|
type PropHandler = (name: string, value: string | number, context: StylingContext) => void;
|
|
6
9
|
declare const PropsHandlers: Record<string, PropHandler>;
|
package/dist/useStyledSystem.js
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
function sr(e){return e==null}function cr(e){return typeof e>"u"||e===void 0}function s(e){return sr(e)||cr(e)}function Y(e){return typeof e=="object"&&!Array.isArray(e)&&e!=null}var lr=createContext(void 0);function $(){let e=useContext(lr);if(s(e))throw new Error("useBreakpointContext must be used within a BreakpointProvider");return e}var J={xs:640,sm:768,md:1024,lg:1280,xl:1440};var gr=[...Object.keys(J),"base"];function vr(e){return Y(e)?Object.keys(e).every(t=>gr.includes(t)):!1}function b(e,t){if(vr(e)){for(let r=0;r<t.length;r++){let a=e[t[r]];if(!s(a))return a}return e.base}return e}var K="--hop",U={"core_coastal-25":"coastal-25","core_coastal-50":"coastal-50","core_coastal-75":"coastal-75","core_coastal-100":"coastal-100","core_coastal-200":"coastal-200","core_coastal-300":"coastal-300","core_coastal-400":"coastal-400","core_coastal-500":"coastal-500","core_coastal-600":"coastal-600","core_coastal-700":"coastal-700","core_coastal-800":"coastal-800","core_coastal-900":"coastal-900","core_quetzal-25":"quetzal-25","core_quetzal-50":"quetzal-50","core_quetzal-75":"quetzal-75","core_quetzal-100":"quetzal-100","core_quetzal-200":"quetzal-200","core_quetzal-300":"quetzal-300","core_quetzal-400":"quetzal-400","core_quetzal-500":"quetzal-500","core_quetzal-600":"quetzal-600","core_quetzal-700":"quetzal-700","core_quetzal-800":"quetzal-800","core_quetzal-900":"quetzal-900","core_orchid-bloom-25":"orchid-bloom-25","core_orchid-bloom-50":"orchid-bloom-50","core_orchid-bloom-75":"orchid-bloom-75","core_orchid-bloom-100":"orchid-bloom-100","core_orchid-bloom-200":"orchid-bloom-200","core_orchid-bloom-300":"orchid-bloom-300","core_orchid-bloom-400":"orchid-bloom-400","core_orchid-bloom-500":"orchid-bloom-500","core_orchid-bloom-600":"orchid-bloom-600","core_orchid-bloom-700":"orchid-bloom-700","core_orchid-bloom-800":"orchid-bloom-800","core_orchid-bloom-900":"orchid-bloom-900","core_sapphire-25":"sapphire-25","core_sapphire-50":"sapphire-50","core_sapphire-75":"sapphire-75","core_sapphire-100":"sapphire-100","core_sapphire-200":"sapphire-200","core_sapphire-300":"sapphire-300","core_sapphire-400":"sapphire-400","core_sapphire-500":"sapphire-500","core_sapphire-600":"sapphire-600","core_sapphire-700":"sapphire-700","core_sapphire-800":"sapphire-800","core_sapphire-900":"sapphire-900","core_fog-25":"fog-25","core_fog-50":"fog-50","core_fog-75":"fog-75","core_fog-100":"fog-100","core_fog-200":"fog-200","core_fog-300":"fog-300","core_fog-400":"fog-400","core_fog-500":"fog-500","core_fog-600":"fog-600","core_fog-700":"fog-700","core_fog-800":"fog-800","core_fog-900":"fog-900","core_toad-25":"toad-25","core_toad-50":"toad-50","core_toad-75":"toad-75","core_toad-100":"toad-100","core_toad-200":"toad-200","core_toad-300":"toad-300","core_toad-400":"toad-400","core_toad-500":"toad-500","core_toad-600":"toad-600","core_toad-700":"toad-700","core_toad-800":"toad-800","core_toad-900":"toad-900","core_sunken-treasure-25":"sunken-treasure-25","core_sunken-treasure-50":"sunken-treasure-50","core_sunken-treasure-75":"sunken-treasure-75","core_sunken-treasure-100":"sunken-treasure-100","core_sunken-treasure-200":"sunken-treasure-200","core_sunken-treasure-300":"sunken-treasure-300","core_sunken-treasure-400":"sunken-treasure-400","core_sunken-treasure-500":"sunken-treasure-500","core_sunken-treasure-600":"sunken-treasure-600","core_sunken-treasure-700":"sunken-treasure-700","core_sunken-treasure-800":"sunken-treasure-800","core_sunken-treasure-900":"sunken-treasure-900","core_koi-25":"koi-25","core_koi-50":"koi-50","core_koi-75":"koi-75","core_koi-100":"koi-100","core_koi-200":"koi-200","core_koi-300":"koi-300","core_koi-400":"koi-400","core_koi-500":"koi-500","core_koi-600":"koi-600","core_koi-700":"koi-700","core_koi-800":"koi-800","core_koi-900":"koi-900","core_amanita-25":"amanita-25","core_amanita-50":"amanita-50","core_amanita-75":"amanita-75","core_amanita-100":"amanita-100","core_amanita-200":"amanita-200","core_amanita-300":"amanita-300","core_amanita-400":"amanita-400","core_amanita-500":"amanita-500","core_amanita-600":"amanita-600","core_amanita-700":"amanita-700","core_amanita-800":"amanita-800","core_amanita-900":"amanita-900","core_moss-25":"moss-25","core_moss-50":"moss-50","core_moss-75":"moss-75","core_moss-100":"moss-100","core_moss-200":"moss-200","core_moss-300":"moss-300","core_moss-400":"moss-400","core_moss-500":"moss-500","core_moss-600":"moss-600","core_moss-700":"moss-700","core_moss-800":"moss-800","core_moss-900":"moss-900",core_abyss:"abyss","core_rock-20":"rock-20","core_rock-25":"rock-25","core_rock-50":"rock-50","core_rock-75":"rock-75","core_rock-100":"rock-100","core_rock-200":"rock-200","core_rock-300":"rock-300","core_rock-400":"rock-400","core_rock-500":"rock-500","core_rock-600":"rock-600","core_rock-700":"rock-700","core_rock-800":"rock-800","core_rock-900":"rock-900",core_samoyed:"samoyed"},V={"upsell-hover":"upsell-surface-hover","upsell-weak":"upsell-surface-weak","upsell-disabled":"upsell-surface-disabled","upsell-active":"upsell-surface-active",upsell:"upsell-surface",danger:"danger-surface","danger-disabled":"danger-surface-disabled","danger-hover":"danger-surface-hover","danger-strong":"danger-surface-strong","danger-strong-hover":"danger-surface-strong-hover","danger-weak":"danger-surface-weak","danger-active":"danger-surface-active","primary-disabled":"primary-surface-disabled","primary-focus":"primary-surface-focus",primary:"primary-surface","primary-weak":"primary-surface-weak","primary-strong":"primary-surface-strong","primary-strong-active":"primary-surface-strong-active","primary-strong-hover":"primary-surface-strong-hover","primary-hover":"primary-surface-hover","primary-active":"primary-surface-active","decorative-option9":"decorative-option9-surface","decorative-option9-strong":"decorative-option9-surface-strong","decorative-option9-hover":"decorative-option9-surface-hover","decorative-option9-weak":"decorative-option9-surface-weak","decorative-option9-weak-hover":"decorative-option9-surface-weak-hover","decorative-option9-weakest":"decorative-option9-surface-weakest","decorative-option8-weakest":"decorative-option8-surface-weakest","decorative-option8-weak":"decorative-option8-surface-weak","decorative-option8-weak-hover":"decorative-option8-surface-weak-hover","decorative-option8-hover":"decorative-option8-surface-hover","decorative-option8-strong":"decorative-option8-surface-strong","decorative-option8":"decorative-option8-surface","decorative-option7-weakest":"decorative-option7-surface-weakest","decorative-option7-weak":"decorative-option7-surface-weak","decorative-option7-weak-hover":"decorative-option7-surface-weak-hover","decorative-option7-strong":"decorative-option7-surface-strong","decorative-option7-hover":"decorative-option7-surface-hover","decorative-option7":"decorative-option7-surface","decorative-option5-weakest":"decorative-option5-surface-weakest","decorative-option5-weak":"decorative-option5-surface-weak","decorative-option5-strong":"decorative-option5-surface-strong","decorative-option5-hover":"decorative-option5-surface-hover","decorative-option5":"decorative-option5-surface","decorative-option6-weakest":"decorative-option6-surface-weakest","decorative-option6-weak":"decorative-option6-surface-weak","decorative-option6-weak-hover":"decorative-option6-surface-weak-hover","decorative-option6-hover":"decorative-option6-surface-hover","decorative-option6-strong":"decorative-option6-surface-strong","decorative-option6":"decorative-option6-surface","decorative-option4-weakest":"decorative-option4-surface-weakest","decorative-option4-weak":"decorative-option4-surface-weak","decorative-option4-weak-hover":"decorative-option4-surface-weak-hover","decorative-option4-strong":"decorative-option4-surface-strong","decorative-option4-hover":"decorative-option4-surface-hover","decorative-option4":"decorative-option4-surface","decorative-option3-weak":"decorative-option3-surface-weak","decorative-option3-weak-hover":"decorative-option3-surface-weak-hover","decorative-option3-weakest":"decorative-option3-surface-weakest","decorative-option3-strong":"decorative-option3-surface-strong","decorative-option3-hover":"decorative-option3-surface-hover","decorative-option3":"decorative-option3-surface","decorative-option2-weakest":"decorative-option2-surface-weakest","decorative-option2-weak":"decorative-option2-surface-weak","decorative-option2-weak-hover":"decorative-option2-surface-weak-hover","decorative-option2-strong":"decorative-option2-surface-strong","decorative-option2":"decorative-option2-surface","decorative-option2-hover":"decorative-option2-surface-hover","decorative-option1-weak":"decorative-option1-surface-weak","decorative-option1-weak-hover":"decorative-option1-surface-weak-hover","decorative-option1-weakest":"decorative-option1-surface-weakest","decorative-option1-strong":"decorative-option1-surface-strong","decorative-option1-hover":"decorative-option1-surface-hover","decorative-option1":"decorative-option1-surface","neutral-weakest-active":"neutral-surface-weakest-active","neutral-weakest-hover":"neutral-surface-weakest-hover","neutral-disabled":"neutral-surface-disabled","neutral-active":"neutral-surface-active","neutral-weak":"neutral-surface-weak",neutral:"neutral-surface","neutral-strong":"neutral-surface-strong","neutral-hover":"neutral-surface-hover","neutral-weak-hover":"neutral-surface-weak-hover","neutral-weakest":"neutral-surface-weakest",warning:"warning-surface","warning-strong":"warning-surface-strong","warning-weak":"warning-surface-weak",success:"success-surface","success-strong":"success-surface-strong","success-weak":"success-surface-weak","information-strong":"information-surface-strong",information:"information-surface","information-weak":"information-surface-weak","status-neutral-strong":"status-neutral-surface-strong","status-neutral":"status-neutral-surface","status-progress-strong":"status-progress-surface-strong","status-progress":"status-progress-surface","status-option6-strong":"status-option6-surface-strong","status-option6":"status-option6-surface","status-option5-strong":"status-option5-surface-strong","status-option5":"status-option5-surface","status-option1-strong":"status-option1-surface-strong","status-option1":"status-option1-surface","status-option2-strong":"status-option2-surface-strong","status-option2":"status-option2-surface","status-option3-strong":"status-option3-surface-strong","status-option3":"status-option3-surface","status-option4-strong":"status-option4-surface-strong","status-option4":"status-option4-surface","status-caution-strong":"status-caution-surface-strong","status-caution":"status-caution-surface","status-negative-strong":"status-negative-surface-strong","status-negative":"status-negative-surface","status-inactive-strong":"status-inactive-surface-strong","status-inactive":"status-inactive-surface","status-positive-strong":"status-positive-surface-strong","status-positive":"status-positive-surface"},Z={"upsell-active":"upsell-text-active",upsell:"upsell-text","upsell-hover":"upsell-text-hover","upsell-disabled":"upsell-text-disabled","danger-active":"danger-text-active","danger-hover":"danger-text-hover",danger:"danger-text","danger-weak":"danger-text-weak","danger-strong":"danger-text-strong","danger-strong-hover":"danger-text-strong-hover","danger-disabled":"danger-text-disabled","primary-active":"primary-text-active","primary-disabled":"primary-text-disabled",primary:"primary-text","primary-strong":"primary-text-strong","primary-strong-hover":"primary-text-strong-hover","primary-hover":"primary-text-hover","decorative-option9":"decorative-option9-text","decorative-option9-weak":"decorative-option9-text-weak","decorative-option8-weak":"decorative-option8-text-weak","decorative-option8":"decorative-option8-text","decorative-option7-weak":"decorative-option7-text-weak","decorative-option7":"decorative-option7-text","decorative-option5-weak":"decorative-option5-text-weak","decorative-option5":"decorative-option5-text","decorative-option6":"decorative-option6-text","decorative-option6-weak":"decorative-option6-text-weak","decorative-option4-weak":"decorative-option4-text-weak","decorative-option4":"decorative-option4-text","decorative-option3":"decorative-option3-text","decorative-option3-weak":"decorative-option3-text-weak","decorative-option2":"decorative-option2-text","decorative-option2-weak":"decorative-option2-text-weak","decorative-option1-weak":"decorative-option1-text-weak","decorative-option1":"decorative-option1-text","neutral-hover":"neutral-text-hover","neutral-weak":"neutral-text-weak","neutral-disabled":"neutral-text-disabled","neutral-active":"neutral-text-active","neutral-strong":"neutral-text-strong",neutral:"neutral-text","neutral-weakest":"neutral-text-weakest","warning-weak":"warning-text-weak",warning:"warning-text","success-weak":"success-text-weak","success-hover":"success-text-hover",success:"success-text",information:"information-text","information-weak":"information-text-weak","status-neutral":"status-neutral-text","status-progress":"status-progress-text","status-option6":"status-option6-text","status-option5":"status-option5-text","status-option1":"status-option1-text","status-option2":"status-option2-text","status-option3":"status-option3-text","status-option4":"status-option4-text","status-caution":"status-caution-text","status-negative":"status-negative-text","status-inactive":"status-inactive-text","status-positive":"status-positive-text"},Q={"upsell-weakest":"upsell-icon-weakest","upsell-weak":"upsell-icon-weak","upsell-active":"upsell-icon-active",upsell:"upsell-icon","danger-active":"danger-icon-active",danger:"danger-icon","danger-weak":"danger-icon-weak","danger-strong":"danger-icon-strong","danger-strong-hover":"danger-icon-strong-hover","danger-hover":"danger-icon-hover","danger-disabled":"danger-icon-disabled","primary-active":"primary-icon-active","primary-strong":"primary-icon-strong","primary-strong-hover":"primary-icon-strong-hover",primary:"primary-icon","primary-hover":"primary-icon-hover","primary-disabled":"primary-icon-disabled","decorative-option9":"decorative-option9-icon","decorative-option8":"decorative-option8-icon","decorative-option7":"decorative-option7-icon","decorative-option5":"decorative-option5-icon","decorative-option6":"decorative-option6-icon","decorative-option4":"decorative-option4-icon","decorative-option3":"decorative-option3-icon","decorative-option2":"decorative-option2-icon","decorative-option1":"decorative-option1-icon","neutral-disabled":"neutral-icon-disabled",neutral:"neutral-icon","neutral-weak":"neutral-icon-weak","neutral-weak-hover":"neutral-icon-weak-hover","neutral-weakest":"neutral-icon-weakest","neutral-strong":"neutral-icon-strong","neutral-hover":"neutral-icon-hover","neutral-active":"neutral-icon-active","warning-weakest":"warning-icon-weakest","warning-weak":"warning-icon-weak",warning:"warning-icon","success-weak":"success-icon-weak","success-weakest":"success-icon-weakest",success:"success-icon","information-weakest":"information-icon-weakest","information-weak":"information-icon-weak",information:"information-icon","status-neutral":"status-neutral-icon","status-progress":"status-progress-icon","status-option6":"status-option6-icon","status-option5":"status-option5-icon","status-option1":"status-option1-icon","status-option2":"status-option2-icon","status-option3":"status-option3-icon","status-option4":"status-option4-icon","status-caution":"status-caution-icon","status-negative":"status-negative-icon","status-inactive":"status-inactive-icon","status-positive":"status-positive-icon"};var E={"dataviz_monochromatic-primary-25":"dataviz-monochromatic-primary-25","dataviz_monochromatic-primary-50":"dataviz-monochromatic-primary-50","dataviz_monochromatic-primary-75":"dataviz-monochromatic-primary-75","dataviz_monochromatic-primary-100":"dataviz-monochromatic-primary-100","dataviz_monochromatic-primary-200":"dataviz-monochromatic-primary-200","dataviz_monochromatic-primary-300":"dataviz-monochromatic-primary-300","dataviz_monochromatic-primary-400":"dataviz-monochromatic-primary-400","dataviz_monochromatic-primary-500":"dataviz-monochromatic-primary-500","dataviz_monochromatic-primary-600":"dataviz-monochromatic-primary-600","dataviz_monochromatic-primary-700":"dataviz-monochromatic-primary-700","dataviz_monochromatic-primary-800":"dataviz-monochromatic-primary-800","dataviz_monochromatic-primary-900":"dataviz-monochromatic-primary-900","dataviz_monochromatic-primary-25-hover":"dataviz-monochromatic-primary-25-hover","dataviz_monochromatic-primary-50-hover":"dataviz-monochromatic-primary-50-hover","dataviz_monochromatic-primary-75-hover":"dataviz-monochromatic-primary-75-hover","dataviz_monochromatic-primary-100-hover":"dataviz-monochromatic-primary-100-hover","dataviz_monochromatic-primary-200-hover":"dataviz-monochromatic-primary-200-hover","dataviz_monochromatic-primary-300-hover":"dataviz-monochromatic-primary-300-hover","dataviz_monochromatic-primary-400-hover":"dataviz-monochromatic-primary-400-hover","dataviz_monochromatic-primary-500-hover":"dataviz-monochromatic-primary-500-hover","dataviz_monochromatic-primary-600-hover":"dataviz-monochromatic-primary-600-hover","dataviz_monochromatic-primary-700-hover":"dataviz-monochromatic-primary-700-hover","dataviz_monochromatic-primary-800-hover":"dataviz-monochromatic-primary-800-hover","dataviz_monochromatic-primary-900-hover":"dataviz-monochromatic-primary-900-hover","dataviz_monochromatic-positive-25":"dataviz-monochromatic-positive-25","dataviz_monochromatic-positive-50":"dataviz-monochromatic-positive-50","dataviz_monochromatic-positive-75":"dataviz-monochromatic-positive-75","dataviz_monochromatic-positive-100":"dataviz-monochromatic-positive-100","dataviz_monochromatic-positive-200":"dataviz-monochromatic-positive-200","dataviz_monochromatic-positive-300":"dataviz-monochromatic-positive-300","dataviz_monochromatic-positive-400":"dataviz-monochromatic-positive-400","dataviz_monochromatic-positive-500":"dataviz-monochromatic-positive-500","dataviz_monochromatic-positive-600":"dataviz-monochromatic-positive-600","dataviz_monochromatic-positive-700":"dataviz-monochromatic-positive-700","dataviz_monochromatic-positive-800":"dataviz-monochromatic-positive-800","dataviz_monochromatic-positive-900":"dataviz-monochromatic-positive-900","dataviz_monochromatic-positive-25-hover":"dataviz-monochromatic-positive-25-hover","dataviz_monochromatic-positive-50-hover":"dataviz-monochromatic-positive-50-hover","dataviz_monochromatic-positive-75-hover":"dataviz-monochromatic-positive-75-hover","dataviz_monochromatic-positive-100-hover":"dataviz-monochromatic-positive-100-hover","dataviz_monochromatic-positive-200-hover":"dataviz-monochromatic-positive-200-hover","dataviz_monochromatic-positive-300-hover":"dataviz-monochromatic-positive-300-hover","dataviz_monochromatic-positive-400-hover":"dataviz-monochromatic-positive-400-hover","dataviz_monochromatic-positive-500-hover":"dataviz-monochromatic-positive-500-hover","dataviz_monochromatic-positive-600-hover":"dataviz-monochromatic-positive-600-hover","dataviz_monochromatic-positive-700-hover":"dataviz-monochromatic-positive-700-hover","dataviz_monochromatic-positive-800-hover":"dataviz-monochromatic-positive-800-hover","dataviz_monochromatic-positive-900-hover":"dataviz-monochromatic-positive-900-hover","dataviz_monochromatic-negative-25":"dataviz-monochromatic-negative-25","dataviz_monochromatic-negative-50":"dataviz-monochromatic-negative-50","dataviz_monochromatic-negative-75":"dataviz-monochromatic-negative-75","dataviz_monochromatic-negative-100":"dataviz-monochromatic-negative-100","dataviz_monochromatic-negative-200":"dataviz-monochromatic-negative-200","dataviz_monochromatic-negative-300":"dataviz-monochromatic-negative-300","dataviz_monochromatic-negative-400":"dataviz-monochromatic-negative-400","dataviz_monochromatic-negative-500":"dataviz-monochromatic-negative-500","dataviz_monochromatic-negative-600":"dataviz-monochromatic-negative-600","dataviz_monochromatic-negative-700":"dataviz-monochromatic-negative-700","dataviz_monochromatic-negative-800":"dataviz-monochromatic-negative-800","dataviz_monochromatic-negative-900":"dataviz-monochromatic-negative-900","dataviz_monochromatic-negative-25-hover":"dataviz-monochromatic-negative-25-hover","dataviz_monochromatic-negative-50-hover":"dataviz-monochromatic-negative-50-hover","dataviz_monochromatic-negative-75-hover":"dataviz-monochromatic-negative-75-hover","dataviz_monochromatic-negative-100-hover":"dataviz-monochromatic-negative-100-hover","dataviz_monochromatic-negative-200-hover":"dataviz-monochromatic-negative-200-hover","dataviz_monochromatic-negative-300-hover":"dataviz-monochromatic-negative-300-hover","dataviz_monochromatic-negative-400-hover":"dataviz-monochromatic-negative-400-hover","dataviz_monochromatic-negative-500-hover":"dataviz-monochromatic-negative-500-hover","dataviz_monochromatic-negative-600-hover":"dataviz-monochromatic-negative-600-hover","dataviz_monochromatic-negative-700-hover":"dataviz-monochromatic-negative-700-hover","dataviz_monochromatic-negative-800-hover":"dataviz-monochromatic-negative-800-hover","dataviz_monochromatic-negative-900-hover":"dataviz-monochromatic-negative-900-hover","dataviz_diverging-sequence-1-positive9":"dataviz-diverging-sequence-1-positive9","dataviz_diverging-sequence-1-positive9-hover":"dataviz-diverging-sequence-1-positive9-hover","dataviz_diverging-sequence-1-positive8":"dataviz-diverging-sequence-1-positive8","dataviz_diverging-sequence-1-positive8-hover":"dataviz-diverging-sequence-1-positive8-hover","dataviz_diverging-sequence-1-positive7":"dataviz-diverging-sequence-1-positive7","dataviz_diverging-sequence-1-positive7-hover":"dataviz-diverging-sequence-1-positive7-hover","dataviz_diverging-sequence-1-positive6":"dataviz-diverging-sequence-1-positive6","dataviz_diverging-sequence-1-positive6-hover":"dataviz-diverging-sequence-1-positive6-hover","dataviz_diverging-sequence-1-positive5":"dataviz-diverging-sequence-1-positive5","dataviz_diverging-sequence-1-positive5-hover":"dataviz-diverging-sequence-1-positive5-hover","dataviz_diverging-sequence-1-positive4":"dataviz-diverging-sequence-1-positive4","dataviz_diverging-sequence-1-positive-4-hover":"dataviz-diverging-sequence-1-positive-4-hover","dataviz_diverging-sequence-1-positive3":"dataviz-diverging-sequence-1-positive3","dataviz_diverging-sequence-1-positive3-hover":"dataviz-diverging-sequence-1-positive3-hover","dataviz_diverging-sequence-1-positive2":"dataviz-diverging-sequence-1-positive2","dataviz_diverging-sequence-1-positive2-hover":"dataviz-diverging-sequence-1-positive2-hover","dataviz_diverging-sequence-1-positive1":"dataviz-diverging-sequence-1-positive1","dataviz_diverging-sequence-1-positive1-hover":"dataviz-diverging-sequence-1-positive1-hover","dataviz_diverging-sequence-1-neutral":"dataviz-diverging-sequence-1-neutral","dataviz_diverging-sequence-1-neutral-hover":"dataviz-diverging-sequence-1-neutral-hover","dataviz_diverging-sequence-1-negative1":"dataviz-diverging-sequence-1-negative1","dataviz_diverging-sequence-1-negative1-hover":"dataviz-diverging-sequence-1-negative1-hover","dataviz_diverging-sequence-1-negative2":"dataviz-diverging-sequence-1-negative2","dataviz_diverging-sequence-1-negative2-hover":"dataviz-diverging-sequence-1-negative2-hover","dataviz_diverging-sequence-1-negative3":"dataviz-diverging-sequence-1-negative3","dataviz_diverging-sequence-1-negative3-hover":"dataviz-diverging-sequence-1-negative3-hover","dataviz_diverging-sequence-1-negative4":"dataviz-diverging-sequence-1-negative4","dataviz_diverging-sequence-1-negative4-hover":"dataviz-diverging-sequence-1-negative4-hover","dataviz_diverging-sequence-1-negative5":"dataviz-diverging-sequence-1-negative5","dataviz_diverging-sequence-1-negative5-hover":"dataviz-diverging-sequence-1-negative5-hover","dataviz_diverging-sequence-1-negative6":"dataviz-diverging-sequence-1-negative6","dataviz_diverging-sequence-1-negative6-hover":"dataviz-diverging-sequence-1-negative6-hover","dataviz_diverging-sequence-1-negative7":"dataviz-diverging-sequence-1-negative7","dataviz_diverging-sequence-1-negative7-hover":"dataviz-diverging-sequence-1-negative7-hover","dataviz_diverging-sequence-1-negative8":"dataviz-diverging-sequence-1-negative8","dataviz_diverging-sequence-1-negative8-hover":"dataviz-diverging-sequence-1-negative8-hover","dataviz_diverging-sequence-1-negative9":"dataviz-diverging-sequence-1-negative9","dataviz_diverging-sequence-1-negative9-hover":"dataviz-diverging-sequence-1-negative9-hover","dataviz_diverging-sequence-2-positive10":"dataviz-diverging-sequence-2-positive10","dataviz_diverging-sequence-2-positive10-hover":"dataviz-diverging-sequence-2-positive10-hover","dataviz_diverging-sequence-2-positive9":"dataviz-diverging-sequence-2-positive9","dataviz_diverging-sequence-2-positive9-hover":"dataviz-diverging-sequence-2-positive9-hover","dataviz_diverging-sequence-2-positive8":"dataviz-diverging-sequence-2-positive8","dataviz_diverging-sequence-2-positive8-hover":"dataviz-diverging-sequence-2-positive8-hover","dataviz_diverging-sequence-2-positive7":"dataviz-diverging-sequence-2-positive7","dataviz_diverging-sequence-2-positive7-hover":"dataviz-diverging-sequence-2-positive7-hover","dataviz_diverging-sequence-2-positive6":"dataviz-diverging-sequence-2-positive6","dataviz_diverging-sequence-2-positive6-hover":"dataviz-diverging-sequence-2-positive6-hover","dataviz_diverging-sequence-2-positive5":"dataviz-diverging-sequence-2-positive5","dataviz_diverging-sequence-2-positive5-hover":"dataviz-diverging-sequence-2-positive5-hover","dataviz_diverging-sequence-2-positive4":"dataviz-diverging-sequence-2-positive4","dataviz_diverging-sequence-2-positive4-hover":"dataviz-diverging-sequence-2-positive4-hover","dataviz_diverging-sequence-2-positive3":"dataviz-diverging-sequence-2-positive3","dataviz_diverging-sequence-2-positive3-hover":"dataviz-diverging-sequence-2-positive3-hover","dataviz_diverging-sequence-2-positive2":"dataviz-diverging-sequence-2-positive2","dataviz_diverging-sequence-2-positive2-hover":"dataviz-diverging-sequence-2-positive2-hover","dataviz_diverging-sequence-2-positive1":"dataviz-diverging-sequence-2-positive1","dataviz_diverging-sequence-2-positive1-hover":"dataviz-diverging-sequence-2-positive1-hover","dataviz_diverging-sequence-2-negative1":"dataviz-diverging-sequence-2-negative1","dataviz_diverging-sequence-2-negative1-hover":"dataviz-diverging-sequence-2-negative1-hover","dataviz_diverging-sequence-2-negative2":"dataviz-diverging-sequence-2-negative2","dataviz_diverging-sequence-2-negative2-hover":"dataviz-diverging-sequence-2-negative2-hover","dataviz_diverging-sequence-2-negative3":"dataviz-diverging-sequence-2-negative3","dataviz_diverging-sequence-2-negative3-hover":"dataviz-diverging-sequence-2-negative3-hover","dataviz_diverging-sequence-2-negative4":"dataviz-diverging-sequence-2-negative4","dataviz_diverging-sequence-2-negative4-hover":"dataviz-diverging-sequence-2-negative4-hover","dataviz_diverging-sequence-2-negative5":"dataviz-diverging-sequence-2-negative5","dataviz_diverging-sequence-2-negative5-hover":"dataviz-diverging-sequence-2-negative5-hover","dataviz_diverging-sequence-2-negative6":"dataviz-diverging-sequence-2-negative6","dataviz_diverging-sequence-2-negative6-hover":"dataviz-diverging-sequence-2-negative6-hover","dataviz_diverging-sequence-2-negative7":"dataviz-diverging-sequence-2-negative7","dataviz_diverging-sequence-2-negative7-hover":"dataviz-diverging-sequence-2-negative7-hover","dataviz_diverging-sequence-2-negative8":"dataviz-diverging-sequence-2-negative8","dataviz_diverging-sequence-2-negative8-hover":"dataviz-diverging-sequence-2-negative8-hover","dataviz_diverging-sequence-2-negative9":"dataviz-diverging-sequence-2-negative9","dataviz_diverging-sequence-2-negative9-hover":"dataviz-diverging-sequence-2-negative9-hover","dataviz_diverging-sequence-2-negative10":"dataviz-diverging-sequence-2-negative10","dataviz_diverging-sequence-2-negative10-hover":"dataviz-diverging-sequence-2-negative10-hover","dataviz_categorical-sequence-category1":"dataviz-categorical-sequence-category1","dataviz_categorical-sequence-category1-hover":"dataviz-categorical-sequence-category1-hover","dataviz_categorical-sequence-category2":"dataviz-categorical-sequence-category2","dataviz_categorical-sequence-category2-hover":"dataviz-categorical-sequence-category2-hover","dataviz_categorical-sequence-category3":"dataviz-categorical-sequence-category3","dataviz_categorical-sequence-category3-hover":"dataviz-categorical-sequence-category3-hover","dataviz_categorical-sequence-category4":"dataviz-categorical-sequence-category4","dataviz_categorical-sequence-category4-hover":"dataviz-categorical-sequence-category4-hover","dataviz_categorical-sequence-category5":"dataviz-categorical-sequence-category5","dataviz_categorical-sequence-category5-hover":"dataviz-categorical-sequence-category5-hover","dataviz_categorical-sequence-category6":"dataviz-categorical-sequence-category6","dataviz_categorical-sequence-category6-hover":"dataviz-categorical-sequence-category6-hover","dataviz_categorical-sequence-category7":"dataviz-categorical-sequence-category7","dataviz_categorical-sequence-category7-hover":"dataviz-categorical-sequence-category7-hover","dataviz_categorical-sequence-category8":"dataviz-categorical-sequence-category8","dataviz_categorical-sequence-category8-hover":"dataviz-categorical-sequence-category8-hover","dataviz_categorical-sequence-category9":"dataviz-categorical-sequence-category9","dataviz_categorical-sequence-category9-hover":"dataviz-categorical-sequence-category9-hover","dataviz_categorical-sequence-category10":"dataviz-categorical-sequence-category10","dataviz_categorical-sequence-category10-hover":"dataviz-categorical-sequence-category10-hover","dataviz_categorical-sequence-category11":"dataviz-categorical-sequence-category11","dataviz_categorical-sequence-category-11-hover":"dataviz-categorical-sequence-category-11-hover","dataviz_categorical-sequence-category12":"dataviz-categorical-sequence-category12","dataviz_categorical-sequence-cateogry12-hover":"dataviz-categorical-sequence-cateogry12-hover","dataviz_categorical-sequence-category13":"dataviz-categorical-sequence-category13","dataviz_categorical-sequence-category13-hover":"dataviz-categorical-sequence-category13-hover","dataviz_categorical-2colorgroup-option6-category2":"dataviz-categorical-2colorgroup-option6-category2","dataviz_categorical-2colorgroup-option6-category1":"dataviz-categorical-2colorgroup-option6-category1","dataviz_categorical-2colorgroup-option5-category2":"dataviz-categorical-2colorgroup-option5-category2","dataviz_categorical-2colorgroup-option5-category1":"dataviz-categorical-2colorgroup-option5-category1","dataviz_categorical-2colorgroup-option4-category2":"dataviz-categorical-2colorgroup-option4-category2","dataviz_categorical-2colorgroup-option4-category1":"dataviz-categorical-2colorgroup-option4-category1","dataviz_categorical-2colorgroup-option3-category2":"dataviz-categorical-2colorgroup-option3-category2","dataviz_categorical-2colorgroup-option3-category1":"dataviz-categorical-2colorgroup-option3-category1","dataviz_categorical-2colorgroup-option2-category2":"dataviz-categorical-2colorgroup-option2-category2","dataviz_categorical-2colorgroup-option2-category1":"dataviz-categorical-2colorgroup-option2-category1","dataviz_categorical-2colorgroup-option1-category2":"dataviz-categorical-2colorgroup-option1-category2","dataviz_categorical-2colorgroup-option1-category1":"dataviz-categorical-2colorgroup-option1-category1","dataviz_categorical-3colorgroup-option1-category1":"dataviz-categorical-3colorgroup-option1-category1","dataviz_categorical-3colorgroup-option1-category2":"dataviz-categorical-3colorgroup-option1-category2","dataviz_categorical-3colorgroup-option1-category3":"dataviz-categorical-3colorgroup-option1-category3","dataviz_categorical-3colorgroup-option2-category1":"dataviz-categorical-3colorgroup-option2-category1","dataviz_categorical-3colorgroup-option2-category2":"dataviz-categorical-3colorgroup-option2-category2","dataviz_categorical-3colorgroup-option2-category3":"dataviz-categorical-3colorgroup-option2-category3","dataviz_categorical-3colorgroup-option3-category1":"dataviz-categorical-3colorgroup-option3-category1","dataviz_categorical-3colorgroup-option3-category2":"dataviz-categorical-3colorgroup-option3-category2","dataviz_categorical-3colorgroup-option3-category3":"dataviz-categorical-3colorgroup-option3-category3","dataviz_categorical-3colorgroup-option4-category1":"dataviz-categorical-3colorgroup-option4-category1","dataviz_categorical-3colorgroup-option4-category2":"dataviz-categorical-3colorgroup-option4-category2","dataviz_categorical-3colorgroup-option4-category3":"dataviz-categorical-3colorgroup-option4-category3","dataviz_categorical-4colorgroup-option1-category1":"dataviz-categorical-4colorgroup-option1-category1","dataviz_categorical-4colorgroup-option1-category2":"dataviz-categorical-4colorgroup-option1-category2","dataviz_categorical-4colorgroup-option1-category3":"dataviz-categorical-4colorgroup-option1-category3","dataviz_categorical-4colorgroup-option1-category4":"dataviz-categorical-4colorgroup-option1-category4","dataviz_categorical-4colorgroup-option2-category1":"dataviz-categorical-4colorgroup-option2-category1","dataviz_categorical-4colorgroup-option2-category2":"dataviz-categorical-4colorgroup-option2-category2","dataviz_categorical-4colorgroup-option2-category3":"dataviz-categorical-4colorgroup-option2-category3","dataviz_categorical-4colorgroup-option2-category4":"dataviz-categorical-4colorgroup-option2-category4","dataviz_categorical-4colorgroup-option3-category1":"dataviz-categorical-4colorgroup-option3-category1","dataviz_categorical-4colorgroup-option3-category2":"dataviz-categorical-4colorgroup-option3-category2","dataviz_categorical-4colorgroup-option3-category3":"dataviz-categorical-4colorgroup-option3-category3","dataviz_categorical-4colorgroup-option3-category4":"dataviz-categorical-4colorgroup-option3-category4","dataviz_categorical-4colorgroup-option4-category1":"dataviz-categorical-4colorgroup-option4-category1","dataviz_categorical-4colorgroup-option4-category2":"dataviz-categorical-4colorgroup-option4-category2","dataviz_categorical-4colorgroup-option4-category3":"dataviz-categorical-4colorgroup-option4-category3","dataviz_categorical-4colorgroup-option4-category4":"dataviz-categorical-4colorgroup-option4-category4","dataviz_categorical-5colorgroup-option1-category1":"dataviz-categorical-5colorgroup-option1-category1","dataviz_categorical-5colorgroup-option1-category2":"dataviz-categorical-5colorgroup-option1-category2","dataviz_categorical-5colorgroup-option1-category3":"dataviz-categorical-5colorgroup-option1-category3","dataviz_categorical-5colorgroup-option1-category4":"dataviz-categorical-5colorgroup-option1-category4","dataviz_categorical-5colorgroup-option1-category5":"dataviz-categorical-5colorgroup-option1-category5","dataviz_categorical-5colorgroup-option2-category1":"dataviz-categorical-5colorgroup-option2-category1","dataviz_categorical-5colorgroup-option2-category2":"dataviz-categorical-5colorgroup-option2-category2","dataviz_categorical-5colorgroup-option2-category3":"dataviz-categorical-5colorgroup-option2-category3","dataviz_categorical-5colorgroup-option2-category4":"dataviz-categorical-5colorgroup-option2-category4","dataviz_categorical-5colorgroup-option2-category5":"dataviz-categorical-5colorgroup-option2-category5","dataviz_categorical-5colorgroup-option3-category1":"dataviz-categorical-5colorgroup-option3-category1","dataviz_categorical-5colorgroup-option3-category2":"dataviz-categorical-5colorgroup-option3-category2","dataviz_categorical-5colorgroup-option3-category3":"dataviz-categorical-5colorgroup-option3-category3","dataviz_categorical-5colorgroup-option3-category4":"dataviz-categorical-5colorgroup-option3-category4","dataviz_categorical-5colorgroup-option3-category5":"dataviz-categorical-5colorgroup-option3-category5","dataviz_categorical-5colorgroup-option4-category1":"dataviz-categorical-5colorgroup-option4-category1","dataviz_categorical-5colorgroup-option4-category2":"dataviz-categorical-5colorgroup-option4-category2","dataviz_categorical-5colorgroup-option4-category3":"dataviz-categorical-5colorgroup-option4-category3","dataviz_categorical-5colorgroup-option4-category4":"dataviz-categorical-5colorgroup-option4-category4","dataviz_categorical-5colorgroup-option4-category5":"dataviz-categorical-5colorgroup-option4-category5","dataviz_categorical-6colorgroup-option1-category1":"dataviz-categorical-6colorgroup-option1-category1","dataviz_categorical-6colorgroup-option1-category2":"dataviz-categorical-6colorgroup-option1-category2","dataviz_categorical-6colorgroup-option1-category3":"dataviz-categorical-6colorgroup-option1-category3","dataviz_categorical-6colorgroup-option1-category4":"dataviz-categorical-6colorgroup-option1-category4","dataviz_categorical-6colorgroup-option1-category5":"dataviz-categorical-6colorgroup-option1-category5","dataviz_categorical-6colorgroup-option1-category6":"dataviz-categorical-6colorgroup-option1-category6","dataviz_categorical-6colorgroup-option2-category1":"dataviz-categorical-6colorgroup-option2-category1","dataviz_categorical-6colorgroup-option2-category2":"dataviz-categorical-6colorgroup-option2-category2","dataviz_categorical-6colorgroup-option2-category3":"dataviz-categorical-6colorgroup-option2-category3","dataviz_categorical-6colorgroup-option2-category4":"dataviz-categorical-6colorgroup-option2-category4","dataviz_categorical-6colorgroup-option2-category5":"dataviz-categorical-6colorgroup-option2-category5","dataviz_categorical-6colorgroup-option2-category6":"dataviz-categorical-6colorgroup-option2-category6","dataviz_categorical-6colorgroup-option3-category1":"dataviz-categorical-6colorgroup-option3-category1","dataviz_categorical-6colorgroup-option3-category2":"dataviz-categorical-6colorgroup-option3-category2","dataviz_categorical-6colorgroup-option3-category3":"dataviz-categorical-6colorgroup-option3-category3","dataviz_categorical-6colorgroup-option3-category4":"dataviz-categorical-6colorgroup-option3-category4","dataviz_categorical-6colorgroup-option3-category5":"dataviz-categorical-6colorgroup-option3-category5","dataviz_categorical-6colorgroup-option3-category6":"dataviz-categorical-6colorgroup-option3-category6","dataviz_categorical-6colorgroup-option4-category1":"dataviz-categorical-6colorgroup-option4-category1","dataviz_categorical-6colorgroup-option4-category2":"dataviz-categorical-6colorgroup-option4-category2","dataviz_categorical-6colorgroup-option4-category3":"dataviz-categorical-6colorgroup-option4-category3","dataviz_categorical-6colorgroup-option4-category4":"dataviz-categorical-6colorgroup-option4-category4","dataviz_categorical-6colorgroup-option4-category5":"dataviz-categorical-6colorgroup-option4-category5","dataviz_categorical-6colorgroup-option4-category6":"dataviz-categorical-6colorgroup-option4-category6",dataviz_unavailable:"dataviz-unavailable","dataviz_unavailable-weak":"dataviz-unavailable-weak","dataviz_unavailable-strong":"dataviz-unavailable-strong","dataviz_text-onlight":"dataviz-text-onlight","dataviz_text-ondark":"dataviz-text-ondark"},oo={core_none:"shadow-none",core_sm:"shadow-sm",core_md:"shadow-md",core_lg:"shadow-lg",none:"elevation-none",raised:"elevation-raised",lifted:"elevation-lifted",floating:"elevation-floating"},eo={core_primary:"font-family-primary",core_secondary:"font-family-secondary",core_tertiary:"font-family-tertiary","heading-3xl":"heading-3xl-font-family","heading-2xl":"heading-2xl-font-family","heading-xl":"heading-xl-font-family","heading-lg":"heading-lg-font-family","heading-md":"heading-md-font-family","heading-sm":"heading-sm-font-family","heading-xs":"heading-xs-font-family","heading-xs-medium":"heading-xs-medium-font-family",overline:"overline-font-family","body-2xl":"body-2xl-font-family","body-xl":"body-xl-font-family","body-lg":"body-lg-font-family","body-lg-medium":"body-lg-medium-font-family","body-lg-semibold":"body-lg-semibold-font-family","body-lg-bold":"body-lg-bold-font-family","body-lg-underline":"body-lg-underline-font-family","body-md":"body-md-font-family","body-md-medium":"body-md-medium-font-family","body-md-semibold":"body-md-semibold-font-family","body-md-bold":"body-md-bold-font-family","body-md-underline":"body-md-underline-font-family","body-sm":"body-sm-font-family","body-sm-medium":"body-sm-medium-font-family","body-sm-semibold":"body-sm-semibold-font-family","body-sm-bold":"body-sm-bold-font-family","body-sm-underline":"body-sm-underline-font-family","body-xs":"body-xs-font-family","body-xs-medium":"body-xs-medium-font-family","body-xs-semibold":"body-xs-semibold-font-family","body-xs-bold":"body-xs-bold-font-family","body-xs-underline":"body-xs-underline-font-family","accent-lg":"accent-lg-font-family","accent-sm":"accent-sm-font-family"},to={core_400:"font-weight-400",core_410:"font-weight-410",core_505:"font-weight-505",core_580:"font-weight-580",core_590:"font-weight-590",core_680:"font-weight-680",core_690:"font-weight-690","heading-3xl":"heading-3xl-font-weight","heading-2xl":"heading-2xl-font-weight","heading-xl":"heading-xl-font-weight","heading-lg":"heading-lg-font-weight","heading-md":"heading-md-font-weight","heading-sm":"heading-sm-font-weight","heading-xs":"heading-xs-font-weight","heading-xs-medium":"heading-xs-medium-font-weight",overline:"overline-font-weight","body-2xl":"body-2xl-font-weight","body-xl":"body-xl-font-weight","body-lg":"body-lg-font-weight","body-lg-medium":"body-lg-medium-font-weight","body-lg-semibold":"body-lg-semibold-font-weight","body-lg-bold":"body-lg-bold-font-weight","body-lg-underline":"body-lg-underline-font-weight","body-md":"body-md-font-weight","body-md-medium":"body-md-medium-font-weight","body-md-semibold":"body-md-semibold-font-weight","body-md-bold":"body-md-bold-font-weight","body-md-underline":"body-md-underline-font-weight","body-sm":"body-sm-font-weight","body-sm-medium":"body-sm-medium-font-weight","body-sm-semibold":"body-sm-semibold-font-weight","body-sm-bold":"body-sm-bold-font-weight","body-sm-underline":"body-sm-underline-font-weight","body-xs":"body-xs-font-weight","body-xs-medium":"body-xs-medium-font-weight","body-xs-semibold":"body-xs-semibold-font-weight","body-xs-bold":"body-xs-bold-font-weight","body-xs-underline":"body-xs-underline-font-weight","accent-lg":"accent-lg-font-weight","accent-sm":"accent-sm-font-weight"},io={core_120:"font-size-120",core_140:"font-size-140",core_160:"font-size-160",core_180:"font-size-180",core_200:"font-size-200",core_240:"font-size-240",core_280:"font-size-280",core_320:"font-size-320",core_360:"font-size-360",core_480:"font-size-480","heading-3xl":"heading-3xl-font-size","heading-2xl":"heading-2xl-font-size","heading-xl":"heading-xl-font-size","heading-lg":"heading-lg-font-size","heading-md":"heading-md-font-size","heading-sm":"heading-sm-font-size","heading-xs":"heading-xs-font-size","heading-xs-medium":"heading-xs-medium-font-size",overline:"overline-font-size","body-2xl":"body-2xl-font-size","body-xl":"body-xl-font-size","body-lg":"body-lg-font-size","body-lg-medium":"body-lg-medium-font-size","body-lg-semibold":"body-lg-semibold-font-size","body-lg-bold":"body-lg-bold-font-size","body-lg-underline":"body-lg-underline-font-size","body-md":"body-md-font-size","body-md-medium":"body-md-medium-font-size","body-md-semibold":"body-md-semibold-font-size","body-md-bold":"body-md-bold-font-size","body-md-underline":"body-md-underline-font-size","body-sm":"body-sm-font-size","body-sm-medium":"body-sm-medium-font-size","body-sm-semibold":"body-sm-semibold-font-size","body-sm-bold":"body-sm-bold-font-size","body-sm-underline":"body-sm-underline-font-size","body-xs":"body-xs-font-size","body-xs-medium":"body-xs-medium-font-size","body-xs-semibold":"body-xs-semibold-font-size","body-xs-bold":"body-xs-bold-font-size","body-xs-underline":"body-xs-underline-font-size","accent-lg":"accent-lg-font-size","accent-sm":"accent-sm-font-size"},ro={"core_1-125":"line-height-1-125","core_1-14":"line-height-1-14","core_1-20":"line-height-1-20","core_1-25":"line-height-1-25","core_1-33":"line-height-1-33","core_1-4285":"line-height-1-4285","core_1-50":"line-height-1-50","heading-3xl":"heading-3xl-line-height","heading-2xl":"heading-2xl-line-height","heading-xl":"heading-xl-line-height","heading-lg":"heading-lg-line-height","heading-md":"heading-md-line-height","heading-sm":"heading-sm-line-height","heading-xs":"heading-xs-line-height","heading-xs-medium":"heading-xs-medium-line-height",overline:"overline-line-height","body-2xl":"body-2xl-line-height","body-xl":"body-xl-line-height","body-lg":"body-lg-line-height","body-lg-medium":"body-lg-medium-line-height","body-lg-semibold":"body-lg-semibold-line-height","body-lg-bold":"body-lg-bold-line-height","body-lg-underline":"body-lg-underline-line-height","body-md":"body-md-line-height","body-md-medium":"body-md-medium-line-height","body-md-semibold":"body-md-semibold-line-height","body-md-bold":"body-md-bold-line-height","body-md-underline":"body-md-underline-line-height","body-sm":"body-sm-line-height","body-sm-medium":"body-sm-medium-line-height","body-sm-semibold":"body-sm-semibold-line-height","body-sm-bold":"body-sm-bold-line-height","body-sm-underline":"body-sm-underline-line-height","body-xs":"body-xs-line-height","body-xs-medium":"body-xs-medium-line-height","body-xs-semibold":"body-xs-semibold-line-height","body-xs-bold":"body-xs-bold-line-height","body-xs-underline":"body-xs-underline-line-height","accent-lg":"accent-lg-line-height","accent-sm":"accent-sm-line-height"},ao={core_0:"border-radius-0",core_1:"border-radius-1",core_2:"border-radius-2",core_3:"border-radius-3",core_4:"border-radius-4",core_9999:"border-radius-9999",circle:"shape-circle",pill:"shape-pill","rounded-lg":"shape-rounded-lg","rounded-md":"shape-rounded-md","rounded-sm":"shape-rounded-sm"},no={core_0:"space-0",core_20:"space-20",core_40:"space-40",core_80:"space-80",core_160:"space-160",core_240:"space-240",core_320:"space-320",core_400:"space-400",core_480:"space-480",core_640:"space-640",core_800:"space-800",core_960:"space-960",core_1280:"space-1280"},so={"inset-xs":"space-inset-xs","inset-sm":"space-inset-sm","inset-md":"space-inset-md","inset-lg":"space-inset-lg","inset-xl":"space-inset-xl"},co={"inset-squish-sm":"space-inset-squish-sm","inset-squish-md":"space-inset-squish-md","inset-squish-lg":"space-inset-squish-lg","inset-stretch-sm":"space-inset-stretch-sm","inset-stretch-md":"space-inset-stretch-md","inset-stretch-lg":"space-inset-stretch-lg"},po={"stack-xs":"space-stack-xs","stack-sm":"space-stack-sm","stack-md":"space-stack-md","stack-lg":"space-stack-lg","stack-xl":"space-stack-xl","inline-xs":"space-inline-xs","inline-sm":"space-inline-sm","inline-md":"space-inline-md","inline-lg":"space-inline-lg","inline-xl":"space-inline-xl"},lo={};var q=["#","rgb","rgba","hsl","hsla"],A="1px solid";function d(e,t=vo){return Object.entries(e).reduce((r,[a,c])=>(r[a]=t(c),r),{})}function vo(e){return `var(${`${K}-${e}`})`}function N(e){return `${A} ${vo(e)}`}var C=d(U),B=d(E),S={...d(V),...C,...B},p={...d(V,N),...d(U,N),...d(E,N)},x={...d(Z),...C,...B},k={...d(Q),...C,...B},P=d(oo),uo=d(io),mo=d(to),ho=d(ro),yo=d(eo),z=d(ao),T=d(no),_={...d(so),...T},_o={..._,...d(co)},h={...d(po),...T},fo={...h,...d(lo)},y={...T};function R(e,t,r){if(s(e))return e;let a=go(e,t);if(!s(a))return a;let c=b(e,r);if(!s(c)){let v=go(c,t);if(!s(v))return v}return c}function go(e,t){return t[e]}var n={"hop-b-hover":"UseStyledSystem-module__hop-b-hover___CfKj8","hop-bb-hover":"UseStyledSystem-module__hop-bb-hover___Hu3-Q","hop-bl-hover":"UseStyledSystem-module__hop-bl-hover___CzOAl","hop-br-hover":"UseStyledSystem-module__hop-br-hover___vKdvf","hop-bt-hover":"UseStyledSystem-module__hop-bt-hover___i82Tb","hop-b-focus":"UseStyledSystem-module__hop-b-focus___y3r5B","hop-bb-focus":"UseStyledSystem-module__hop-bb-focus___UzwTX","hop-bl-focus":"UseStyledSystem-module__hop-bl-focus___u-OfB","hop-br-focus":"UseStyledSystem-module__hop-br-focus___wBhUY","hop-bt-focus":"UseStyledSystem-module__hop-bt-focus___MnZa1","hop-b-active":"UseStyledSystem-module__hop-b-active___JDXLg","hop-bb-active":"UseStyledSystem-module__hop-bb-active___40n0M","hop-bl-active":"UseStyledSystem-module__hop-bl-active___TkJsC","hop-br-active":"UseStyledSystem-module__hop-br-active___TmbHF","hop-bt-active":"UseStyledSystem-module__hop-bt-active___r8vje","hop-bg-hover":"UseStyledSystem-module__hop-bg-hover___LA70G","hop-bg-focus":"UseStyledSystem-module__hop-bg-focus___6R-wa","hop-bg-active":"UseStyledSystem-module__hop-bg-active___vfqXn","hop-bs-hover":"UseStyledSystem-module__hop-bs-hover___vRDwD","hop-bs-focus":"UseStyledSystem-module__hop-bs-focus___Nk99m","hop-bs-active":"UseStyledSystem-module__hop-bs-active___SYvR1","hop-c-hover":"UseStyledSystem-module__hop-c-hover___oebME","hop-c-focus":"UseStyledSystem-module__hop-c-focus___m3au4","hop-c-active":"UseStyledSystem-module__hop-c-active___qgNTm","hop-cs-hover":"UseStyledSystem-module__hop-cs-hover___cvviM","hop-f-hover":"UseStyledSystem-module__hop-f-hover___8xdeJ","hop-f-focus":"UseStyledSystem-module__hop-f-focus___6Ah2L","hop-o-hover":"UseStyledSystem-module__hop-o-hover___cyKhF","hop-o-focus":"UseStyledSystem-module__hop-o-focus___Kg5kM","hop-o-active":"UseStyledSystem-module__hop-o-active___-Crm-","hop-ol-focus":"UseStyledSystem-module__hop-ol-focus___XyC84"};var bo="UNSAFE_";function i(e){return (t,r,a)=>{let c=R(r,e,a.matchedBreakpoints);s(c)||a.addStyleValue(t,c);}}function o(){return (e,t,r)=>{let a=b(t,r.matchedBreakpoints);s(a)||r.addStyleValue(e,a);}}function w(e,t,r){let a=i(r),c=i(r);return (v,u,m)=>{a(e,u,m),c(t,u,m);}}function l(e,t,r){let a=(v,u,m)=>{let f=R(u,r,m.matchedBreakpoints);s(f)||(m.addClass(e),m.addStyleValue(t,f));},c=(v,u,m)=>{let f=b(u,m.matchedBreakpoints);s(f)||(m.addClass(e),m.addStyleValue(t,f));};return s(r)?c:a}function F(e){return (t,r,a)=>{let c=R(r,e,a.matchedBreakpoints);s(c)||(typeof c=="string"&&q.some(v=>c.startsWith(v))?a.addStyleValue(t,`${A} ${c}`):a.addStyleValue(t,c));}}function g(e,t,r){return (a,c,v)=>{let u=R(c,r,v.matchedBreakpoints);s(u)||(v.addClass(e),typeof u=="string"&&q.some(m=>u.startsWith(m))?v.addStyleValue(t,`${A} ${u}`):v.addStyleValue(t,u));}}var mr=(e,t,r)=>{let a=b(t,r.matchedBreakpoints);s(a)||r.addStyleValue("gridColumn",`span ${a} / span ${a}`);},hr=(e,t,r)=>{let a=b(t,r.matchedBreakpoints);s(a)||r.addStyleValue("gridRow",`span ${a} / span ${a}`);},zo={alignContent:o(),alignItems:o(),alignSelf:o(),aspectRatio:o(),backgroundColor:i(S),backgroundColorActive:l(n["hop-bg-active"],"--hop-bg-active",S),backgroundColorFocus:l(n["hop-bg-focus"],"--hop-bg-focus",S),backgroundColorHover:l(n["hop-bg-hover"],"--hop-bg-hover",S),backgroundImage:o(),backgroundPosition:o(),backgroundRepeat:o(),backgroundSize:o(),border:F(p),borderBottom:F(p),borderBottomActive:g(n["hop-bb-active"],"--hop-bb-active",p),borderBottomFocus:g(n["hop-bb-focus"],"--hop-bb-focus",p),borderBottomHover:g(n["hop-bb-hover"],"--hop-bb-hover",p),borderBottomLeftRadius:i(z),borderBottomRightRadius:i(z),borderActive:g(n["hop-b-active"],"--hop-b-active",p),borderFocus:g(n["hop-b-focus"],"--hop-b-focus",p),borderHover:g(n["hop-b-hover"],"--hop-b-hover",p),borderLeft:F(p),borderLeftActive:g(n["hop-bl-active"],"--hop-bl-active",p),borderLeftFocus:g(n["hop-bl-focus"],"--hop-bl-focus",p),borderLeftHover:g(n["hop-bl-hover"],"--hop-bl-hover",p),borderRadius:i(z),borderRight:F(p),borderRightActive:g(n["hop-br-active"],"--hop-br-active",p),borderRightFocus:g(n["hop-br-focus"],"--hop-br-focus",p),borderRightHover:g(n["hop-br-hover"],"--hop-br-hover",p),borderTop:F(p),borderTopActive:g(n["hop-bt-active"],"--hop-bt-active",p),borderTopFocus:g(n["hop-bt-focus"],"--hop-bt-focus",p),borderTopHover:g(n["hop-bt-hover"],"--hop-bt-hover",p),borderTopLeftRadius:i(z),borderTopRightRadius:i(z),bottom:o(),boxShadow:i(P),boxShadowActive:l(n["hop-bs-active"],"--hop-bs-active",P),boxShadowFocus:l(n["hop-bs-focus"],"--hop-bs-focus",P),boxShadowHover:l(n["hop-bs-hover"],"--hop-bs-hover",P),color:i(x),colorActive:l(n["hop-c-active"],"--hop-c-active",x),colorFocus:l(n["hop-c-focus"],"--hop-c-focus",x),colorHover:l(n["hop-c-hover"],"--hop-c-hover",x),columnGap:i(h),content:o(),contentVisibility:o(),cursor:o(),cursorHover:l(n["hop-cs-hover"],"--hop-cs-hover"),display:o(),fill:i(k),fillFocus:l(n["hop-f-focus"],"--hop-f-focus",k),fillHover:l(n["hop-f-hover"],"--hop-f-hover",k),filter:o(),flex:o(),flexBasis:o(),flexDirection:o(),flexFlow:o(),flexGrow:o(),flexShrink:o(),flexWrap:o(),fontFamily:i(yo),fontSize:i(uo),fontStyle:o(),fontWeight:i(mo),gap:i(h),grid:o(),gridArea:o(),gridAutoColumns:i(y),gridAutoFlow:o(),gridAutoRows:i(y),gridColumn:o(),gridColumnEnd:o(),gridColumnSpan:mr,gridColumnStart:o(),gridRow:o(),gridRowEnd:o(),gridRowSpan:hr,gridRowStart:o(),gridTemplate:o(),gridTemplateAreas:o(),gridTemplateColumns:i(y),gridTemplateRows:i(y),height:i(y),justifyContent:o(),justifyItems:o(),justifySelf:o(),left:o(),letterSpacing:o(),lineHeight:i(ho),margin:i(fo),marginBottom:i(h),marginLeft:i(h),marginRight:i(h),marginTop:i(h),marginX:w("marginLeft","marginRight",h),marginY:w("marginBottom","marginTop",h),maxHeight:i(y),maxWidth:i(y),minHeight:i(y),minWidth:i(y),objectFit:o(),objectPosition:o(),opacity:o(),opacityActive:l(n["hop-o-active"],"hop-o-active"),opacityFocus:l(n["hop-o-focus"],"hop-o-focus"),opacityHover:l(n["hop-o-hover"],"hop-o-hover"),order:o(),outline:o(),outlineFocus:l(n["hop-ol-focus"],"hop-ol-focus"),overflow:o(),overflowX:o(),overflowY:o(),padding:i(_o),paddingBottom:i(_),paddingLeft:i(_),paddingRight:i(_),paddingTop:i(_),paddingX:w("paddingLeft","paddingRight",_),paddingY:w("paddingBottom","paddingTop",_),pointerEvents:o(),position:o(),resize:o(),right:o(),rowGap:i(h),stroke:i(k),textAlign:o(),textDecoration:o(),textOverflow:o(),textTransform:o(),top:o(),transform:o(),transformOrigin:o(),transformStyle:o(),verticalAlign:o(),visibility:o(),whiteSpace:o(),width:i(y),willChange:o(),wordBreak:o(),zIndex:o()};function Or(e){return !s(zo[e])}var M=class{#o;#e;matchedBreakpoints;constructor(t,r,a){this.#o=s(t)?[]:[t],this.#e={...r},this.matchedBreakpoints=a;}addClass(t){return this.#o.includes(t)||this.#o.push(t),this}addStyleValue(t,r){return this.#e[t]=r,this}computeStyling(){let t=this.#o.length!==0?this.#o.join(" "):void 0,r=Object.keys(this.#e).length!==0?this.#e:void 0;return {className:t,style:r}}};function Wr(e){let{alignContent:t,alignItems:r,alignSelf:a,aspectRatio:c,backgroundColor:v,backgroundColorActive:u,backgroundColorFocus:m,backgroundColorHover:f,backgroundImage:So,backgroundPosition:xo,backgroundRepeat:ko,backgroundSize:Po,border:Ro,borderBottom:Fo,borderBottomActive:Ao,borderBottomFocus:wo,borderBottomHover:Uo,borderBottomLeftRadius:Vo,borderBottomRightRadius:Eo,borderFocus:No,borderHover:qo,borderActive:Co,borderLeft:Bo,borderLeftActive:To,borderLeftFocus:Mo,borderLeftHover:Ho,borderRadius:Go,borderRight:Lo,borderRightActive:Oo,borderRightFocus:Wo,borderRightHover:jo,borderTop:Do,borderTopActive:Io,borderTopFocus:Xo,borderTopHover:Yo,borderTopLeftRadius:$o,borderTopRightRadius:Jo,bottom:Ko,boxShadow:Zo,boxShadowActive:Qo,boxShadowFocus:oe,boxShadowHover:ee,className:H,color:te,colorActive:ie,colorFocus:re,colorHover:ae,columnGap:ne,content:se,contentVisibility:ce,cursor:pe,cursorHover:de,display:le,fill:ge,fillFocus:ve,fillHover:ue,filter:me,flex:he,flexBasis:ye,flexDirection:_e,flexFlow:fe,flexGrow:be,flexShrink:ze,flexWrap:Se,fontFamily:xe,fontSize:ke,fontStyle:Pe,fontWeight:Re,gap:Fe,grid:Ae,gridArea:we,gridAutoColumns:Ue,gridAutoFlow:Ve,gridAutoRows:Ee,gridColumn:Ne,gridColumnEnd:qe,gridColumnSpan:Ce,gridColumnStart:Be,gridRow:Te,gridRowEnd:Me,gridRowSpan:He,gridRowStart:Ge,gridTemplate:Le,gridTemplateAreas:Oe,gridTemplateColumns:We,gridTemplateRows:je,height:De,justifyContent:Ie,justifyItems:Xe,justifySelf:Ye,left:$e,letterSpacing:Je,lineHeight:Ke,margin:Ze,marginBottom:Qe,marginLeft:ot,marginRight:et,marginTop:tt,marginX:it,marginY:rt,maxHeight:at,maxWidth:nt,minHeight:st,minWidth:ct,objectFit:pt,objectPosition:dt,opacity:lt,opacityActive:gt,opacityFocus:vt,opacityHover:ut,order:mt,outline:ht,outlineFocus:yt,overflow:_t,overflowX:ft,overflowY:bt,padding:zt,paddingBottom:St,paddingLeft:xt,paddingRight:kt,paddingTop:Pt,paddingX:Rt,paddingY:Ft,pointerEvents:At,position:wt,resize:Ut,right:Vt,rowGap:Et,stroke:Nt,style:G,textAlign:qt,textDecoration:Ct,textOverflow:Bt,textTransform:Tt,top:Mt,transition:Ht,transform:Gt,transformOrigin:Lt,transformStyle:Ot,verticalAlign:Wt,visibility:jt,whiteSpace:Dt,width:It,willChange:Xt,wordBreak:Yt,zIndex:$t,UNSAFE_backgroundColor:Jt,UNSAFE_backgroundColorActive:Kt,UNSAFE_backgroundColorFocus:Zt,UNSAFE_backgroundColorHover:Qt,UNSAFE_border:oi,UNSAFE_borderActive:ei,UNSAFE_borderBottom:ti,UNSAFE_borderBottomActive:ii,UNSAFE_borderBottomFocus:ri,UNSAFE_borderBottomHover:ai,UNSAFE_borderBottomLeftRadius:ni,UNSAFE_borderBottomRightRadius:si,UNSAFE_borderFocus:ci,UNSAFE_borderHover:pi,UNSAFE_borderLeft:di,UNSAFE_borderLeftActive:li,UNSAFE_borderLeftFocus:gi,UNSAFE_borderLeftHover:vi,UNSAFE_borderRadius:ui,UNSAFE_borderRight:mi,UNSAFE_borderRightActive:hi,UNSAFE_borderRightFocus:yi,UNSAFE_borderRightHover:_i,UNSAFE_borderTop:fi,UNSAFE_borderTopActive:bi,UNSAFE_borderTopFocus:zi,UNSAFE_borderTopHover:Si,UNSAFE_borderTopLeftRadius:xi,UNSAFE_borderTopRightRadius:ki,UNSAFE_boxShadow:Pi,UNSAFE_color:Ri,UNSAFE_columnGap:Fi,UNSAFE_fill:Ai,UNSAFE_fontFamily:wi,UNSAFE_fontSize:Ui,UNSAFE_fontWeight:Vi,UNSAFE_gap:Ei,UNSAFE_gridAutoColumns:Ni,UNSAFE_gridAutoRows:qi,UNSAFE_gridTemplateColumns:Ci,UNSAFE_gridTemplateRows:Bi,UNSAFE_height:Ti,UNSAFE_lineHeight:Mi,UNSAFE_margin:Hi,UNSAFE_marginBottom:Gi,UNSAFE_marginLeft:Li,UNSAFE_marginRight:Oi,UNSAFE_marginTop:Wi,UNSAFE_marginX:ji,UNSAFE_marginY:Di,UNSAFE_maxHeight:Ii,UNSAFE_maxWidth:Xi,UNSAFE_minHeight:Yi,UNSAFE_minWidth:$i,UNSAFE_padding:Ji,UNSAFE_paddingBottom:Ki,UNSAFE_paddingLeft:Zi,UNSAFE_paddingRight:Qi,UNSAFE_paddingTop:or,UNSAFE_paddingX:er,UNSAFE_paddingY:tr,UNSAFE_rowGap:ir,UNSAFE_stroke:rr,UNSAFE_width:ar,...nr}=e,{matchedBreakpoints:L}=$(),O=useMemo(()=>{let W=new M(H,G,L);return Object.keys(e).forEach(j=>{let D=e[j];if(!s(D)){let I=j.replace(bo,""),X=zo[I];s(X)||X(I,D,W);}}),W.computeStyling()},[t,r,a,c,v,u,m,f,So,xo,ko,Po,Ro,Fo,Ao,wo,Uo,Bo,To,Mo,Ho,Lo,Oo,Wo,jo,Do,Io,Xo,Yo,Co,No,qo,Go,Vo,Eo,$o,Jo,Zo,Qo,oe,ee,Ko,L,H,te,ie,re,ae,ne,se,ce,pe,de,le,ge,ve,ue,me,he,ye,_e,fe,be,ze,Se,xe,ke,Pe,Re,Fe,Ae,we,Ue,Ve,Ee,Ne,qe,Ce,Be,Te,Me,He,Ge,Le,Oe,We,je,De,Ie,Xe,Ye,$e,Je,Ke,Ze,Qe,ot,et,tt,it,rt,at,nt,st,ct,pt,dt,lt,gt,vt,ut,mt,ht,yt,_t,ft,bt,zt,St,xt,kt,Pt,Rt,Ft,At,wt,Ut,Vt,Et,Nt,G,qt,Ct,Bt,Tt,Mt,Ht,Gt,Lt,Ot,Wt,jt,Dt,It,Xt,Yt,$t,Jt,Kt,Zt,Qt,oi,ei,ti,ii,ri,ai,ni,si,ci,pi,di,li,gi,vi,ui,mi,hi,yi,_i,fi,bi,zi,Si,xi,ki,Pi,Ri,Fi,Ai,wi,Ui,Vi,Ei,Ni,qi,Ci,Bi,Ti,Mi,Hi,Gi,Li,Oi,Wi,ji,Di,Ii,Xi,Yi,$i,Ji,Ki,Zi,Qi,or,er,tr,ir,rr,ar]);return {...nr,className:O.className,style:O.style}}
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
export { isStyledSystemProp, useStyledSystem } from './chunk-RIR7BXVF.js';
|
|
2
|
+
import './chunk-KUUJ37DW.js';
|
|
3
|
+
import './chunk-U3SI5QXV.js';
|
|
4
|
+
import './chunk-GYREQTEK.js';
|
|
5
|
+
import './chunk-ZUVKM5DV.js';
|
|
6
|
+
import './chunk-XUHDFZZL.js';
|
|
7
|
+
import './chunk-U5R6ZXH3.js';
|
|
8
|
+
import './chunk-I37Y2R7V.js';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
declare function isNull(value: any): value is null;
|
|
2
|
+
declare function isUndefined(value: any): value is undefined;
|
|
3
|
+
declare function isDefined(value: any): boolean;
|
|
4
|
+
declare function isNil(value: any): value is null | undefined;
|
|
5
|
+
declare function isNilOrEmpty(value: any): boolean;
|
|
6
|
+
declare function isString(value: any): value is string;
|
|
7
|
+
declare function isNumber(value: any): value is number;
|
|
8
|
+
declare function isArray<T>(value: any): value is Array<T>;
|
|
9
|
+
declare function isEmptyArray(value: any): boolean;
|
|
10
|
+
declare function isFunction(value: any): value is (...args: any) => any;
|
|
11
|
+
declare function isObject(value: any): value is Record<string, unknown>;
|
|
12
|
+
declare function isPlainObject(value: any): value is Record<string, any>;
|
|
13
|
+
declare function isPromise(value: any): boolean;
|
|
14
|
+
|
|
15
|
+
export { isArray, isDefined, isEmptyArray, isFunction, isNil, isNilOrEmpty, isNull, isNumber, isObject, isPlainObject, isPromise, isString, isUndefined };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { isArray, isDefined, isEmptyArray, isFunction, isNil, isNilOrEmpty, isNull, isNumber, isObject, isPlainObject, isPromise, isString, isUndefined } from '../chunk-U5R6ZXH3.js';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/** Method use for runtime injection of <style> tags in the document's head.
|
|
2
|
+
* @param elementId the id of the <style> tag to inject. If the tag already exists, it is not updated.
|
|
3
|
+
*/
|
|
4
|
+
declare function useInsertStyleElement(elementId: string, cssContent: string | undefined, allowUpdates?: boolean): void;
|
|
5
|
+
|
|
6
|
+
export { useInsertStyleElement };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { useEffect } from 'react';
|
|
2
|
+
|
|
3
|
+
/** Inspired by https://www.npmjs.com/package/@emotion/use-insertion-effect-with-fallbacks
|
|
4
|
+
*
|
|
5
|
+
* This version of useInsertionEffect is used so that no warnings are thrown when using SSR
|
|
6
|
+
* If you're using NextJS and you use useInsertionEffect in a server component, you'll have this warning message:
|
|
7
|
+
*
|
|
8
|
+
* error useInsertionEffect only works in Client Components.
|
|
9
|
+
* Add the "use client" directive at the top of the file to use it.
|
|
10
|
+
* Read more: https://nextjs.org/docs/messages/react-client-hook-in-server-component
|
|
11
|
+
*
|
|
12
|
+
* This hook fixes this problem by switching between useEffect and useInsertionEffect following the execution environment.
|
|
13
|
+
*/
|
|
14
|
+
declare const useIsomorphicInsertionEffect: typeof useEffect;
|
|
15
|
+
|
|
16
|
+
export { useIsomorphicInsertionEffect };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { useIsomorphicInsertionEffect } from '../chunk-YPIK2HRL.js';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { useEffect } from 'react';
|
|
2
|
+
|
|
3
|
+
/** Inspired by https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect
|
|
4
|
+
*
|
|
5
|
+
* If you're using NextJS and you use useLayoutEffect, you'll have this warning message:
|
|
6
|
+
*
|
|
7
|
+
* Warning: useLayoutEffect does nothing on the server, because its effect cannot be encoded into the server renderer's output format.
|
|
8
|
+
* This will lead to a mismatch between the initial, non-hydrated UI and the intended UI.
|
|
9
|
+
* To avoid this, useLayoutEffect should only be used in components that render exclusively on the client.
|
|
10
|
+
* See https://reactjs.org/link/uselayouteffect-ssr for common fixes.
|
|
11
|
+
*
|
|
12
|
+
* This hook fixes this problem by switching between useEffect and useLayoutEffect following the execution environment.
|
|
13
|
+
*/
|
|
14
|
+
declare const useIsomorphicLayoutEffect: typeof useEffect;
|
|
15
|
+
|
|
16
|
+
export { useIsomorphicLayoutEffect };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { useIsomorphicLayoutEffect } from '../chunk-3YM73BQP.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { supportsMatchMedia, useMediaQuery } from '../chunk-STEDL5VQ.js';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* This class is used to get the computed style of a theme element.
|
|
5
|
+
* It is used to get the value of a CSS variable defined in the theme.
|
|
6
|
+
*/
|
|
7
|
+
declare class ThemeComputedStyle {
|
|
8
|
+
#private;
|
|
9
|
+
constructor(componentRef: RefObject<Element>, scope: string);
|
|
10
|
+
private getThemeElement;
|
|
11
|
+
getPropertyValue(name: string): string;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export { ThemeComputedStyle };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hopper-ui/styled-system",
|
|
3
3
|
"author": "Workleap",
|
|
4
|
-
"version": "0.2.
|
|
4
|
+
"version": "0.2.2",
|
|
5
5
|
"description": "The styled-system package.",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"repository": {
|
|
@@ -48,9 +48,9 @@
|
|
|
48
48
|
"@testing-library/jest-dom": "6.1.4",
|
|
49
49
|
"@testing-library/react": "14.1.0",
|
|
50
50
|
"@types/jest": "29.5.8",
|
|
51
|
-
"@types/react-dom": "18.2.
|
|
51
|
+
"@types/react-dom": "18.2.17",
|
|
52
52
|
"@types/react-test-renderer": "18.0.6",
|
|
53
|
-
"@types/react": "18.2.
|
|
53
|
+
"@types/react": "18.2.38",
|
|
54
54
|
"@workleap/eslint-plugin": "3.0.0",
|
|
55
55
|
"@workleap/swc-configs": "2.1.2",
|
|
56
56
|
"@workleap/tsup-configs": "3.0.1",
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"tsup": "7.2.0",
|
|
68
68
|
"type-fest": "4.7.1",
|
|
69
69
|
"typescript": "5.2.2",
|
|
70
|
-
"@hopper-ui/tokens": "3.1.
|
|
70
|
+
"@hopper-ui/tokens": "3.1.1"
|
|
71
71
|
},
|
|
72
72
|
"scripts": {
|
|
73
73
|
"dev": "tsup --config ./tsup.dev.ts",
|