@hopper-ui/tokens 2.1.0 → 3.1.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 (4) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/dark/tokens.css +18 -9
  3. package/dist/tokens.css +282 -274
  4. package/package.json +10 -15
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @hopper-ui/tokens
2
2
 
3
+ ## 3.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 70c40a8: Update to color tokens and new color tokens
8
+
9
+ ## 3.0.0
10
+
11
+ ### Major Changes
12
+
13
+ - 63ae833: prefixed data visualization tokens with "dataviz"
14
+
3
15
  ## 2.1.0
4
16
 
5
17
  ### Minor Changes
package/dist/dark/tokens.css CHANGED
@@ -64,8 +64,9 @@
64
64
  --hop-primary-surface-active: var(--hop-sapphire-800);
65
65
  --hop-decorative-option9-border: var(--hop-rock-400);
66
66
  --hop-decorative-option9-icon: var(--hop-samoyed);
67
- --hop-decorative-option9-surface-weakest: var(--hop-rock-25);
68
- --hop-decorative-option9-surface-weak: var(--hop-rock-50);
67
+ --hop-decorative-option9-surface-weakest: var(--hop-rock-200);
68
+ --hop-decorative-option9-surface-weak: var(--hop-rock-300);
69
+ --hop-decorative-option9-surface-weak-hover: var(--hop-rock-400);
69
70
  --hop-decorative-option9-surface-strong: var(--hop-rock-800);
70
71
  --hop-decorative-option9-surface-hover: var(--hop-rock-500);
71
72
  --hop-decorative-option9-surface: var(--hop-rock-400);
@@ -75,6 +76,7 @@
75
76
  --hop-decorative-option8-icon: var(--hop-amanita-900);
76
77
  --hop-decorative-option8-surface-weakest: var(--hop-amanita-25);
77
78
  --hop-decorative-option8-surface-weak: var(--hop-amanita-50);
79
+ --hop-decorative-option8-surface-weak-hover: var(--hop-amanita-75);
78
80
  --hop-decorative-option8-surface-strong: var(--hop-amanita-100);
79
81
  --hop-decorative-option8-surface-hover: var(--hop-amanita-200);
80
82
  --hop-decorative-option8-text-weak: var(--hop-amanita-300);
@@ -84,8 +86,9 @@
84
86
  --hop-decorative-option7-icon: var(--hop-toad-900);
85
87
  --hop-decorative-option7-surface-weakest: var(--hop-toad-25);
86
88
  --hop-decorative-option7-surface-weak: var(--hop-toad-50);
87
- --hop-decorative-option7-surface-strong: var(--hop-toad-75);
88
- --hop-decorative-option7-surface-hover: var(--hop-toad-75);
89
+ --hop-decorative-option7-surface-weak-hover: var(--hop-toad-75);
90
+ --hop-decorative-option7-surface-strong: var(--hop-toad-100);
91
+ --hop-decorative-option7-surface-hover: var(--hop-toad-100);
89
92
  --hop-decorative-option7-surface: var(--hop-toad-50);
90
93
  --hop-decorative-option7-text-weak: var(--hop-toad-500);
91
94
  --hop-decorative-option7-text: var(--hop-toad-900);
@@ -93,6 +96,7 @@
93
96
  --hop-decorative-option5-text: var(--hop-coastal-900);
94
97
  --hop-decorative-option5-surface-weakest: var(--hop-coastal-25);
95
98
  --hop-decorative-option5-surface-weak: var(--hop-coastal-50);
99
+ --hop-decorative-option5-surface-weak-hover: var(--hop-coastal-75);
96
100
  --hop-decorative-option5-surface-strong: var(--hop-coastal-100);
97
101
  --hop-decorative-option5-surface-hover: var(--hop-coastal-100);
98
102
  --hop-decorative-option5-surface: var(--hop-coastal-75);
@@ -100,6 +104,7 @@
100
104
  --hop-decorative-option5-icon: var(--hop-coastal-900);
101
105
  --hop-decorative-option6-surface-weakest: var(--hop-sunken-treasure-25);
102
106
  --hop-decorative-option6-surface-weak: var(--hop-sunken-treasure-50);
107
+ --hop-decorative-option6-surface-weak-hover: var(--hop-sunken-treasure-75);
103
108
  --hop-decorative-option6-surface-strong: var(--hop-sunken-treasure-100);
104
109
  --hop-decorative-option6-surface-hover: var(--hop-sunken-treasure-100);
105
110
  --hop-decorative-option6-surface: var(--hop-sunken-treasure-75);
@@ -109,6 +114,7 @@
109
114
  --hop-decorative-option6-text-weak: var(--hop-sunken-treasure-200);
110
115
  --hop-decorative-option4-surface-weakest: var(--hop-moss-25);
111
116
  --hop-decorative-option4-surface-weak: var(--hop-moss-50);
117
+ --hop-decorative-option4-surface-weak-hover: var(--hop-moss-75);
112
118
  --hop-decorative-option4-surface-strong: var(--hop-moss-100);
113
119
  --hop-decorative-option4-surface-hover: var(--hop-moss-100);
114
120
  --hop-decorative-option4-surface: var(--hop-moss-75);
@@ -119,6 +125,7 @@
119
125
  --hop-decorative-option3-surface-strong: var(--hop-koi-200);
120
126
  --hop-decorative-option3-surface-weakest: var(--hop-koi-25);
121
127
  --hop-decorative-option3-surface-weak: var(--hop-koi-50);
128
+ --hop-decorative-option3-surface-weak-hover: var(--hop-koi-75);
122
129
  --hop-decorative-option3-surface-hover: var(--hop-koi-200);
123
130
  --hop-decorative-option3-surface: var(--hop-koi-100);
124
131
  --hop-decorative-option3-border: var(--hop-koi-400);
@@ -127,6 +134,7 @@
127
134
  --hop-decorative-option3-text-weak: var(--hop-koi-300);
128
135
  --hop-decorative-option2-surface-weakest: var(--hop-quetzal-25);
129
136
  --hop-decorative-option2-surface-weak: var(--hop-quetzal-50);
137
+ --hop-decorative-option2-surface-weak-hover: var(--hop-quetzal-75);
130
138
  --hop-decorative-option2-surface-strong: var(--hop-quetzal-100);
131
139
  --hop-decorative-option2-surface-hover: var(--hop-quetzal-100);
132
140
  --hop-decorative-option2-surface: var(--hop-quetzal-75);
@@ -137,6 +145,7 @@
137
145
  --hop-decorative-option1-surface-strong: var(--hop-sapphire-200);
138
146
  --hop-decorative-option1-surface-weakest: var(--hop-sapphire-25);
139
147
  --hop-decorative-option1-surface-weak: var(--hop-sapphire-50);
148
+ --hop-decorative-option1-surface-weak-hover: var(--hop-sapphire-75);
140
149
  --hop-decorative-option1-surface-hover: var(--hop-sapphire-200);
141
150
  --hop-decorative-option1-surface: var(--hop-sapphire-100);
142
151
  --hop-decorative-option1-text-weak: var(--hop-sapphire-300);
@@ -250,9 +259,9 @@
250
259
  --hop-status-positive-surface-strong: var(--hop-moss-200);
251
260
  --hop-status-positive-surface: var(--hop-moss-75);
252
261
  --hop-status-positive-text: var(--hop-moss-900);
