@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.
Files changed (46) hide show
  1. package/CHANGELOG.md +103 -0
  2. package/dist/StyledSystemProvider.css +34 -34
  3. package/dist/StyledSystemProvider.d.ts +3 -0
  4. package/dist/StyledSystemProvider.js +15 -15
  5. package/dist/{chunk-DRFY5W7M.js → chunk-5GX5VZFT.js} +1 -1
  6. package/dist/{chunk-KLNF34G6.js → chunk-5U5IRAPA.js} +1 -1
  7. package/dist/{chunk-EJR6CH3T.js → chunk-AZ44JR7G.js} +1 -1
  8. package/dist/{chunk-J2UW6IZ5.js → chunk-BA7JHGU6.js} +1 -1
  9. package/dist/{chunk-JKXZGQAL.js → chunk-DVOV55CD.js} +228 -189
  10. package/dist/{chunk-45MYTH4M.js → chunk-EF3UX45A.js} +2 -2
  11. package/dist/{chunk-MCUHAIA4.js → chunk-GXUFWEP5.js} +2 -2
  12. package/dist/{chunk-LCW3QCQQ.js → chunk-GZ3MQOPA.js} +2 -2
  13. package/dist/{chunk-GFXIV6J4.js → chunk-REAV6RA4.js} +21 -19
  14. package/dist/{chunk-TSYETPJT.js → chunk-SSBFBJJN.js} +2 -2
  15. package/dist/{chunk-ZDENFQ6H.js → chunk-VJNKYHHT.js} +2 -2
  16. package/dist/{chunk-RKTVEOXM.js → chunk-XEJOSGGW.js} +6 -6
  17. package/dist/{chunk-KKVEOD5L.js → chunk-Y7GWSHYF.js} +200 -161
  18. package/dist/{chunk-E2EGUGKS.js → chunk-YJKWZYVH.js} +268 -227
  19. package/dist/color-scheme/useColorScheme.js +2 -2
  20. package/dist/global-styles/BodyStyleProvider.js +2 -2
  21. package/dist/html-wrappers/html.css +34 -34
  22. package/dist/html-wrappers/html.js +5 -5
  23. package/dist/html-wrappers/htmlElement.css +34 -34
  24. package/dist/html-wrappers/htmlElement.js +4 -4
  25. package/dist/index.css +34 -34
  26. package/dist/index.js +15 -15
  27. package/dist/responsive/BreakpointProvider.d.ts +5 -0
  28. package/dist/responsive/BreakpointProvider.js +2 -2
  29. package/dist/styledSystemRootCssClass.js +1 -1
  30. package/dist/tokens/TokenProvider.js +5 -5
  31. package/dist/tokens/generated/darkSemanticTokens.d.ts +265 -224
  32. package/dist/tokens/generated/darkSemanticTokens.js +1 -1
  33. package/dist/tokens/generated/lightSemanticTokens.d.ts +226 -187
  34. package/dist/tokens/generated/lightSemanticTokens.js +1 -1
  35. package/dist/tokens/generated/styledSystemToTokenMappings.d.ts +197 -158
  36. package/dist/tokens/generated/styledSystemToTokenMappings.js +1 -1
  37. package/dist/tokens/tokenMappings.d.ts +261 -213
  38. package/dist/tokens/tokenMappings.js +2 -2
  39. package/dist/tokens/tokens.d.ts +501 -421
  40. package/dist/tokens/tokens.js +3 -3
  41. package/dist/useStyledSystem.css +31 -31
  42. package/dist/useStyledSystem.d.ts +1 -1
  43. package/dist/useStyledSystem.js +3 -3
  44. package/dist/utils/useMediaQuery.js +1 -1
  45. package/package.json +22 -20
  46. 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-DRFY5W7M.js';
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-hover___Zqeu5", "hop-bb-hover": "UseStyledSystem-module__hop-bb-hover___a1mz8", "hop-bl-hover": "UseStyledSystem-module__hop-bl-hover___BVwnM", "hop-br-hover": "UseStyledSystem-module__hop-br-hover___hTuCm", "hop-bt-hover": "UseStyledSystem-module__hop-bt-hover___adE7m", "hop-b-focus": "UseStyledSystem-module__hop-b-focus___DfUJn", "hop-bb-focus": "UseStyledSystem-module__hop-bb-focus___axUzQ", "hop-bl-focus": "UseStyledSystem-module__hop-bl-focus___AHFjp", "hop-br-focus": "UseStyledSystem-module__hop-br-focus___5mdx8", "hop-bt-focus": "UseStyledSystem-module__hop-bt-focus___ybiFb", "hop-b-active": "UseStyledSystem-module__hop-b-active___BU6Oj", "hop-bb-active": "UseStyledSystem-module__hop-bb-active___pFoxa", "hop-bl-active": "UseStyledSystem-module__hop-bl-active___ueWsf", "hop-br-active": "UseStyledSystem-module__hop-br-active___sBjPX", "hop-bt-active": "UseStyledSystem-module__hop-bt-active___ldKxI", "hop-bg-hover": "UseStyledSystem-module__hop-bg-hover___Gzm9t", "hop-bg-focus": "UseStyledSystem-module__hop-bg-focus___jIrSB", "hop-bg-active": "UseStyledSystem-module__hop-bg-active___fafHA", "hop-bs-hover": "UseStyledSystem-module__hop-bs-hover___Zoiej", "hop-bs-focus": "UseStyledSystem-module__hop-bs-focus___Ojcth", "hop-bs-active": "UseStyledSystem-module__hop-bs-active___8gnFg", "hop-c-hover": "UseStyledSystem-module__hop-c-hover___Q88Tg", "hop-c-focus": "UseStyledSystem-module__hop-c-focus___Vyuyv", "hop-c-active": "UseStyledSystem-module__hop-c-active___UquV3", "hop-cs-hover": "UseStyledSystem-module__hop-cs-hover___GqEOP", "hop-f-hover": "UseStyledSystem-module__hop-f-hover___7EKmX", "hop-f-focus": "UseStyledSystem-module__hop-f-focus___k-Xh5", "hop-o-hover": "UseStyledSystem-module__hop-o-hover___bSfTb", "hop-o-focus": "UseStyledSystem-module__hop-o-focus___92q-T", "hop-o-active": "UseStyledSystem-module__hop-o-active___qojJF", "hop-ol-focus": "UseStyledSystem-module__hop-ol-focus___U-dIO" };
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-45MYTH4M.js';
1
+ import { Tokens } from './chunk-EF3UX45A.js';
2
2
  import { useInsertStyleElement } from './chunk-RIORU7JO.js';
