@hopper-ui/styled-system 0.2.1 → 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.
Files changed (86) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/StyledSystemProvider.css +132 -1
  3. package/dist/StyledSystemProvider.d.ts +42 -4
  4. package/dist/StyledSystemProvider.js +25 -26
  5. package/dist/chunk-2ITAI3PJ.js +270 -0
  6. package/dist/chunk-35LDZFKX.js +29 -0
  7. package/dist/chunk-3YM73BQP.js +6 -0
  8. package/dist/chunk-7HCELIKZ.js +41 -0
  9. package/dist/chunk-FYKLSVLR.js +39 -0
  10. package/dist/chunk-GYREQTEK.js +30 -0
  11. package/dist/chunk-I37Y2R7V.js +4 -0
  12. package/dist/chunk-IK6W4ZXH.js +11 -0
  13. package/dist/chunk-IP7TYBR3.js +19 -0
  14. package/dist/chunk-JBWKRDVA.js +27 -0
  15. package/dist/chunk-JQBON2KA.js +23 -0
  16. package/dist/chunk-KUUJ37DW.js +96 -0
  17. package/dist/chunk-LU33LZMJ.js +55 -0
  18. package/dist/chunk-OHW5NUAW.js +59 -0
  19. package/dist/chunk-Q3NLRNZN.js +881 -0
  20. package/dist/chunk-RIR7BXVF.js +711 -0
  21. package/dist/chunk-STEDL5VQ.js +25 -0
  22. package/dist/chunk-U3SI5QXV.js +911 -0
  23. package/dist/chunk-U5R6ZXH3.js +46 -0
  24. package/dist/chunk-V7X6ANEM.js +14 -0
  25. package/dist/chunk-X5OXC6DN.js +9 -0
  26. package/dist/chunk-XUHDFZZL.js +10 -0
  27. package/dist/chunk-YPIK2HRL.js +6 -0
  28. package/dist/chunk-ZO3DYLQJ.js +32 -0
  29. package/dist/chunk-ZQUJDDQL.js +84 -0
  30. package/dist/chunk-ZUVKM5DV.js +13 -0
  31. package/dist/color-scheme/ColorSchemeContext.d.ts +12 -0
  32. package/dist/color-scheme/ColorSchemeContext.js +1 -0
  33. package/dist/color-scheme/useColorScheme.d.ts +6 -0
  34. package/dist/color-scheme/useColorScheme.js +2 -0
  35. package/dist/color-scheme/useColorSchemeValue.d.ts +3 -0
  36. package/dist/color-scheme/useColorSchemeValue.js +2 -0
  37. package/dist/global-styles/BodyStyleProvider.d.ts +5 -0
  38. package/dist/global-styles/BodyStyleProvider.js +8 -0
  39. package/dist/html-wrappers/html.css +132 -0
  40. package/dist/{StyledSystemProvider-173b78af.d.ts → html-wrappers/html.d.ts} +8 -53
  41. package/dist/html-wrappers/html.js +10 -0
  42. package/dist/html-wrappers/htmlElement.css +132 -0
  43. package/dist/html-wrappers/htmlElement.d.ts +12 -0
  44. package/dist/html-wrappers/htmlElement.js +9 -0
  45. package/dist/index.css +132 -1
  46. package/dist/index.d.ts +23 -2385
  47. package/dist/index.js +26 -26
  48. package/dist/responsive/BreakpointContext.d.ts +10 -0
  49. package/dist/responsive/BreakpointContext.js +2 -0
  50. package/dist/responsive/BreakpointProvider.d.ts +12 -0
  51. package/dist/responsive/BreakpointProvider.js +5 -0
  52. package/dist/responsive/Breakpoints.d.ts +10 -0
  53. package/dist/responsive/Breakpoints.js +1 -0
  54. package/dist/responsive/useResponsiveValue.d.ts +11 -0
  55. package/dist/responsive/useResponsiveValue.js +4 -0
  56. package/dist/styled-system-props.d.ts +1246 -3
  57. package/dist/styled-system-props.js +1 -3
  58. package/dist/styled-system-root-css-class.js +1 -3
  59. package/dist/tokens/TokenProvider.d.ts +20 -0
  60. package/dist/tokens/TokenProvider.js +8 -0
  61. package/dist/tokens/generated/dark-semantic-tokens.d.ts +272 -0
  62. package/dist/tokens/generated/dark-semantic-tokens.js +1 -0
  63. package/dist/tokens/generated/light-semantic-tokens.d.ts +883 -0
  64. package/dist/tokens/generated/light-semantic-tokens.js +1 -0
  65. package/dist/tokens/generated/styled-system-to-token-mappings.d.ts +913 -0
  66. package/dist/tokens/generated/styled-system-to-token-mappings.js +1 -0
  67. package/dist/{styled-system-props-1c231c50.d.ts → tokens/token-mappings.d.ts} +2 -1258
  68. package/dist/tokens/token-mappings.js +6 -0
  69. package/dist/tokens/tokens.d.ts +1154 -0
  70. package/dist/tokens/tokens.js +3 -0
  71. package/dist/useStyledSystem.css +125 -1
  72. package/dist/useStyledSystem.d.ts +4 -1
  73. package/dist/useStyledSystem.js +8 -5
  74. package/dist/utils/assertion.d.ts +15 -0
  75. package/dist/utils/assertion.js +1 -0
  76. package/dist/utils/useInsertStyleElement.d.ts +6 -0
  77. package/dist/utils/useInsertStyleElement.js +3 -0
  78. package/dist/utils/useIsomorphicInsertionEffect.d.ts +16 -0
  79. package/dist/utils/useIsomorphicInsertionEffect.js +1 -0
  80. package/dist/utils/useIsomorphicLayoutEffect.d.ts +16 -0
  81. package/dist/utils/useIsomorphicLayoutEffect.js +1 -0
  82. package/dist/utils/useMediaQuery.d.ts +4 -0
  83. package/dist/utils/useMediaQuery.js +1 -0
  84. package/dist/utils/useThemeComputedStyle.d.ts +14 -0
  85. package/dist/utils/useThemeComputedStyle.js +2 -0
  86. package/package.json +1 -1
