@bi-digital/tokens 0.12.4 → 0.13.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/dist/tokens.css +13 -61
  2. package/dist/tokens.d.ts +0 -12
  3. package/dist/tokens.js +12 -240
  4. package/package.json +2 -2
package/dist/tokens.css CHANGED
@@ -199,10 +199,8 @@
199
199
  --bi-color-neutral-stroke-accent: var(--bi-primary-50);
200
200
  --bi-color-neutral-text: var(--bi-neutral-95);
201
201
  --bi-color-neutral-text-secondary: var(--bi-neutral-60);
202
- --bi-color-neutral-text-subtle: var(--bi-neutral-90);
203
202
  --bi-color-neutral-text-accent: var(--bi-primary-60);
204
- --bi-color-neutral-contrast: var(--bi-neutral-90);
205
- --bi-color-neutral-contrast-hover: var(--bi-neutral-95);
203
+ --bi-color-neutral-contrast: var(--bi-neutral-95);
206
204
  --bi-color-neutral-fill: var(--bi-neutral-50);
207
205
  --bi-color-neutral-on-fill: var(--bi-basic-white);
208
206
  --bi-color-primary-background: var(--bi-primary-0);
@@ -215,11 +213,9 @@
215
213
  --bi-color-primary-stroke-strong: var(--bi-primary-25);
216
214
  --bi-color-primary-stroke-contrast: var(--bi-primary-60);
217
215
  --bi-color-primary-stroke-accent: var(--bi-primary-50);
218
- --bi-color-primary-text: var(--bi-primary-95);
219
- --bi-color-primary-text-subtle: var(--bi-primary-90);
216
+ --bi-color-primary-text: var(--bi-primary-90);
220
217
  --bi-color-primary-text-accent: var(--bi-primary-75);
221
218
  --bi-color-primary-contrast: var(--bi-primary-50);
222
- --bi-color-primary-contrast-hover: var(--bi-primary-60);
223
219
  --bi-color-primary-fill: var(--bi-primary-50);
224
220
  --bi-color-primary-on-fill: var(--bi-basic-white);
225
221
  --bi-color-info-background: var(--bi-info-0);
@@ -233,10 +229,8 @@
233
229
  --bi-color-info-stroke-contrast: var(--bi-info-60);
234
230
  --bi-color-info-stroke-accent: var(--bi-info-50);
235
231
  --bi-color-info-text: var(--bi-info-95);
236
- --bi-color-info-text-subtle: var(--bi-info-90);
237
232
  --bi-color-info-text-accent: var(--bi-info-75);
238
- --bi-color-info-contrast: var(--bi-info-90);
239
- --bi-color-info-contrast-hover: var(--bi-info-95);
233
+ --bi-color-info-contrast: var(--bi-info-95);
240
234
  --bi-color-info-fill: var(--bi-info-50);
241
235
  --bi-color-info-on-fill: var(--bi-basic-white);
242
236
  --bi-color-warning-background: var(--bi-warning-0);
@@ -250,10 +244,8 @@
250
244
  --bi-color-warning-stroke-contrast: var(--bi-warning-75);
251
245
  --bi-color-warning-stroke-accent: var(--bi-secondary-50);
252
246
  --bi-color-warning-text: var(--bi-warning-95);
253
- --bi-color-warning-text-subtle: var(--bi-warning-90);
254
247
  --bi-color-warning-text-accent: var(--bi-warning-80);
255
- --bi-color-warning-contrast: var(--bi-warning-90);
256
- --bi-color-warning-contrast-hover: var(--bi-warning-95);
248
+ --bi-color-warning-contrast: var(--bi-warning-95);
257
249
  --bi-color-warning-fill: var(--bi-warning-75);
258
250
  --bi-color-warning-on-fill: var(--bi-basic-white);
259
251
  --bi-color-success-background: var(--bi-success-0);
@@ -267,10 +259,8 @@
267
259
  --bi-color-success-stroke-contrast: var(--bi-success-60);
268
260
  --bi-color-success-stroke-accent: var(--bi-success-50);
269
261
  --bi-color-success-text: var(--bi-success-95);
270
- --bi-color-success-text-subtle: var(--bi-success-90);
271
262
  --bi-color-success-text-accent: var(--bi-success-75);
272
- --bi-color-success-contrast: var(--bi-success-90);
273
- --bi-color-success-contrast-hover: var(--bi-success-95);
263
+ --bi-color-success-contrast: var(--bi-success-95);
274
264
  --bi-color-success-fill: var(--bi-success-70);
275
265
  --bi-color-success-on-fill: var(--bi-basic-white);
276
266
  --bi-color-alert-background: var(--bi-alert-0);
@@ -284,10 +274,8 @@
284
274
  --bi-color-alert-stroke-contrast: var(--bi-alert-60);
285
275
  --bi-color-alert-stroke-accent: var(--bi-alert-50);