253
- --hop-unavailable: var(--hop-rock-600);
254
- --hop-unavailable-weak: var(--hop-rock-400);
255
- --hop-unavailable-strong: var(--hop-rock-700);
256
- --hop-text-onlight: var(--hop-rock-800);
257
- --hop-text-ondark: var(--hop-samoyed);
262
+ --hop-dataviz-unavailable: var(--hop-rock-600);
263
+ --hop-dataviz-unavailable-weak: var(--hop-rock-400);
264
+ --hop-dataviz-unavailable-strong: var(--hop-rock-700);
265
+ --hop-dataviz-text-onlight: var(--hop-rock-800);
266
+ --hop-dataviz-text-ondark: var(--hop-samoyed);
258
267
  }
package/dist/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 01 Nov 2023 13:24:41 GMT
3
+ * Generated on Wed, 08 Nov 2023 14:23:59 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -189,266 +189,266 @@
189
189
  --hop-space-40: 0.25rem;
190
190
  --hop-space-20: 0.125rem;
191
191
  --hop-space-0: 0;
192
- --hop-categorical-6colorgroup-option4-category6: #fbe997;
193
- --hop-categorical-6colorgroup-option4-category5: #bfdca9;
194
- --hop-categorical-6colorgroup-option4-category4: #c7ebff;
195
- --hop-categorical-6colorgroup-option4-category3: #ffbf92;
196
- --hop-categorical-6colorgroup-option4-category2: #a0b8fa;
197
- --hop-categorical-6colorgroup-option4-category1: #fbbdcf;
198
- --hop-categorical-6colorgroup-option3-category6: #fbbdcf;
199
- --hop-categorical-6colorgroup-option3-category5: #2e70a8;
200
- --hop-categorical-6colorgroup-option3-category4: #a7e6dc;
201
- --hop-categorical-6colorgroup-option3-category3: #e8ddd0;
202
- --hop-categorical-6colorgroup-option3-category2: #aecdd5;
203
- --hop-categorical-6colorgroup-option3-category1: #b6bead;
204
- --hop-categorical-6colorgroup-option2-category6: #d2cdf8;
205
- --hop-categorical-6colorgroup-option2-category5: #a7e6dc;
206
- --hop-categorical-6colorgroup-option2-category4: #ff9b3f;
207
- --hop-categorical-6colorgroup-option2-category3: #69bfa0;
208
- --hop-categorical-6colorgroup-option2-category2: #fbe997;
209
- --hop-categorical-6colorgroup-option2-category1: #2e70a8;
210
- --hop-categorical-6colorgroup-option1-category6: #69bfa0;
211
- --hop-categorical-6colorgroup-option1-category5: #ecd599;
212
- --hop-categorical-6colorgroup-option1-category4: #fa4d59;
213
- --hop-categorical-6colorgroup-option1-category3: #bfdca9;
214
- --hop-categorical-6colorgroup-option1-category2: #a0b8fa;
215
- --hop-categorical-6colorgroup-option1-category1: #b6bead;
216
- --hop-categorical-5colorgroup-option4-category5: #b6bead;
217
- --hop-categorical-5colorgroup-option4-category4: #d2cdf8;
218
- --hop-categorical-5colorgroup-option4-category3: #fa4d59;
219
- --hop-categorical-5colorgroup-option4-category2: #c7ebff;
220
- --hop-categorical-5colorgroup-option4-category1: #69bfa0;
221
- --hop-categorical-5colorgroup-option3-category5: #ffbf92;
222
- --hop-categorical-5colorgroup-option3-category4: #b6bead;
223
- --hop-categorical-5colorgroup-option3-category3: #aecdd5;
224
- --hop-categorical-5colorgroup-option3-category2: #ecd599;
225
- --hop-categorical-5colorgroup-option3-category1: #d2cdf8;
226
- --hop-categorical-5colorgroup-option2-category5: #c5bef6;
227
- --hop-categorical-5colorgroup-option2-category4: #fbe997;
228
- --hop-categorical-5colorgroup-option2-category3: #2e70a8;
229
- --hop-categorical-5colorgroup-option2-category2: #b6bead;
230
- --hop-categorical-5colorgroup-option2-category1: #ff9b3f;
231
- --hop-categorical-5colorgroup-option1-category5: #69bfa0;
232
- --hop-categorical-5colorgroup-option1-category4: #ecd599;
233
- --hop-categorical-5colorgroup-option1-category3: #bfdca9;
234
- --hop-categorical-5colorgroup-option1-category2: #ff9b3f;
235
- --hop-categorical-5colorgroup-option1-category1: #b6bead;
236
- --hop-categorical-4colorgroup-option4-category4: #d2cdf8;
237
- --hop-categorical-4colorgroup-option4-category3: #fa4d59;
238
- --hop-categorical-4colorgroup-option4-category2: #c7ebff;
239
- --hop-categorical-4colorgroup-option4-category1: #69bfa0;
240
- --hop-categorical-4colorgroup-option3-category4: #ecd599;
241
- --hop-categorical-4colorgroup-option3-category3: #2e70a8;
242
- --hop-categorical-4colorgroup-option3-category2: #b6bead;
243
- --hop-categorical-4colorgroup-option3-category1: #ffbf92;
244
- --hop-categorical-4colorgroup-option2-category4: #fbe997;
245
- --hop-categorical-4colorgroup-option2-category3: #84d0b4;
246
- --hop-categorical-4colorgroup-option2-category2: #c7ebff;
247
- --hop-categorical-4colorgroup-option2-category1: #b6bead;
248
- --hop-categorical-4colorgroup-option1-category4: #fbbdcf;
249
- --hop-categorical-4colorgroup-option1-category3: #cde8ac;
250
- --hop-categorical-4colorgroup-option1-category2: #d2cdf8;
251
- --hop-categorical-4colorgroup-option1-category1: #b6bead;
252
- --hop-categorical-3colorgroup-option4-category3: #fbbdcf;
253
- --hop-categorical-3colorgroup-option4-category2: #a0b8fa;
254
- --hop-categorical-3colorgroup-option4-category1: #b6bead;
255
- --hop-categorical-3colorgroup-option3-category3: #aecdd5;
256
- --hop-categorical-3colorgroup-option3-category2: #fbe997;
257
- --hop-categorical-3colorgroup-option3-category1: #69bfa0;
258
- --hop-categorical-3colorgroup-option2-category3: #69bfa0;
259
- --hop-categorical-3colorgroup-option2-category2: #a7e6dc;
260
- --hop-categorical-3colorgroup-option2-category1: #ecd599;
261
- --hop-categorical-3colorgroup-option1-category3: #bfdca9;
262
- --hop-categorical-3colorgroup-option1-category2: #d2cdf8;
263
- --hop-categorical-3colorgroup-option1-category1: #b6bead;
264
- --hop-categorical-2colorgroup-option1-category1: #b6bead;
265
- --hop-categorical-2colorgroup-option1-category2: #c7ebff;
266
- --hop-categorical-2colorgroup-option2-category1: #fbbdcf;
267
- --hop-categorical-2colorgroup-option2-category2: #fbe997;
268
- --hop-categorical-2colorgroup-option3-category1: #2f48ff;
269
- --hop-categorical-2colorgroup-option3-category2: #ff9b3f;
270
- --hop-categorical-2colorgroup-option4-category1: #bfdca9;
271
- --hop-categorical-2colorgroup-option4-category2: #6c8ffd;
272
- --hop-categorical-2colorgroup-option5-category1: #a7e6dc;
273
- --hop-categorical-2colorgroup-option5-category2: #a0b8fa;
274
- --hop-categorical-2colorgroup-option6-category1: #ffbf92;
275
- --hop-categorical-2colorgroup-option6-category2: #69bfa0;
276
- --hop-categorical-sequence-category13-hover: #54b692;
277
- --hop-categorical-sequence-category13: #69bfa0;
278
- --hop-categorical-sequence-cateogry12-hover: #779af8;
279
- --hop-categorical-sequence-category12: #a0b8fa;
280
- --hop-categorical-sequence-category-11-hover: #ffac70;
281
- --hop-categorical-sequence-category11: #ffbf92;
282
- --hop-categorical-sequence-category10-hover: #93bdc8;
283
- --hop-categorical-sequence-category10: #aecdd5;
284
- --hop-categorical-sequence-category9-hover: #90e0d2;
285
- --hop-categorical-sequence-category9: #a7e6dc;
286
- --hop-categorical-sequence-category8-hover: #ddcebb;
287
- --hop-categorical-sequence-category8: #e8ddd0;
288
- --hop-categorical-sequence-category7-hover: #fae275;
289
- --hop-categorical-sequence-category7: #fbe997;
290
- --hop-categorical-sequence-category6-hover: #a9d08b;
291
- --hop-categorical-sequence-category6: #bfdca9;
292
- --hop-categorical-sequence-category5-hover: #f99fb8;
293
- --hop-categorical-sequence-category5: #fbbdcf;
294
- --hop-categorical-sequence-category4-hover: #a4ae98;
295
- --hop-categorical-sequence-category4: #b6bead;
296
- --hop-categorical-sequence-category3-hover: #bfb8f5;
297
- --hop-categorical-sequence-category3: #d2cdf8;
298
- --hop-categorical-sequence-category2-hover: #e6c675;
299
- --hop-categorical-sequence-category2: #ecd599;
300
- --hop-categorical-sequence-category1-hover: #ade2ff;
301
- --hop-categorical-sequence-category1: #c7ebff;
302
- --hop-diverging-sequence-2-negative10-hover: #431a17;
303
- --hop-diverging-sequence-2-negative10: #6c2320;
304
- --hop-diverging-sequence-2-negative9-hover: #6c2320;
305
- --hop-diverging-sequence-2-negative9: #952927;
306
- --hop-diverging-sequence-2-negative8-hover: #952927;
307
- --hop-diverging-sequence-2-negative8: #ba2d2d;
308
- --hop-diverging-sequence-2-negative7-hover: #ba2d2d;
309
- --hop-diverging-sequence-2-negative7: #cb2e31;
310
- --hop-diverging-sequence-2-negative6-hover: #cb2e31;
311
- --hop-diverging-sequence-2-negative6: #df3236;
312
- --hop-diverging-sequence-2-negative5-hover: #df3236;
313
- --hop-diverging-sequence-2-negative5: #f56263;
314
- --hop-diverging-sequence-2-negative4-hover: #f56263;
315
- --hop-diverging-sequence-2-negative4: #ff8e8e;
316
- --hop-diverging-sequence-2-negative3-hover: #ff8e8e;
317
- --hop-diverging-sequence-2-negative3: #ffbcb7;
318
- --hop-diverging-sequence-2-negative2-hover: #ffbcb7;
319
- --hop-diverging-sequence-2-negative2: #ffd6d3;
320
- --hop-diverging-sequence-2-negative1-hover: #ffd6d3;
321
- --hop-diverging-sequence-2-negative1: #fde6e5;
322
- --hop-diverging-sequence-2-positive1-hover: #cde8ac;
323
- --hop-diverging-sequence-2-positive1: #e3f3b9;
324
- --hop-diverging-sequence-2-positive2-hover: #aad89d;
325
- --hop-diverging-sequence-2-positive2: #cde8ac;
326
- --hop-diverging-sequence-2-positive3-hover: #7dc291;
327
- --hop-diverging-sequence-2-positive3: #aad89d;
328
- --hop-diverging-sequence-2-positive4-hover: #47a584;
329
- --hop-diverging-sequence-2-positive4: #7dc291;
330
- --hop-diverging-sequence-2-positive5-hover: #188a71;
331
- --hop-diverging-sequence-2-positive5: #47a584;
332
- --hop-diverging-sequence-2-positive6-hover: #0c796b;
333
- --hop-diverging-sequence-2-positive6: #188a71;
334
- --hop-diverging-sequence-2-positive7-hover: #0a6f64;
335
- --hop-diverging-sequence-2-positive7: #0c796b;
336
- --hop-diverging-sequence-2-positive8-hover: #115a52;
337
- --hop-diverging-sequence-2-positive8: #0a6f64;
338
- --hop-diverging-sequence-2-positive9-hover: #16433d;
339
- --hop-diverging-sequence-2-positive9: #115a52;
340
- --hop-diverging-sequence-2-positive10-hover: #132a27;
341
- --hop-diverging-sequence-2-positive10: #16433d;
342
- --hop-diverging-sequence-1-negative9-hover: #431a17;
343
- --hop-diverging-sequence-1-negative9: #6c2320;
344
- --hop-diverging-sequence-1-negative8-hover: #6c2320;
345
- --hop-diverging-sequence-1-negative8: #952927;
346
- --hop-diverging-sequence-1-negative7-hover: #952927;
347
- --hop-diverging-sequence-1-negative7: #ba2d2d;
348
- --hop-diverging-sequence-1-negative6-hover: #ba2d2d;
349
- --hop-diverging-sequence-1-negative6: #cb2e31;
350
- --hop-diverging-sequence-1-negative5-hover: #cb2e31;
351
- --hop-diverging-sequence-1-negative5: #df3236;
352
- --hop-diverging-sequence-1-negative4-hover: #df3236;
353
- --hop-diverging-sequence-1-negative4: #f56263;
354
- --hop-diverging-sequence-1-negative3-hover: #f56263;
355
- --hop-diverging-sequence-1-negative3: #ff8e8e;
356
- --hop-diverging-sequence-1-negative2-hover: #ff8e8e;
357
- --hop-diverging-sequence-1-negative2: #ffbcb7;
358
- --hop-diverging-sequence-1-negative1-hover: #ffbcb7;
359
- --hop-diverging-sequence-1-negative1: #ffd8be;
360
- --hop-diverging-sequence-1-neutral-hover: #eac96d;
361
- --hop-diverging-sequence-1-neutral: #f7e694;
362
- --hop-diverging-sequence-1-positive1-hover: #aad89d;
363
- --hop-diverging-sequence-1-positive1: #cde8ac;
364
- --hop-diverging-sequence-1-positive2-hover: #7dc291;
365
- --hop-diverging-sequence-1-positive2: #aad89d;
366
- --hop-diverging-sequence-1-positive3-hover: #47a584;
367
- --hop-diverging-sequence-1-positive3: #7dc291;
368
- --hop-diverging-sequence-1-positive-4-hover: #188a71;
369
- --hop-diverging-sequence-1-positive4: #47a584;
370
- --hop-diverging-sequence-1-positive5-hover: #0c796b;
371
- --hop-diverging-sequence-1-positive5: #188a71;
372
- --hop-diverging-sequence-1-positive6-hover: #0a6f64;
373
- --hop-diverging-sequence-1-positive6: #0c796b;
374
- --hop-diverging-sequence-1-positive7-hover: #115a52;
375
- --hop-diverging-sequence-1-positive7: #0a6f64;
376
- --hop-diverging-sequence-1-positive8-hover: #16433d;
377
- --hop-diverging-sequence-1-positive8: #115a52;
378
- --hop-diverging-sequence-1-positive9-hover: #132a27;
379
- --hop-diverging-sequence-1-positive9: #16433d;
380
- --hop-monochromatic-negative-900-hover: #2d100d;
381
- --hop-monochromatic-negative-800-hover: #431a17;
382
- --hop-monochromatic-negative-700-hover: #6c2320;
383
- --hop-monochromatic-negative-600-hover: #952927;
384
- --hop-monochromatic-negative-500-hover: #ba2d2d;
385
- --hop-monochromatic-negative-400-hover: #cb2e31;
386
- --hop-monochromatic-negative-300-hover: #df3236;
387
- --hop-monochromatic-negative-200-hover: #f56263;
388
- --hop-monochromatic-negative-100-hover: #ff8e8e;
389
- --hop-monochromatic-negative-75-hover: #ffbcb7;
390
- --hop-monochromatic-negative-50-hover: #ffd6d3;
391
- --hop-monochromatic-negative-25-hover: #fde6e5;
392
- --hop-monochromatic-negative-900: #431a17;
393
- --hop-monochromatic-negative-800: #6c2320;
394
- --hop-monochromatic-negative-700: #952927;
395
- --hop-monochromatic-negative-600: #ba2d2d;
396
- --hop-monochromatic-negative-500: #cb2e31;
397
- --hop-monochromatic-negative-400: #df3236;
398
- --hop-monochromatic-negative-300: #f56263;
399
- --hop-monochromatic-negative-200: #ff8e8e;
400
- --hop-monochromatic-negative-100: #ffbcb7;
401
- --hop-monochromatic-negative-75: #ffd6d3;
402
- --hop-monochromatic-negative-50: #fde6e5;
403
- --hop-monochromatic-negative-25: #fdf6f6;
404
- --hop-monochromatic-positive-900-hover: #0a1716;
405
- --hop-monochromatic-positive-800-hover: #132a27;
406
- --hop-monochromatic-positive-700-hover: #16433d;
407
- --hop-monochromatic-positive-600-hover: #115a52;
408
- --hop-monochromatic-positive-500-hover: #0a6f64;
409
- --hop-monochromatic-positive-400-hover: #0c796b;
410
- --hop-monochromatic-positive-300-hover: #188a71;
411
- --hop-monochromatic-positive-200-hover: #47a584;
412
- --hop-monochromatic-positive-100-hover: #7dc291;
413
- --hop-monochromatic-positive-75-hover: #aad89d;
414
- --hop-monochromatic-positive-50-hover: #cde8ac;
415
- --hop-monochromatic-positive-25-hover: #e3f3b9;
416
- --hop-monochromatic-positive-900: #132a27;
417
- --hop-monochromatic-positive-800: #16433d;
418
- --hop-monochromatic-positive-700: #115a52;
419
- --hop-monochromatic-positive-600: #0a6f64;
420
- --hop-monochromatic-positive-500: #0c796b;
421
- --hop-monochromatic-positive-400: #188a71;
422
- --hop-monochromatic-positive-300: #47a584;
423
- --hop-monochromatic-positive-200: #7dc291;
424
- --hop-monochromatic-positive-100: #aad89d;
425
- --hop-monochromatic-positive-75: #cde8ac;
426
- --hop-monochromatic-positive-50: #e3f3b9;
427
- --hop-monochromatic-positive-25: #f4f9e9;
428
- --hop-monochromatic-primary-900-hover: #0b173a;
429
- --hop-monochromatic-primary-800-hover: #152450;
430
- --hop-monochromatic-primary-700-hover: #1b3587;
431
- --hop-monochromatic-primary-600-hover: #2040c7;
432
- --hop-monochromatic-primary-500-hover: #2a43e8;
433
- --hop-monochromatic-primary-400-hover: #3b57ff;
434
- --hop-monochromatic-primary-300-hover: #4767fe;
435
- --hop-monochromatic-primary-200-hover: #6c8ffd;
436
- --hop-monochromatic-primary-100-hover: #95b1ff;
437
- --hop-monochromatic-primary-75-hover: #b9cbff;
438
- --hop-monochromatic-primary-50-hover: #d6e0ff;
439
- --hop-monochromatic-primary-25-hover: #e6ebff;
440
- --hop-monochromatic-primary-900: #152450;
441
- --hop-monochromatic-primary-800: #1b3587;
442
- --hop-monochromatic-primary-700: #2040c7;
443
- --hop-monochromatic-primary-600: #2a43e8;
444
- --hop-monochromatic-primary-500: #3b57ff;
445
- --hop-monochromatic-primary-400: #4767fe;
446
- --hop-monochromatic-primary-300: #6c8ffd;
447
- --hop-monochromatic-primary-200: #95b1ff;
448
- --hop-monochromatic-primary-100: #b9cbff;
449
- --hop-monochromatic-primary-75: #d6e0ff;
450
- --hop-monochromatic-primary-50: #e6ebff;
451
- --hop-monochromatic-primary-25: #f5f6ff;
192
+ --hop-dataviz-categorical-6colorgroup-option4-category6: #fbe997;
193
+ --hop-dataviz-categorical-6colorgroup-option4-category5: #bfdca9;
194
+ --hop-dataviz-categorical-6colorgroup-option4-category4: #c7ebff;
195
+ --hop-dataviz-categorical-6colorgroup-option4-category3: #ffbf92;
196
+ --hop-dataviz-categorical-6colorgroup-option4-category2: #a0b8fa;
197
+ --hop-dataviz-categorical-6colorgroup-option4-category1: #fbbdcf;
198
+ --hop-dataviz-categorical-6colorgroup-option3-category6: #fbbdcf;
199
+ --hop-dataviz-categorical-6colorgroup-option3-category5: #2e70a8;
200
+ --hop-dataviz-categorical-6colorgroup-option3-category4: #a7e6dc;
201
+ --hop-dataviz-categorical-6colorgroup-option3-category3: #e8ddd0;
202
+ --hop-dataviz-categorical-6colorgroup-option3-category2: #aecdd5;
203
+ --hop-dataviz-categorical-6colorgroup-option3-category1: #b6bead;
204
+ --hop-dataviz-categorical-6colorgroup-option2-category6: #d2cdf8;
205
+ --hop-dataviz-categorical-6colorgroup-option2-category5: #a7e6dc;
206
+ --hop-dataviz-categorical-6colorgroup-option2-category4: #ff9b3f;
207
+ --hop-dataviz-categorical-6colorgroup-option2-category3: #69bfa0;
208
+ --hop-dataviz-categorical-6colorgroup-option2-category2: #fbe997;
209
+ --hop-dataviz-categorical-6colorgroup-option2-category1: #2e70a8;
210
+ --hop-dataviz-categorical-6colorgroup-option1-category6: #69bfa0;
211
+ --hop-dataviz-categorical-6colorgroup-option1-category5: #ecd599;
212
+ --hop-dataviz-categorical-6colorgroup-option1-category4: #fa4d59;
213
+ --hop-dataviz-categorical-6colorgroup-option1-category3: #bfdca9;
214
+ --hop-dataviz-categorical-6colorgroup-option1-category2: #a0b8fa;
215
+ --hop-dataviz-categorical-6colorgroup-option1-category1: #b6bead;
216
+ --hop-dataviz-categorical-5colorgroup-option4-category5: #b6bead;
217
+ --hop-dataviz-categorical-5colorgroup-option4-category4: #d2cdf8;
218
+ --hop-dataviz-categorical-5colorgroup-option4-category3: #fa4d59;
219
+ --hop-dataviz-categorical-5colorgroup-option4-category2: #c7ebff;
220
+ --hop-dataviz-categorical-5colorgroup-option4-category1: #69bfa0;
221
+ --hop-dataviz-categorical-5colorgroup-option3-category5: #ffbf92;
222
+ --hop-dataviz-categorical-5colorgroup-option3-category4: #b6bead;
223
+ --hop-dataviz-categorical-5colorgroup-option3-category3: #aecdd5;
224
+ --hop-dataviz-categorical-5colorgroup-option3-category2: #ecd599;
225
+ --hop-dataviz-categorical-5colorgroup-option3-category1: #d2cdf8;
226
+ --hop-dataviz-categorical-5colorgroup-option2-category5: #c5bef6;
227
+ --hop-dataviz-categorical-5colorgroup-option2-category4: #fbe997;
228
+ --hop-dataviz-categorical-5colorgroup-option2-category3: #2e70a8;
229
+ --hop-dataviz-categorical-5colorgroup-option2-category2: #b6bead;
230
+ --hop-dataviz-categorical-5colorgroup-option2-category1: #ff9b3f;
231
+ --hop-dataviz-categorical-5colorgroup-option1-category5: #69bfa0;
232
+ --hop-dataviz-categorical-5colorgroup-option1-category4: #ecd599;
233
+ --hop-dataviz-categorical-5colorgroup-option1-category3: #bfdca9;
234
+ --hop-dataviz-categorical-5colorgroup-option1-category2: #ff9b3f;
235
+ --hop-dataviz-categorical-5colorgroup-option1-category1: #b6bead;
236
+ --hop-dataviz-categorical-4colorgroup-option4-category4: #d2cdf8;
237
+ --hop-dataviz-categorical-4colorgroup-option4-category3: #fa4d59;
238
+ --hop-dataviz-categorical-4colorgroup-option4-category2: #c7ebff;
239
+ --hop-dataviz-categorical-4colorgroup-option4-category1: #69bfa0;
240
+ --hop-dataviz-categorical-4colorgroup-option3-category4: #ecd599;
241
+ --hop-dataviz-categorical-4colorgroup-option3-category3: #2e70a8;
242
+ --hop-dataviz-categorical-4colorgroup-option3-category2: #b6bead;
243
+ --hop-dataviz-categorical-4colorgroup-option3-category1: #ffbf92;
244
+ --hop-dataviz-categorical-4colorgroup-option2-category4: #fbe997;
245
+ --hop-dataviz-categorical-4colorgroup-option2-category3: #84d0b4;
246
+ --hop-dataviz-categorical-4colorgroup-option2-category2: #c7ebff;
247
+ --hop-dataviz-categorical-4colorgroup-option2-category1: #b6bead;
248
+ --hop-dataviz-categorical-4colorgroup-option1-category4: #fbbdcf;
249
+ --hop-dataviz-categorical-4colorgroup-option1-category3: #cde8ac;
250
+ --hop-dataviz-categorical-4colorgroup-option1-category2: #d2cdf8;
251
+ --hop-dataviz-categorical-4colorgroup-option1-category1: #b6bead;
252
+ --hop-dataviz-categorical-3colorgroup-option4-category3: #fbbdcf;
253
+ --hop-dataviz-categorical-3colorgroup-option4-category2: #a0b8fa;
254
+ --hop-dataviz-categorical-3colorgroup-option4-category1: #b6bead;
255
+ --hop-dataviz-categorical-3colorgroup-option3-category3: #aecdd5;
256
+ --hop-dataviz-categorical-3colorgroup-option3-category2: #fbe997;
257
+ --hop-dataviz-categorical-3colorgroup-option3-category1: #69bfa0;
258
+ --hop-dataviz-categorical-3colorgroup-option2-category3: #69bfa0;
259
+ --hop-dataviz-categorical-3colorgroup-option2-category2: #a7e6dc;
260
+ --hop-dataviz-categorical-3colorgroup-option2-category1: #ecd599;
261
+ --hop-dataviz-categorical-3colorgroup-option1-category3: #bfdca9;
262
+ --hop-dataviz-categorical-3colorgroup-option1-category2: #d2cdf8;
263
+ --hop-dataviz-categorical-3colorgroup-option1-category1: #b6bead;
264
+ --hop-dataviz-categorical-2colorgroup-option1-category1: #b6bead;
265
+ --hop-dataviz-categorical-2colorgroup-option1-category2: #c7ebff;
266
+ --hop-dataviz-categorical-2colorgroup-option2-category1: #fbbdcf;
267
+ --hop-dataviz-categorical-2colorgroup-option2-category2: #fbe997;
268
+ --hop-dataviz-categorical-2colorgroup-option3-category1: #2f48ff;
269
+ --hop-dataviz-categorical-2colorgroup-option3-category2: #ff9b3f;
270
+ --hop-dataviz-categorical-2colorgroup-option4-category1: #bfdca9;
271
+ --hop-dataviz-categorical-2colorgroup-option4-category2: #6c8ffd;
272
+ --hop-dataviz-categorical-2colorgroup-option5-category1: #a7e6dc;
273
+ --hop-dataviz-categorical-2colorgroup-option5-category2: #a0b8fa;
274
+ --hop-dataviz-categorical-2colorgroup-option6-category1: #ffbf92;
275
+ --hop-dataviz-categorical-2colorgroup-option6-category2: #69bfa0;
276
+ --hop-dataviz-categorical-sequence-category13-hover: #54b692;
277
+ --hop-dataviz-categorical-sequence-category13: #69bfa0;
278
+ --hop-dataviz-categorical-sequence-cateogry12-hover: #779af8;
279
+ --hop-dataviz-categorical-sequence-category12: #a0b8fa;
280
+ --hop-dataviz-categorical-sequence-category-11-hover: #ffac70;
281
+ --hop-dataviz-categorical-sequence-category11: #ffbf92;
282
+ --hop-dataviz-categorical-sequence-category10-hover: #93bdc8;
283
+ --hop-dataviz-categorical-sequence-category10: #aecdd5;
284
+ --hop-dataviz-categorical-sequence-category9-hover: #90e0d2;
285
+ --hop-dataviz-categorical-sequence-category9: #a7e6dc;
286
+ --hop-dataviz-categorical-sequence-category8-hover: #ddcebb;
287
+ --hop-dataviz-categorical-sequence-category8: #e8ddd0;
288
+ --hop-dataviz-categorical-sequence-category7-hover: #fae275;
289
+ --hop-dataviz-categorical-sequence-category7: #fbe997;
290
+ --hop-dataviz-categorical-sequence-category6-hover: #a9d08b;
291
+ --hop-dataviz-categorical-sequence-category6: #bfdca9;
292
+ --hop-dataviz-categorical-sequence-category5-hover: #f99fb8;
293
+ --hop-dataviz-categorical-sequence-category5: #fbbdcf;
294
+ --hop-dataviz-categorical-sequence-category4-hover: #a4ae98;
295
+ --hop-dataviz-categorical-sequence-category4: #b6bead;
296
+ --hop-dataviz-categorical-sequence-category3-hover: #bfb8f5;
297
+ --hop-dataviz-categorical-sequence-category3: #d2cdf8;
298
+ --hop-dataviz-categorical-sequence-category2-hover: #e6c675;
299
+ --hop-dataviz-categorical-sequence-category2: #ecd599;
300
+ --hop-dataviz-categorical-sequence-category1-hover: #ade2ff;
301
+ --hop-dataviz-categorical-sequence-category1: #c7ebff;
302
+ --hop-dataviz-diverging-sequence-2-negative10-hover: #431a17;
303
+ --hop-dataviz-diverging-sequence-2-negative10: #6c2320;
304
+ --hop-dataviz-diverging-sequence-2-negative9-hover: #6c2320;
305
+ --hop-dataviz-diverging-sequence-2-negative9: #952927;
306
+ --hop-dataviz-diverging-sequence-2-negative8-hover: #952927;
307
+ --hop-dataviz-diverging-sequence-2-negative8: #ba2d2d;
308
+ --hop-dataviz-diverging-sequence-2-negative7-hover: #ba2d2d;
309
+ --hop-dataviz-diverging-sequence-2-negative7: #cb2e31;
310
+ --hop-dataviz-diverging-sequence-2-negative6-hover: #cb2e31;
311
+ --hop-dataviz-diverging-sequence-2-negative6: #df3236;
312
+ --hop-dataviz-diverging-sequence-2-negative5-hover: #df3236;
313
+ --hop-dataviz-diverging-sequence-2-negative5: #f56263;
314
+ --hop-dataviz-diverging-sequence-2-negative4-hover: #f56263;
315
+ --hop-dataviz-diverging-sequence-2-negative4: #ff8e8e;
316
+ --hop-dataviz-diverging-sequence-2-negative3-hover: #ff8e8e;
317
+ --hop-dataviz-diverging-sequence-2-negative3: #ffbcb7;
318
+ --hop-dataviz-diverging-sequence-2-negative2-hover: #ffbcb7;
319
+ --hop-dataviz-diverging-sequence-2-negative2: #ffd6d3;
320
+ --hop-dataviz-diverging-sequence-2-negative1-hover: #ffd6d3;
321
+ --hop-dataviz-diverging-sequence-2-negative1: #fde6e5;
322
+ --hop-dataviz-diverging-sequence-2-positive1-hover: #cde8ac;
323
+ --hop-dataviz-diverging-sequence-2-positive1: #e3f3b9;
324
+ --hop-dataviz-diverging-sequence-2-positive2-hover: #aad89d;
325
+ --hop-dataviz-diverging-sequence-2-positive2: #cde8ac;
326
+ --hop-dataviz-diverging-sequence-2-positive3-hover: #7dc291;
327
+ --hop-dataviz-diverging-sequence-2-positive3: #aad89d;
328
+ --hop-dataviz-diverging-sequence-2-positive4-hover: #47a584;
329
+ --hop-dataviz-diverging-sequence-2-positive4: #7dc291;
330
+ --hop-dataviz-diverging-sequence-2-positive5-hover: #188a71;
331
+ --hop-dataviz-diverging-sequence-2-positive5: #47a584;
332
+ --hop-dataviz-diverging-sequence-2-positive6-hover: #0c796b;
333
+ --hop-dataviz-diverging-sequence-2-positive6: #188a71;
334
+ --hop-dataviz-diverging-sequence-2-positive7-hover: #0a6f64;
335
+ --hop-dataviz-diverging-sequence-2-positive7: #0c796b;
336
+ --hop-dataviz-diverging-sequence-2-positive8-hover: #115a52;
337
+ --hop-dataviz-diverging-sequence-2-positive8: #0a6f64;
338
+ --hop-dataviz-diverging-sequence-2-positive9-hover: #16433d;
339
+ --hop-dataviz-diverging-sequence-2-positive9: #115a52;
340
+ --hop-dataviz-diverging-sequence-2-positive10-hover: #132a27;
341
+ --hop-dataviz-diverging-sequence-2-positive10: #16433d;
342
+ --hop-dataviz-diverging-sequence-1-negative9-hover: #431a17;
343
+ --hop-dataviz-diverging-sequence-1-negative9: #6c2320;
344
+ --hop-dataviz-diverging-sequence-1-negative8-hover: #6c2320;
345
+ --hop-dataviz-diverging-sequence-1-negative8: #952927;
346
+ --hop-dataviz-diverging-sequence-1-negative7-hover: #952927;
347
+ --hop-dataviz-diverging-sequence-1-negative7: #ba2d2d;
348
+ --hop-dataviz-diverging-sequence-1-negative6-hover: #ba2d2d;
349
+ --hop-dataviz-diverging-sequence-1-negative6: #cb2e31;
350
+ --hop-dataviz-diverging-sequence-1-negative5-hover: #cb2e31;
351
+ --hop-dataviz-diverging-sequence-1-negative5: #df3236;
352
+ --hop-dataviz-diverging-sequence-1-negative4-hover: #df3236;
353
+ --hop-dataviz-diverging-sequence-1-negative4: #f56263;
354
+ --hop-dataviz-diverging-sequence-1-negative3-hover: #f56263;
355
+ --hop-dataviz-diverging-sequence-1-negative3: #ff8e8e;
356
+ --hop-dataviz-diverging-sequence-1-negative2-hover: #ff8e8e;
357
+ --hop-dataviz-diverging-sequence-1-negative2: #ffbcb7;
358
+ --hop-dataviz-diverging-sequence-1-negative1-hover: #ffbcb7;
359
+ --hop-dataviz-diverging-sequence-1-negative1: #ffd8be;
360
+ --hop-dataviz-diverging-sequence-1-neutral-hover: #eac96d;
361
+ --hop-dataviz-diverging-sequence-1-neutral: #f7e694;
362
+ --hop-dataviz-diverging-sequence-1-positive1-hover: #aad89d;
363
+ --hop-dataviz-diverging-sequence-1-positive1: #cde8ac;
364
+ --hop-dataviz-diverging-sequence-1-positive2-hover: #7dc291;
365
+ --hop-dataviz-diverging-sequence-1-positive2: #aad89d;
366
+ --hop-dataviz-diverging-sequence-1-positive3-hover: #47a584;
367
+ --hop-dataviz-diverging-sequence-1-positive3: #7dc291;
368
+ --hop-dataviz-diverging-sequence-1-positive-4-hover: #188a71;
369
+ --hop-dataviz-diverging-sequence-1-positive4: #47a584;
370
+ --hop-dataviz-diverging-sequence-1-positive5-hover: #0c796b;
371
+ --hop-dataviz-diverging-sequence-1-positive5: #188a71;
372
+ --hop-dataviz-diverging-sequence-1-positive6-hover: #0a6f64;
373
+ --hop-dataviz-diverging-sequence-1-positive6: #0c796b;
374
+ --hop-dataviz-diverging-sequence-1-positive7-hover: #115a52;
375
+ --hop-dataviz-diverging-sequence-1-positive7: #0a6f64;
376
+ --hop-dataviz-diverging-sequence-1-positive8-hover: #16433d;
377
+ --hop-dataviz-diverging-sequence-1-positive8: #115a52;
378
+ --hop-dataviz-diverging-sequence-1-positive9-hover: #132a27;
379
+ --hop-dataviz-diverging-sequence-1-positive9: #16433d;
380
+ --hop-dataviz-monochromatic-negative-900-hover: #2d100d;
381
+ --hop-dataviz-monochromatic-negative-800-hover: #431a17;
382
+ --hop-dataviz-monochromatic-negative-700-hover: #6c2320;
383
+ --hop-dataviz-monochromatic-negative-600-hover: #952927;
384
+ --hop-dataviz-monochromatic-negative-500-hover: #ba2d2d;
385
+ --hop-dataviz-monochromatic-negative-400-hover: #cb2e31;
386
+ --hop-dataviz-monochromatic-negative-300-hover: #df3236;
387
+ --hop-dataviz-monochromatic-negative-200-hover: #f56263;
388
+ --hop-dataviz-monochromatic-negative-100-hover: #ff8e8e;
389
+ --hop-dataviz-monochromatic-negative-75-hover: #ffbcb7;
390
+ --hop-dataviz-monochromatic-negative-50-hover: #ffd6d3;
391
+ --hop-dataviz-monochromatic-negative-25-hover: #fde6e5;
392
+ --hop-dataviz-monochromatic-negative-900: #431a17;
393
+ --hop-dataviz-monochromatic-negative-800: #6c2320;
394
+ --hop-dataviz-monochromatic-negative-700: #952927;
395
+ --hop-dataviz-monochromatic-negative-600: #ba2d2d;
396
+ --hop-dataviz-monochromatic-negative-500: #cb2e31;
397
+ --hop-dataviz-monochromatic-negative-400: #df3236;
398
+ --hop-dataviz-monochromatic-negative-300: #f56263;
399
+ --hop-dataviz-monochromatic-negative-200: #ff8e8e;
400
+ --hop-dataviz-monochromatic-negative-100: #ffbcb7;
401
+ --hop-dataviz-monochromatic-negative-75: #ffd6d3;
402
+ --hop-dataviz-monochromatic-negative-50: #fde6e5;
403
+ --hop-dataviz-monochromatic-negative-25: #fdf6f6;
404
+ --hop-dataviz-monochromatic-positive-900-hover: #0a1716;
405
+ --hop-dataviz-monochromatic-positive-800-hover: #132a27;
406
+ --hop-dataviz-monochromatic-positive-700-hover: #16433d;
407
+ --hop-dataviz-monochromatic-positive-600-hover: #115a52;
408
+ --hop-dataviz-monochromatic-positive-500-hover: #0a6f64;
409
+ --hop-dataviz-monochromatic-positive-400-hover: #0c796b;
410
+ --hop-dataviz-monochromatic-positive-300-hover: #188a71;
411
+ --hop-dataviz-monochromatic-positive-200-hover: #47a584;
412
+ --hop-dataviz-monochromatic-positive-100-hover: #7dc291;
413
+ --hop-dataviz-monochromatic-positive-75-hover: #aad89d;
414
+ --hop-dataviz-monochromatic-positive-50-hover: #cde8ac;
415
+ --hop-dataviz-monochromatic-positive-25-hover: #e3f3b9;
416
+ --hop-dataviz-monochromatic-positive-900: #132a27;
417
+ --hop-dataviz-monochromatic-positive-800: #16433d;
418
+ --hop-dataviz-monochromatic-positive-700: #115a52;
419
+ --hop-dataviz-monochromatic-positive-600: #0a6f64;
420
+ --hop-dataviz-monochromatic-positive-500: #0c796b;
421
+ --hop-dataviz-monochromatic-positive-400: #188a71;
422
+ --hop-dataviz-monochromatic-positive-300: #47a584;
423
+ --hop-dataviz-monochromatic-positive-200: #7dc291;
424
+ --hop-dataviz-monochromatic-positive-100: #aad89d;
425
+ --hop-dataviz-monochromatic-positive-75: #cde8ac;
426
+ --hop-dataviz-monochromatic-positive-50: #e3f3b9;
427
+ --hop-dataviz-monochromatic-positive-25: #f4f9e9;
428
+ --hop-dataviz-monochromatic-primary-900-hover: #0b173a;
429
+ --hop-dataviz-monochromatic-primary-800-hover: #152450;
430
+ --hop-dataviz-monochromatic-primary-700-hover: #1b3587;
431
+ --hop-dataviz-monochromatic-primary-600-hover: #2040c7;
432
+ --hop-dataviz-monochromatic-primary-500-hover: #2a43e8;
433
+ --hop-dataviz-monochromatic-primary-400-hover: #3b57ff;
434
+ --hop-dataviz-monochromatic-primary-300-hover: #4767fe;
435
+ --hop-dataviz-monochromatic-primary-200-hover: #6c8ffd;
436
+ --hop-dataviz-monochromatic-primary-100-hover: #95b1ff;
437
+ --hop-dataviz-monochromatic-primary-75-hover: #b9cbff;
438
+ --hop-dataviz-monochromatic-primary-50-hover: #d6e0ff;
439
+ --hop-dataviz-monochromatic-primary-25-hover: #e6ebff;
440
+ --hop-dataviz-monochromatic-primary-900: #152450;
441
+ --hop-dataviz-monochromatic-primary-800: #1b3587;
442
+ --hop-dataviz-monochromatic-primary-700: #2040c7;
443
+ --hop-dataviz-monochromatic-primary-600: #2a43e8;
444
+ --hop-dataviz-monochromatic-primary-500: #3b57ff;
445
+ --hop-dataviz-monochromatic-primary-400: #4767fe;
446
+ --hop-dataviz-monochromatic-primary-300: #6c8ffd;
447
+ --hop-dataviz-monochromatic-primary-200: #95b1ff;
448
+ --hop-dataviz-monochromatic-primary-100: #b9cbff;
449
+ --hop-dataviz-monochromatic-primary-75: #d6e0ff;
450
+ --hop-dataviz-monochromatic-primary-50: #e6ebff;
451
+ --hop-dataviz-monochromatic-primary-25: #f5f6ff;
452
452
  --hop-space-inline-xl: var(--hop-space-320);
