@hopper-ui/styled-system 1.2.0 → 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/CHANGELOG.md +103 -0
- package/dist/StyledSystemProvider.css +34 -34
- package/dist/StyledSystemProvider.d.ts +3 -0
- package/dist/StyledSystemProvider.js +15 -15
- package/dist/{chunk-DRFY5W7M.js → chunk-5GX5VZFT.js} +1 -1
- package/dist/{chunk-KLNF34G6.js → chunk-5U5IRAPA.js} +1 -1
- package/dist/{chunk-EJR6CH3T.js → chunk-AZ44JR7G.js} +1 -1
- package/dist/{chunk-J2UW6IZ5.js → chunk-BA7JHGU6.js} +1 -1
- package/dist/{chunk-JKXZGQAL.js → chunk-DVOV55CD.js} +228 -189
- package/dist/{chunk-45MYTH4M.js → chunk-EF3UX45A.js} +2 -2
- package/dist/{chunk-MCUHAIA4.js → chunk-GXUFWEP5.js} +2 -2
- package/dist/{chunk-LCW3QCQQ.js → chunk-GZ3MQOPA.js} +2 -2
- package/dist/{chunk-GFXIV6J4.js → chunk-REAV6RA4.js} +21 -19
- package/dist/{chunk-TSYETPJT.js → chunk-SSBFBJJN.js} +2 -2
- package/dist/{chunk-ZDENFQ6H.js → chunk-VJNKYHHT.js} +2 -2
- package/dist/{chunk-RKTVEOXM.js → chunk-XEJOSGGW.js} +6 -6
- package/dist/{chunk-KKVEOD5L.js → chunk-Y7GWSHYF.js} +200 -161
- package/dist/{chunk-E2EGUGKS.js → chunk-YJKWZYVH.js} +268 -227
- package/dist/color-scheme/useColorScheme.js +2 -2
- package/dist/global-styles/BodyStyleProvider.js +2 -2
- package/dist/html-wrappers/html.css +34 -34
- package/dist/html-wrappers/html.js +5 -5
- package/dist/html-wrappers/htmlElement.css +34 -34
- package/dist/html-wrappers/htmlElement.js +4 -4
- package/dist/index.css +34 -34
- package/dist/index.js +15 -15
- package/dist/responsive/BreakpointProvider.d.ts +5 -0
- package/dist/responsive/BreakpointProvider.js +2 -2
- package/dist/styledSystemRootCssClass.js +1 -1
- package/dist/tokens/TokenProvider.js +5 -5
- package/dist/tokens/generated/darkSemanticTokens.d.ts +265 -224
- package/dist/tokens/generated/darkSemanticTokens.js +1 -1
- package/dist/tokens/generated/lightSemanticTokens.d.ts +226 -187
- package/dist/tokens/generated/lightSemanticTokens.js +1 -1
- package/dist/tokens/generated/styledSystemToTokenMappings.d.ts +197 -158
- package/dist/tokens/generated/styledSystemToTokenMappings.js +1 -1
- package/dist/tokens/tokenMappings.d.ts +261 -213
- package/dist/tokens/tokenMappings.js +2 -2
- package/dist/tokens/tokens.d.ts +501 -421
- package/dist/tokens/tokens.js +3 -3
- package/dist/useStyledSystem.css +31 -31
- package/dist/useStyledSystem.d.ts +1 -1
- package/dist/useStyledSystem.js +3 -3
- package/dist/utils/useMediaQuery.js +1 -1
- package/package.json +22 -20
- package/dist/{chunk-M4X2T3D3.js → chunk-T6JS7L6B.js} +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { parseResponsiveSystemValue, ColorExpressionTypes, DefaultBorderWidthAndStyle, SizingMapping, BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, TextColorMapping, SimpleMarginMapping, IconColorMapping, FontFamilyMapping, FontSizeMapping, FontWeightMapping, LineHeightMapping, ComplexMarginMapping, ComplexPaddingMapping, SimplePaddingMapping } from './chunk-
|
|
1
|
+
import { parseResponsiveSystemValue, ColorExpressionTypes, DefaultBorderWidthAndStyle, SizingMapping, BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, TextColorMapping, SimpleMarginMapping, IconColorMapping, FontFamilyMapping, FontSizeMapping, FontWeightMapping, LineHeightMapping, ComplexMarginMapping, ComplexPaddingMapping, SimplePaddingMapping } from './chunk-5GX5VZFT.js';
|
|
2
2
|
import { parseResponsiveValue } from './chunk-SFOVKOPG.js';
|
|
3
3
|
import { useBreakpointContext } from './chunk-VBKLISDI.js';
|
|
4
4
|
import { isNil } from './chunk-U5R6ZXH3.js';
|
|
@@ -6,7 +6,7 @@ import { UnsafePrefix } from './chunk-QMDDVBCZ.js';
|
|
|
6
6
|
import { __privateAdd, __publicField, __privateSet, __privateGet } from './chunk-6LX4VMOV.js';
|
|
7
7
|
|
|
8
8
|
// css-module:./UseStyledSystem.module.css#css-module
|
|
9
|
-
var UseStyledSystem_module_default = { "hop-b-hover": "UseStyledSystem-module__hop-b-
|
|
9
|
+
var UseStyledSystem_module_default = { "hop-b-hover": "UseStyledSystem-module__hop-b-hover___Plz1Z", "hop-bb-hover": "UseStyledSystem-module__hop-bb-hover___duyqg", "hop-bl-hover": "UseStyledSystem-module__hop-bl-hover___SSZt0", "hop-br-hover": "UseStyledSystem-module__hop-br-hover___cc-cR", "hop-bt-hover": "UseStyledSystem-module__hop-bt-hover___vzXA1", "hop-b-focus": "UseStyledSystem-module__hop-b-focus___hVIrm", "hop-bb-focus": "UseStyledSystem-module__hop-bb-focus___f9mPE", "hop-bl-focus": "UseStyledSystem-module__hop-bl-focus___xF6Bc", "hop-br-focus": "UseStyledSystem-module__hop-br-focus___ptv3o", "hop-bt-focus": "UseStyledSystem-module__hop-bt-focus___MNw8i", "hop-b-active": "UseStyledSystem-module__hop-b-active___rWbbY", "hop-bb-active": "UseStyledSystem-module__hop-bb-active___LX6qX", "hop-bl-active": "UseStyledSystem-module__hop-bl-active___VSuvj", "hop-br-active": "UseStyledSystem-module__hop-br-active___JMM30", "hop-bt-active": "UseStyledSystem-module__hop-bt-active___r6-6b", "hop-bg-hover": "UseStyledSystem-module__hop-bg-hover___LcLu5", "hop-bg-focus": "UseStyledSystem-module__hop-bg-focus___viVUG", "hop-bg-active": "UseStyledSystem-module__hop-bg-active___e--6L", "hop-bs-hover": "UseStyledSystem-module__hop-bs-hover___1YDvX", "hop-bs-focus": "UseStyledSystem-module__hop-bs-focus___uu9Ac", "hop-bs-active": "UseStyledSystem-module__hop-bs-active___v8uK1", "hop-c-hover": "UseStyledSystem-module__hop-c-hover___8yXVl", "hop-c-focus": "UseStyledSystem-module__hop-c-focus___YNdjT", "hop-c-active": "UseStyledSystem-module__hop-c-active___crOAD", "hop-cs-hover": "UseStyledSystem-module__hop-cs-hover___MCgaD", "hop-f-hover": "UseStyledSystem-module__hop-f-hover___dxKWH", "hop-f-focus": "UseStyledSystem-module__hop-f-focus___y-fcL", "hop-o-hover": "UseStyledSystem-module__hop-o-hover___IWVF-", "hop-o-focus": "UseStyledSystem-module__hop-o-focus___IaFLw", "hop-o-active": "UseStyledSystem-module__hop-o-active___caQJi", "hop-ol-focus": "UseStyledSystem-module__hop-ol-focus___ybCdL" };
|
|
10
10
|
|
|
11
11
|
// src/useStyledSystem.ts
|
|
12
12
|
function createSystemValueHandler(systemValues) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Tokens } from './chunk-
|
|
1
|
+
import { Tokens } from './chunk-EF3UX45A.js';
|
|
2
2
|
import { useInsertStyleElement } from './chunk-RIORU7JO.js';
|
|
3
|
-
import { StyledSystemRootCssClass } from './chunk-
|
|
3
|
+
import { StyledSystemRootCssClass } from './chunk-REAV6RA4.js';
|
|
4
4
|
|
|
5
5
|
// src/tokens/TokenProvider.tsx
|
|
6
6
|
function TokenProvider() {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { BodyStyleProvider } from './chunk-
|
|
2
|
-
import { Div } from './chunk-
|
|
3
|
-
import { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-
|
|
4
|
-
import { TokenProvider } from './chunk-
|
|
5
|
-
import { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-
|
|
6
|
-
import { useColorScheme } from './chunk-
|
|
1
|
+
import { BodyStyleProvider } from './chunk-BA7JHGU6.js';
|
|
2
|
+
import { Div } from './chunk-AZ44JR7G.js';
|
|
3
|
+
import { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-GXUFWEP5.js';
|
|
4
|
+
import { TokenProvider } from './chunk-VJNKYHHT.js';
|
|
5
|
+
import { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-REAV6RA4.js';
|
|
6
|
+
import { useColorScheme } from './chunk-5U5IRAPA.js';
|
|
7
7
|
import { ColorSchemeContext } from './chunk-V7X6ANEM.js';
|
|
8
8
|
import clsx from 'clsx';
|
|
9
9
|
import { forwardRef, useState, useCallback } from 'react';
|
|
@@ -138,108 +138,107 @@ var HopperColors = {
|
|
|
138
138
|
"core_samoyed": "samoyed"
|
|
139
139
|
};
|
|
140
140
|
var BackgroundColors = {
|
|
141
|
-
"upsell-hover": "upsell-surface-hover",
|
|
142
|
-
"upsell-weak": "upsell-surface-weak",
|
|
143
|
-
"upsell-disabled": "upsell-surface-disabled",
|
|
144
|
-
"upsell-active": "upsell-surface-active",
|
|
145
|
-
"upsell": "upsell-surface",
|
|
146
141
|
"danger": "danger-surface",
|
|
142
|
+
"danger-selected": "danger-surface-selected",
|
|
147
143
|
"danger-disabled": "danger-surface-disabled",
|
|
148
144
|
"danger-hover": "danger-surface-hover",
|
|
145
|
+
"danger-press": "danger-surface-press",
|
|
149
146
|
"danger-strong": "danger-surface-strong",
|
|
150
147
|
"danger-strong-hover": "danger-surface-strong-hover",
|
|
151
148
|
"danger-weak": "danger-surface-weak",
|
|
152
|
-
"danger-
|
|
153
|
-
"
|
|
154
|
-
"primary-focus": "primary-surface-focus",
|
|
155
|
-
"primary": "primary-surface",
|
|
156
|
-
"primary-weak": "primary-surface-weak",
|
|
157
|
-
"primary-strong": "primary-surface-strong",
|
|
158
|
-
"primary-strong-active": "primary-surface-strong-active",
|
|
159
|
-
"primary-strong-hover": "primary-surface-strong-hover",
|
|
160
|
-
"primary-hover": "primary-surface-hover",
|
|
161
|
-
"primary-active": "primary-surface-active",
|
|
149
|
+
"danger-weak-hover": "danger-surface-weak-hover",
|
|
150
|
+
"danger-weak-press": "danger-surface-weak-press",
|
|
162
151
|
"decorative-option9": "decorative-option9-surface",
|
|
163
|
-
"decorative-option9-strong": "decorative-option9-surface-strong",
|
|
164
152
|
"decorative-option9-hover": "decorative-option9-surface-hover",
|
|
153
|
+
"decorative-option9-strong": "decorative-option9-surface-strong",
|
|
165
154
|
"decorative-option9-weak": "decorative-option9-surface-weak",
|
|
166
155
|
"decorative-option9-weak-hover": "decorative-option9-surface-weak-hover",
|
|
167
156
|
"decorative-option9-weakest": "decorative-option9-surface-weakest",
|
|
168
|
-
"decorative-option8
|
|
169
|
-
"decorative-option8-weak": "decorative-option8-surface-weak",
|
|
170
|
-
"decorative-option8-weak-hover": "decorative-option8-surface-weak-hover",
|
|
157
|
+
"decorative-option8": "decorative-option8-surface",
|
|
171
158
|
"decorative-option8-hover": "decorative-option8-surface-hover",
|
|
172
159
|
"decorative-option8-strong": "decorative-option8-surface-strong",
|
|
173
|
-
"decorative-option8": "decorative-option8-surface",
|
|
174
|
-
"decorative-
|
|
160
|
+
"decorative-option8-weak": "decorative-option8-surface-weak",
|
|
161
|
+
"decorative-option8-weak-hover": "decorative-option8-surface-weak-hover",
|
|
162
|
+
"decorative-option8-weakest": "decorative-option8-surface-weakest",
|
|
163
|
+
"decorative-option7": "decorative-option7-surface",
|
|
164
|
+
"decorative-option7-hover": "decorative-option7-surface-hover",
|
|
165
|
+
"decorative-option7-strong": "decorative-option7-surface-strong",
|
|
175
166
|
"decorative-option7-weak": "decorative-option7-surface-weak",
|
|
176
167
|
"decorative-option7-weak-hover": "decorative-option7-surface-weak-hover",
|
|
177
|
-
"decorative-option7-
|
|
178
|
-
"decorative-option7-hover": "decorative-option7-surface-hover",
|
|
179
|
-
"decorative-option7": "decorative-option7-surface",
|
|
180
|
-
"decorative-option5-weakest": "decorative-option5-surface-weakest",
|
|
181
|
-
"decorative-option5-weak": "decorative-option5-surface-weak",
|
|
182
|
-
"decorative-option5-strong": "decorative-option5-surface-strong",
|
|
183
|
-
"decorative-option5-hover": "decorative-option5-surface-hover",
|
|
168
|
+
"decorative-option7-weakest": "decorative-option7-surface-weakest",
|
|
184
169
|
"decorative-option5": "decorative-option5-surface",
|
|
185
|
-
"decorative-
|
|
186
|
-
"decorative-
|
|
187
|
-
"decorative-
|
|
170
|
+
"decorative-option5-hover": "decorative-option5-surface-hover",
|
|
171
|
+
"decorative-option5-strong": "decorative-option5-surface-strong",
|
|
172
|
+
"decorative-option5-weak": "decorative-option5-surface-weak",
|
|
173
|
+
"decorative-option5-weak-hover": "decorative-option5-surface-weak-hover",
|
|
174
|
+
"decorative-option5-weakest": "decorative-option5-surface-weakest",
|
|
175
|
+
"decorative-option6": "decorative-option6-surface",
|
|
188
176
|
"decorative-option6-hover": "decorative-option6-surface-hover",
|
|
189
177
|
"decorative-option6-strong": "decorative-option6-surface-strong",
|
|
190
|
-
"decorative-option6": "decorative-option6-surface",
|
|
191
|
-
"decorative-
|
|
178
|
+
"decorative-option6-weak": "decorative-option6-surface-weak",
|
|
179
|
+
"decorative-option6-weak-hover": "decorative-option6-surface-weak-hover",
|
|
180
|
+
"decorative-option6-weakest": "decorative-option6-surface-weakest",
|
|
181
|
+
"decorative-option4": "decorative-option4-surface",
|
|
182
|
+
"decorative-option4-hover": "decorative-option4-surface-hover",
|
|
183
|
+
"decorative-option4-strong": "decorative-option4-surface-strong",
|
|
192
184
|
"decorative-option4-weak": "decorative-option4-surface-weak",
|
|
193
185
|
"decorative-option4-weak-hover": "decorative-option4-surface-weak-hover",
|
|
194
|
-
"decorative-option4-
|
|
195
|
-
"decorative-
|
|
196
|
-
"decorative-
|
|
186
|
+
"decorative-option4-weakest": "decorative-option4-surface-weakest",
|
|
187
|
+
"decorative-option3": "decorative-option3-surface",
|
|
188
|
+
"decorative-option3-hover": "decorative-option3-surface-hover",
|
|
189
|
+
"decorative-option3-strong": "decorative-option3-surface-strong",
|
|
197
190
|
"decorative-option3-weak": "decorative-option3-surface-weak",
|
|
198
191
|
"decorative-option3-weak-hover": "decorative-option3-surface-weak-hover",
|
|
199
192
|
"decorative-option3-weakest": "decorative-option3-surface-weakest",
|
|
200
|
-
"decorative-option3-strong": "decorative-option3-surface-strong",
|
|
201
|
-
"decorative-option3-hover": "decorative-option3-surface-hover",
|
|
202
|
-
"decorative-option3": "decorative-option3-surface",
|
|
203
|
-
"decorative-option2-weakest": "decorative-option2-surface-weakest",
|
|
204
|
-
"decorative-option2-weak": "decorative-option2-surface-weak",
|
|
205
|
-
"decorative-option2-weak-hover": "decorative-option2-surface-weak-hover",
|
|
206
|
-
"decorative-option2-strong": "decorative-option2-surface-strong",
|
|
207
193
|
"decorative-option2": "decorative-option2-surface",
|
|
208
194
|
"decorative-option2-hover": "decorative-option2-surface-hover",
|
|
195
|
+
"decorative-option2-strong": "decorative-option2-surface-strong",
|
|
196
|
+
"decorative-option2-weak": "decorative-option2-surface-weak",
|
|
197
|
+
"decorative-option2-weak-hover": "decorative-option2-surface-weak-hover",
|
|
198
|
+
"decorative-option2-weakest": "decorative-option2-surface-weakest",
|
|
199
|
+
"decorative-option1": "decorative-option1-surface",
|
|
200
|
+
"decorative-option1-hover": "decorative-option1-surface-hover",
|
|
201
|
+
"decorative-option1-strong": "decorative-option1-surface-strong",
|
|
209
202
|
"decorative-option1-weak": "decorative-option1-surface-weak",
|
|
210
203
|
"decorative-option1-weak-hover": "decorative-option1-surface-weak-hover",
|
|
211
204
|
"decorative-option1-weakest": "decorative-option1-surface-weakest",
|
|
212
|
-
"
|
|
213
|
-
"
|
|
214
|
-
"
|
|
215
|
-
"neutral-weakest-active": "neutral-surface-weakest-active",
|
|
216
|
-
"neutral-weakest-hover": "neutral-surface-weakest-hover",
|
|
217
|
-
"neutral-disabled": "neutral-surface-disabled",
|
|
218
|
-
"neutral-active": "neutral-surface-active",
|
|
219
|
-
"neutral-weak": "neutral-surface-weak",
|
|
205
|
+
"information": "information-surface",
|
|
206
|
+
"information-strong": "information-surface-strong",
|
|
207
|
+
"information-weak": "information-surface-weak",
|
|
220
208
|
"neutral": "neutral-surface",
|
|
221
|
-
"neutral-
|
|
209
|
+
"neutral-selected": "neutral-surface-selected",
|
|
210
|
+
"neutral-disabled": "neutral-surface-disabled",
|
|
222
211
|
"neutral-hover": "neutral-surface-hover",
|
|
212
|
+
"neutral-press": "neutral-surface-press",
|
|
213
|
+
"neutral-strong": "neutral-surface-strong",
|
|
214
|
+
"neutral-weak": "neutral-surface-weak",
|
|
215
|
+
"neutral-weak-selected": "neutral-surface-weak-selected",
|
|
223
216
|
"neutral-weak-hover": "neutral-surface-weak-hover",
|
|
224
|
-
"neutral-weak-
|
|
217
|
+
"neutral-weak-press": "neutral-surface-weak-press",
|
|
225
218
|
"neutral-weakest": "neutral-surface-weakest",
|
|
226
|
-
"
|
|
227
|
-
"
|
|
228
|
-
"
|
|
229
|
-
"
|
|
230
|
-
"
|
|
231
|
-
"
|
|
232
|
-
"
|
|
233
|
-
"
|
|
234
|
-
"
|
|
235
|
-
"
|
|
219
|
+
"neutral-weakest-selected": "neutral-surface-weakest-selected",
|
|
220
|
+
"neutral-weakest-hover": "neutral-surface-weakest-hover",
|
|
221
|
+
"primary": "primary-surface",
|
|
222
|
+
"primary-selected": "primary-surface-selected",
|
|
223
|
+
"primary-disabled": "primary-surface-disabled",
|
|
224
|
+
"primary-focus": "primary-surface-focus",
|
|
225
|
+
"primary-hover": "primary-surface-hover",
|
|
226
|
+
"primary-press": "primary-surface-press",
|
|
227
|
+
"primary-strong": "primary-surface-strong",
|
|
228
|
+
"primary-strong-selected": "primary-surface-strong-selected",
|
|
229
|
+
"primary-strong-hover": "primary-surface-strong-hover",
|
|
230
|
+
"primary-strong-press": "primary-surface-strong-press",
|
|
231
|
+
"primary-weak": "primary-surface-weak",
|
|
232
|
+
"primary-weak-hover": "primary-surface-weak-hover",
|
|
233
|
+
"primary-weak-press": "primary-surface-weak-press",
|
|
234
|
+
"status-caution-strong": "status-caution-surface-strong",
|
|
235
|
+
"status-caution": "status-caution-surface",
|
|
236
|
+
"status-inactive-strong": "status-inactive-surface-strong",
|
|
237
|
+
"status-inactive": "status-inactive-surface",
|
|
238
|
+
"status-negative-strong": "status-negative-surface-strong",
|
|
239
|
+
"status-negative": "status-negative-surface",
|
|
236
240
|
"status-neutral": "status-neutral-surface",
|
|
237
|
-
"status-
|
|
238
|
-
"status-progress": "status-progress-surface",
|
|
239
|
-
"status-option6-strong": "status-option6-surface-strong",
|
|
240
|
-
"status-option6": "status-option6-surface",
|
|
241
|
-
"status-option5-strong": "status-option5-surface-strong",
|
|
242
|
-
"status-option5": "status-option5-surface",
|
|
241
|
+
"status-neutral-strong": "status-neutral-surface-strong",
|
|
243
242
|
"status-option1-strong": "status-option1-surface-strong",
|
|
244
243
|
"status-option1": "status-option1-surface",
|
|
245
244
|
"status-option2-strong": "status-option2-surface-strong",
|
|
@@ -248,96 +247,114 @@ var BackgroundColors = {
|
|
|
248
247
|
"status-option3": "status-option3-surface",
|
|
249
248
|
"status-option4-strong": "status-option4-surface-strong",
|
|
250
249
|
"status-option4": "status-option4-surface",
|
|
251
|
-
"status-
|
|
252
|
-
"status-
|
|
253
|
-
"status-
|
|
254
|
-
"status-
|
|
255
|
-
"status-inactive-strong": "status-inactive-surface-strong",
|
|
256
|
-
"status-inactive": "status-inactive-surface",
|
|
250
|
+
"status-option5": "status-option5-surface",
|
|
251
|
+
"status-option5-strong": "status-option5-surface-strong",
|
|
252
|
+
"status-option6": "status-option6-surface",
|
|
253
|
+
"status-option6-strong": "status-option6-surface-strong",
|
|
257
254
|
"status-positive-strong": "status-positive-surface-strong",
|
|
258
|
-
"status-positive": "status-positive-surface"
|
|
255
|
+
"status-positive": "status-positive-surface",
|
|
256
|
+
"status-progress": "status-progress-surface",
|
|
257
|
+
"status-progress-strong": "status-progress-surface-strong",
|
|
258
|
+
"success": "success-surface",
|
|
259
|
+
"success-strong": "success-surface-strong",
|
|
260
|
+
"success-weak": "success-surface-weak",
|
|
261
|
+
"upsell": "upsell-surface",
|
|
262
|
+
"upsell-selected": "upsell-surface-selected",
|
|
263
|
+
"upsell-disabled": "upsell-surface-disabled",
|
|
264
|
+
"upsell-hover": "upsell-surface-hover",
|
|
265
|
+
"upsell-press": "upsell-surface-press",
|
|
266
|
+
"upsell-weak": "upsell-surface-weak",
|
|
267
|
+
"upsell-weak-hover": "upsell-surface-weak-hover",
|
|
268
|
+
"upsell-weak-press": "upsell-surface-weak-press",
|
|
269
|
+
"warning": "warning-surface",
|
|
270
|
+
"warning-strong": "warning-surface-strong",
|
|
271
|
+
"warning-weak": "warning-surface-weak"
|
|
259
272
|
};
|
|
260
273
|
var TextColors = {
|
|
261
|
-
"upsell-active": "upsell-text-active",
|
|
262
|
-
"upsell": "upsell-text",
|
|
263
|
-
"upsell-hover": "upsell-text-hover",
|
|
264
|
-
"upsell-disabled": "upsell-text-disabled",
|
|
265
|
-
"danger-active": "danger-text-active",
|
|
266
|
-
"danger-hover": "danger-text-hover",
|
|
267
274
|
"danger": "danger-text",
|
|
268
|
-
"danger-
|
|
275
|
+
"danger-selected": "danger-text-selected",
|
|
276
|
+
"danger-disabled": "danger-text-disabled",
|
|
277
|
+
"danger-hover": "danger-text-hover",
|
|
278
|
+
"danger-press": "danger-text-press",
|
|
269
279
|
"danger-strong": "danger-text-strong",
|
|
270
280
|
"danger-strong-hover": "danger-text-strong-hover",
|
|
271
|
-
"danger-
|
|
272
|
-
"
|
|
273
|
-
"
|
|
274
|
-
"primary": "primary-text",
|
|
275
|
-
"primary-strong": "primary-text-strong",
|
|
276
|
-
"primary-strong-hover": "primary-text-strong-hover",
|
|
277
|
-
"primary-hover": "primary-text-hover",
|
|
281
|
+
"danger-weak": "danger-text-weak",
|
|
282
|
+
"danger-weak-hover": "danger-text-weak-hover",
|
|
283
|
+
"danger-weak-press": "danger-text-weak-press",
|
|
278
284
|
"decorative-option9": "decorative-option9-text",
|
|
279
285
|
"decorative-option9-weak": "decorative-option9-text-weak",
|
|
280
|
-
"decorative-option8-weak": "decorative-option8-text-weak",
|
|
281
286
|
"decorative-option8": "decorative-option8-text",
|
|
282
|
-
"decorative-
|
|
287
|
+
"decorative-option8-weak": "decorative-option8-text-weak",
|
|
283
288
|
"decorative-option7": "decorative-option7-text",
|
|
284
|
-
"decorative-
|
|
289
|
+
"decorative-option7-weak": "decorative-option7-text-weak",
|
|
285
290
|
"decorative-option5": "decorative-option5-text",
|
|
291
|
+
"decorative-option5-weak": "decorative-option5-text-weak",
|
|
286
292
|
"decorative-option6": "decorative-option6-text",
|
|
287
293
|
"decorative-option6-weak": "decorative-option6-text-weak",
|
|
288
|
-
"decorative-option4-weak": "decorative-option4-text-weak",
|
|
289
294
|
"decorative-option4": "decorative-option4-text",
|
|
295
|
+
"decorative-option4-weak": "decorative-option4-text-weak",
|
|
290
296
|
"decorative-option3": "decorative-option3-text",
|
|
291
297
|
"decorative-option3-weak": "decorative-option3-text-weak",
|
|
292
298
|
"decorative-option2": "decorative-option2-text",
|
|
293
299
|
"decorative-option2-weak": "decorative-option2-text-weak",
|
|
294
|
-
"decorative-option1-weak": "decorative-option1-text-weak",
|
|
295
300
|
"decorative-option1": "decorative-option1-text",
|
|
296
|
-
"
|
|
297
|
-
"
|
|
301
|
+
"decorative-option1-weak": "decorative-option1-text-weak",
|
|
302
|
+
"information": "information-text",
|
|
303
|
+
"information-weak": "information-text-weak",
|
|
304
|
+
"neutral": "neutral-text",
|
|
305
|
+
"neutral-selected": "neutral-text-selected",
|
|
298
306
|
"neutral-disabled": "neutral-text-disabled",
|
|
299
|
-
"neutral-
|
|
307
|
+
"neutral-hover": "neutral-text-hover",
|
|
308
|
+
"neutral-press": "neutral-text-press",
|
|
300
309
|
"neutral-strong": "neutral-text-strong",
|
|
301
|
-
"neutral": "neutral-text",
|
|
310
|
+
"neutral-weak": "neutral-text-weak",
|
|
311
|
+
"neutral-weak-hover": "neutral-text-weak-hover",
|
|
312
|
+
"neutral-weak-press": "neutral-text-weak-press",
|
|
302
313
|
"neutral-weakest": "neutral-text-weakest",
|
|
303
|
-
"
|
|
304
|
-
"
|
|
305
|
-
"
|
|
306
|
-
"
|
|
307
|
-
"
|
|
308
|
-
"
|
|
309
|
-
"
|
|
314
|
+
"primary": "primary-text",
|
|
315
|
+
"primary-selected": "primary-text-selected",
|
|
316
|
+
"primary-disabled": "primary-text-disabled",
|
|
317
|
+
"primary-hover": "primary-text-hover",
|
|
318
|
+
"primary-press": "primary-text-press",
|
|
319
|
+
"primary-strong": "primary-text-strong",
|
|
320
|
+
"primary-strong-hover": "primary-text-strong-hover",
|
|
321
|
+
"status-caution": "status-caution-text",
|
|
322
|
+
"status-inactive": "status-inactive-text",
|
|
323
|
+
"status-negative": "status-negative-text",
|
|
310
324
|
"status-neutral": "status-neutral-text",
|
|
311
|
-
"status-progress": "status-progress-text",
|
|
312
|
-
"status-option6": "status-option6-text",
|
|
313
|
-
"status-option5": "status-option5-text",
|
|
314
325
|
"status-option1": "status-option1-text",
|
|
315
326
|
"status-option2": "status-option2-text",
|
|
316
327
|
"status-option3": "status-option3-text",
|
|
317
328
|
"status-option4": "status-option4-text",
|
|
318
|
-
"status-
|
|
319
|
-
"status-
|
|
320
|
-
"status-
|
|
321
|
-
"status-
|
|
329
|
+
"status-option5": "status-option5-text",
|
|
330
|
+
"status-option6": "status-option6-text",
|
|
331
|
+
"status-positive": "status-positive-text",
|
|
332
|
+
"status-progress": "status-progress-text",
|
|
333
|
+
"success": "success-text",
|
|
334
|
+
"success-hover": "success-text-hover",
|
|
335
|
+
"success-weak": "success-text-weak",
|
|
336
|
+
"upsell": "upsell-text",
|
|
337
|
+
"upsell-selected": "upsell-text-selected",
|
|
338
|
+
"upsell-disabled": "upsell-text-disabled",
|
|
339
|
+
"upsell-hover": "upsell-text-hover",
|
|
340
|
+
"upsell-press": "upsell-text-press",
|
|
341
|
+
"upsell-weak": "upsell-text-weak",
|
|
342
|
+
"upsell-weak-hover": "upsell-text-weak-hover",
|
|
343
|
+
"upsell-weak-press": "upsell-text-weak-press",
|
|
344
|
+
"warning": "warning-text",
|
|
345
|
+
"warning-weak": "warning-text-weak"
|
|
322
346
|
};
|
|
323
347
|
var IconColors = {
|
|
324
|
-
"upsell-weakest": "upsell-icon-weakest",
|
|
325
|
-
"upsell-weak": "upsell-icon-weak",
|
|
326
|
-
"upsell-active": "upsell-icon-active",
|
|
327
|
-
"upsell": "upsell-icon",
|
|
328
|
-
"danger-active": "danger-icon-active",
|
|
329
348
|
"danger": "danger-icon",
|
|
330
|
-
"danger-
|
|
349
|
+
"danger-selected": "danger-icon-selected",
|
|
350
|
+
"danger-disabled": "danger-icon-disabled",
|
|
351
|
+
"danger-hover": "danger-icon-hover",
|
|
352
|
+
"danger-press": "danger-icon-press",
|
|
331
353
|
"danger-strong": "danger-icon-strong",
|
|
332
354
|
"danger-strong-hover": "danger-icon-strong-hover",
|
|
333
|
-
"danger-
|
|
334
|
-
"danger-
|
|
335
|
-
"
|
|
336
|
-
"primary-strong": "primary-icon-strong",
|
|
337
|
-
"primary-strong-hover": "primary-icon-strong-hover",
|
|
338
|
-
"primary": "primary-icon",
|
|
339
|
-
"primary-hover": "primary-icon-hover",
|
|
340
|
-
"primary-disabled": "primary-icon-disabled",
|
|
355
|
+
"danger-weak": "danger-icon-weak",
|
|
356
|
+
"danger-weak-hover": "danger-icon-weak-hover",
|
|
357
|
+
"danger-weak-press": "danger-icon-weak-press",
|
|
341
358
|
"decorative-option9": "decorative-option9-icon",
|
|
342
359
|
"decorative-option8": "decorative-option8-icon",
|
|
343
360
|
"decorative-option7": "decorative-option7-icon",
|
|
@@ -347,46 +364,59 @@ var IconColors = {
|
|
|
347
364
|
"decorative-option3": "decorative-option3-icon",
|
|
348
365
|
"decorative-option2": "decorative-option2-icon",
|
|
349
366
|
"decorative-option1": "decorative-option1-icon",
|
|
350
|
-
"
|
|
367
|
+
"information": "information-icon",
|
|
368
|
+
"information-weakest": "information-icon-weakest",
|
|
369
|
+
"information-weak": "information-icon-weak",
|
|
351
370
|
"neutral": "neutral-icon",
|
|
371
|
+
"neutral-selected": "neutral-icon-selected",
|
|
372
|
+
"neutral-disabled": "neutral-icon-disabled",
|
|
373
|
+
"neutral-hover": "neutral-icon-hover",
|
|
374
|
+
"neutral-press": "neutral-icon-press",
|
|
375
|
+
"neutral-strong": "neutral-icon-strong",
|
|
376
|
+
"neutral-strong-hover": "neutral-icon-strong-hover",
|
|
352
377
|
"neutral-weak": "neutral-icon-weak",
|
|
353
378
|
"neutral-weak-hover": "neutral-icon-weak-hover",
|
|
379
|
+
"neutral-weak-press": "neutral-icon-weak-press",
|
|
354
380
|
"neutral-weakest": "neutral-icon-weakest",
|
|
355
|
-
"
|
|
356
|
-
"
|
|
357
|
-
"
|
|
358
|
-
"
|
|
359
|
-
"
|
|
360
|
-
"
|
|
361
|
-
"
|
|
362
|
-
"
|
|
363
|
-
"
|
|
364
|
-
"
|
|
365
|
-
"information-weak": "information-icon-weak",
|
|
366
|
-
"information": "information-icon",
|
|
381
|
+
"primary": "primary-icon",
|
|
382
|
+
"primary-selected": "primary-icon-selected",
|
|
383
|
+
"primary-disabled": "primary-icon-disabled",
|
|
384
|
+
"primary-hover": "primary-icon-hover",
|
|
385
|
+
"primary-press": "primary-icon-press",
|
|
386
|
+
"primary-strong": "primary-icon-strong",
|
|
387
|
+
"primary-strong-hover": "primary-icon-strong-hover",
|
|
388
|
+
"status-caution": "status-caution-icon",
|
|
389
|
+
"status-inactive": "status-inactive-icon",
|
|
390
|
+
"status-negative": "status-negative-icon",
|
|
367
391
|
"status-neutral": "status-neutral-icon",
|
|
368
|
-
"status-progress": "status-progress-icon",
|
|
369
|
-
"status-option6": "status-option6-icon",
|
|
370
|
-
"status-option5": "status-option5-icon",
|
|
371
392
|
"status-option1": "status-option1-icon",
|
|
372
393
|
"status-option2": "status-option2-icon",
|
|
373
394
|
"status-option3": "status-option3-icon",
|
|
374
395
|
"status-option4": "status-option4-icon",
|
|
375
|
-
"status-
|
|
376
|
-
"status-
|
|
377
|
-
"status-
|
|
378
|
-
"status-
|
|
396
|
+
"status-option5": "status-option5-icon",
|
|
397
|
+
"status-option6": "status-option6-icon",
|
|
398
|
+
"status-positive": "status-positive-icon",
|
|
399
|
+
"status-progress": "status-progress-icon",
|
|
400
|
+
"success": "success-icon",
|
|
401
|
+
"success-weakest": "success-icon-weakest",
|
|
402
|
+
"success-weak": "success-icon-weak",
|
|
403
|
+
"upsell": "upsell-icon",
|
|
404
|
+
"upsell-selected": "upsell-icon-selected",
|
|
405
|
+
"upsell-hover": "upsell-icon-hover",
|
|
406
|
+
"upsell-press": "upsell-icon-press",
|
|
407
|
+
"upsell-weakest": "upsell-icon-weakest",
|
|
408
|
+
"upsell-weak": "upsell-icon-weak",
|
|
409
|
+
"upsell-weak-hover": "upsell-icon-weak-hover",
|
|
410
|
+
"upsell-weak-press": "upsell-icon-weak-press",
|
|
411
|
+
"warning": "warning-icon",
|
|
412
|
+
"warning-weakest": "warning-icon-weakest",
|
|
413
|
+
"warning-weak": "warning-icon-weak"
|
|
379
414
|
};
|
|
380
415
|
var BorderColors = {
|
|
381
|
-
"upsell-active": "upsell-border-active",
|
|
382
|
-
"upsell": "upsell-border",
|
|
383
|
-
"upsell-disabled": "upsell-border-disabled",
|
|
384
|
-
"danger-active": "danger-border-active",
|
|
385
|
-
"danger-strong": "danger-border-strong",
|
|
386
416
|
"danger": "danger-border",
|
|
387
|
-
"
|
|
388
|
-
"
|
|
389
|
-
"
|
|
417
|
+
"danger-selected": "danger-border-selected",
|
|
418
|
+
"danger-strong": "danger-border-strong",
|
|
419
|
+
"danger-press": "danger-border-press",
|
|
390
420
|
"decorative-option9": "decorative-option9-border",
|
|
391
421
|
"decorative-option8": "decorative-option8-border",
|
|
392
422
|
"decorative-option7": "decorative-option7-border",
|
|
@@ -396,17 +426,26 @@ var BorderColors = {
|
|
|
396
426
|
"decorative-option3": "decorative-option3-border",
|
|
397
427
|
"decorative-option2": "decorative-option2-border",
|
|
398
428
|
"decorative-option1": "decorative-option1-border",
|
|
429
|
+
"information": "information-border",
|
|
430
|
+
"neutral": "neutral-border",
|
|
431
|
+
"neutral-selected": "neutral-border-selected",
|
|
399
432
|
"neutral-disabled": "neutral-border-disabled",
|
|
400
|
-
"neutral-
|
|
433
|
+
"neutral-hover": "neutral-border-hover",
|
|
434
|
+
"neutral-press": "neutral-border-press",
|
|
401
435
|
"neutral-strong": "neutral-border-strong",
|
|
402
|
-
"neutral": "neutral-border",
|
|
436
|
+
"neutral-strong-hover": "neutral-border-strong-hover",
|
|
403
437
|
"neutral-weak": "neutral-border-weak",
|
|
404
|
-
"neutral-hover": "neutral-border-hover",
|
|
405
|
-
"neutral-active": "neutral-border-active",
|
|
406
438
|
"neutral-weakest": "neutral-border-weakest",
|
|
407
|
-
"
|
|
439
|
+
"primary": "primary-border",
|
|
440
|
+
"primary-selected": "primary-border-selected",
|
|
441
|
+
"primary-focus": "primary-border-focus",
|
|
442
|
+
"primary-press": "primary-border-press",
|
|
408
443
|
"success": "success-border",
|
|
409
|
-
"
|
|
444
|
+
"upsell": "upsell-border",
|
|
445
|
+
"upsell-selected": "upsell-border-selected",
|
|
446
|
+
"upsell-disabled": "upsell-border-disabled",
|
|
447
|
+
"upsell-press": "upsell-border-press",
|
|
448
|
+
"warning": "warning-border"
|
|
410
449
|
};
|
|
411
450
|
var DataVizColors = {
|
|
412
451
|
"dataviz_monochromatic-primary-25": "dataviz-monochromatic-primary-25",
|