286
276
  --bi-color-alert-text: var(--bi-alert-95);
287
- --bi-color-alert-text-subtle: var(--bi-alert-90);
288
277
  --bi-color-alert-text-accent: var(--bi-alert-75);
289
- --bi-color-alert-contrast: var(--bi-alert-90);
290
- --bi-color-alert-contrast-hover: var(--bi-alert-95);
278
+ --bi-color-alert-contrast: var(--bi-alert-95);
291
279
  --bi-color-alert-fill: var(--bi-alert-60);
292
280
  --bi-color-alert-on-fill: var(--bi-basic-white);
293
281
  --bi-states-focus: var(--bi-primary-50);
@@ -376,10 +364,8 @@
376
364
  --bi-color-neutral-stroke-accent: var(--bi-primary-50);
377
365
  --bi-color-neutral-text: var(--bi-neutral-95);
378
366
  --bi-color-neutral-text-secondary: var(--bi-neutral-60);
379
- --bi-color-neutral-text-subtle: var(--bi-neutral-90);
380
367
  --bi-color-neutral-text-accent: var(--bi-primary-60);
381
- --bi-color-neutral-contrast: var(--bi-neutral-90);
382
- --bi-color-neutral-contrast-hover: var(--bi-neutral-95);
368
+ --bi-color-neutral-contrast: var(--bi-neutral-95);
383
369
  --bi-color-neutral-fill: var(--bi-neutral-50);
384
370
  --bi-color-neutral-on-fill: var(--bi-basic-white);
385
371
  --bi-color-primary-background: var(--bi-primary-0);
@@ -392,12 +378,10 @@
392
378
  --bi-color-primary-stroke-strong: var(--bi-primary-25);
393
379
  --bi-color-primary-stroke-contrast: var(--bi-primary-60);
394
380
  --bi-color-primary-stroke-accent: var(--bi-primary-50);
395
- --bi-color-primary-text: var(--bi-primary-95);
381
+ --bi-color-primary-text: var(--bi-primary-90);
396
382
  --bi-color-primary-text-secondary: #042f5bb2;
397
- --bi-color-primary-text-subtle: var(--bi-primary-90);
398
383
  --bi-color-primary-text-accent: var(--bi-primary-75);
399
384
  --bi-color-primary-contrast: var(--bi-primary-50);
400
- --bi-color-primary-contrast-hover: var(--bi-primary-60);
401
385
  --bi-color-primary-fill: var(--bi-primary-50);
402
386
  --bi-color-primary-on-fill: var(--bi-basic-white);
403
387
  --bi-color-info-background: var(--bi-info-0);
@@ -412,10 +396,8 @@
412
396
  --bi-color-info-stroke-accent: var(--bi-info-50);
413
397
  --bi-color-info-text: var(--bi-info-95);
414
398
  --bi-color-info-text-secondary: #2e0b61b2;
415
- --bi-color-info-text-subtle: var(--bi-info-90);
416
399
  --bi-color-info-text-accent: var(--bi-info-75);
417
- --bi-color-info-contrast: var(--bi-info-90);
418
- --bi-color-info-contrast-hover: var(--bi-info-95);
400
+ --bi-color-info-contrast: var(--bi-info-95);
419
401
  --bi-color-info-fill: var(--bi-info-50);
420
402
  --bi-color-info-on-fill: var(--bi-basic-white);
421
403
  --bi-color-warning-background: var(--bi-warning-0);
@@ -430,10 +412,8 @@
430
412
  --bi-color-warning-stroke-accent: var(--bi-secondary-50);
431
413
  --bi-color-warning-text: var(--bi-warning-95);
432
414
  --bi-color-warning-text-secondary: #4a3c01b2;
433
- --bi-color-warning-text-subtle: var(--bi-warning-90);
434
415
  --bi-color-warning-text-accent: var(--bi-warning-80);
435
- --bi-color-warning-contrast: var(--bi-warning-90);
436
- --bi-color-warning-contrast-hover: var(--bi-warning-95);
416
+ --bi-color-warning-contrast: var(--bi-warning-95);
437
417
  --bi-color-warning-fill: var(--bi-warning-75);
438
418
  --bi-color-warning-on-fill: var(--bi-basic-white);
439
419
  --bi-color-success-background: var(--bi-success-0);
@@ -448,10 +428,8 @@
448
428
  --bi-color-success-stroke-accent: var(--bi-success-50);
449
429
  --bi-color-success-text: var(--bi-success-95);
450
430
  --bi-color-success-text-secondary: #143a16b2;
451
- --bi-color-success-text-subtle: var(--bi-success-90);
452
431
  --bi-color-success-text-accent: var(--bi-success-75);
453
- --bi-color-success-contrast: var(--bi-success-90);
454
- --bi-color-success-contrast-hover: var(--bi-success-95);
432
+ --bi-color-success-contrast: var(--bi-success-95);
455
433
  --bi-color-success-fill: var(--bi-success-70);