453
453
  --hop-space-inline-lg: var(--hop-space-240);
454
454
  --hop-space-inline-md: var(--hop-space-160);
@@ -611,11 +611,11 @@
611
611
  --hop-elevation-lifted: var(--hop-shadow-md);
612
612
  --hop-elevation-raised: var(--hop-shadow-sm);
613
613
  --hop-elevation-none: var(--hop-shadow-none);
614
- --hop-text-ondark: var(--hop-samoyed);
615
- --hop-text-onlight: var(--hop-rock-800);
616
- --hop-unavailable-strong: var(--hop-rock-100);
617
- --hop-unavailable-weak: var(--hop-rock-50);
618
- --hop-unavailable: var(--hop-rock-75);
614
+ --hop-dataviz-text-ondark: var(--hop-samoyed);
615
+ --hop-dataviz-text-onlight: var(--hop-rock-800);
616
+ --hop-dataviz-unavailable-strong: var(--hop-rock-100);
617
+ --hop-dataviz-unavailable-weak: var(--hop-rock-50);
618
+ --hop-dataviz-unavailable: var(--hop-rock-75);
619
619
  --hop-status-positive-text: var(--hop-moss-700);
620
620
  --hop-status-positive-surface: var(--hop-moss-50);
621
621
  --hop-status-positive-surface-strong: var(--hop-moss-200);