@@ -0,0 +1,913 @@
1
+ /**
2
+ * This file is generated by Style Dictionary. Do not edit directly.
3
+ */
4
+ declare const HopperVariablePrefix = "--hop";
5
+ declare const HopperColors: {
6
+ "core_coastal-25": string;
7
+ "core_coastal-50": string;
8
+ "core_coastal-75": string;
9
+ "core_coastal-100": string;
10
+ "core_coastal-200": string;
11
+ "core_coastal-300": string;
12
+ "core_coastal-400": string;
13
+ "core_coastal-500": string;
14
+ "core_coastal-600": string;
15
+ "core_coastal-700": string;
16
+ "core_coastal-800": string;
17
+ "core_coastal-900": string;
18
+ "core_quetzal-25": string;
19
+ "core_quetzal-50": string;
20
+ "core_quetzal-75": string;
21
+ "core_quetzal-100": string;
22
+ "core_quetzal-200": string;
23
+ "core_quetzal-300": string;
24
+ "core_quetzal-400": string;
25
+ "core_quetzal-500": string;
26
+ "core_quetzal-600": string;
27
+ "core_quetzal-700": string;
28
+ "core_quetzal-800": string;
29
+ "core_quetzal-900": string;
30
+ "core_orchid-bloom-25": string;
31
+ "core_orchid-bloom-50": string;
32
+ "core_orchid-bloom-75": string;
33
+ "core_orchid-bloom-100": string;
34
+ "core_orchid-bloom-200": string;
35
+ "core_orchid-bloom-300": string;
36
+ "core_orchid-bloom-400": string;
37
+ "core_orchid-bloom-500": string;
38
+ "core_orchid-bloom-600": string;
39
+ "core_orchid-bloom-700": string;
40
+ "core_orchid-bloom-800": string;
41
+ "core_orchid-bloom-900": string;
42
+ "core_sapphire-25": string;
43
+ "core_sapphire-50": string;
44
+ "core_sapphire-75": string;
45
+ "core_sapphire-100": string;
46
+ "core_sapphire-200": string;
47
+ "core_sapphire-300": string;
48
+ "core_sapphire-400": string;
49
+ "core_sapphire-500": string;
50
+ "core_sapphire-600": string;
51
+ "core_sapphire-700": string;
52
+ "core_sapphire-800": string;
53
+ "core_sapphire-900": string;
54
+ "core_fog-25": string;
55
+ "core_fog-50": string;
56
+ "core_fog-75": string;
57
+ "core_fog-100": string;
58
+ "core_fog-200": string;
59
+ "core_fog-300": string;
60
+ "core_fog-400": string;
61
+ "core_fog-500": string;
62
+ "core_fog-600": string;
63
+ "core_fog-700": string;
64
+ "core_fog-800": string;
65
+ "core_fog-900": string;
66
+ "core_toad-25": string;
67
+ "core_toad-50": string;
68
+ "core_toad-75": string;
69
+ "core_toad-100": string;
70
+ "core_toad-200": string;
71
+ "core_toad-300": string;
72
+ "core_toad-400": string;
73
+ "core_toad-500": string;
74
+ "core_toad-600": string;
75
+ "core_toad-700": string;
76
+ "core_toad-800": string;
77
+ "core_toad-900": string;
78
+ "core_sunken-treasure-25": string;
79
+ "core_sunken-treasure-50": string;
80
+ "core_sunken-treasure-75": string;
81
+ "core_sunken-treasure-100": string;
82
+ "core_sunken-treasure-200": string;
83
+ "core_sunken-treasure-300": string;
84
+ "core_sunken-treasure-400": string;
85
+ "core_sunken-treasure-500": string;
86
+ "core_sunken-treasure-600": string;
87
+ "core_sunken-treasure-700": string;
88
+ "core_sunken-treasure-800": string;
89
+ "core_sunken-treasure-900": string;
90
+ "core_koi-25": string;
91
+ "core_koi-50": string;
92
+ "core_koi-75": string;
93
+ "core_koi-100": string;
94
+ "core_koi-200": string;
95
+ "core_koi-300": string;
96
+ "core_koi-400": string;
97
+ "core_koi-500": string;
98
+ "core_koi-600": string;
99
+ "core_koi-700": string;
100
+ "core_koi-800": string;
101
+ "core_koi-900": string;
102
+ "core_amanita-25": string;
103
+ "core_amanita-50": string;
104
+ "core_amanita-75": string;
105
+ "core_amanita-100": string;
106
+ "core_amanita-200": string;
107
+ "core_amanita-300": string;
108
+ "core_amanita-400": string;
109
+ "core_amanita-500": string;
110
+ "core_amanita-600": string;
111
+ "core_amanita-700": string;
112
+ "core_amanita-800": string;
113
+ "core_amanita-900": string;
114
+ "core_moss-25": string;
115
+ "core_moss-50": string;
116
+ "core_moss-75": string;
117
+ "core_moss-100": string;
118
+ "core_moss-200": string;
119
+ "core_moss-300": string;
120
+ "core_moss-400": string;
121
+ "core_moss-500": string;
122
+ "core_moss-600": string;
123
+ "core_moss-700": string;
124
+ "core_moss-800": string;
125
+ "core_moss-900": string;
126
+ core_abyss: string;
127
+ "core_rock-20": string;
128
+ "core_rock-25": string;
129
+ "core_rock-50": string;
130
+ "core_rock-75": string;
131
+ "core_rock-100": string;
132
+ "core_rock-200": string;
133
+ "core_rock-300": string;
134
+ "core_rock-400": string;
135
+ "core_rock-500": string;
136
+ "core_rock-600": string;
137
+ "core_rock-700": string;
138
+ "core_rock-800": string;
139
+ "core_rock-900": string;
140
+ core_samoyed: string;
141
+ };
142
+ declare const BackgroundColors: {
143
+ "upsell-hover": string;
144
+ "upsell-weak": string;
145
+ "upsell-disabled": string;
146
+ "upsell-active": string;
147
+ upsell: string;
148
+ danger: string;
149
+ "danger-disabled": string;
150
+ "danger-hover": string;
151
+ "danger-strong": string;
152
+ "danger-strong-hover": string;
153
+ "danger-weak": string;
154
+ "danger-active": string;
155
+ "primary-disabled": string;
156
+ "primary-focus": string;
157
+ primary: string;
158
+ "primary-weak": string;
159
+ "primary-strong": string;
160
+ "primary-strong-active": string;
161
+ "primary-strong-hover": string;
162
+ "primary-hover": string;
163
+ "primary-active": string;
164
+ "decorative-option9": string;
165
+ "decorative-option9-strong": string;
166
+ "decorative-option9-hover": string;
167
+ "decorative-option9-weak": string;
168
+ "decorative-option9-weak-hover": string;
169
+ "decorative-option9-weakest": string;
170
+ "decorative-option8-weakest": string;
171
+ "decorative-option8-weak": string;
172
+ "decorative-option8-weak-hover": string;
173
+ "decorative-option8-hover": string;
174
+ "decorative-option8-strong": string;
175
+ "decorative-option8": string;
176
+ "decorative-option7-weakest": string;
177
+ "decorative-option7-weak": string;
178
+ "decorative-option7-weak-hover": string;
179
+ "decorative-option7-strong": string;
180
+ "decorative-option7-hover": string;
181
+ "decorative-option7": string;
182
+ "decorative-option5-weakest": string;
183
+ "decorative-option5-weak": string;
184
+ "decorative-option5-strong": string;
185
+ "decorative-option5-hover": string;
186
+ "decorative-option5": string;
187
+ "decorative-option6-weakest": string;
188
+ "decorative-option6-weak": string;
189
+ "decorative-option6-weak-hover": string;
190
+ "decorative-option6-hover": string;
191
+ "decorative-option6-strong": string;
192
+ "decorative-option6": string;
193
+ "decorative-option4-weakest": string;
194
+ "decorative-option4-weak": string;
195
+ "decorative-option4-weak-hover": string;
196
+ "decorative-option4-strong": string;
197
+ "decorative-option4-hover": string;
198
+ "decorative-option4": string;
199
+ "decorative-option3-weak": string;
200
+ "decorative-option3-weak-hover": string;
201
+ "decorative-option3-weakest": string;
202
+ "decorative-option3-strong": string;
203
+ "decorative-option3-hover": string;
204
+ "decorative-option3": string;
205
+ "decorative-option2-weakest": string;
206
+ "decorative-option2-weak": string;
207
+ "decorative-option2-weak-hover": string;
208
+ "decorative-option2-strong": string;
209
+ "decorative-option2": string;
210
+ "decorative-option2-hover": string;
211
+ "decorative-option1-weak": string;
212
+ "decorative-option1-weak-hover": string;
213
+ "decorative-option1-weakest": string;
214
+ "decorative-option1-strong": string;
215
+ "decorative-option1-hover": string;
216
+ "decorative-option1": string;
217
+ "neutral-weakest-active": string;
218
+ "neutral-weakest-hover": string;
219
+ "neutral-disabled": string;
220
+ "neutral-active": string;
221
+ "neutral-weak": string;
222
+ neutral: string;
223
+ "neutral-strong": string;
224
+ "neutral-hover": string;
225
+ "neutral-weak-hover": string;
226
+ "neutral-weakest": string;
227
+ warning: string;
228
+ "warning-strong": string;
229
+ "warning-weak": string;
230
+ success: string;
231
+ "success-strong": string;
232
+ "success-weak": string;
233
+ "information-strong": string;
234
+ information: string;
235
+ "information-weak": string;
236
+ "status-neutral-strong": string;
237
+ "status-neutral": string;
238
+ "status-progress-strong": string;
239
+ "status-progress": string;
240
+ "status-option6-strong": string;
241
+ "status-option6": string;
242
+ "status-option5-strong": string;
243
+ "status-option5": string;
244
+ "status-option1-strong": string;
245
+ "status-option1": string;
246
+ "status-option2-strong": string;
247
+ "status-option2": string;
248
+ "status-option3-strong": string;
249
+ "status-option3": string;
250
+ "status-option4-strong": string;
251
+ "status-option4": string;
252
+ "status-caution-strong": string;
253
+ "status-caution": string;
254
+ "status-negative-strong": string;
255
+ "status-negative": string;
256
+ "status-inactive-strong": string;
257
+ "status-inactive": string;
258
+ "status-positive-strong": string;
259
+ "status-positive": string;
260
+ };
261
+ declare const TextColors: {
262
+ "upsell-active": string;
263
+ upsell: string;
264
+ "upsell-hover": string;
265
+ "upsell-disabled": string;
266
+ "danger-active": string;
267
+ "danger-hover": string;
268
+ danger: string;
269
+ "danger-weak": string;
270
+ "danger-strong": string;
271
+ "danger-strong-hover": string;
272
+ "danger-disabled": string;
273
+ "primary-active": string;
274
+ "primary-disabled": string;
275
+ primary: string;
276
+ "primary-strong": string;
277
+ "primary-strong-hover": string;
278
+ "primary-hover": string;
279
+ "decorative-option9": string;
280
+ "decorative-option9-weak": string;
281
+ "decorative-option8-weak": string;
282
+ "decorative-option8": string;
283
+ "decorative-option7-weak": string;
284
+ "decorative-option7": string;
285
+ "decorative-option5-weak": string;
286
+ "decorative-option5": string;
287
+ "decorative-option6": string;
288
+ "decorative-option6-weak": string;
289
+ "decorative-option4-weak": string;
290
+ "decorative-option4": string;
291
+ "decorative-option3": string;
292
+ "decorative-option3-weak": string;
293
+ "decorative-option2": string;
294
+ "decorative-option2-weak": string;
295
+ "decorative-option1-weak": string;
296
+ "decorative-option1": string;
297
+ "neutral-hover": string;
298
+ "neutral-weak": string;
299
+ "neutral-disabled": string;
300
+ "neutral-active": string;
301
+ "neutral-strong": string;
302
+ neutral: string;
303
+ "neutral-weakest": string;
304
+ "warning-weak": string;
305
+ warning: string;
306
+ "success-weak": string;
307
+ "success-hover": string;
308
+ success: string;
309
+ information: string;
310
+ "information-weak": string;
311
+ "status-neutral": string;
312
+ "status-progress": string;
313
+ "status-option6": string;
314
+ "status-option5": string;
315
+ "status-option1": string;
316
+ "status-option2": string;
317
+ "status-option3": string;
318
+ "status-option4": string;
319
+ "status-caution": string;
320
+ "status-negative": string;
321
+ "status-inactive": string;
322
+ "status-positive": string;
323
+ };
324
+ declare const IconColors: {
325
+ "upsell-weakest": string;
326
+ "upsell-weak": string;
327
+ "upsell-active": string;
328
+ upsell: string;
329
+ "danger-active": string;
330
+ danger: string;
331
+ "danger-weak": string;
332
+ "danger-strong": string;
333
+ "danger-strong-hover": string;
334
+ "danger-hover": string;
335
+ "danger-disabled": string;
336
+ "primary-active": string;
337
+ "primary-strong": string;
338
+ "primary-strong-hover": string;
339
+ primary: string;
340
+ "primary-hover": string;
341
+ "primary-disabled": string;
342
+ "decorative-option9": string;
343
+ "decorative-option8": string;
344
+ "decorative-option7": string;
345
+ "decorative-option5": string;
346
+ "decorative-option6": string;
347
+ "decorative-option4": string;
348
+ "decorative-option3": string;
349
+ "decorative-option2": string;
350
+ "decorative-option1": string;
351
+ "neutral-disabled": string;
352
+ neutral: string;
353
+ "neutral-weak": string;
354
+ "neutral-weak-hover": string;
355
+ "neutral-weakest": string;
356
+ "neutral-strong": string;
357
+ "neutral-hover": string;
358
+ "neutral-active": string;
359
+ "warning-weakest": string;
360
+ "warning-weak": string;
361
+ warning: string;
362
+ "success-weak": string;
363
+ "success-weakest": string;
364
+ success: string;
365
+ "information-weakest": string;
366
+ "information-weak": string;
367
+ information: string;
368
+ "status-neutral": string;
369
+ "status-progress": string;
370
+ "status-option6": string;
371
+ "status-option5": string;
372
+ "status-option1": string;
373
+ "status-option2": string;
374
+ "status-option3": string;
375
+ "status-option4": string;
376
+ "status-caution": string;
377
+ "status-negative": string;
378
+ "status-inactive": string;
379
+ "status-positive": string;
380
+ };
381
+ declare const BorderColors: {
382
+ "upsell-active": string;
383
+ upsell: string;
384
+ "upsell-disabled": string;
385
+ "danger-active": string;
386
+ "danger-strong": string;
387
+ danger: string;
388
+ "primary-active": string;
389
+ "primary-focus": string;
390
+ primary: string;
391
+ "decorative-option9": string;
392
+ "decorative-option8": string;
393
+ "decorative-option7": string;
394
+ "decorative-option5": string;
395
+ "decorative-option6": string;
396
+ "decorative-option4": string;
397
+ "decorative-option3": string;
398
+ "decorative-option2": string;
399
+ "decorative-option1": string;
400
+ "neutral-disabled": string;
401
+ "neutral-strong-hover": string;
402
+ "neutral-strong": string;
403
+ neutral: string;
404
+ "neutral-weak": string;
405
+ "neutral-hover": string;
406
+ "neutral-active": string;
407
+ "neutral-weakest": string;
408
+ warning: string;
409
+ success: string;
410
+ information: string;
411
+ };
412
+ declare const DataVizColors: {
413
+ "dataviz_monochromatic-primary-25": string;
414
+ "dataviz_monochromatic-primary-50": string;
415
+ "dataviz_monochromatic-primary-75": string;
416
+ "dataviz_monochromatic-primary-100": string;
417
+ "dataviz_monochromatic-primary-200": string;
418
+ "dataviz_monochromatic-primary-300": string;
419
+ "dataviz_monochromatic-primary-400": string;
420
+ "dataviz_monochromatic-primary-500": string;
421
+ "dataviz_monochromatic-primary-600": string;
422
+ "dataviz_monochromatic-primary-700": string;
423
+ "dataviz_monochromatic-primary-800": string;
424
+ "dataviz_monochromatic-primary-900": string;
425
+ "dataviz_monochromatic-primary-25-hover": string;
426
+ "dataviz_monochromatic-primary-50-hover": string;
427
+ "dataviz_monochromatic-primary-75-hover": string;
428
+ "dataviz_monochromatic-primary-100-hover": string;
429
+ "dataviz_monochromatic-primary-200-hover": string;
430
+ "dataviz_monochromatic-primary-300-hover": string;
431
+ "dataviz_monochromatic-primary-400-hover": string;
432
+ "dataviz_monochromatic-primary-500-hover": string;
433
+ "dataviz_monochromatic-primary-600-hover": string;
434
+ "dataviz_monochromatic-primary-700-hover": string;
435
+ "dataviz_monochromatic-primary-800-hover": string;
436
+ "dataviz_monochromatic-primary-900-hover": string;
437
+ "dataviz_monochromatic-positive-25": string;
438
+ "dataviz_monochromatic-positive-50": string;
439
+ "dataviz_monochromatic-positive-75": string;
440
+ "dataviz_monochromatic-positive-100": string;
441
+ "dataviz_monochromatic-positive-200": string;
442
+ "dataviz_monochromatic-positive-300": string;
443
+ "dataviz_monochromatic-positive-400": string;
444
+ "dataviz_monochromatic-positive-500": string;
445
+ "dataviz_monochromatic-positive-600": string;
446
+ "dataviz_monochromatic-positive-700": string;
447
+ "dataviz_monochromatic-positive-800": string;
448
+ "dataviz_monochromatic-positive-900": string;
449
+ "dataviz_monochromatic-positive-25-hover": string;
450
+ "dataviz_monochromatic-positive-50-hover": string;
451
+ "dataviz_monochromatic-positive-75-hover": string;
452
+ "dataviz_monochromatic-positive-100-hover": string;
453
+ "dataviz_monochromatic-positive-200-hover": string;
454
+ "dataviz_monochromatic-positive-300-hover": string;
455
+ "dataviz_monochromatic-positive-400-hover": string;
456
+ "dataviz_monochromatic-positive-500-hover": string;
457
+ "dataviz_monochromatic-positive-600-hover": string;
458
+ "dataviz_monochromatic-positive-700-hover": string;
459
+ "dataviz_monochromatic-positive-800-hover": string;
460
+ "dataviz_monochromatic-positive-900-hover": string;
461
+ "dataviz_monochromatic-negative-25": string;
462
+ "dataviz_monochromatic-negative-50": string;
463
+ "dataviz_monochromatic-negative-75": string;
464
+ "dataviz_monochromatic-negative-100": string;
465
+ "dataviz_monochromatic-negative-200": string;
466
+ "dataviz_monochromatic-negative-300": string;
467
+ "dataviz_monochromatic-negative-400": string;
468
+ "dataviz_monochromatic-negative-500": string;
469
+ "dataviz_monochromatic-negative-600": string;
470
+ "dataviz_monochromatic-negative-700": string;
471
+ "dataviz_monochromatic-negative-800": string;
472
+ "dataviz_monochromatic-negative-900": string;
473
+ "dataviz_monochromatic-negative-25-hover": string;
474
+ "dataviz_monochromatic-negative-50-hover": string;
475
+ "dataviz_monochromatic-negative-75-hover": string;
476
+ "dataviz_monochromatic-negative-100-hover": string;
477
+ "dataviz_monochromatic-negative-200-hover": string;
478
+ "dataviz_monochromatic-negative-300-hover": string;
479
+ "dataviz_monochromatic-negative-400-hover": string;
480
+ "dataviz_monochromatic-negative-500-hover": string;
481
+ "dataviz_monochromatic-negative-600-hover": string;
482
+ "dataviz_monochromatic-negative-700-hover": string;
483
+ "dataviz_monochromatic-negative-800-hover": string;
484
+ "dataviz_monochromatic-negative-900-hover": string;
485
+ "dataviz_diverging-sequence-1-positive9": string;
486
+ "dataviz_diverging-sequence-1-positive9-hover": string;
487
+ "dataviz_diverging-sequence-1-positive8": string;
488
+ "dataviz_diverging-sequence-1-positive8-hover": string;
489
+ "dataviz_diverging-sequence-1-positive7": string;
490
+ "dataviz_diverging-sequence-1-positive7-hover": string;
491
+ "dataviz_diverging-sequence-1-positive6": string;
492
+ "dataviz_diverging-sequence-1-positive6-hover": string;
493
+ "dataviz_diverging-sequence-1-positive5": string;
494
+ "dataviz_diverging-sequence-1-positive5-hover": string;
495
+ "dataviz_diverging-sequence-1-positive4": string;
496
+ "dataviz_diverging-sequence-1-positive-4-hover": string;
497
+ "dataviz_diverging-sequence-1-positive3": string;
498
+ "dataviz_diverging-sequence-1-positive3-hover": string;
499
+ "dataviz_diverging-sequence-1-positive2": string;
500
+ "dataviz_diverging-sequence-1-positive2-hover": string;
501
+ "dataviz_diverging-sequence-1-positive1": string;
502
+ "dataviz_diverging-sequence-1-positive1-hover": string;
503
+ "dataviz_diverging-sequence-1-neutral": string;
504
+ "dataviz_diverging-sequence-1-neutral-hover": string;
505
+ "dataviz_diverging-sequence-1-negative1": string;
506
+ "dataviz_diverging-sequence-1-negative1-hover": string;
507
+ "dataviz_diverging-sequence-1-negative2": string;
508
+ "dataviz_diverging-sequence-1-negative2-hover": string;
509
+ "dataviz_diverging-sequence-1-negative3": string;
510
+ "dataviz_diverging-sequence-1-negative3-hover": string;
511
+ "dataviz_diverging-sequence-1-negative4": string;
512
+ "dataviz_diverging-sequence-1-negative4-hover": string;
513
+ "dataviz_diverging-sequence-1-negative5": string;
514
+ "dataviz_diverging-sequence-1-negative5-hover": string;
515
+ "dataviz_diverging-sequence-1-negative6": string;
516
+ "dataviz_diverging-sequence-1-negative6-hover": string;
517
+ "dataviz_diverging-sequence-1-negative7": string;
518
+ "dataviz_diverging-sequence-1-negative7-hover": string;
519
+ "dataviz_diverging-sequence-1-negative8": string;
520
+ "dataviz_diverging-sequence-1-negative8-hover": string;
521
+ "dataviz_diverging-sequence-1-negative9": string;
522
+ "dataviz_diverging-sequence-1-negative9-hover": string;
523
+ "dataviz_diverging-sequence-2-positive10": string;
524
+ "dataviz_diverging-sequence-2-positive10-hover": string;
525
+ "dataviz_diverging-sequence-2-positive9": string;
526
+ "dataviz_diverging-sequence-2-positive9-hover": string;
527
+ "dataviz_diverging-sequence-2-positive8": string;
528
+ "dataviz_diverging-sequence-2-positive8-hover": string;
529
+ "dataviz_diverging-sequence-2-positive7": string;
530
+ "dataviz_diverging-sequence-2-positive7-hover": string;
531
+ "dataviz_diverging-sequence-2-positive6": string;
532
+ "dataviz_diverging-sequence-2-positive6-hover": string;
533
+ "dataviz_diverging-sequence-2-positive5": string;
534
+ "dataviz_diverging-sequence-2-positive5-hover": string;
535
+ "dataviz_diverging-sequence-2-positive4": string;
536
+ "dataviz_diverging-sequence-2-positive4-hover": string;
537
+ "dataviz_diverging-sequence-2-positive3": string;
538
+ "dataviz_diverging-sequence-2-positive3-hover": string;
539
+ "dataviz_diverging-sequence-2-positive2": string;
540
+ "dataviz_diverging-sequence-2-positive2-hover": string;
541
+ "dataviz_diverging-sequence-2-positive1": string;
542
+ "dataviz_diverging-sequence-2-positive1-hover": string;
543
+ "dataviz_diverging-sequence-2-negative1": string;
544
+ "dataviz_diverging-sequence-2-negative1-hover": string;
545
+ "dataviz_diverging-sequence-2-negative2": string;
546
+ "dataviz_diverging-sequence-2-negative2-hover": string;
547
+ "dataviz_diverging-sequence-2-negative3": string;
548
+ "dataviz_diverging-sequence-2-negative3-hover": string;
549
+ "dataviz_diverging-sequence-2-negative4": string;
550
+ "dataviz_diverging-sequence-2-negative4-hover": string;
551
+ "dataviz_diverging-sequence-2-negative5": string;
552
+ "dataviz_diverging-sequence-2-negative5-hover": string;
553
+ "dataviz_diverging-sequence-2-negative6": string;
554
+ "dataviz_diverging-sequence-2-negative6-hover": string;
555
+ "dataviz_diverging-sequence-2-negative7": string;
556
+ "dataviz_diverging-sequence-2-negative7-hover": string;
557
+ "dataviz_diverging-sequence-2-negative8": string;
558
+ "dataviz_diverging-sequence-2-negative8-hover": string;
559
+ "dataviz_diverging-sequence-2-negative9": string;
560
+ "dataviz_diverging-sequence-2-negative9-hover": string;
561
+ "dataviz_diverging-sequence-2-negative10": string;
562
+ "dataviz_diverging-sequence-2-negative10-hover": string;
563
+ "dataviz_categorical-sequence-category1": string;
564
+ "dataviz_categorical-sequence-category1-hover": string;
565
+ "dataviz_categorical-sequence-category2": string;
566
+ "dataviz_categorical-sequence-category2-hover": string;
567
+ "dataviz_categorical-sequence-category3": string;
568
+ "dataviz_categorical-sequence-category3-hover": string;
569
+ "dataviz_categorical-sequence-category4": string;
570
+ "dataviz_categorical-sequence-category4-hover": string;
571
+ "dataviz_categorical-sequence-category5": string;
572
+ "dataviz_categorical-sequence-category5-hover": string;
573
+ "dataviz_categorical-sequence-category6": string;
574
+ "dataviz_categorical-sequence-category6-hover": string;
575
+ "dataviz_categorical-sequence-category7": string;
576
+ "dataviz_categorical-sequence-category7-hover": string;
577
+ "dataviz_categorical-sequence-category8": string;
578
+ "dataviz_categorical-sequence-category8-hover": string;
579
+ "dataviz_categorical-sequence-category9": string;
580
+ "dataviz_categorical-sequence-category9-hover": string;
581
+ "dataviz_categorical-sequence-category10": string;
582
+ "dataviz_categorical-sequence-category10-hover": string;
583
+ "dataviz_categorical-sequence-category11": string;
584
+ "dataviz_categorical-sequence-category-11-hover": string;
585
+ "dataviz_categorical-sequence-category12": string;
586
+ "dataviz_categorical-sequence-cateogry12-hover": string;
587
+ "dataviz_categorical-sequence-category13": string;
588
+ "dataviz_categorical-sequence-category13-hover": string;
589
+ "dataviz_categorical-2colorgroup-option6-category2": string;
590
+ "dataviz_categorical-2colorgroup-option6-category1": string;
591
+ "dataviz_categorical-2colorgroup-option5-category2": string;
592
+ "dataviz_categorical-2colorgroup-option5-category1": string;
593
+ "dataviz_categorical-2colorgroup-option4-category2": string;
594
+ "dataviz_categorical-2colorgroup-option4-category1": string;
595
+ "dataviz_categorical-2colorgroup-option3-category2": string;
596
+ "dataviz_categorical-2colorgroup-option3-category1": string;
597
+ "dataviz_categorical-2colorgroup-option2-category2": string;
598
+ "dataviz_categorical-2colorgroup-option2-category1": string;
599
+ "dataviz_categorical-2colorgroup-option1-category2": string;
600
+ "dataviz_categorical-2colorgroup-option1-category1": string;
601
+ "dataviz_categorical-3colorgroup-option1-category1": string;
602
+ "dataviz_categorical-3colorgroup-option1-category2": string;
603
+ "dataviz_categorical-3colorgroup-option1-category3": string;
604
+ "dataviz_categorical-3colorgroup-option2-category1": string;
605
+ "dataviz_categorical-3colorgroup-option2-category2": string;
606
+ "dataviz_categorical-3colorgroup-option2-category3": string;
607
+ "dataviz_categorical-3colorgroup-option3-category1": string;
608
+ "dataviz_categorical-3colorgroup-option3-category2": string;
609
+ "dataviz_categorical-3colorgroup-option3-category3": string;
610
+ "dataviz_categorical-3colorgroup-option4-category1": string;
611
+ "dataviz_categorical-3colorgroup-option4-category2": string;
612
+ "dataviz_categorical-3colorgroup-option4-category3": string;
613
+ "dataviz_categorical-4colorgroup-option1-category1": string;
614
+ "dataviz_categorical-4colorgroup-option1-category2": string;
615
+ "dataviz_categorical-4colorgroup-option1-category3": string;
616
+ "dataviz_categorical-4colorgroup-option1-category4": string;
617
+ "dataviz_categorical-4colorgroup-option2-category1": string;
618
+ "dataviz_categorical-4colorgroup-option2-category2": string;
619
+ "dataviz_categorical-4colorgroup-option2-category3": string;
620
+ "dataviz_categorical-4colorgroup-option2-category4": string;
621
+ "dataviz_categorical-4colorgroup-option3-category1": string;
622
+ "dataviz_categorical-4colorgroup-option3-category2": string;
623
+ "dataviz_categorical-4colorgroup-option3-category3": string;
624
+ "dataviz_categorical-4colorgroup-option3-category4": string;
625
+ "dataviz_categorical-4colorgroup-option4-category1": string;
626
+ "dataviz_categorical-4colorgroup-option4-category2": string;
627
+ "dataviz_categorical-4colorgroup-option4-category3": string;
628
+ "dataviz_categorical-4colorgroup-option4-category4": string;
629
+ "dataviz_categorical-5colorgroup-option1-category1": string;
630
+ "dataviz_categorical-5colorgroup-option1-category2": string;
631
+ "dataviz_categorical-5colorgroup-option1-category3": string;
632
+ "dataviz_categorical-5colorgroup-option1-category4": string;
633
+ "dataviz_categorical-5colorgroup-option1-category5": string;
634
+ "dataviz_categorical-5colorgroup-option2-category1": string;
635
+ "dataviz_categorical-5colorgroup-option2-category2": string;
636
+ "dataviz_categorical-5colorgroup-option2-category3": string;
637
+ "dataviz_categorical-5colorgroup-option2-category4": string;
638
+ "dataviz_categorical-5colorgroup-option2-category5": string;
639
+ "dataviz_categorical-5colorgroup-option3-category1": string;
640
+ "dataviz_categorical-5colorgroup-option3-category2": string;
641
+ "dataviz_categorical-5colorgroup-option3-category3": string;
642
+ "dataviz_categorical-5colorgroup-option3-category4": string;
643
+ "dataviz_categorical-5colorgroup-option3-category5": string;
644
+ "dataviz_categorical-5colorgroup-option4-category1": string;
645
+ "dataviz_categorical-5colorgroup-option4-category2": string;
646
+ "dataviz_categorical-5colorgroup-option4-category3": string;
647
+ "dataviz_categorical-5colorgroup-option4-category4": string;
648
+ "dataviz_categorical-5colorgroup-option4-category5": string;
649
+ "dataviz_categorical-6colorgroup-option1-category1": string;
650
+ "dataviz_categorical-6colorgroup-option1-category2": string;
651
+ "dataviz_categorical-6colorgroup-option1-category3": string;
652
+ "dataviz_categorical-6colorgroup-option1-category4": string;
653
+ "dataviz_categorical-6colorgroup-option1-category5": string;
654
+ "dataviz_categorical-6colorgroup-option1-category6": string;
655
+ "dataviz_categorical-6colorgroup-option2-category1": string;
656
+ "dataviz_categorical-6colorgroup-option2-category2": string;
657
+ "dataviz_categorical-6colorgroup-option2-category3": string;
658
+ "dataviz_categorical-6colorgroup-option2-category4": string;
659
+ "dataviz_categorical-6colorgroup-option2-category5": string;
660
+ "dataviz_categorical-6colorgroup-option2-category6": string;
661
+ "dataviz_categorical-6colorgroup-option3-category1": string;
662
+ "dataviz_categorical-6colorgroup-option3-category2": string;
663
+ "dataviz_categorical-6colorgroup-option3-category3": string;
664
+ "dataviz_categorical-6colorgroup-option3-category4": string;
665
+ "dataviz_categorical-6colorgroup-option3-category5": string;
666
+ "dataviz_categorical-6colorgroup-option3-category6": string;
667
+ "dataviz_categorical-6colorgroup-option4-category1": string;
668
+ "dataviz_categorical-6colorgroup-option4-category2": string;
669
+ "dataviz_categorical-6colorgroup-option4-category3": string;
670
+ "dataviz_categorical-6colorgroup-option4-category4": string;
671
+ "dataviz_categorical-6colorgroup-option4-category5": string;
672
+ "dataviz_categorical-6colorgroup-option4-category6": string;
673
+ dataviz_unavailable: string;
674
+ "dataviz_unavailable-weak": string;
675
+ "dataviz_unavailable-strong": string;
676
+ "dataviz_text-onlight": string;
677
+ "dataviz_text-ondark": string;
678
+ };
679
+ declare const Elevation: {
680
+ core_none: string;
681
+ core_sm: string;
682
+ core_md: string;
683
+ core_lg: string;
684
+ none: string;
685
+ raised: string;
686
+ lifted: string;
687
+ floating: string;
688
+ };
689
+ declare const FontFamily: {
690
+ core_primary: string;
691
+ core_secondary: string;
692
+ core_tertiary: string;
693
+ "heading-3xl": string;
694
+ "heading-2xl": string;
695
+ "heading-xl": string;
696
+ "heading-lg": string;
697
+ "heading-md": string;
698
+ "heading-sm": string;
699
+ "heading-xs": string;
700
+ "heading-xs-medium": string;
701
+ overline: string;
702
+ "body-2xl": string;
703
+ "body-xl": string;
704
+ "body-lg": string;
705
+ "body-lg-medium": string;
706
+ "body-lg-semibold": string;
707
+ "body-lg-bold": string;
708
+ "body-lg-underline": string;
709
+ "body-md": string;
710
+ "body-md-medium": string;
711
+ "body-md-semibold": string;
712
+ "body-md-bold": string;
713
+ "body-md-underline": string;
714
+ "body-sm": string;
715
+ "body-sm-medium": string;
716
+ "body-sm-semibold": string;
717
+ "body-sm-bold": string;
718
+ "body-sm-underline": string;
719
+ "body-xs": string;
720
+ "body-xs-medium": string;
721
+ "body-xs-semibold": string;
722
+ "body-xs-bold": string;
723
+ "body-xs-underline": string;
724
+ "accent-lg": string;
725
+ "accent-sm": string;
726
+ };
727
+ declare const FontWeight: {
728
+ core_400: string;
729
+ core_410: string;
730
+ core_505: string;
731
+ core_580: string;
732
+ core_590: string;
733
+ core_680: string;
734
+ core_690: string;
735
+ "heading-3xl": string;
736
+ "heading-2xl": string;
737
+ "heading-xl": string;
738
+ "heading-lg": string;
739
+ "heading-md": string;
740
+ "heading-sm": string;
741
+ "heading-xs": string;
742
+ "heading-xs-medium": string;
743
+ overline: string;
744
+ "body-2xl": string;
745
+ "body-xl": string;
746
+ "body-lg": string;
747
+ "body-lg-medium": string;
748
+ "body-lg-semibold": string;
749
+ "body-lg-bold": string;
750
+ "body-lg-underline": string;
751
+ "body-md": string;
752
+ "body-md-medium": string;
753
+ "body-md-semibold": string;
754
+ "body-md-bold": string;
755
+ "body-md-underline": string;
756
+ "body-sm": string;
757
+ "body-sm-medium": string;
758
+ "body-sm-semibold": string;
759
+ "body-sm-bold": string;
760
+ "body-sm-underline": string;
761
+ "body-xs": string;
762
+ "body-xs-medium": string;
763
+ "body-xs-semibold": string;
764
+ "body-xs-bold": string;
765
+ "body-xs-underline": string;
766
+ "accent-lg": string;
767
+ "accent-sm": string;
768
+ };
769
+ declare const FontSize: {
770
+ core_120: string;
771
+ core_140: string;
772
+ core_160: string;
773
+ core_180: string;
774
+ core_200: string;
775
+ core_240: string;
776
+ core_280: string;
777
+ core_320: string;
778
+ core_360: string;
779
+ core_480: string;
780
+ "heading-3xl": string;
781
+ "heading-2xl": string;
782
+ "heading-xl": string;
783
+ "heading-lg": string;
784
+ "heading-md": string;
785
+ "heading-sm": string;
786
+ "heading-xs": string;
787
+ "heading-xs-medium": string;
788
+ overline: string;
789
+ "body-2xl": string;
790
+ "body-xl": string;
791
+ "body-lg": string;
792
+ "body-lg-medium": string;
793
+ "body-lg-semibold": string;
794
+ "body-lg-bold": string;
795
+ "body-lg-underline": string;
796
+ "body-md": string;
797
+ "body-md-medium": string;
798
+ "body-md-semibold": string;
799
+ "body-md-bold": string;
800
+ "body-md-underline": string;
801
+ "body-sm": string;
802
+ "body-sm-medium": string;
803
+ "body-sm-semibold": string;
804
+ "body-sm-bold": string;
805
+ "body-sm-underline": string;
806
+ "body-xs": string;
807
+ "body-xs-medium": string;
808
+ "body-xs-semibold": string;
809
+ "body-xs-bold": string;
810
+ "body-xs-underline": string;
811
+ "accent-lg": string;
812
+ "accent-sm": string;
813
+ };
814
+ declare const LineHeight: {
815
+ "core_1-125": string;
816
+ "core_1-14": string;
817
+ "core_1-20": string;
818
+ "core_1-25": string;
819
+ "core_1-33": string;
820
+ "core_1-4285": string;
821
+ "core_1-50": string;
822
+ "heading-3xl": string;
823
+ "heading-2xl": string;
824
+ "heading-xl": string;
825
+ "heading-lg": string;
826
+ "heading-md": string;
827
+ "heading-sm": string;
828
+ "heading-xs": string;
829
+ "heading-xs-medium": string;
830
+ overline: string;
831
+ "body-2xl": string;
832
+ "body-xl": string;
833
+ "body-lg": string;
834
+ "body-lg-medium": string;
835
+ "body-lg-semibold": string;
836
+ "body-lg-bold": string;
837
+ "body-lg-underline": string;
838
+ "body-md": string;
839
+ "body-md-medium": string;
840
+ "body-md-semibold": string;
841
+ "body-md-bold": string;
842
+ "body-md-underline": string;
843
+ "body-sm": string;
844
+ "body-sm-medium": string;
845
+ "body-sm-semibold": string;
846
+ "body-sm-bold": string;
847
+ "body-sm-underline": string;
848
+ "body-xs": string;
849
+ "body-xs-medium": string;
850
+ "body-xs-semibold": string;
851
+ "body-xs-bold": string;
852
+ "body-xs-underline": string;
853
+ "accent-lg": string;
854
+ "accent-sm": string;
855
+ };
856
+ declare const Shape: {
857
+ core_0: string;
858
+ core_1: string;
859
+ core_2: string;
860
+ core_3: string;
861
+ core_4: string;
862
+ core_9999: string;
863
+ circle: string;
864
+ pill: string;
865
+ "rounded-lg": string;
866
+ "rounded-md": string;
867
+ "rounded-sm": string;
868
+ };
869
+ declare const CoreSpace: {
870
+ core_0: string;
871
+ core_20: string;
872
+ core_40: string;
873
+ core_80: string;
874
+ core_160: string;
875
+ core_240: string;
876
+ core_320: string;
877
+ core_400: string;
878
+ core_480: string;
879
+ core_640: string;
880
+ core_800: string;
881
+ core_960: string;
882
+ core_1280: string;
883
+ };
884
+ declare const SemanticSimplePaddingSpace: {
885
+ "inset-xs": string;
886
+ "inset-sm": string;
887
+ "inset-md": string;
888
+ "inset-lg": string;
889
+ "inset-xl": string;
890
+ };
891
+ declare const SemanticComplexPaddingSpace: {
892
+ "inset-squish-sm": string;
893
+ "inset-squish-md": string;
894
+ "inset-squish-lg": string;
895
+ "inset-stretch-sm": string;
896
+ "inset-stretch-md": string;
897
+ "inset-stretch-lg": string;
898
+ };
899
+ declare const SemanticSimpleMarginSpace: {
900
+ "stack-xs": string;
901
+ "stack-sm": string;
902
+ "stack-md": string;
903
+ "stack-lg": string;
904
+ "stack-xl": string;
905
+ "inline-xs": string;
906
+ "inline-sm": string;
907
+ "inline-md": string;
908
+ "inline-lg": string;
909
+ "inline-xl": string;
910
+ };
911
+ declare const SemanticComplexMarginSpace: {};
912
+
913
+ export { BackgroundColors, BorderColors, CoreSpace, DataVizColors, Elevation, FontFamily, FontSize, FontWeight, HopperColors, HopperVariablePrefix, IconColors, LineHeight, SemanticComplexMarginSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticSimplePaddingSpace, Shape, TextColors };