456
434
  --bi-color-success-on-fill: var(--bi-basic-white);
457
435
  --bi-color-alert-background: var(--bi-alert-0);
@@ -466,10 +444,8 @@
466
444
  --bi-color-alert-stroke-accent: var(--bi-alert-50);
467
445
  --bi-color-alert-text: var(--bi-alert-95);
468
446
  --bi-color-alert-text-secondary: #6a1b16b2;
469
- --bi-color-alert-text-subtle: var(--bi-alert-90);
470
447
  --bi-color-alert-text-accent: var(--bi-alert-75);
471
- --bi-color-alert-contrast: var(--bi-alert-90);
472
- --bi-color-alert-contrast-hover: var(--bi-alert-95);
448
+ --bi-color-alert-contrast: var(--bi-alert-95);
473
449
  --bi-color-alert-fill: var(--bi-alert-60);
474
450
  --bi-color-alert-on-fill: var(--bi-basic-white);
475
451
  --bi-states-hover: #26333f1a;
@@ -496,10 +472,8 @@
496
472
  --bi-color-neutral-stroke-accent: var(--bi-primary-50);
497
473
  --bi-color-neutral-text: var(--bi-basic-white);
498
474
  --bi-color-neutral-text-secondary: #ffffffb2;
499
- --bi-color-neutral-text-subtle: var(--bi-neutral-15);
500
475
  --bi-color-neutral-text-accent: var(--bi-primary-30);
501
- --bi-color-neutral-contrast: var(--bi-neutral-5);
502
- --bi-color-neutral-contrast-hover: var(--bi-neutral-15);
476
+ --bi-color-neutral-contrast: var(--bi-basic-white);
503
477
  --bi-color-neutral-fill: var(--bi-neutral-50);
504
478
  --bi-color-neutral-on-fill: var(--bi-basic-white);
505
479
  --bi-color-primary-background: var(--bi-primary-100);
@@ -514,10 +488,8 @@
514
488
  --bi-color-primary-stroke-accent: var(--bi-primary-50);
515
489
  --bi-color-primary-text: var(--bi-basic-white);
516
490
  --bi-color-primary-text-secondary: #ffffffb2;
517
- --bi-color-primary-text-subtle: var(--bi-primary-10);
518
491
  --bi-color-primary-text-accent: var(--bi-primary-30);
519
492
  --bi-color-primary-contrast: var(--bi-primary-30);
520
- --bi-color-primary-contrast-hover: var(--bi-primary-20);
521
493
  --bi-color-primary-fill: var(--bi-primary-50);
522
494
  --bi-color-primary-on-fill: var(--bi-basic-white);
523
495
  --bi-color-info-background: var(--bi-info-100);
@@ -532,10 +504,8 @@
532
504
  --bi-color-info-stroke-accent: var(--bi-info-50);
533
505
  --bi-color-info-text: var(--bi-basic-white);
534
506
  --bi-color-info-text-secondary: #ffffffb2;
535
- --bi-color-info-text-subtle: var(--bi-info-15);
536
507
  --bi-color-info-text-accent: var(--bi-info-25);
537
508
  --bi-color-info-contrast: var(--bi-info-5);
538
- --bi-color-info-contrast-hover: var(--bi-info-15);
539
509
  --bi-color-info-fill: var(--bi-info-50);
540
510
  --bi-color-info-on-fill: var(--bi-basic-white);
541
511
  --bi-color-warning-background: var(--bi-warning-100);
@@ -550,10 +520,8 @@
550
520
  --bi-color-warning-stroke-accent: var(--bi-secondary-50);
551
521
  --bi-color-warning-text: var(--bi-basic-white);
552
522
  --bi-color-warning-text-secondary: #ffffffb2;
553
- --bi-color-warning-text-subtle: var(--bi-warning-15);
554
523
  --bi-color-warning-text-accent: var(--bi-warning-50);
555
524
  --bi-color-warning-contrast: var(--bi-warning-5);
556
- --bi-color-warning-contrast-hover: var(--bi-warning-15);
557
525
  --bi-color-warning-fill: var(--bi-warning-75);
558
526
  --bi-color-warning-on-fill: var(--bi-basic-white);
559
527
  --bi-color-success-background: var(--bi-success-100);
@@ -568,10 +536,8 @@
568
536
  --bi-color-success-stroke-accent: var(--bi-success-50);
569
537
  --bi-color-success-text: var(--bi-basic-white);
570
538
  --bi-color-success-text-secondary: #ffffffb2;
571
- --bi-color-success-text-subtle: var(--bi-success-10);
572
539
  --bi-color-success-text-accent: var(--bi-success-25);
573
540
  --bi-color-success-contrast: var(--bi-success-5);
574
- --bi-color-success-contrast-hover: var(--bi-success-15);
575
541
  --bi-color-success-fill: var(--bi-success-70);