@@ -694,7 +694,7 @@
694
694
  --hop-warning-icon-weakest: var(--hop-koi-100);
695
695
  --hop-neutral-surface-weakest: var(--hop-rock-25);
696
696
  --hop-neutral-border-weakest: var(--hop-rock-50);
697
- --hop-neutral-surface-weak-hover: var(--hop-rock-50);
697
+ --hop-neutral-surface-weak-hover: var(--hop-rock-75);
698
698
  --hop-neutral-border-active: var(--hop-rock-800);
699
699
  --hop-neutral-border-hover: var(--hop-rock-300);
700
700
  --hop-neutral-icon-active: var(--hop-samoyed);
@@ -733,6 +733,7 @@
733
733
  --hop-decorative-option1-surface-hover: var(--hop-sapphire-200);
734
734
  --hop-decorative-option1-surface-strong: var(--hop-sapphire-200);
735
735
  --hop-decorative-option1-surface-weakest: var(--hop-sapphire-25);
736
+ --hop-decorative-option1-surface-weak-hover: var(--hop-sapphire-75);
736
737
  --hop-decorative-option1-surface-weak: var(--hop-sapphire-50);
737
738
  --hop-decorative-option2-border: var(--hop-quetzal-100);
738
739
  --hop-decorative-option2-icon: var(--hop-quetzal-900);
