@hopper-ui/tokens 2.1.0 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @hopper-ui/tokens
2
2
 
3
+ ## 3.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - 63ae833: prefixed data visualization tokens with "dataviz"
8
+
3
9
  ## 2.1.0
4
10
 
5
11
  ### Minor Changes
@@ -250,9 +250,9 @@
250
250
  --hop-status-positive-surface-strong: var(--hop-moss-200);
251
251
  --hop-status-positive-surface: var(--hop-moss-75);
252
252
  --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);
253
+ --hop-dataviz-unavailable: var(--hop-rock-600);
254
+ --hop-dataviz-unavailable-weak: var(--hop-rock-400);
255
+ --hop-dataviz-unavailable-strong: var(--hop-rock-700);
256
+ --hop-dataviz-text-onlight: var(--hop-rock-800);
257
+ --hop-dataviz-text-ondark: var(--hop-samoyed);
258
258
  }
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 Fri, 03 Nov 2023 13:22:45 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);
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.0.0",
5
5
  "description": "The tokens package.",
6
6
  "license": "Apache-2.0",
7
7
  "repository": {
@@ -30,16 +30,15 @@
30
30
  "README.md"
31
31
  ],
32
32
  "dependencies": {
33
- "style-dictionary": "^3.8.0"
33
+ "style-dictionary": "3.9.0"
34
34
  },
35
35
  "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"
36
+ "@types/node": "20.8.10",
37
+ "@workleap/eslint-plugin": "3.0.0",
38
+ "@workleap/tsup-configs": "3.0.1",
39
+ "@workleap/typescript-configs": "3.0.2",
40
+ "tsup": "7.2.0",
41
+ "typescript": "5.2.2"
43
42
  },
44
43
  "sideEffects": false,
45
44
  "engines": {