@bi-digital/css 0.12.5 → 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 (12) hide show
  1. package/dist/baseline.css +0 -6
  2. package/dist/components/alert.css +2 -2
  3. package/dist/components/avatar.css +1 -1
  4. package/dist/components/chip.css +1 -1
  5. package/dist/components/field.css +1 -1
  6. package/dist/components/fieldset.css +1 -1
  7. package/dist/components/input.css +2 -2
  8. package/dist/components.css +8 -8
  9. package/dist/index.css +2 -32
  10. package/dist/salesforce.css +10 -34
  11. package/dist/tokens.css +2 -26
  12. package/package.json +3 -3
package/dist/baseline.css CHANGED
@@ -2,9 +2,3 @@ body, :host {
2
2
  font-family: var(--bi-font-family-plain), system-ui;
3
3
  line-height: 1.5;
4
4
  }
5
-
6
- html {
7
- &:has(bi-navbar), &:has(bi-in-page-links) {
8
- scroll-padding-top: var(--bi-layout-navbar-height);
9
- }
10
- }
package/dist/components/alert.css CHANGED
@@ -2,7 +2,7 @@
2
2
  --bic-alert-background: var(--bi-color-primary-surface-strong);
3
3
  --bic-alert-border-color: var(--bi-color-primary-stroke);
4
4
  --bic-alert-border-width: var(--bi-stroke-thin);
5
- --bic-alert-color: var(--bi-color-primary-text-subtle);
5
+ --bic-alert-color: var(--bi-color-primary-text);
6
6
  --bic-alert-icon-size: var(--bi-icon-medium);
7
7
  --bic-alert-gap: var(--bi-scale-1x);
8
8
  --bic-alert-padding: var(--bi-scale-2x);
@@ -10,7 +10,7 @@
10
10
  &[data-color] {
11
11
  --bic-alert-background: var(--bi-color-surface-strong);
12
12
  --bic-alert-border-color: var(--bi-color-stroke);
13
- --bic-alert-color: var(--bi-color-text-subtle);
13
+ --bic-alert-color: var(--bi-color-text);
14
14
  }
15
15
 
16
16
  background: var(--bic-alert-background);