@@ -741,17 +742,19 @@
741
742
  --hop-decorative-option2-surface-hover: var(--hop-quetzal-100);
742
743
  --hop-decorative-option2-surface: var(--hop-quetzal-75);
743
744
  --hop-decorative-option2-surface-strong: var(--hop-quetzal-100);
745
+ --hop-decorative-option2-surface-weak-hover: var(--hop-quetzal-75);
744
746
  --hop-decorative-option2-surface-weak: var(--hop-quetzal-50);
745
747
  --hop-decorative-option2-surface-weakest: var(--hop-quetzal-25);
746
748
  --hop-decorative-option3-border: var(--hop-koi-100);
747
749
  --hop-decorative-option3-text-weak: var(--hop-koi-300);
748
750
  --hop-decorative-option3-text: var(--hop-koi-900);
749
751
  --hop-decorative-option3-icon: var(--hop-koi-900);
750
- --hop-decorative-option3-surface: var(--hop-koi-200);
752
+ --hop-decorative-option3-surface: var(--hop-koi-100);
751
753
  --hop-decorative-option3-surface-hover: var(--hop-koi-200);
752
754
  --hop-decorative-option3-surface-strong: var(--hop-koi-200);
753
755
  --hop-decorative-option3-surface-weakest: var(--hop-koi-25);