576
542
  --bi-color-success-on-fill: var(--bi-basic-white);
577
543
  --bi-color-alert-background: var(--bi-alert-100);
@@ -586,10 +552,8 @@
586
552
  --bi-color-alert-stroke-accent: var(--bi-alert-50);
587
553
  --bi-color-alert-text: var(--bi-basic-white);
588
554
  --bi-color-alert-text-secondary: #ffffffb2;
589
- --bi-color-alert-text-subtle: var(--bi-alert-15);
590
555
  --bi-color-alert-text-accent: var(--bi-alert-25);
591
556
  --bi-color-alert-contrast: var(--bi-alert-5);
592
- --bi-color-alert-contrast-hover: var(--bi-alert-15);
593
557
  --bi-color-alert-fill: var(--bi-alert-60);
594
558
  --bi-color-alert-on-fill: var(--bi-basic-white);
595
559
  --bi-states-hover: #ffffff1a;
@@ -612,10 +576,8 @@
612
576
  --bi-color-stroke-accent: var(--bi-color-neutral-stroke-accent);
613
577
  --bi-color-text: var(--bi-color-neutral-text);
614
578
  --bi-color-text-secondary: var(--bi-color-neutral-text-secondary);
615
- --bi-color-text-subtle: var(--bi-color-neutral-text-subtle);
616
579
  --bi-color-text-accent: var(--bi-color-neutral-text-accent);
617
580
  --bi-color-contrast: var(--bi-color-neutral-contrast);
618
- --bi-color-contrast-hover: var(--bi-color-neutral-contrast-hover);
619
581
  --bi-color-fill: var(--bi-color-neutral-fill);
620
582
  --bi-color-on-fill: var(--bi-color-neutral-on-fill);
621
583
  }
@@ -633,10 +595,8 @@
633
595
  --bi-color-stroke-accent: var(--bi-color-alert-stroke-accent);
634
596
  --bi-color-text: var(--bi-color-alert-text);
635
597
  --bi-color-text-secondary: var(--bi-color-alert-text-secondary);
636
- --bi-color-text-subtle: var(--bi-color-alert-text-subtle);
637
598
  --bi-color-text-accent: var(--bi-color-alert-text-accent);
638
599
  --bi-color-contrast: var(--bi-color-alert-contrast);
639
- --bi-color-contrast-hover: var(--bi-color-alert-contrast-hover);
640
600
  --bi-color-fill: var(--bi-color-alert-fill);
641
601
  --bi-color-on-fill: var(--bi-color-alert-on-fill);
642
602
  }
@@ -654,10 +614,8 @@
654
614
  --bi-color-stroke-accent: var(--bi-color-info-stroke-accent);
655
615
  --bi-color-text: var(--bi-color-info-text);
656
616
  --bi-color-text-secondary: var(--bi-color-info-text-secondary);
657
- --bi-color-text-subtle: var(--bi-color-info-text-subtle);
658
617
  --bi-color-text-accent: var(--bi-color-info-text-accent);
659
618
  --bi-color-contrast: var(--bi-color-info-contrast);
660
- --bi-color-contrast-hover: var(--bi-color-info-contrast-hover);
661
619
  --bi-color-fill: var(--bi-color-info-fill);
662
620
  --bi-color-on-fill: var(--bi-color-info-on-fill);
663
621
  }
@@ -675,10 +633,8 @@
675
633
  --bi-color-stroke-accent: var(--bi-color-primary-stroke-accent);
676
634
  --bi-color-text: var(--bi-color-primary-text);
677
635
  --bi-color-text-secondary: var(--bi-color-primary-text-secondary);
678
- --bi-color-text-subtle: var(--bi-color-primary-text-subtle);
679
636
  --bi-color-text-accent: var(--bi-color-primary-text-accent);
680
637
  --bi-color-contrast: var(--bi-color-primary-contrast);
681
- --bi-color-contrast-hover: var(--bi-color-primary-contrast-hover);
682
638
  --bi-color-fill: var(--bi-color-primary-fill);
683
639
  --bi-color-on-fill: var(--bi-color-primary-on-fill);
684
640
  }
@@ -696,10 +652,8 @@
696
652
  --bi-color-stroke-accent: var(--bi-color-success-stroke-accent);
697
653
  --bi-color-text: var(--bi-color-success-text);
698
654
  --bi-color-text-secondary: var(--bi-color-success-text-secondary);
699
- --bi-color-text-subtle: var(--bi-color-success-text-subtle);
700
655
  --bi-color-text-accent: var(--bi-color-success-text-accent);
701
656
  --bi-color-contrast: var(--bi-color-success-contrast);
702
- --bi-color-contrast-hover: var(--bi-color-success-contrast-hover);
703
657
  --bi-color-fill: var(--bi-color-success-fill);
704
658
  --bi-color-on-fill: var(--bi-color-success-on-fill);
705
659
  }