3
- import { StyledSystemRootCssClass } from './chunk-GFXIV6J4.js';
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-J2UW6IZ5.js';
2
- import { Div } from './chunk-EJR6CH3T.js';
3
- import { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-MCUHAIA4.js';
4
- import { TokenProvider } from './chunk-ZDENFQ6H.js';
5
- import { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-GFXIV6J4.js';
6
- import { useColorScheme } from './chunk-KLNF34G6.js';
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-active": "danger-surface-active",
153
- "primary-disabled": "primary-surface-disabled",
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-weakest": "decorative-option8-surface-weakest",
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-option7-weakest": "decorative-option7-surface-weakest",
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-strong": "decorative-option7-surface-strong",
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-option6-weakest": "decorative-option6-surface-weakest",
186
- "decorative-option6-weak": "decorative-option6-surface-weak",
187
- "decorative-option6-weak-hover": "decorative-option6-surface-weak-hover",
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-option4-weakest": "decorative-option4-surface-weakest",
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-strong": "decorative-option4-surface-strong",
195
- "decorative-option4-hover": "decorative-option4-surface-hover",
196
- "decorative-option4": "decorative-option4-surface",
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
- "decorative-option1-strong": "decorative-option1-surface-strong",
213
- "decorative-option1-hover": "decorative-option1-surface-hover",
214
- "decorative-option1": "decorative-option1-surface",
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-strong": "neutral-surface-strong",
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-active": "neutral-surface-weak-active",
217
+ "neutral-weak-press": "neutral-surface-weak-press",
225
218
  "neutral-weakest": "neutral-surface-weakest",
226
- "warning": "warning-surface",
227
- "warning-strong": "warning-surface-strong",
228
- "warning-weak": "warning-surface-weak",
229
- "success": "success-surface",
230
- "success-strong": "success-surface-strong",
231
- "success-weak": "success-surface-weak",
232
- "information-strong": "information-surface-strong",
233
- "information": "information-surface",
234
- "information-weak": "information-surface-weak",
235
- "status-neutral-strong": "status-neutral-surface-strong",
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-progress-strong": "status-progress-surface-strong",
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-caution-strong": "status-caution-surface-strong",
252
- "status-caution": "status-caution-surface",
253
- "status-negative-strong": "status-negative-surface-strong",
254
- "status-negative": "status-negative-surface",
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-weak": "danger-text-weak",
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-disabled": "danger-text-disabled",
272
- "primary-active": "primary-text-active",
273
- "primary-disabled": "primary-text-disabled",
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-option7-weak": "decorative-option7-text-weak",
287
+ "decorative-option8-weak": "decorative-option8-text-weak",
283
288
  "decorative-option7": "decorative-option7-text",
284
- "decorative-option5-weak": "decorative-option5-text-weak",
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
- "neutral-hover": "neutral-text-hover",
297
- "neutral-weak": "neutral-text-weak",
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-active": "neutral-text-active",
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
- "warning-weak": "warning-text-weak",
304
- "warning": "warning-text",
305
- "success-weak": "success-text-weak",
306
- "success-hover": "success-text-hover",
307
- "success": "success-text",
308
- "information": "information-text",
309
- "information-weak": "information-text-weak",
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-caution": "status-caution-text",
319
- "status-negative": "status-negative-text",
320
- "status-inactive": "status-inactive-text",
321
- "status-positive": "status-positive-text"
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-weak": "danger-icon-weak",
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-hover": "danger-icon-hover",
334
- "danger-disabled": "danger-icon-disabled",
335
- "primary-active": "primary-icon-active",
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
- "neutral-disabled": "neutral-icon-disabled",
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
- "neutral-strong": "neutral-icon-strong",
356
- "neutral-hover": "neutral-icon-hover",
357
- "neutral-active": "neutral-icon-active",
358
- "warning-weakest": "warning-icon-weakest",
359
- "warning-weak": "warning-icon-weak",
360
- "warning": "warning-icon",
361
- "success-weak": "success-icon-weak",
362
- "success-weakest": "success-icon-weakest",
363
- "success": "success-icon",
364
- "information-weakest": "information-icon-weakest",
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-caution": "status-caution-icon",
376
- "status-negative": "status-negative-icon",
377
- "status-inactive": "status-inactive-icon",
378
- "status-positive": "status-positive-icon"
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
- "primary-active": "primary-border-active",
388
- "primary-focus": "primary-border-focus",
389
- "primary": "primary-border",
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-strong-hover": "neutral-border-strong-hover",
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
- "warning": "warning-border",
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
- "information": "information-border"
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",