754
- --hop-decorative-option3-surface-weak: var(--hop-koi-100);
756
+ --hop-decorative-option3-surface-weak-hover: var(--hop-koi-75);
757
+ --hop-decorative-option3-surface-weak: var(--hop-koi-50);
755
758
  --hop-decorative-option4-border: var(--hop-moss-100);
756
759
  --hop-decorative-option4-text: var(--hop-moss-900);
757
760
  --hop-decorative-option4-text-weak: var(--hop-moss-400);
@@ -759,6 +762,7 @@
759
762
  --hop-decorative-option4-surface: var(--hop-moss-75);
760
763
  --hop-decorative-option4-surface-hover: var(--hop-moss-100);
761
764
  --hop-decorative-option4-surface-strong: var(--hop-moss-100);
765
+ --hop-decorative-option4-surface-weak-hover: var(--hop-moss-75);
762
766
  --hop-decorative-option4-surface-weak: var(--hop-moss-50);
763
767
  --hop-decorative-option4-surface-weakest: var(--hop-moss-25);
764
768
  --hop-decorative-option6-border: var(--hop-sunken-treasure-100);
@@ -768,6 +772,7 @@
768
772
  --hop-decorative-option6-surface: var(--hop-sunken-treasure-75);
769
773
  --hop-decorative-option6-surface-strong: var(--hop-sunken-treasure-100);