@@ -717,10 +671,8 @@
717
671
  --bi-color-stroke-accent: var(--bi-color-warning-stroke-accent);
718
672
  --bi-color-text: var(--bi-color-warning-text);
719
673
  --bi-color-text-secondary: var(--bi-color-warning-text-secondary);
720
- --bi-color-text-subtle: var(--bi-color-warning-text-subtle);
721
674
  --bi-color-text-accent: var(--bi-color-warning-text-accent);
722
675
  --bi-color-contrast: var(--bi-color-warning-contrast);
723
- --bi-color-contrast-hover: var(--bi-color-warning-contrast-hover);
724
676
  --bi-color-fill: var(--bi-color-warning-fill);
725
677
  --bi-color-on-fill: var(--bi-color-warning-on-fill);
726
678
  }
package/dist/tokens.d.ts CHANGED
@@ -205,10 +205,8 @@ declare const tokens: {
205
205
  "stroke-accent": DesignToken;
206
206
  text: DesignToken;
207
207
  "text-secondary": DesignToken;
208
- "text-subtle": DesignToken;
209
208
  "text-accent": DesignToken;
210
209
  contrast: DesignToken;
211
- "contrast-hover": DesignToken;
212
210
  fill: DesignToken;
213
211
  "on-fill": DesignToken;
214
212
  };
@@ -225,10 +223,8 @@ declare const tokens: {
225
223
  "stroke-accent": DesignToken;
226
224
  text: DesignToken;
227
225
  "text-secondary": DesignToken;
228
- "text-subtle": DesignToken;
229
226
  "text-accent": DesignToken;
230
227
  contrast: DesignToken;
231
- "contrast-hover": DesignToken;
232
228
  fill: DesignToken;
233
229
  "on-fill": DesignToken;
234
230
  };
@@ -245,10 +241,8 @@ declare const tokens: {
245
241
  "stroke-accent": DesignToken;
246
242
  text: DesignToken;
247
243
  "text-secondary": DesignToken;
248
- "text-subtle": DesignToken;
249
244
  "text-accent": DesignToken;
250
245
  contrast: DesignToken;
251
- "contrast-hover": DesignToken;
252
246
  fill: DesignToken;
253
247
  "on-fill": DesignToken;
254
248
  };
@@ -265,10 +259,8 @@ declare const tokens: {
265
259
  "stroke-accent": DesignToken;
266
260
  text: DesignToken;
267
261
  "text-secondary": DesignToken;
268
- "text-subtle": DesignToken;
269
262
  "text-accent": DesignToken;
270
263
  contrast: DesignToken;
271
- "contrast-hover": DesignToken;
272
264
  fill: DesignToken;
273
265
  "on-fill": DesignToken;
274
266
  };
@@ -285,10 +277,8 @@ declare const tokens: {
285
277
  "stroke-accent": DesignToken;
286
278
  text: DesignToken;
287
279
  "text-secondary": DesignToken;
288
- "text-subtle": DesignToken;
289
280
  "text-accent": DesignToken;
290
281
  contrast: DesignToken;
291
- "contrast-hover": DesignToken;
292
282
  fill: DesignToken;
293
283
  "on-fill": DesignToken;
294
284
  };
@@ -305,10 +295,8 @@ declare const tokens: {
305
295
  "stroke-accent": DesignToken;
306
296
  text: DesignToken;
307
297
  "text-secondary": DesignToken;
308
- "text-subtle": DesignToken;
309
298
  "text-accent": DesignToken;
310
299
  contrast: DesignToken;
311
- "contrast-hover": DesignToken;
312
300
  fill: DesignToken;
313
301
  "on-fill": DesignToken;
314
302
  };
package/dist/tokens.js CHANGED
@@ -3095,25 +3095,6 @@ export default {
3095
3095
  },
3096
3096
  path: ["color", "neutral", "text-secondary"],
3097
3097
  },