package/dist/components/avatar.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .bi-avatar {
2
2
  --bic-avatar-background-color: var(--bi-color-surface-strong);
3
- --bic-avatar-color: var(--bi-color-text-subtle);
3
+ --bic-avatar-color: var(--bi-color-text);
4
4
  --bic-avatar-size: var(--bi-scale-24x);
5
5
  --bic-avatar-font-size: 1.75rem;
6
6
  border-radius: var(--bi-radius-full);
package/dist/components/chip.css CHANGED
@@ -1,7 +1,7 @@
1
1
  .bi-chip {
2
2
  --bic-chip-background: var(--bi-color-surface);
3
3
  --bic-chip-background-selected: var(--bi-color-fill);
4
- --bic-chip-text-color: var(--bi-color-text-subtle);
4
+ --bic-chip-text-color: var(--bi-color-text);
5
5
  --bic-chip-text-color-selected: var(--bi-color-on-fill);
6
6
  --bic-chip-padding: var(--bi-scale-1x) var(--bi-scale-2x);
7
7
  --bic-chip-icon-size: var(--bi-scale-6x);
package/dist/components/field.css CHANGED
@@ -8,7 +8,7 @@
8
8
  --bic-field-background-press: var(--bi-states-press);
9
9
  --bic-field-border-color: var(--bi-color-stroke-contrast);
10
10
  --bic-field-border-color-invalid: var(--bi-color-alert-stroke-contrast);
11
- --bic-field-disabled-color: var(--bi-color-text-subtle);
11
+ --bic-field-disabled-color: var(--bi-color-text-secondary);
12
12
  --bic-field-description-color: var(--bi-color-text-secondary);
13
13
  --bic-field-label-color: var(--bi-color-text);
14
14
  --bic-field-label-required-color: var(--bi-states-required);
package/dist/components/fieldset.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .bi-fieldset {
2
2
  --bic-fieldset-color: var(--bi-color-text);
3
- --bic-fieldset-description-color: var(--bi-color-text-subtle);
3
+ --bic-fieldset-description-color: var(--bi-color-text-secondary);
4
4
  border: 0;
5
5
  min-width: 0;
6
6
  margin: 0;
package/dist/components/input.css CHANGED
@@ -23,9 +23,9 @@
23
23
  --bic-input-background-readonly: var(--bi-color-surface);
24
24
  --bic-input-border-color: var(--bi-color-stroke-contrast);
25
25
  --bic-input-border-color-invalid: var(--bi-color-alert-stroke-contrast);
26
- --bic-input-color-readonly: var(--bi-color-text-subtle);
26
+ --bic-input-color-readonly: var(--bi-color-text-secondary);
27
27
  --bic-input-color: var(--bi-color-text);
28
- --bic-input-disabled-color: var(--bi-color-text-subtle);
28
+ --bic-input-disabled-color: var(--bi-color-text-secondary);
29
29
  --bic-input-placeholder-color: var(--bi-color-text-secondary);
30
30
  --bic-input-focus-outline-color: var(--bi-states-focus);
31
31
  --bic-input-focus-shadow-color: var(--bi-states-focus-background);
package/dist/components.css CHANGED
@@ -2,7 +2,7 @@
2
2
  --bic-alert-background: var(--bi-color-primary-surface-strong);
3
3
  --bic-alert-border-color: var(--bi-color-primary-stroke);
4
4
  --bic-alert-border-width: var(--bi-stroke-thin);
5
- --bic-alert-color: var(--bi-color-primary-text-subtle);
5
+ --bic-alert-color: var(--bi-color-primary-text);
6
6
  --bic-alert-icon-size: var(--bi-icon-medium);
7
7
  --bic-alert-gap: var(--bi-scale-1x);
8
8
  --bic-alert-padding: var(--bi-scale-2x);
@@ -10,7 +10,7 @@
10
10
  &[data-color] {
11
11
  --bic-alert-background: var(--bi-color-surface-strong);
12
12
  --bic-alert-border-color: var(--bi-color-stroke);
13
- --bic-alert-color: var(--bi-color-text-subtle);
13
+ --bic-alert-color: var(--bi-color-text);
14
14
  }
15
15
 
16
16
  background: var(--bic-alert-background);
@@ -72,7 +72,7 @@
72
72
 
73
73
  .bi-avatar {
74
74
  --bic-avatar-background-color: var(--bi-color-surface-strong);
75
- --bic-avatar-color: var(--bi-color-text-subtle);
75
+ --bic-avatar-color: var(--bi-color-text);
76
76
  --bic-avatar-size: var(--bi-scale-24x);
77
77
  --bic-avatar-font-size: 1.75rem;
78
78
  border-radius: var(--bi-radius-full);
@@ -661,7 +661,7 @@
661
661
  .bi-chip {
662
662
  --bic-chip-background: var(--bi-color-surface);
663
663
  --bic-chip-background-selected: var(--bi-color-fill);
664
- --bic-chip-text-color: var(--bi-color-text-subtle);
664
+ --bic-chip-text-color: var(--bi-color-text);
665
665
  --bic-chip-text-color-selected: var(--bi-color-on-fill);
666
666
  --bic-chip-padding: var(--bi-scale-1x) var(--bi-scale-2x);
667
667
  --bic-chip-icon-size: var(--bi-scale-6x);
@@ -1178,9 +1178,9 @@ body:has(.bi-dialog:modal) {
1178
1178
  --bic-input-background-readonly: var(--bi-color-surface);
1179
1179
  --bic-input-border-color: var(--bi-color-stroke-contrast);
1180
1180
  --bic-input-border-color-invalid: var(--bi-color-alert-stroke-contrast);
1181
- --bic-input-color-readonly: var(--bi-color-text-subtle);
1181
+ --bic-input-color-readonly: var(--bi-color-text-secondary);
1182
1182
  --bic-input-color: var(--bi-color-text);
1183
- --bic-input-disabled-color: var(--bi-color-text-subtle);
1183
+ --bic-input-disabled-color: var(--bi-color-text-secondary);
1184
1184
  --bic-input-placeholder-color: var(--bi-color-text-secondary);
1185
1185
  --bic-input-focus-outline-color: var(--bi-states-focus);
1186
1186
  --bic-input-focus-shadow-color: var(--bi-states-focus-background);
@@ -1382,7 +1382,7 @@ body:has(.bi-dialog:modal) {
1382
1382
  --bic-field-background-press: var(--bi-states-press);
1383
1383
  --bic-field-border-color: var(--bi-color-stroke-contrast);
1384
1384
  --bic-field-border-color-invalid: var(--bi-color-alert-stroke-contrast);
1385
- --bic-field-disabled-color: var(--bi-color-text-subtle);
1385
+ --bic-field-disabled-color: var(--bi-color-text-secondary);
1386
1386
  --bic-field-description-color: var(--bi-color-text-secondary);
1387
1387
  --bic-field-label-color: var(--bi-color-text);
1388
1388
  --bic-field-label-required-color: var(--bi-states-required);
@@ -1585,7 +1585,7 @@ body:has(.bi-dialog:modal) {
1585
1585
 
1586
1586
  .bi-fieldset {
1587
1587
  --bic-fieldset-color: var(--bi-color-text);
1588
- --bic-fieldset-description-color: var(--bi-color-text-subtle);
1588
+ --bic-fieldset-description-color: var(--bi-color-text-secondary);
1589
1589
  border: 0;
1590
1590
  min-width: 0;
1591
1591
  margin: 0;
package/dist/index.css CHANGED
@@ -196,7 +196,6 @@
196
196
  --bi-color-neutral-stroke-accent: var(--bi-primary-50);
197
197
  --bi-color-neutral-text: var(--bi-neutral-95);
198
198
  --bi-color-neutral-text-secondary: var(--bi-neutral-60);
199
- --bi-color-neutral-text-subtle: var(--bi-neutral-90);
200
199
  --bi-color-neutral-text-accent: var(--bi-primary-60);
201
200
  --bi-color-neutral-contrast: var(--bi-neutral-95);
202
201
  --bi-color-neutral-fill: var(--bi-neutral-50);
@@ -211,8 +210,7 @@
211
210
  --bi-color-primary-stroke-strong: var(--bi-primary-25);
212
211
  --bi-color-primary-stroke-contrast: var(--bi-primary-60);
213
212
  --bi-color-primary-stroke-accent: var(--bi-primary-50);
214
- --bi-color-primary-text: var(--bi-primary-95);
215
- --bi-color-primary-text-subtle: var(--bi-primary-90);
213
+ --bi-color-primary-text: var(--bi-primary-90);
216
214
  --bi-color-primary-text-accent: var(--bi-primary-75);
217
215
  --bi-color-primary-contrast: var(--bi-primary-50);
218
216
  --bi-color-primary-fill: var(--bi-primary-50);
@@ -228,7 +226,6 @@
228
226
  --bi-color-info-stroke-contrast: var(--bi-info-60);
229
227
  --bi-color-info-stroke-accent: var(--bi-info-50);
230
228
  --bi-color-info-text: var(--bi-info-95);
231
- --bi-color-info-text-subtle: var(--bi-info-90);
232
229
  --bi-color-info-text-accent: var(--bi-info-75);
233
230
  --bi-color-info-contrast: var(--bi-info-95);
234
231
  --bi-color-info-fill: var(--bi-info-50);
@@ -244,7 +241,6 @@
244
241
  --bi-color-warning-stroke-contrast: var(--bi-warning-75);
245
242
  --bi-color-warning-stroke-accent: var(--bi-secondary-50);
246
243
  --bi-color-warning-text: var(--bi-warning-95);
247
- --bi-color-warning-text-subtle: var(--bi-warning-90);
248
244
  --bi-color-warning-text-accent: var(--bi-warning-80);
249
245
  --bi-color-warning-contrast: var(--bi-warning-95);
250
246
  --bi-color-warning-fill: var(--bi-warning-75);
@@ -260,7 +256,6 @@
260
256
  --bi-color-success-stroke-contrast: var(--bi-success-60);
261
257
  --bi-color-success-stroke-accent: var(--bi-success-50);
262
258
  --bi-color-success-text: var(--bi-success-95);
263
- --bi-color-success-text-subtle: var(--bi-success-90);
264
259
  --bi-color-success-text-accent: var(--bi-success-75);
265
260
  --bi-color-success-contrast: var(--bi-success-95);
266
261
  --bi-color-success-fill: var(--bi-success-70);
@@ -276,7 +271,6 @@
276
271
  --bi-color-alert-stroke-contrast: var(--bi-alert-60);
277
272
  --bi-color-alert-stroke-accent: var(--bi-alert-50);
278
273
  --bi-color-alert-text: var(--bi-alert-95);
279
- --bi-color-alert-text-subtle: var(--bi-alert-90);
280
274
  --bi-color-alert-text-accent: var(--bi-alert-75);
281
275
  --bi-color-alert-contrast: var(--bi-alert-95);
282
276
  --bi-color-alert-fill: var(--bi-alert-60);
@@ -367,7 +361,6 @@
367
361
  --bi-color-neutral-stroke-accent: var(--bi-primary-50);
368
362
  --bi-color-neutral-text: var(--bi-neutral-95);
369
363
  --bi-color-neutral-text-secondary: var(--bi-neutral-60);
370
- --bi-color-neutral-text-subtle: var(--bi-neutral-90);
371
364
  --bi-color-neutral-text-accent: var(--bi-primary-60);
372
365
  --bi-color-neutral-contrast: var(--bi-neutral-95);
373
366
  --bi-color-neutral-fill: var(--bi-neutral-50);
@@ -382,9 +375,8 @@
382
375
  --bi-color-primary-stroke-strong: var(--bi-primary-25);
383
376
  --bi-color-primary-stroke-contrast: var(--bi-primary-60);
384
377
  --bi-color-primary-stroke-accent: var(--bi-primary-50);
385
- --bi-color-primary-text: var(--bi-primary-95);
378
+ --bi-color-primary-text: var(--bi-primary-90);
386
379
  --bi-color-primary-text-secondary: #042f5bb2;
387
- --bi-color-primary-text-subtle: var(--bi-primary-90);
388
380
  --bi-color-primary-text-accent: var(--bi-primary-75);
389
381
  --bi-color-primary-contrast: var(--bi-primary-50);
390
382
  --bi-color-primary-fill: var(--bi-primary-50);
@@ -401,7 +393,6 @@
401
393
  --bi-color-info-stroke-accent: var(--bi-info-50);
402
394
  --bi-color-info-text: var(--bi-info-95);
403
395
  --bi-color-info-text-secondary: #2e0b61b2;
404
- --bi-color-info-text-subtle: var(--bi-info-90);
405
396
  --bi-color-info-text-accent: var(--bi-info-75);
406
397
  --bi-color-info-contrast: var(--bi-info-95);
407
398
  --bi-color-info-fill: var(--bi-info-50);
@@ -418,7 +409,6 @@
418
409
  --bi-color-warning-stroke-accent: var(--bi-secondary-50);
419
410
  --bi-color-warning-text: var(--bi-warning-95);
420
411
  --bi-color-warning-text-secondary: #4a3c01b2;
421
- --bi-color-warning-text-subtle: var(--bi-warning-90);
422
412
  --bi-color-warning-text-accent: var(--bi-warning-80);
423
413
  --bi-color-warning-contrast: var(--bi-warning-95);
424
414
  --bi-color-warning-fill: var(--bi-warning-75);
@@ -435,7 +425,6 @@
435
425
  --bi-color-success-stroke-accent: var(--bi-success-50);
436
426
  --bi-color-success-text: var(--bi-success-95);
437
427
  --bi-color-success-text-secondary: #143a16b2;
438
- --bi-color-success-text-subtle: var(--bi-success-90);
439
428
  --bi-color-success-text-accent: var(--bi-success-75);
440
429
  --bi-color-success-contrast: var(--bi-success-95);
441
430
  --bi-color-success-fill: var(--bi-success-70);
@@ -452,7 +441,6 @@
452
441
  --bi-color-alert-stroke-accent: var(--bi-alert-50);
453
442
  --bi-color-alert-text: var(--bi-alert-95);
454
443
  --bi-color-alert-text-secondary: #6a1b16b2;
455
- --bi-color-alert-text-subtle: var(--bi-alert-90);
456
444
  --bi-color-alert-text-accent: var(--bi-alert-75);
457
445
  --bi-color-alert-contrast: var(--bi-alert-95);
458
446
  --bi-color-alert-fill: var(--bi-alert-60);
@@ -481,7 +469,6 @@
481
469
  --bi-color-neutral-stroke-accent: var(--bi-primary-50);
482
470
  --bi-color-neutral-text: var(--bi-basic-white);
483
471
  --bi-color-neutral-text-secondary: #ffffffb2;
484
- --bi-color-neutral-text-subtle: var(--bi-neutral-15);
485
472
  --bi-color-neutral-text-accent: var(--bi-primary-30);
486
473
  --bi-color-neutral-contrast: var(--bi-basic-white);
487
474
  --bi-color-neutral-fill: var(--bi-neutral-50);
@@ -498,7 +485,6 @@
498
485
  --bi-color-primary-stroke-accent: var(--bi-primary-50);
499
486
  --bi-color-primary-text: var(--bi-basic-white);
500
487
  --bi-color-primary-text-secondary: #ffffffb2;
501
- --bi-color-primary-text-subtle: var(--bi-primary-10);
502
488
  --bi-color-primary-text-accent: var(--bi-primary-30);
503
489
  --bi-color-primary-contrast: var(--bi-primary-30);
504
490
  --bi-color-primary-fill: var(--bi-primary-50);
@@ -515,7 +501,6 @@
515
501
  --bi-color-info-stroke-accent: var(--bi-info-50);
516
502
  --bi-color-info-text: var(--bi-basic-white);
517
503
  --bi-color-info-text-secondary: #ffffffb2;
518
- --bi-color-info-text-subtle: var(--bi-info-15);
519
504
  --bi-color-info-text-accent: var(--bi-info-25);
520
505
  --bi-color-info-contrast: var(--bi-info-5);
521
506
  --bi-color-info-fill: var(--bi-info-50);
@@ -532,7 +517,6 @@
532
517
  --bi-color-warning-stroke-accent: var(--bi-secondary-50);
533
518
  --bi-color-warning-text: var(--bi-basic-white);
534
519
  --bi-color-warning-text-secondary: #ffffffb2;
535
- --bi-color-warning-text-subtle: var(--bi-warning-15);
536
520
  --bi-color-warning-text-accent: var(--bi-warning-50);
537
521
  --bi-color-warning-contrast: var(--bi-warning-5);
538
522
  --bi-color-warning-fill: var(--bi-warning-75);
@@ -549,7 +533,6 @@
549
533
  --bi-color-success-stroke-accent: var(--bi-success-50);
550
534
  --bi-color-success-text: var(--bi-basic-white);
551
535
  --bi-color-success-text-secondary: #ffffffb2;
552
- --bi-color-success-text-subtle: var(--bi-success-10);
553
536
  --bi-color-success-text-accent: var(--bi-success-25);
554
537
  --bi-color-success-contrast: var(--bi-success-5);
555
538
  --bi-color-success-fill: var(--bi-success-70);
@@ -566,7 +549,6 @@
566
549
  --bi-color-alert-stroke-accent: var(--bi-alert-50);
567
550
  --bi-color-alert-text: var(--bi-basic-white);
568
551
  --bi-color-alert-text-secondary: #ffffffb2;
569
- --bi-color-alert-text-subtle: var(--bi-alert-15);
570
552
  --bi-color-alert-text-accent: var(--bi-alert-25);
571
553
  --bi-color-alert-contrast: var(--bi-alert-5);
572
554
  --bi-color-alert-fill: var(--bi-alert-60);
@@ -591,7 +573,6 @@
591
573
  --bi-color-stroke-accent: var(--bi-color-neutral-stroke-accent);
592
574
  --bi-color-text: var(--bi-color-neutral-text);
593
575
  --bi-color-text-secondary: var(--bi-color-neutral-text-secondary);
594
- --bi-color-text-subtle: var(--bi-color-neutral-text-subtle);
595
576
  --bi-color-text-accent: var(--bi-color-neutral-text-accent);
596
577
  --bi-color-contrast: var(--bi-color-neutral-contrast);
597
578
  --bi-color-fill: var(--bi-color-neutral-fill);
@@ -611,7 +592,6 @@
611
592
  --bi-color-stroke-accent: var(--bi-color-alert-stroke-accent);
612
593
  --bi-color-text: var(--bi-color-alert-text);
613
594
  --bi-color-text-secondary: var(--bi-color-alert-text-secondary);
614
- --bi-color-text-subtle: var(--bi-color-alert-text-subtle);
615
595
  --bi-color-text-accent: var(--bi-color-alert-text-accent);
616
596
  --bi-color-contrast: var(--bi-color-alert-contrast);
617
597
  --bi-color-fill: var(--bi-color-alert-fill);
@@ -631,7 +611,6 @@
631
611
  --bi-color-stroke-accent: var(--bi-color-info-stroke-accent);
632
612
  --bi-color-text: var(--bi-color-info-text);
633
613
  --bi-color-text-secondary: var(--bi-color-info-text-secondary);
634
- --bi-color-text-subtle: var(--bi-color-info-text-subtle);
635
614
  --bi-color-text-accent: var(--bi-color-info-text-accent);
636
615
  --bi-color-contrast: var(--bi-color-info-contrast);
637
616
  --bi-color-fill: var(--bi-color-info-fill);
@@ -651,7 +630,6 @@
651
630
  --bi-color-stroke-accent: var(--bi-color-primary-stroke-accent);
652
631
  --bi-color-text: var(--bi-color-primary-text);
653
632
  --bi-color-text-secondary: var(--bi-color-primary-text-secondary);
654
- --bi-color-text-subtle: var(--bi-color-primary-text-subtle);
655
633
  --bi-color-text-accent: var(--bi-color-primary-text-accent);
656
634
  --bi-color-contrast: var(--bi-color-primary-contrast);
657
635
  --bi-color-fill: var(--bi-color-primary-fill);
@@ -671,7 +649,6 @@
671
649
  --bi-color-stroke-accent: var(--bi-color-success-stroke-accent);
672
650
  --bi-color-text: var(--bi-color-success-text);
673
651
  --bi-color-text-secondary: var(--bi-color-success-text-secondary);
674
- --bi-color-text-subtle: var(--bi-color-success-text-subtle);
675
652
  --bi-color-text-accent: var(--bi-color-success-text-accent);
676
653
  --bi-color-contrast: var(--bi-color-success-contrast);
677
654
  --bi-color-fill: var(--bi-color-success-fill);
@@ -691,7 +668,6 @@
691
668
  --bi-color-stroke-accent: var(--bi-color-warning-stroke-accent);
692
669
  --bi-color-text: var(--bi-color-warning-text);
693
670
  --bi-color-text-secondary: var(--bi-color-warning-text-secondary);
694
- --bi-color-text-subtle: var(--bi-color-warning-text-subtle);
695
671
  --bi-color-text-accent: var(--bi-color-warning-text-accent);
696
672
  --bi-color-contrast: var(--bi-color-warning-contrast);
697
673
  --bi-color-fill: var(--bi-color-warning-fill);
@@ -901,9 +877,3 @@ body, :host {
901
877
  font-family: var(--bi-font-family-plain), system-ui;
902
878
  line-height: 1.5;
903
879
  }
904
-
905
- html {
906
- &:has(bi-navbar), &:has(bi-in-page-links) {
907
- scroll-padding-top: var(--bi-layout-navbar-height);
908
- }
909
- }
package/dist/salesforce.css CHANGED
@@ -195,7 +195,6 @@
195
195
  --bi-color-neutral-stroke-accent: var(--bi-primary-50);
196
196
  --bi-color-neutral-text: var(--bi-neutral-95);
197
197
  --bi-color-neutral-text-secondary: var(--bi-neutral-60);
198
- --bi-color-neutral-text-subtle: var(--bi-neutral-90);
199
198
  --bi-color-neutral-text-accent: var(--bi-primary-60);
200
199
  --bi-color-neutral-contrast: var(--bi-neutral-95);
201
200
  --bi-color-neutral-fill: var(--bi-neutral-50);
@@ -210,8 +209,7 @@
210
209
  --bi-color-primary-stroke-strong: var(--bi-primary-25);
211
210
  --bi-color-primary-stroke-contrast: var(--bi-primary-60);
212
211
  --bi-color-primary-stroke-accent: var(--bi-primary-50);
213
- --bi-color-primary-text: var(--bi-primary-95);
214
- --bi-color-primary-text-subtle: var(--bi-primary-90);
212
+ --bi-color-primary-text: var(--bi-primary-90);
215
213
  --bi-color-primary-text-accent: var(--bi-primary-75);
216
214
  --bi-color-primary-contrast: var(--bi-primary-50);
217
215
  --bi-color-primary-fill: var(--bi-primary-50);
@@ -227,7 +225,6 @@
227
225
  --bi-color-info-stroke-contrast: var(--bi-info-60);
228
226
  --bi-color-info-stroke-accent: var(--bi-info-50);
229
227
  --bi-color-info-text: var(--bi-info-95);
230
- --bi-color-info-text-subtle: var(--bi-info-90);
231
228
  --bi-color-info-text-accent: var(--bi-info-75);
232
229
  --bi-color-info-contrast: var(--bi-info-95);
233
230
  --bi-color-info-fill: var(--bi-info-50);
@@ -243,7 +240,6 @@
243
240
  --bi-color-warning-stroke-contrast: var(--bi-warning-75);
244
241
  --bi-color-warning-stroke-accent: var(--bi-secondary-50);
245
242
  --bi-color-warning-text: var(--bi-warning-95);
246
- --bi-color-warning-text-subtle: var(--bi-warning-90);
247
243
  --bi-color-warning-text-accent: var(--bi-warning-80);
248
244
  --bi-color-warning-contrast: var(--bi-warning-95);
249
245
  --bi-color-warning-fill: var(--bi-warning-75);
@@ -259,7 +255,6 @@
259
255
  --bi-color-success-stroke-contrast: var(--bi-success-60);
260
256
  --bi-color-success-stroke-accent: var(--bi-success-50);
261
257
  --bi-color-success-text: var(--bi-success-95);
262
- --bi-color-success-text-subtle: var(--bi-success-90);
263
258
  --bi-color-success-text-accent: var(--bi-success-75);
264
259
  --bi-color-success-contrast: var(--bi-success-95);
265
260
  --bi-color-success-fill: var(--bi-success-70);
@@ -275,7 +270,6 @@
275
270
  --bi-color-alert-stroke-contrast: var(--bi-alert-60);
276
271
  --bi-color-alert-stroke-accent: var(--bi-alert-50);
277
272
  --bi-color-alert-text: var(--bi-alert-95);
278
- --bi-color-alert-text-subtle: var(--bi-alert-90);
279
273
  --bi-color-alert-text-accent: var(--bi-alert-75);
280
274
  --bi-color-alert-contrast: var(--bi-alert-95);
281
275
  --bi-color-alert-fill: var(--bi-alert-60);
@@ -366,7 +360,6 @@
366
360
  --bi-color-neutral-stroke-accent: var(--bi-primary-50);
367
361
  --bi-color-neutral-text: var(--bi-neutral-95);
368
362
  --bi-color-neutral-text-secondary: var(--bi-neutral-60);
369
- --bi-color-neutral-text-subtle: var(--bi-neutral-90);
370
363
  --bi-color-neutral-text-accent: var(--bi-primary-60);
371
364
  --bi-color-neutral-contrast: var(--bi-neutral-95);
372
365
  --bi-color-neutral-fill: var(--bi-neutral-50);
@@ -381,9 +374,8 @@
381
374
  --bi-color-primary-stroke-strong: var(--bi-primary-25);
382
375
  --bi-color-primary-stroke-contrast: var(--bi-primary-60);
383
376
  --bi-color-primary-stroke-accent: var(--bi-primary-50);
384
- --bi-color-primary-text: var(--bi-primary-95);
377
+ --bi-color-primary-text: var(--bi-primary-90);
385
378
  --bi-color-primary-text-secondary: #042f5bb2;
386
- --bi-color-primary-text-subtle: var(--bi-primary-90);
387
379
  --bi-color-primary-text-accent: var(--bi-primary-75);
388
380
  --bi-color-primary-contrast: var(--bi-primary-50);
389
381
  --bi-color-primary-fill: var(--bi-primary-50);
@@ -400,7 +392,6 @@
400
392
  --bi-color-info-stroke-accent: var(--bi-info-50);
401
393
  --bi-color-info-text: var(--bi-info-95);
402
394
  --bi-color-info-text-secondary: #2e0b61b2;
403
- --bi-color-info-text-subtle: var(--bi-info-90);
404
395
  --bi-color-info-text-accent: var(--bi-info-75);
405
396
  --bi-color-info-contrast: var(--bi-info-95);
406
397
  --bi-color-info-fill: var(--bi-info-50);
@@ -417,7 +408,6 @@
417
408
  --bi-color-warning-stroke-accent: var(--bi-secondary-50);
418
409
  --bi-color-warning-text: var(--bi-warning-95);
419
410
  --bi-color-warning-text-secondary: #4a3c01b2;
420
- --bi-color-warning-text-subtle: var(--bi-warning-90);
421
411
  --bi-color-warning-text-accent: var(--bi-warning-80);
422
412
  --bi-color-warning-contrast: var(--bi-warning-95);
423
413
  --bi-color-warning-fill: var(--bi-warning-75);
@@ -434,7 +424,6 @@
434
424
  --bi-color-success-stroke-accent: var(--bi-success-50);
435
425
  --bi-color-success-text: var(--bi-success-95);
436
426
  --bi-color-success-text-secondary: #143a16b2;
437
- --bi-color-success-text-subtle: var(--bi-success-90);
438
427
  --bi-color-success-text-accent: var(--bi-success-75);
439
428
  --bi-color-success-contrast: var(--bi-success-95);
440
429
  --bi-color-success-fill: var(--bi-success-70);
@@ -451,7 +440,6 @@
451
440
  --bi-color-alert-stroke-accent: var(--bi-alert-50);
452
441
  --bi-color-alert-text: var(--bi-alert-95);
453
442
  --bi-color-alert-text-secondary: #6a1b16b2;
454
- --bi-color-alert-text-subtle: var(--bi-alert-90);
455
443
  --bi-color-alert-text-accent: var(--bi-alert-75);
456
444
  --bi-color-alert-contrast: var(--bi-alert-95);
457
445
  --bi-color-alert-fill: var(--bi-alert-60);
@@ -480,7 +468,6 @@
480
468
  --bi-color-neutral-stroke-accent: var(--bi-primary-50);
481
469
  --bi-color-neutral-text: var(--bi-basic-white);
482
470
  --bi-color-neutral-text-secondary: #ffffffb2;
483
- --bi-color-neutral-text-subtle: var(--bi-neutral-15);
484
471
  --bi-color-neutral-text-accent: var(--bi-primary-30);
485
472
  --bi-color-neutral-contrast: var(--bi-basic-white);
486
473
  --bi-color-neutral-fill: var(--bi-neutral-50);
@@ -497,7 +484,6 @@
497
484
  --bi-color-primary-stroke-accent: var(--bi-primary-50);
498
485
  --bi-color-primary-text: var(--bi-basic-white);
499
486
  --bi-color-primary-text-secondary: #ffffffb2;
500
- --bi-color-primary-text-subtle: var(--bi-primary-10);
501
487
  --bi-color-primary-text-accent: var(--bi-primary-30);
502
488
  --bi-color-primary-contrast: var(--bi-primary-30);
503
489
  --bi-color-primary-fill: var(--bi-primary-50);
@@ -514,7 +500,6 @@
514
500
  --bi-color-info-stroke-accent: var(--bi-info-50);
515
501
  --bi-color-info-text: var(--bi-basic-white);
516
502
  --bi-color-info-text-secondary: #ffffffb2;
517
- --bi-color-info-text-subtle: var(--bi-info-15);
518
503
  --bi-color-info-text-accent: var(--bi-info-25);
519
504
  --bi-color-info-contrast: var(--bi-info-5);
520
505
  --bi-color-info-fill: var(--bi-info-50);
@@ -531,7 +516,6 @@
531
516
  --bi-color-warning-stroke-accent: var(--bi-secondary-50);
532
517
  --bi-color-warning-text: var(--bi-basic-white);
533
518
  --bi-color-warning-text-secondary: #ffffffb2;
534
- --bi-color-warning-text-subtle: var(--bi-warning-15);
535
519
  --bi-color-warning-text-accent: var(--bi-warning-50);
536
520
  --bi-color-warning-contrast: var(--bi-warning-5);
537
521
  --bi-color-warning-fill: var(--bi-warning-75);
@@ -548,7 +532,6 @@
548
532
  --bi-color-success-stroke-accent: var(--bi-success-50);
549
533
  --bi-color-success-text: var(--bi-basic-white);
550
534
  --bi-color-success-text-secondary: #ffffffb2;
551
- --bi-color-success-text-subtle: var(--bi-success-10);
552
535
  --bi-color-success-text-accent: var(--bi-success-25);
553
536
  --bi-color-success-contrast: var(--bi-success-5);
554
537
  --bi-color-success-fill: var(--bi-success-70);
@@ -565,7 +548,6 @@
565
548
  --bi-color-alert-stroke-accent: var(--bi-alert-50);
566
549
  --bi-color-alert-text: var(--bi-basic-white);
567
550
  --bi-color-alert-text-secondary: #ffffffb2;
568
- --bi-color-alert-text-subtle: var(--bi-alert-15);
569
551
  --bi-color-alert-text-accent: var(--bi-alert-25);
570
552
  --bi-color-alert-contrast: var(--bi-alert-5);
571
553
  --bi-color-alert-fill: var(--bi-alert-60);
@@ -590,7 +572,6 @@
590
572
  --bi-color-stroke-accent: var(--bi-color-neutral-stroke-accent);
591
573
  --bi-color-text: var(--bi-color-neutral-text);
592
574
  --bi-color-text-secondary: var(--bi-color-neutral-text-secondary);
593
- --bi-color-text-subtle: var(--bi-color-neutral-text-subtle);
594
575
  --bi-color-text-accent: var(--bi-color-neutral-text-accent);
595
576
  --bi-color-contrast: var(--bi-color-neutral-contrast);
596
577
  --bi-color-fill: var(--bi-color-neutral-fill);
@@ -610,7 +591,6 @@
610
591
  --bi-color-stroke-accent: var(--bi-color-alert-stroke-accent);
611
592
  --bi-color-text: var(--bi-color-alert-text);
612
593
  --bi-color-text-secondary: var(--bi-color-alert-text-secondary);
613
- --bi-color-text-subtle: var(--bi-color-alert-text-subtle);
614
594
  --bi-color-text-accent: var(--bi-color-alert-text-accent);
615
595
  --bi-color-contrast: var(--bi-color-alert-contrast);
616
596
  --bi-color-fill: var(--bi-color-alert-fill);
@@ -630,7 +610,6 @@
630
610
  --bi-color-stroke-accent: var(--bi-color-info-stroke-accent);
631
611
  --bi-color-text: var(--bi-color-info-text);
632
612
  --bi-color-text-secondary: var(--bi-color-info-text-secondary);
633
- --bi-color-text-subtle: var(--bi-color-info-text-subtle);
634
613
  --bi-color-text-accent: var(--bi-color-info-text-accent);
635
614
  --bi-color-contrast: var(--bi-color-info-contrast);
636
615
  --bi-color-fill: var(--bi-color-info-fill);
@@ -650,7 +629,6 @@
650
629
  --bi-color-stroke-accent: var(--bi-color-primary-stroke-accent);
651
630
  --bi-color-text: var(--bi-color-primary-text);
652
631
  --bi-color-text-secondary: var(--bi-color-primary-text-secondary);
653
- --bi-color-text-subtle: var(--bi-color-primary-text-subtle);
654
632
  --bi-color-text-accent: var(--bi-color-primary-text-accent);
655
633
  --bi-color-contrast: var(--bi-color-primary-contrast);
656
634
  --bi-color-fill: var(--bi-color-primary-fill);
@@ -670,7 +648,6 @@
670
648
  --bi-color-stroke-accent: var(--bi-color-success-stroke-accent);
671
649
  --bi-color-text: var(--bi-color-success-text);
672
650
  --bi-color-text-secondary: var(--bi-color-success-text-secondary);
673
- --bi-color-text-subtle: var(--bi-color-success-text-subtle);
674
651
  --bi-color-text-accent: var(--bi-color-success-text-accent);
675
652
  --bi-color-contrast: var(--bi-color-success-contrast);
676
653
  --bi-color-fill: var(--bi-color-success-fill);
@@ -690,7 +667,6 @@
690
667
  --bi-color-stroke-accent: var(--bi-color-warning-stroke-accent);
691
668
  --bi-color-text: var(--bi-color-warning-text);
692
669
  --bi-color-text-secondary: var(--bi-color-warning-text-secondary);
693
- --bi-color-text-subtle: var(--bi-color-warning-text-subtle);
694
670
  --bi-color-text-accent: var(--bi-color-warning-text-accent);
695
671
  --bi-color-contrast: var(--bi-color-warning-contrast);
696
672
  --bi-color-fill: var(--bi-color-warning-fill);
@@ -701,7 +677,7 @@
701
677
  --bic-alert-background: var(--bi-color-primary-surface-strong);
702
678
  --bic-alert-border-color: var(--bi-color-primary-stroke);
703
679
  --bic-alert-border-width: var(--bi-stroke-thin);
704
- --bic-alert-color: var(--bi-color-primary-text-subtle);
680
+ --bic-alert-color: var(--bi-color-primary-text);
705
681
  --bic-alert-icon-size: var(--bi-icon-medium);
706
682
  --bic-alert-gap: var(--bi-scale-1x);
707
683
  --bic-alert-padding: var(--bi-scale-2x);
@@ -709,7 +685,7 @@
709
685
  &[data-color] {
710
686
  --bic-alert-background: var(--bi-color-surface-strong);
711
687
  --bic-alert-border-color: var(--bi-color-stroke);
712
- --bic-alert-color: var(--bi-color-text-subtle);
688
+ --bic-alert-color: var(--bi-color-text);
713
689
  }
714
690
 
715
691
  background: var(--bic-alert-background);
@@ -771,7 +747,7 @@
771
747
 
772
748
  .bi-avatar {
773
749
  --bic-avatar-background-color: var(--bi-color-surface-strong);
774
- --bic-avatar-color: var(--bi-color-text-subtle);
750
+ --bic-avatar-color: var(--bi-color-text);
775
751
  --bic-avatar-size: var(--bi-scale-24x);
776
752
  --bic-avatar-font-size: 1.75rem;
777
753
  border-radius: var(--bi-radius-full);
@@ -1360,7 +1336,7 @@
1360
1336
  .bi-chip {
1361
1337
  --bic-chip-background: var(--bi-color-surface);
1362
1338
  --bic-chip-background-selected: var(--bi-color-fill);
1363
- --bic-chip-text-color: var(--bi-color-text-subtle);
1339
+ --bic-chip-text-color: var(--bi-color-text);
1364
1340
  --bic-chip-text-color-selected: var(--bi-color-on-fill);
1365
1341
  --bic-chip-padding: var(--bi-scale-1x) var(--bi-scale-2x);
1366
1342
  --bic-chip-icon-size: var(--bi-scale-6x);
@@ -1877,9 +1853,9 @@ body:has(.bi-dialog:modal) {
1877
1853
  --bic-input-background-readonly: var(--bi-color-surface);
1878
1854
  --bic-input-border-color: var(--bi-color-stroke-contrast);
1879
1855
  --bic-input-border-color-invalid: var(--bi-color-alert-stroke-contrast);
1880
- --bic-input-color-readonly: var(--bi-color-text-subtle);
1856
+ --bic-input-color-readonly: var(--bi-color-text-secondary);
1881
1857
  --bic-input-color: var(--bi-color-text);
1882
- --bic-input-disabled-color: var(--bi-color-text-subtle);
1858
+ --bic-input-disabled-color: var(--bi-color-text-secondary);
1883
1859
  --bic-input-placeholder-color: var(--bi-color-text-secondary);
1884
1860
  --bic-input-focus-outline-color: var(--bi-states-focus);
1885
1861
  --bic-input-focus-shadow-color: var(--bi-states-focus-background);
@@ -2081,7 +2057,7 @@ body:has(.bi-dialog:modal) {
2081
2057
  --bic-field-background-press: var(--bi-states-press);
2082
2058
  --bic-field-border-color: var(--bi-color-stroke-contrast);
2083
2059
  --bic-field-border-color-invalid: var(--bi-color-alert-stroke-contrast);
2084
- --bic-field-disabled-color: var(--bi-color-text-subtle);
2060
+ --bic-field-disabled-color: var(--bi-color-text-secondary);
2085
2061
  --bic-field-description-color: var(--bi-color-text-secondary);
2086
2062
  --bic-field-label-color: var(--bi-color-text);
2087
2063
  --bic-field-label-required-color: var(--bi-states-required);
@@ -2284,7 +2260,7 @@ body:has(.bi-dialog:modal) {
2284
2260
 
2285
2261
  .bi-fieldset {
2286
2262
  --bic-fieldset-color: var(--bi-color-text);
2287
- --bic-fieldset-description-color: var(--bi-color-text-subtle);
2263
+ --bic-fieldset-description-color: var(--bi-color-text-secondary);
2288
2264
  border: 0;
2289
2265
  min-width: 0;
2290
2266
  margin: 0;
package/dist/tokens.css CHANGED
@@ -195,7 +195,6 @@
195
195
  --bi-color-neutral-stroke-accent: var(--bi-primary-50);
196
196
  --bi-color-neutral-text: var(--bi-neutral-95);
197
197
  --bi-color-neutral-text-secondary: var(--bi-neutral-60);
198
- --bi-color-neutral-text-subtle: var(--bi-neutral-90);
199
198
  --bi-color-neutral-text-accent: var(--bi-primary-60);
200
199
  --bi-color-neutral-contrast: var(--bi-neutral-95);
201
200
  --bi-color-neutral-fill: var(--bi-neutral-50);
@@ -210,8 +209,7 @@
210
209
  --bi-color-primary-stroke-strong: var(--bi-primary-25);
211
210
  --bi-color-primary-stroke-contrast: var(--bi-primary-60);
212
211
  --bi-color-primary-stroke-accent: var(--bi-primary-50);
213
- --bi-color-primary-text: var(--bi-primary-95);
214
- --bi-color-primary-text-subtle: var(--bi-primary-90);
212
+ --bi-color-primary-text: var(--bi-primary-90);
215
213
  --bi-color-primary-text-accent: var(--bi-primary-75);
216
214
  --bi-color-primary-contrast: var(--bi-primary-50);
217
215
  --bi-color-primary-fill: var(--bi-primary-50);
@@ -227,7 +225,6 @@
227
225
  --bi-color-info-stroke-contrast: var(--bi-info-60);
228
226
  --bi-color-info-stroke-accent: var(--bi-info-50);
229
227
  --bi-color-info-text: var(--bi-info-95);
230
- --bi-color-info-text-subtle: var(--bi-info-90);
231
228
  --bi-color-info-text-accent: var(--bi-info-75);
232
229
  --bi-color-info-contrast: var(--bi-info-95);
233
230
  --bi-color-info-fill: var(--bi-info-50);
@@ -243,7 +240,6 @@
243
240
  --bi-color-warning-stroke-contrast: var(--bi-warning-75);
244
241
  --bi-color-warning-stroke-accent: var(--bi-secondary-50);
245
242
  --bi-color-warning-text: var(--bi-warning-95);
246
- --bi-color-warning-text-subtle: var(--bi-warning-90);
247
243
  --bi-color-warning-text-accent: var(--bi-warning-80);
248
244
  --bi-color-warning-contrast: var(--bi-warning-95);
249
245
  --bi-color-warning-fill: var(--bi-warning-75);
@@ -259,7 +255,6 @@
259
255
  --bi-color-success-stroke-contrast: var(--bi-success-60);
260
256
  --bi-color-success-stroke-accent: var(--bi-success-50);
261
257
  --bi-color-success-text: var(--bi-success-95);
262
- --bi-color-success-text-subtle: var(--bi-success-90);
263
258
  --bi-color-success-text-accent: var(--bi-success-75);
264
259
  --bi-color-success-contrast: var(--bi-success-95);
265
260
  --bi-color-success-fill: var(--bi-success-70);
@@ -275,7 +270,6 @@
275
270
  --bi-color-alert-stroke-contrast: var(--bi-alert-60);
276
271
  --bi-color-alert-stroke-accent: var(--bi-alert-50);
277
272
  --bi-color-alert-text: var(--bi-alert-95);
278
- --bi-color-alert-text-subtle: var(--bi-alert-90);
279
273
  --bi-color-alert-text-accent: var(--bi-alert-75);
280
274
  --bi-color-alert-contrast: var(--bi-alert-95);
281
275
  --bi-color-alert-fill: var(--bi-alert-60);
@@ -366,7 +360,6 @@
366
360
  --bi-color-neutral-stroke-accent: var(--bi-primary-50);
367
361
  --bi-color-neutral-text: var(--bi-neutral-95);
368
362
  --bi-color-neutral-text-secondary: var(--bi-neutral-60);
369
- --bi-color-neutral-text-subtle: var(--bi-neutral-90);
370
363
  --bi-color-neutral-text-accent: var(--bi-primary-60);
371
364
  --bi-color-neutral-contrast: var(--bi-neutral-95);
372
365
  --bi-color-neutral-fill: var(--bi-neutral-50);
@@ -381,9 +374,8 @@
381
374
  --bi-color-primary-stroke-strong: var(--bi-primary-25);
382
375
  --bi-color-primary-stroke-contrast: var(--bi-primary-60);
383
376
  --bi-color-primary-stroke-accent: var(--bi-primary-50);
384
- --bi-color-primary-text: var(--bi-primary-95);
377
+ --bi-color-primary-text: var(--bi-primary-90);
385
378
  --bi-color-primary-text-secondary: #042f5bb2;
386
- --bi-color-primary-text-subtle: var(--bi-primary-90);
387
379
  --bi-color-primary-text-accent: var(--bi-primary-75);
388
380
  --bi-color-primary-contrast: var(--bi-primary-50);
389
381
  --bi-color-primary-fill: var(--bi-primary-50);
@@ -400,7 +392,6 @@
400
392
  --bi-color-info-stroke-accent: var(--bi-info-50);
401
393
  --bi-color-info-text: var(--bi-info-95);
402
394
  --bi-color-info-text-secondary: #2e0b61b2;
403
- --bi-color-info-text-subtle: var(--bi-info-90);
404
395
  --bi-color-info-text-accent: var(--bi-info-75);
405
396
  --bi-color-info-contrast: var(--bi-info-95);
406
397
  --bi-color-info-fill: var(--bi-info-50);
@@ -417,7 +408,6 @@
417
408
  --bi-color-warning-stroke-accent: var(--bi-secondary-50);
418
409
  --bi-color-warning-text: var(--bi-warning-95);
419
410
  --bi-color-warning-text-secondary: #4a3c01b2;
420
- --bi-color-warning-text-subtle: var(--bi-warning-90);
421
411
  --bi-color-warning-text-accent: var(--bi-warning-80);
422
412
  --bi-color-warning-contrast: var(--bi-warning-95);
423
413
  --bi-color-warning-fill: var(--bi-warning-75);
@@ -434,7 +424,6 @@
434
424
  --bi-color-success-stroke-accent: var(--bi-success-50);
435
425
  --bi-color-success-text: var(--bi-success-95);
436
426
  --bi-color-success-text-secondary: #143a16b2;
437
- --bi-color-success-text-subtle: var(--bi-success-90);
438
427
  --bi-color-success-text-accent: var(--bi-success-75);
439
428
  --bi-color-success-contrast: var(--bi-success-95);
440
429
  --bi-color-success-fill: var(--bi-success-70);
@@ -451,7 +440,6 @@
451
440
  --bi-color-alert-stroke-accent: var(--bi-alert-50);
452
441
  --bi-color-alert-text: var(--bi-alert-95);
453
442
  --bi-color-alert-text-secondary: #6a1b16b2;
454
- --bi-color-alert-text-subtle: var(--bi-alert-90);
455
443
  --bi-color-alert-text-accent: var(--bi-alert-75);
456
444
  --bi-color-alert-contrast: var(--bi-alert-95);
457
445
  --bi-color-alert-fill: var(--bi-alert-60);
@@ -480,7 +468,6 @@
480
468
  --bi-color-neutral-stroke-accent: var(--bi-primary-50);
481
469
  --bi-color-neutral-text: var(--bi-basic-white);
482
470
  --bi-color-neutral-text-secondary: #ffffffb2;
483
- --bi-color-neutral-text-subtle: var(--bi-neutral-15);
484
471
  --bi-color-neutral-text-accent: var(--bi-primary-30);
485
472
  --bi-color-neutral-contrast: var(--bi-basic-white);
486
473
  --bi-color-neutral-fill: var(--bi-neutral-50);
@@ -497,7 +484,6 @@
497
484
  --bi-color-primary-stroke-accent: var(--bi-primary-50);
498
485
  --bi-color-primary-text: var(--bi-basic-white);
499
486
  --bi-color-primary-text-secondary: #ffffffb2;
500
- --bi-color-primary-text-subtle: var(--bi-primary-10);
501
487
  --bi-color-primary-text-accent: var(--bi-primary-30);
502
488
  --bi-color-primary-contrast: var(--bi-primary-30);
503
489
  --bi-color-primary-fill: var(--bi-primary-50);
@@ -514,7 +500,6 @@
514
500
  --bi-color-info-stroke-accent: var(--bi-info-50);
515
501
  --bi-color-info-text: var(--bi-basic-white);
516
502
  --bi-color-info-text-secondary: #ffffffb2;
517
- --bi-color-info-text-subtle: var(--bi-info-15);
518
503
  --bi-color-info-text-accent: var(--bi-info-25);
519
504
  --bi-color-info-contrast: var(--bi-info-5);
520
505
  --bi-color-info-fill: var(--bi-info-50);
@@ -531,7 +516,6 @@
531
516
  --bi-color-warning-stroke-accent: var(--bi-secondary-50);
532
517
  --bi-color-warning-text: var(--bi-basic-white);
533
518
  --bi-color-warning-text-secondary: #ffffffb2;
534
- --bi-color-warning-text-subtle: var(--bi-warning-15);
535
519
  --bi-color-warning-text-accent: var(--bi-warning-50);
536
520
  --bi-color-warning-contrast: var(--bi-warning-5);
537
521
  --bi-color-warning-fill: var(--bi-warning-75);
@@ -548,7 +532,6 @@
548
532
  --bi-color-success-stroke-accent: var(--bi-success-50);
549
533
  --bi-color-success-text: var(--bi-basic-white);
550
534
  --bi-color-success-text-secondary: #ffffffb2;
551
- --bi-color-success-text-subtle: var(--bi-success-10);
552
535
  --bi-color-success-text-accent: var(--bi-success-25);
553
536
  --bi-color-success-contrast: var(--bi-success-5);
554
537
  --bi-color-success-fill: var(--bi-success-70);
@@ -565,7 +548,6 @@
565
548
  --bi-color-alert-stroke-accent: var(--bi-alert-50);
566
549
  --bi-color-alert-text: var(--bi-basic-white);
567
550
  --bi-color-alert-text-secondary: #ffffffb2;
568
- --bi-color-alert-text-subtle: var(--bi-alert-15);
569
551
  --bi-color-alert-text-accent: var(--bi-alert-25);
570
552
  --bi-color-alert-contrast: var(--bi-alert-5);
571
553
  --bi-color-alert-fill: var(--bi-alert-60);
@@ -590,7 +572,6 @@
590
572
  --bi-color-stroke-accent: var(--bi-color-neutral-stroke-accent);
591
573
  --bi-color-text: var(--bi-color-neutral-text);
592
574
  --bi-color-text-secondary: var(--bi-color-neutral-text-secondary);
593
- --bi-color-text-subtle: var(--bi-color-neutral-text-subtle);
594
575
  --bi-color-text-accent: var(--bi-color-neutral-text-accent);
595
576
  --bi-color-contrast: var(--bi-color-neutral-contrast);
596
577
  --bi-color-fill: var(--bi-color-neutral-fill);
@@ -610,7 +591,6 @@
610
591
  --bi-color-stroke-accent: var(--bi-color-alert-stroke-accent);
611
592
  --bi-color-text: var(--bi-color-alert-text);
612
593
  --bi-color-text-secondary: var(--bi-color-alert-text-secondary);
613
- --bi-color-text-subtle: var(--bi-color-alert-text-subtle);
614
594
  --bi-color-text-accent: var(--bi-color-alert-text-accent);
615
595
  --bi-color-contrast: var(--bi-color-alert-contrast);
616
596
  --bi-color-fill: var(--bi-color-alert-fill);
@@ -630,7 +610,6 @@
630
610
  --bi-color-stroke-accent: var(--bi-color-info-stroke-accent);
631
611
  --bi-color-text: var(--bi-color-info-text);
632
612
  --bi-color-text-secondary: var(--bi-color-info-text-secondary);
633
- --bi-color-text-subtle: var(--bi-color-info-text-subtle);
634
613
  --bi-color-text-accent: var(--bi-color-info-text-accent);
635
614
  --bi-color-contrast: var(--bi-color-info-contrast);
636
615
  --bi-color-fill: var(--bi-color-info-fill);
@@ -650,7 +629,6 @@
650
629
  --bi-color-stroke-accent: var(--bi-color-primary-stroke-accent);
651
630
  --bi-color-text: var(--bi-color-primary-text);
652
631
  --bi-color-text-secondary: var(--bi-color-primary-text-secondary);
653
- --bi-color-text-subtle: var(--bi-color-primary-text-subtle);
654
632
  --bi-color-text-accent: var(--bi-color-primary-text-accent);
655
633
  --bi-color-contrast: var(--bi-color-primary-contrast);
656
634
  --bi-color-fill: var(--bi-color-primary-fill);
@@ -670,7 +648,6 @@
670
648
  --bi-color-stroke-accent: var(--bi-color-success-stroke-accent);
671
649
  --bi-color-text: var(--bi-color-success-text);
672
650
  --bi-color-text-secondary: var(--bi-color-success-text-secondary);
673
- --bi-color-text-subtle: var(--bi-color-success-text-subtle);
674
651
  --bi-color-text-accent: var(--bi-color-success-text-accent);
675
652
  --bi-color-contrast: var(--bi-color-success-contrast);
676
653
  --bi-color-fill: var(--bi-color-success-fill);
@@ -690,7 +667,6 @@
690
667
  --bi-color-stroke-accent: var(--bi-color-warning-stroke-accent);
691
668
  --bi-color-text: var(--bi-color-warning-text);
692
669
  --bi-color-text-secondary: var(--bi-color-warning-text-secondary);
693
- --bi-color-text-subtle: var(--bi-color-warning-text-subtle);
694
670
  --bi-color-text-accent: var(--bi-color-warning-text-accent);
695
671
  --bi-color-contrast: var(--bi-color-warning-contrast);
696
672
  --bi-color-fill: var(--bi-color-warning-fill);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bi-digital/css",
3
3
  "type": "module",
4
- "version": "0.12.5",
4
+ "version": "0.13.0",
5
5
  "description": "CSS for the BI Design System",
6
6
  "author": "BI Digital",
7
7
  "homepage": "https://designsystem.bi.no/",
@@ -27,10 +27,10 @@
27
27
  "/dist"
28
28
  ],
29
29
  "devDependencies": {
30
- "browserslist": "4.28.4",
30
+ "browserslist": "4.28.7",
31
31
  "lightningcss": "1.33.0",
32
32
  "modern-normalize": "3.0.1",
33
- "@bi-digital/tokens": "0.12.5"
33
+ "@bi-digital/tokens": "0.13.0"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "node config.js",