770
774
  --hop-decorative-option6-surface-hover: var(--hop-sunken-treasure-100);
775
+ --hop-decorative-option6-surface-weak-hover: var(--hop-sunken-treasure-75);
771
776
  --hop-decorative-option6-surface-weak: var(--hop-sunken-treasure-50);
772
777
  --hop-decorative-option6-surface-weakest: var(--hop-sunken-treasure-25);
773
778
  --hop-decorative-option5-border: var(--hop-coastal-100);
@@ -783,8 +788,9 @@
783
788
  --hop-decorative-option7-text: var(--hop-toad-900);
784
789
  --hop-decorative-option7-text-weak: var(--hop-toad-500);
785
790
  --hop-decorative-option7-surface: var(--hop-toad-75);
786
- --hop-decorative-option7-surface-hover: var(--hop-toad-75);
787
- --hop-decorative-option7-surface-strong: var(--hop-toad-75);
791
+ --hop-decorative-option7-surface-hover: var(--hop-toad-100);
792
+ --hop-decorative-option7-surface-strong: var(--hop-toad-100);
793
+ --hop-decorative-option7-surface-weak-hover: var(--hop-toad-75);
788
794
  --hop-decorative-option7-surface-weak: var(--hop-toad-50);
789
795
  --hop-decorative-option7-surface-weakest: var(--hop-toad-25);