3098
- "text-subtle": {
3099
- key: "{color.neutral.text-subtle}",
3100
- $type: "color",
3101
- $value: "#26333f",
3102
- filePath: "tokens/Semantic.light.tokens.json",
3103
- isSource: true,
3104
- original: {
3105
- $type: "color",
3106
- $value: "{neutral.90}",
3107
- key: "{color.neutral.text-subtle}",
3108
- },
3109
- name: "bi-color-neutral-text-subtle",
3110
- attributes: {
3111
- category: "color",
3112
- type: "neutral",
3113
- item: "text-subtle",
3114
- },
3115
- path: ["color", "neutral", "text-subtle"],
3116
- },
3117
3098
  "text-accent": {
3118
3099
  key: "{color.neutral.text-accent}",
3119
3100
  $type: "color",
@@ -3136,12 +3117,12 @@ export default {
3136
3117
  contrast: {
3137
3118
  key: "{color.neutral.contrast}",
3138
3119
  $type: "color",
3139
- $value: "#26333f",
3120
+ $value: "#222d38",
3140
3121
  filePath: "tokens/Semantic.light.tokens.json",
3141
3122
  isSource: true,
3142
3123
  original: {
3143
3124
  $type: "color",
3144
- $value: "{neutral.90}",
3125
+ $value: "{neutral.95}",
3145
3126
  key: "{color.neutral.contrast}",
3146
3127
  },
3147
3128
  name: "bi-color-neutral-contrast",
@@ -3152,25 +3133,6 @@ export default {
3152
3133
  },
3153
3134
  path: ["color", "neutral", "contrast"],
3154
3135
  },
3155
- "contrast-hover": {
3156
- key: "{color.neutral.contrast-hover}",
3157
- $type: "color",
3158
- $value: "#222d38",
3159
- filePath: "tokens/Semantic.light.tokens.json",
3160
- isSource: true,
3161
- original: {
3162
- $type: "color",
3163
- $value: "{neutral.95}",
3164
- key: "{color.neutral.contrast-hover}",
3165
- },
3166
- name: "bi-color-neutral-contrast-hover",
3167
- attributes: {
3168
- category: "color",
3169
- type: "neutral",
3170
- item: "contrast-hover",
3171
- },
3172
- path: ["color", "neutral", "contrast-hover"],
3173
- },
3174
3136
  fill: {
3175
3137
  key: "{color.neutral.fill}",
3176
3138
  $type: "color",
@@ -3404,12 +3366,12 @@ export default {
3404
3366
  text: {
3405
3367
  key: "{color.primary.text}",
3406
3368
  $type: "color",
3407
- $value: "#002341",
3369
+ $value: "#042f5b",
3408
3370
  filePath: "tokens/Semantic.light.tokens.json",
3409
3371
  isSource: true,
3410
3372
  original: {
3411
3373
  $type: "color",
3412
- $value: "{primary.95}",
3374
+ $value: "{primary.90}",
3413
3375
  key: "{color.primary.text}",
3414
3376
  },
3415
3377
  name: "bi-color-primary-text",
@@ -3439,25 +3401,6 @@ export default {
3439
3401
  },
3440
3402
  path: ["color", "primary", "text-secondary"],
3441
3403
  },
3442
- "text-subtle": {
3443
- key: "{color.primary.text-subtle}",
3444
- $type: "color",
3445
- $value: "#042f5b",
3446
- filePath: "tokens/Semantic.light.tokens.json",
3447
- isSource: true,
3448
- original: {
3449
- $type: "color",
3450
- $value: "{primary.90}",
3451
- key: "{color.primary.text-subtle}",
3452
- },
3453
- name: "bi-color-primary-text-subtle",
3454
- attributes: {
3455
- category: "color",
3456
- type: "primary",
3457
- item: "text-subtle",
3458
- },
3459
- path: ["color", "primary", "text-subtle"],
3460
- },
3461
3404
  "text-accent": {
3462
3405
  key: "{color.primary.text-accent}",
3463
3406
  $type: "color",
@@ -3496,25 +3439,6 @@ export default {
3496
3439
  },
3497
3440
  path: ["color", "primary", "contrast"],
3498
3441
  },
3499
- "contrast-hover": {
3500
- key: "{color.primary.contrast-hover}",
3501
- $type: "color",
3502
- $value: "#0b4db4",
3503
- filePath: "tokens/Semantic.light.tokens.json",
3504
- isSource: true,
3505
- original: {
3506
- $type: "color",
3507
- $value: "{primary.60}",
3508
- key: "{color.primary.contrast-hover}",
3509
- },
3510
- name: "bi-color-primary-contrast-hover",
3511
- attributes: {
3512
- category: "color",
3513
- type: "primary",
3514
- item: "contrast-hover",
3515
- },
3516
- path: ["color", "primary", "contrast-hover"],
3517
- },
3518
3442
  fill: {
3519
3443
  key: "{color.primary.fill}",
3520
3444
  $type: "color",
@@ -3783,25 +3707,6 @@ export default {
3783
3707
  },
3784
3708
  path: ["color", "info", "text-secondary"],
3785
3709
  },
3786
- "text-subtle": {
3787
- key: "{color.info.text-subtle}",
3788
- $type: "color",
3789
- $value: "#2e0b61",
3790
- filePath: "tokens/Semantic.light.tokens.json",
3791
- isSource: true,
3792
- original: {
3793
- $type: "color",
3794
- $value: "{info.90}",
3795
- key: "{color.info.text-subtle}",
3796
- },
3797
- name: "bi-color-info-text-subtle",
3798
- attributes: {
3799
- category: "color",
3800
- type: "info",
3801
- item: "text-subtle",
3802
- },
3803
- path: ["color", "info", "text-subtle"],
3804
- },
3805
3710
  "text-accent": {
3806
3711
  key: "{color.info.text-accent}",
3807
3712
  $type: "color",
@@ -3824,12 +3729,12 @@ export default {
3824
3729
  contrast: {
3825
3730
  key: "{color.info.contrast}",
3826
3731
  $type: "color",
3827
- $value: "#2e0b61",
3732
+ $value: "#280d50",
3828
3733
  filePath: "tokens/Semantic.light.tokens.json",
3829
3734
  isSource: true,
3830
3735
  original: {
3831
3736
  $type: "color",
3832
- $value: "{info.90}",
3737
+ $value: "{info.95}",
3833
3738
  key: "{color.info.contrast}",
3834
3739
  },
3835
3740
  name: "bi-color-info-contrast",
@@ -3840,25 +3745,6 @@ export default {
3840
3745
  },
3841
3746
  path: ["color", "info", "contrast"],
3842
3747
  },
3843
- "contrast-hover": {
3844
- key: "{color.info.contrast-hover}",
3845
- $type: "color",
3846
- $value: "#280d50",
3847
- filePath: "tokens/Semantic.light.tokens.json",
3848
- isSource: true,
3849
- original: {
3850
- $type: "color",
3851
- $value: "{info.95}",
3852
- key: "{color.info.contrast-hover}",
3853
- },
3854
- name: "bi-color-info-contrast-hover",
3855
- attributes: {
3856
- category: "color",
3857
- type: "info",
3858
- item: "contrast-hover",
3859
- },
3860
- path: ["color", "info", "contrast-hover"],
3861
- },
3862
3748
  fill: {
3863
3749
  key: "{color.info.fill}",
3864
3750
  $type: "color",
@@ -4127,25 +4013,6 @@ export default {
4127
4013
  },
4128
4014
  path: ["color", "warning", "text-secondary"],
4129
4015
  },
4130
- "text-subtle": {
4131
- key: "{color.warning.text-subtle}",
4132
- $type: "color",
4133
- $value: "#4a3c01",
4134
- filePath: "tokens/Semantic.light.tokens.json",
4135
- isSource: true,
4136
- original: {
4137
- $type: "color",
4138
- $value: "{warning.90}",
4139
- key: "{color.warning.text-subtle}",
4140
- },
4141
- name: "bi-color-warning-text-subtle",
4142
- attributes: {
4143
- category: "color",
4144
- type: "warning",
4145
- item: "text-subtle",
4146
- },
4147
- path: ["color", "warning", "text-subtle"],
4148
- },
4149
4016
  "text-accent": {
4150
4017
  key: "{color.warning.text-accent}",
4151
4018
  $type: "color",
@@ -4168,12 +4035,12 @@ export default {
4168
4035
  contrast: {
4169
4036
  key: "{color.warning.contrast}",
4170
4037
  $type: "color",
4171
- $value: "#4a3c01",
4038
+ $value: "#3a2f00",
4172
4039
  filePath: "tokens/Semantic.light.tokens.json",
4173
4040
  isSource: true,
4174
4041
  original: {
4175
4042
  $type: "color",
4176
- $value: "{warning.90}",
4043
+ $value: "{warning.95}",
4177
4044
  key: "{color.warning.contrast}",
4178
4045
  },
4179
4046
  name: "bi-color-warning-contrast",
@@ -4184,25 +4051,6 @@ export default {
4184
4051
  },
4185
4052
  path: ["color", "warning", "contrast"],
4186
4053
  },
4187
- "contrast-hover": {
4188
- key: "{color.warning.contrast-hover}",
4189
- $type: "color",
4190
- $value: "#3a2f00",
4191
- filePath: "tokens/Semantic.light.tokens.json",
4192
- isSource: true,
4193
- original: {
4194
- $type: "color",
4195
- $value: "{warning.95}",
4196
- key: "{color.warning.contrast-hover}",
4197
- },
4198
- name: "bi-color-warning-contrast-hover",
4199
- attributes: {
4200
- category: "color",
4201
- type: "warning",
4202
- item: "contrast-hover",
4203
- },
4204
- path: ["color", "warning", "contrast-hover"],
4205
- },
4206
4054
  fill: {
4207
4055
  key: "{color.warning.fill}",
4208
4056
  $type: "color",
@@ -4471,25 +4319,6 @@ export default {
4471
4319
  },
4472
4320
  path: ["color", "success", "text-secondary"],
4473
4321
  },
4474
- "text-subtle": {
4475
- key: "{color.success.text-subtle}",
4476
- $type: "color",
4477
- $value: "#143a16",
4478
- filePath: "tokens/Semantic.light.tokens.json",
4479
- isSource: true,
4480
- original: {
4481
- $type: "color",
4482
- $value: "{success.90}",
4483
- key: "{color.success.text-subtle}",
4484
- },
4485
- name: "bi-color-success-text-subtle",
4486
- attributes: {
4487
- category: "color",
4488
- type: "success",
4489
- item: "text-subtle",
4490
- },
4491
- path: ["color", "success", "text-subtle"],
4492
- },
4493
4322
  "text-accent": {
4494
4323
  key: "{color.success.text-accent}",
4495
4324
  $type: "color",
@@ -4512,12 +4341,12 @@ export default {
4512
4341
  contrast: {
4513
4342
  key: "{color.success.contrast}",
4514
4343
  $type: "color",
4515
- $value: "#143a16",
4344
+ $value: "#162e17",
4516
4345
  filePath: "tokens/Semantic.light.tokens.json",
4517
4346
  isSource: true,
4518
4347
  original: {
4519
4348
  $type: "color",
4520
- $value: "{success.90}",
4349
+ $value: "{success.95}",
4521
4350
  key: "{color.success.contrast}",
4522
4351
  },
4523
4352
  name: "bi-color-success-contrast",
@@ -4528,25 +4357,6 @@ export default {
4528
4357
  },
4529
4358
  path: ["color", "success", "contrast"],
4530
4359
  },
4531
- "contrast-hover": {
4532
- key: "{color.success.contrast-hover}",
4533
- $type: "color",
4534
- $value: "#162e17",
4535
- filePath: "tokens/Semantic.light.tokens.json",
4536
- isSource: true,
4537
- original: {
4538
- $type: "color",
4539
- $value: "{success.95}",
4540
- key: "{color.success.contrast-hover}",
4541
- },
4542
- name: "bi-color-success-contrast-hover",
4543
- attributes: {
4544
- category: "color",
4545
- type: "success",
4546
- item: "contrast-hover",
4547
- },
4548
- path: ["color", "success", "contrast-hover"],
4549
- },
4550
4360
  fill: {
4551
4361
  key: "{color.success.fill}",
4552
4362
  $type: "color",
@@ -4815,25 +4625,6 @@ export default {
4815
4625
  },
4816
4626
  path: ["color", "alert", "text-secondary"],
4817
4627
  },
4818
- "text-subtle": {
4819
- key: "{color.alert.text-subtle}",
4820
- $type: "color",
4821
- $value: "#6a1b16",
4822
- filePath: "tokens/Semantic.light.tokens.json",
4823
- isSource: true,
4824
- original: {
4825
- $type: "color",
4826
- $value: "{alert.90}",
4827
- key: "{color.alert.text-subtle}",
4828
- },
4829
- name: "bi-color-alert-text-subtle",
4830
- attributes: {
4831
- category: "color",
4832
- type: "alert",
4833
- item: "text-subtle",
4834
- },
4835
- path: ["color", "alert", "text-subtle"],
4836
- },
4837
4628
  "text-accent": {
4838
4629
  key: "{color.alert.text-accent}",
4839
4630
  $type: "color",
@@ -4856,12 +4647,12 @@ export default {
4856
4647
  contrast: {
4857
4648
  key: "{color.alert.contrast}",
4858
4649
  $type: "color",
4859
- $value: "#6a1b16",
4650
+ $value: "#5d1c18",
4860
4651
  filePath: "tokens/Semantic.light.tokens.json",
4861
4652
  isSource: true,
4862
4653
  original: {
4863
4654
  $type: "color",
4864
- $value: "{alert.90}",
4655
+ $value: "{alert.95}",
4865
4656
  key: "{color.alert.contrast}",
4866
4657
  },
4867
4658
  name: "bi-color-alert-contrast",
@@ -4872,25 +4663,6 @@ export default {
4872
4663
  },
4873
4664
  path: ["color", "alert", "contrast"],
4874
4665
  },
4875
- "contrast-hover": {
4876
- key: "{color.alert.contrast-hover}",
4877
- $type: "color",
4878
- $value: "#5d1c18",
4879
- filePath: "tokens/Semantic.light.tokens.json",
4880
- isSource: true,
4881
- original: {
4882
- $type: "color",
4883
- $value: "{alert.95}",
4884
- key: "{color.alert.contrast-hover}",
4885
- },
4886
- name: "bi-color-alert-contrast-hover",
4887
- attributes: {
4888
- category: "color",
4889
- type: "alert",
4890
- item: "contrast-hover",
4891
- },
4892
- path: ["color", "alert", "contrast-hover"],
4893
- },
4894
4666
  fill: {
4895
4667
  key: "{color.alert.fill}",
4896
4668
  $type: "color",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bi-digital/tokens",
3
3
  "type": "module",
4
- "version": "0.12.4",
4
+ "version": "0.13.0",
5
5
  "description": "CSS and SASS variables for the BI Design System",
6
6
  "author": "BI Digital",
7
7
  "homepage": "https://designsystem.bi.no/?path=/docs/styles-colors--docs",
@@ -30,7 +30,7 @@
30
30
  ],
31
31
  "devDependencies": {
32
32
  "style-dictionary": "^5.5.0",
33
- "vitest": "4.1.10"
33
+ "vitest": "5.0.0"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "style-dictionary build",