790
796
  --hop-decorative-option7-icon: var(--hop-toad-900);
@@ -793,15 +799,17 @@
793
799
  --hop-decorative-option8-surface: var(--hop-amanita-75);
794
800
  --hop-decorative-option8-text-weak: var(--hop-amanita-300);
795
801
  --hop-decorative-option8-surface-strong: var(--hop-amanita-100);
796
- --hop-decorative-option8-surface-hover: var(--hop-amanita-200);
802
+ --hop-decorative-option8-surface-hover: var(--hop-amanita-100);
803
+ --hop-decorative-option8-surface-weak-hover: var(--hop-amanita-75);
797
804
  --hop-decorative-option8-surface-weak: var(--hop-amanita-50);
798
805
  --hop-decorative-option8-surface-weakest: var(--hop-amanita-25);
799
806
  --hop-decorative-option8-icon: var(--hop-amanita-900);
800
807
  --hop-decorative-option9-border: var(--hop-rock-100);
801
808
  --hop-decorative-option9-text-weak: var(--hop-rock-300);
802
809
  --hop-decorative-option9-text: var(--hop-samoyed);
803
- --hop-decorative-option9-surface-weakest: var(--hop-rock-25);
804
- --hop-decorative-option9-surface-weak: var(--hop-rock-50);
810
+ --hop-decorative-option9-surface-weakest: var(--hop-rock-200);
811
+ --hop-decorative-option9-surface-weak-hover: var(--hop-rock-400);
812
+ --hop-decorative-option9-surface-weak: var(--hop-rock-300);
805
813
  --hop-decorative-option9-surface-hover: var(--hop-rock-500);
806
814
  --hop-decorative-option9-surface-strong: var(--hop-rock-800);
807
815
  --hop-decorative-option9-surface: var(--hop-rock-400);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@hopper-ui/tokens",
3
3
  "author": "Workleap",
4
- "version": "2.1.0",
4
+ "version": "3.1.0",
5
5
  "description": "The tokens package.",
6
6
  "license": "Apache-2.0",
7
7
  "repository": {
@@ -29,17 +29,15 @@
29
29
  "CHANGELOG.md",
30
30
  "README.md"
31
31
  ],
32
- "dependencies": {
33
- "style-dictionary": "^3.8.0"
34
- },
35
32
  "devDependencies": {
36
- "@types/react": "^18.2.23",
37
- "@types/node": "18.15.11",
38
- "@workleap/eslint-plugin": "1.8.1",
39
- "@workleap/tsup-configs": "^2.0.0",
40
- "@workleap/typescript-configs": "2.3.1",
41
- "tsup": "^7.1.0",
42
- "typescript": "5.0.3"
33
+ "@types/node": "20.8.10",
34
+ "@workleap/eslint-plugin": "3.0.0",
35
+ "@workleap/tsup-configs": "3.0.1",
36
+ "@workleap/typescript-configs": "3.0.2",
37
+ "style-dictionary": "3.9.0",
38
+ "ts-node": "10.9.1",
39
+ "tsup": "7.2.0",
40
+ "typescript": "5.2.2"
43
41
  },
44
42
  "sideEffects": false,
45
43
  "engines": {
@@ -47,9 +45,6 @@
47
45
  },
48
46
  "scripts": {
49
47
  "clean:dist": "pnpm dlx rimraf dist",
50
- "clean:build": "pnpm dlx rimraf build",
51
- "build:ts": "tsup",
52
- "build:tokens": "node build/build.js",
53
- "build": "pnpm run build:ts && pnpm run build:tokens && pnpm run clean:build"
48
+ "build": "node --loader ts-node/esm src/style-dictionary/build.ts"
54
49
  }
55
50
  }