@bi-digital/tokens 0.12.4 → 0.12.5
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/dist/tokens.css +11 -35
- package/dist/tokens.d.ts +0 -6
- package/dist/tokens.js +10 -124
- package/package.json +1 -1
package/dist/tokens.css
CHANGED
|
@@ -201,8 +201,7 @@
|
|
|
201
201
|
--bi-color-neutral-text-secondary: var(--bi-neutral-60);
|
|
202
202
|
--bi-color-neutral-text-subtle: var(--bi-neutral-90);
|
|
203
203
|
--bi-color-neutral-text-accent: var(--bi-primary-60);
|
|
204
|
-
--bi-color-neutral-contrast: var(--bi-neutral-
|
|
205
|
-
--bi-color-neutral-contrast-hover: var(--bi-neutral-95);
|
|
204
|
+
--bi-color-neutral-contrast: var(--bi-neutral-95);
|
|
206
205
|
--bi-color-neutral-fill: var(--bi-neutral-50);
|
|
207
206
|
--bi-color-neutral-on-fill: var(--bi-basic-white);
|
|
208
207
|
--bi-color-primary-background: var(--bi-primary-0);
|
|
@@ -219,7 +218,6 @@
|
|
|
219
218
|
--bi-color-primary-text-subtle: var(--bi-primary-90);
|
|
220
219
|
--bi-color-primary-text-accent: var(--bi-primary-75);
|
|
221
220
|
--bi-color-primary-contrast: var(--bi-primary-50);
|
|
222
|
-
--bi-color-primary-contrast-hover: var(--bi-primary-60);
|
|
223
221
|
--bi-color-primary-fill: var(--bi-primary-50);
|
|
224
222
|
--bi-color-primary-on-fill: var(--bi-basic-white);
|
|
225
223
|
--bi-color-info-background: var(--bi-info-0);
|
|
@@ -235,8 +233,7 @@
|
|
|
235
233
|
--bi-color-info-text: var(--bi-info-95);
|
|
236
234
|
--bi-color-info-text-subtle: var(--bi-info-90);
|
|
237
235
|
--bi-color-info-text-accent: var(--bi-info-75);
|
|
238
|
-
--bi-color-info-contrast: var(--bi-info-
|
|
239
|
-
--bi-color-info-contrast-hover: var(--bi-info-95);
|
|
236
|
+
--bi-color-info-contrast: var(--bi-info-95);
|
|
240
237
|
--bi-color-info-fill: var(--bi-info-50);
|
|
241
238
|
--bi-color-info-on-fill: var(--bi-basic-white);
|
|
242
239
|
--bi-color-warning-background: var(--bi-warning-0);
|
|
@@ -252,8 +249,7 @@
|
|
|
252
249
|
--bi-color-warning-text: var(--bi-warning-95);
|
|
253
250
|
--bi-color-warning-text-subtle: var(--bi-warning-90);
|
|
254
251
|
--bi-color-warning-text-accent: var(--bi-warning-80);
|
|
255
|
-
--bi-color-warning-contrast: var(--bi-warning-
|
|
256
|
-
--bi-color-warning-contrast-hover: var(--bi-warning-95);
|
|
252
|
+
--bi-color-warning-contrast: var(--bi-warning-95);
|
|
257
253
|
--bi-color-warning-fill: var(--bi-warning-75);
|
|
258
254
|
--bi-color-warning-on-fill: var(--bi-basic-white);
|
|
259
255
|
--bi-color-success-background: var(--bi-success-0);
|
|
@@ -269,8 +265,7 @@
|
|
|
269
265
|
--bi-color-success-text: var(--bi-success-95);
|
|
270
266
|
--bi-color-success-text-subtle: var(--bi-success-90);
|
|
271
267
|
--bi-color-success-text-accent: var(--bi-success-75);
|
|
272
|
-
--bi-color-success-contrast: var(--bi-success-
|
|
273
|
-
--bi-color-success-contrast-hover: var(--bi-success-95);
|
|
268
|
+
--bi-color-success-contrast: var(--bi-success-95);
|
|
274
269
|
--bi-color-success-fill: var(--bi-success-70);
|
|
275
270
|
--bi-color-success-on-fill: var(--bi-basic-white);
|
|
276
271
|
--bi-color-alert-background: var(--bi-alert-0);
|
|
@@ -286,8 +281,7 @@
|
|
|
286
281
|
--bi-color-alert-text: var(--bi-alert-95);
|
|
287
282
|
--bi-color-alert-text-subtle: var(--bi-alert-90);
|
|
288
283
|
--bi-color-alert-text-accent: var(--bi-alert-75);
|
|
289
|
-
--bi-color-alert-contrast: var(--bi-alert-
|
|
290
|
-
--bi-color-alert-contrast-hover: var(--bi-alert-95);
|
|
284
|
+
--bi-color-alert-contrast: var(--bi-alert-95);
|
|
291
285
|
--bi-color-alert-fill: var(--bi-alert-60);
|
|
292
286
|
--bi-color-alert-on-fill: var(--bi-basic-white);
|
|
293
287
|
--bi-states-focus: var(--bi-primary-50);
|
|
@@ -378,8 +372,7 @@
|
|
|
378
372
|
--bi-color-neutral-text-secondary: var(--bi-neutral-60);
|
|
379
373
|
--bi-color-neutral-text-subtle: var(--bi-neutral-90);
|
|
380
374
|
--bi-color-neutral-text-accent: var(--bi-primary-60);
|
|
381
|
-
--bi-color-neutral-contrast: var(--bi-neutral-
|
|
382
|
-
--bi-color-neutral-contrast-hover: var(--bi-neutral-95);
|
|
375
|
+
--bi-color-neutral-contrast: var(--bi-neutral-95);
|
|
383
376
|
--bi-color-neutral-fill: var(--bi-neutral-50);
|
|
384
377
|
--bi-color-neutral-on-fill: var(--bi-basic-white);
|
|
385
378
|
--bi-color-primary-background: var(--bi-primary-0);
|
|
@@ -397,7 +390,6 @@
|
|
|
397
390
|
--bi-color-primary-text-subtle: var(--bi-primary-90);
|
|
398
391
|
--bi-color-primary-text-accent: var(--bi-primary-75);
|
|
399
392
|
--bi-color-primary-contrast: var(--bi-primary-50);
|
|
400
|
-
--bi-color-primary-contrast-hover: var(--bi-primary-60);
|
|
401
393
|
--bi-color-primary-fill: var(--bi-primary-50);
|
|
402
394
|
--bi-color-primary-on-fill: var(--bi-basic-white);
|
|
403
395
|
--bi-color-info-background: var(--bi-info-0);
|
|
@@ -414,8 +406,7 @@
|
|
|
414
406
|
--bi-color-info-text-secondary: #2e0b61b2;
|
|
415
407
|
--bi-color-info-text-subtle: var(--bi-info-90);
|
|
416
408
|
--bi-color-info-text-accent: var(--bi-info-75);
|
|
417
|
-
--bi-color-info-contrast: var(--bi-info-
|
|
418
|
-
--bi-color-info-contrast-hover: var(--bi-info-95);
|
|
409
|
+
--bi-color-info-contrast: var(--bi-info-95);
|
|
419
410
|
--bi-color-info-fill: var(--bi-info-50);
|
|
420
411
|
--bi-color-info-on-fill: var(--bi-basic-white);
|
|
421
412
|
--bi-color-warning-background: var(--bi-warning-0);
|
|
@@ -432,8 +423,7 @@
|
|
|
432
423
|
--bi-color-warning-text-secondary: #4a3c01b2;
|
|
433
424
|
--bi-color-warning-text-subtle: var(--bi-warning-90);
|
|
434
425
|
--bi-color-warning-text-accent: var(--bi-warning-80);
|
|
435
|
-
--bi-color-warning-contrast: var(--bi-warning-
|
|
436
|
-
--bi-color-warning-contrast-hover: var(--bi-warning-95);
|
|
426
|
+
--bi-color-warning-contrast: var(--bi-warning-95);
|
|
437
427
|
--bi-color-warning-fill: var(--bi-warning-75);
|
|
438
428
|
--bi-color-warning-on-fill: var(--bi-basic-white);
|
|
439
429
|
--bi-color-success-background: var(--bi-success-0);
|
|
@@ -450,8 +440,7 @@
|
|
|
450
440
|
--bi-color-success-text-secondary: #143a16b2;
|
|
451
441
|
--bi-color-success-text-subtle: var(--bi-success-90);
|
|
452
442
|
--bi-color-success-text-accent: var(--bi-success-75);
|
|
453
|
-
--bi-color-success-contrast: var(--bi-success-
|
|
454
|
-
--bi-color-success-contrast-hover: var(--bi-success-95);
|
|
443
|
+
--bi-color-success-contrast: var(--bi-success-95);
|
|
455
444
|
--bi-color-success-fill: var(--bi-success-70);
|
|
456
445
|
--bi-color-success-on-fill: var(--bi-basic-white);
|
|
457
446
|
--bi-color-alert-background: var(--bi-alert-0);
|
|
@@ -468,8 +457,7 @@
|
|
|
468
457
|
--bi-color-alert-text-secondary: #6a1b16b2;
|
|
469
458
|
--bi-color-alert-text-subtle: var(--bi-alert-90);
|
|
470
459
|
--bi-color-alert-text-accent: var(--bi-alert-75);
|
|
471
|
-
--bi-color-alert-contrast: var(--bi-alert-
|
|
472
|
-
--bi-color-alert-contrast-hover: var(--bi-alert-95);
|
|
460
|
+
--bi-color-alert-contrast: var(--bi-alert-95);
|
|
473
461
|
--bi-color-alert-fill: var(--bi-alert-60);
|
|
474
462
|
--bi-color-alert-on-fill: var(--bi-basic-white);
|
|
475
463
|
--bi-states-hover: #26333f1a;
|
|
@@ -498,8 +486,7 @@
|
|
|
498
486
|
--bi-color-neutral-text-secondary: #ffffffb2;
|
|
499
487
|
--bi-color-neutral-text-subtle: var(--bi-neutral-15);
|
|
500
488
|
--bi-color-neutral-text-accent: var(--bi-primary-30);
|
|
501
|
-
--bi-color-neutral-contrast: var(--bi-
|
|
502
|
-
--bi-color-neutral-contrast-hover: var(--bi-neutral-15);
|
|
489
|
+
--bi-color-neutral-contrast: var(--bi-basic-white);
|
|
503
490
|
--bi-color-neutral-fill: var(--bi-neutral-50);
|
|
504
491
|
--bi-color-neutral-on-fill: var(--bi-basic-white);
|
|
505
492
|
--bi-color-primary-background: var(--bi-primary-100);
|
|
@@ -517,7 +504,6 @@
|
|
|
517
504
|
--bi-color-primary-text-subtle: var(--bi-primary-10);
|
|
518
505
|
--bi-color-primary-text-accent: var(--bi-primary-30);
|
|
519
506
|
--bi-color-primary-contrast: var(--bi-primary-30);
|
|
520
|
-
--bi-color-primary-contrast-hover: var(--bi-primary-20);
|
|
521
507
|
--bi-color-primary-fill: var(--bi-primary-50);
|
|
522
508
|
--bi-color-primary-on-fill: var(--bi-basic-white);
|
|
523
509
|
--bi-color-info-background: var(--bi-info-100);
|
|
@@ -535,7 +521,6 @@
|
|
|
535
521
|
--bi-color-info-text-subtle: var(--bi-info-15);
|
|
536
522
|
--bi-color-info-text-accent: var(--bi-info-25);
|
|
537
523
|
--bi-color-info-contrast: var(--bi-info-5);
|
|
538
|
-
--bi-color-info-contrast-hover: var(--bi-info-15);
|
|
539
524
|
--bi-color-info-fill: var(--bi-info-50);
|
|
540
525
|
--bi-color-info-on-fill: var(--bi-basic-white);
|
|
541
526
|
--bi-color-warning-background: var(--bi-warning-100);
|
|
@@ -553,7 +538,6 @@
|
|
|
553
538
|
--bi-color-warning-text-subtle: var(--bi-warning-15);
|
|
554
539
|
--bi-color-warning-text-accent: var(--bi-warning-50);
|
|
555
540
|
--bi-color-warning-contrast: var(--bi-warning-5);
|
|
556
|
-
--bi-color-warning-contrast-hover: var(--bi-warning-15);
|
|
557
541
|
--bi-color-warning-fill: var(--bi-warning-75);
|
|
558
542
|
--bi-color-warning-on-fill: var(--bi-basic-white);
|
|
559
543
|
--bi-color-success-background: var(--bi-success-100);
|
|
@@ -571,7 +555,6 @@
|
|
|
571
555
|
--bi-color-success-text-subtle: var(--bi-success-10);
|
|
572
556
|
--bi-color-success-text-accent: var(--bi-success-25);
|
|
573
557
|
--bi-color-success-contrast: var(--bi-success-5);
|
|
574
|
-
--bi-color-success-contrast-hover: var(--bi-success-15);
|
|
575
558
|
--bi-color-success-fill: var(--bi-success-70);
|
|
576
559
|
--bi-color-success-on-fill: var(--bi-basic-white);
|
|
577
560
|
--bi-color-alert-background: var(--bi-alert-100);
|
|
@@ -589,7 +572,6 @@
|
|
|
589
572
|
--bi-color-alert-text-subtle: var(--bi-alert-15);
|
|
590
573
|
--bi-color-alert-text-accent: var(--bi-alert-25);
|
|
591
574
|
--bi-color-alert-contrast: var(--bi-alert-5);
|
|
592
|
-
--bi-color-alert-contrast-hover: var(--bi-alert-15);
|
|
593
575
|
--bi-color-alert-fill: var(--bi-alert-60);
|
|
594
576
|
--bi-color-alert-on-fill: var(--bi-basic-white);
|
|
595
577
|
--bi-states-hover: #ffffff1a;
|
|
@@ -615,7 +597,6 @@
|
|
|
615
597
|
--bi-color-text-subtle: var(--bi-color-neutral-text-subtle);
|
|
616
598
|
--bi-color-text-accent: var(--bi-color-neutral-text-accent);
|
|
617
599
|
--bi-color-contrast: var(--bi-color-neutral-contrast);
|
|
618
|
-
--bi-color-contrast-hover: var(--bi-color-neutral-contrast-hover);
|
|
619
600
|
--bi-color-fill: var(--bi-color-neutral-fill);
|
|
620
601
|
--bi-color-on-fill: var(--bi-color-neutral-on-fill);
|
|
621
602
|
}
|
|
@@ -636,7 +617,6 @@
|
|
|
636
617
|
--bi-color-text-subtle: var(--bi-color-alert-text-subtle);
|
|
637
618
|
--bi-color-text-accent: var(--bi-color-alert-text-accent);
|
|
638
619
|
--bi-color-contrast: var(--bi-color-alert-contrast);
|
|
639
|
-
--bi-color-contrast-hover: var(--bi-color-alert-contrast-hover);
|
|
640
620
|
--bi-color-fill: var(--bi-color-alert-fill);
|
|
641
621
|
--bi-color-on-fill: var(--bi-color-alert-on-fill);
|
|
642
622
|
}
|
|
@@ -657,7 +637,6 @@
|
|
|
657
637
|
--bi-color-text-subtle: var(--bi-color-info-text-subtle);
|
|
658
638
|
--bi-color-text-accent: var(--bi-color-info-text-accent);
|
|
659
639
|
--bi-color-contrast: var(--bi-color-info-contrast);
|
|
660
|
-
--bi-color-contrast-hover: var(--bi-color-info-contrast-hover);
|
|
661
640
|
--bi-color-fill: var(--bi-color-info-fill);
|
|
662
641
|
--bi-color-on-fill: var(--bi-color-info-on-fill);
|
|
663
642
|
}
|
|
@@ -678,7 +657,6 @@
|
|
|
678
657
|
--bi-color-text-subtle: var(--bi-color-primary-text-subtle);
|
|
679
658
|
--bi-color-text-accent: var(--bi-color-primary-text-accent);
|
|
680
659
|
--bi-color-contrast: var(--bi-color-primary-contrast);
|
|
681
|
-
--bi-color-contrast-hover: var(--bi-color-primary-contrast-hover);
|
|
682
660
|
--bi-color-fill: var(--bi-color-primary-fill);
|
|
683
661
|
--bi-color-on-fill: var(--bi-color-primary-on-fill);
|
|
684
662
|
}
|
|
@@ -699,7 +677,6 @@
|
|
|
699
677
|
--bi-color-text-subtle: var(--bi-color-success-text-subtle);
|
|
700
678
|
--bi-color-text-accent: var(--bi-color-success-text-accent);
|
|
701
679
|
--bi-color-contrast: var(--bi-color-success-contrast);
|
|
702
|
-
--bi-color-contrast-hover: var(--bi-color-success-contrast-hover);
|
|
703
680
|
--bi-color-fill: var(--bi-color-success-fill);
|
|
704
681
|
--bi-color-on-fill: var(--bi-color-success-on-fill);
|
|
705
682
|
}
|
|
@@ -720,7 +697,6 @@
|
|
|
720
697
|
--bi-color-text-subtle: var(--bi-color-warning-text-subtle);
|
|
721
698
|
--bi-color-text-accent: var(--bi-color-warning-text-accent);
|
|
722
699
|
--bi-color-contrast: var(--bi-color-warning-contrast);
|
|
723
|
-
--bi-color-contrast-hover: var(--bi-color-warning-contrast-hover);
|
|
724
700
|
--bi-color-fill: var(--bi-color-warning-fill);
|
|
725
701
|
--bi-color-on-fill: var(--bi-color-warning-on-fill);
|
|
726
702
|
}
|
package/dist/tokens.d.ts
CHANGED
|
@@ -208,7 +208,6 @@ declare const tokens: {
|
|
|
208
208
|
"text-subtle": DesignToken;
|
|
209
209
|
"text-accent": DesignToken;
|
|
210
210
|
contrast: DesignToken;
|
|
211
|
-
"contrast-hover": DesignToken;
|
|
212
211
|
fill: DesignToken;
|
|
213
212
|
"on-fill": DesignToken;
|
|
214
213
|
};
|
|
@@ -228,7 +227,6 @@ declare const tokens: {
|
|
|
228
227
|
"text-subtle": DesignToken;
|
|
229
228
|
"text-accent": DesignToken;
|
|
230
229
|
contrast: DesignToken;
|
|
231
|
-
"contrast-hover": DesignToken;
|
|
232
230
|
fill: DesignToken;
|
|
233
231
|
"on-fill": DesignToken;
|
|
234
232
|
};
|
|
@@ -248,7 +246,6 @@ declare const tokens: {
|
|
|
248
246
|
"text-subtle": DesignToken;
|
|
249
247
|
"text-accent": DesignToken;
|
|
250
248
|
contrast: DesignToken;
|
|
251
|
-
"contrast-hover": DesignToken;
|
|
252
249
|
fill: DesignToken;
|
|
253
250
|
"on-fill": DesignToken;
|
|
254
251
|
};
|
|
@@ -268,7 +265,6 @@ declare const tokens: {
|
|
|
268
265
|
"text-subtle": DesignToken;
|
|
269
266
|
"text-accent": DesignToken;
|
|
270
267
|
contrast: DesignToken;
|
|
271
|
-
"contrast-hover": DesignToken;
|
|
272
268
|
fill: DesignToken;
|
|
273
269
|
"on-fill": DesignToken;
|
|
274
270
|
};
|
|
@@ -288,7 +284,6 @@ declare const tokens: {
|
|
|
288
284
|
"text-subtle": DesignToken;
|
|
289
285
|
"text-accent": DesignToken;
|
|
290
286
|
contrast: DesignToken;
|
|
291
|
-
"contrast-hover": DesignToken;
|
|
292
287
|
fill: DesignToken;
|
|
293
288
|
"on-fill": DesignToken;
|
|
294
289
|
};
|
|
@@ -308,7 +303,6 @@ declare const tokens: {
|
|
|
308
303
|
"text-subtle": DesignToken;
|
|
309
304
|
"text-accent": DesignToken;
|
|
310
305
|
contrast: DesignToken;
|
|
311
|
-
"contrast-hover": DesignToken;
|
|
312
306
|
fill: DesignToken;
|
|
313
307
|
"on-fill": DesignToken;
|
|
314
308
|
};
|
package/dist/tokens.js
CHANGED
|
@@ -3136,12 +3136,12 @@ export default {
|
|
|
3136
3136
|
contrast: {
|
|
3137
3137
|
key: "{color.neutral.contrast}",
|
|
3138
3138
|
$type: "color",
|
|
3139
|
-
$value: "#
|
|
3139
|
+
$value: "#222d38",
|
|
3140
3140
|
filePath: "tokens/Semantic.light.tokens.json",
|
|
3141
3141
|
isSource: true,
|
|
3142
3142
|
original: {
|
|
3143
3143
|
$type: "color",
|
|
3144
|
-
$value: "{neutral.
|
|
3144
|
+
$value: "{neutral.95}",
|
|
3145
3145
|
key: "{color.neutral.contrast}",
|
|
3146
3146
|
},
|
|
3147
3147
|
name: "bi-color-neutral-contrast",
|
|
@@ -3152,25 +3152,6 @@ export default {
|
|
|
3152
3152
|
},
|
|
3153
3153
|
path: ["color", "neutral", "contrast"],
|
|
3154
3154
|
},
|
|
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
3155
|
fill: {
|
|
3175
3156
|
key: "{color.neutral.fill}",
|
|
3176
3157
|
$type: "color",
|
|
@@ -3496,25 +3477,6 @@ export default {
|
|
|
3496
3477
|
},
|
|
3497
3478
|
path: ["color", "primary", "contrast"],
|
|
3498
3479
|
},
|
|
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
3480
|
fill: {
|
|
3519
3481
|
key: "{color.primary.fill}",
|
|
3520
3482
|
$type: "color",
|
|
@@ -3824,12 +3786,12 @@ export default {
|
|
|
3824
3786
|
contrast: {
|
|
3825
3787
|
key: "{color.info.contrast}",
|
|
3826
3788
|
$type: "color",
|
|
3827
|
-
$value: "#
|
|
3789
|
+
$value: "#280d50",
|
|
3828
3790
|
filePath: "tokens/Semantic.light.tokens.json",
|
|
3829
3791
|
isSource: true,
|
|
3830
3792
|
original: {
|
|
3831
3793
|
$type: "color",
|
|
3832
|
-
$value: "{info.
|
|
3794
|
+
$value: "{info.95}",
|
|
3833
3795
|
key: "{color.info.contrast}",
|
|
3834
3796
|
},
|
|
3835
3797
|
name: "bi-color-info-contrast",
|
|
@@ -3840,25 +3802,6 @@ export default {
|
|
|
3840
3802
|
},
|
|
3841
3803
|
path: ["color", "info", "contrast"],
|
|
3842
3804
|
},
|
|
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
3805
|
fill: {
|
|
3863
3806
|
key: "{color.info.fill}",
|
|
3864
3807
|
$type: "color",
|
|
@@ -4168,12 +4111,12 @@ export default {
|
|
|
4168
4111
|
contrast: {
|
|
4169
4112
|
key: "{color.warning.contrast}",
|
|
4170
4113
|
$type: "color",
|
|
4171
|
-
$value: "#
|
|
4114
|
+
$value: "#3a2f00",
|
|
4172
4115
|
filePath: "tokens/Semantic.light.tokens.json",
|
|
4173
4116
|
isSource: true,
|
|
4174
4117
|
original: {
|
|
4175
4118
|
$type: "color",
|
|
4176
|
-
$value: "{warning.
|
|
4119
|
+
$value: "{warning.95}",
|
|
4177
4120
|
key: "{color.warning.contrast}",
|
|
4178
4121
|
},
|
|
4179
4122
|
name: "bi-color-warning-contrast",
|
|
@@ -4184,25 +4127,6 @@ export default {
|
|
|
4184
4127
|
},
|
|
4185
4128
|
path: ["color", "warning", "contrast"],
|
|
4186
4129
|
},
|
|
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
4130
|
fill: {
|
|
4207
4131
|
key: "{color.warning.fill}",
|
|
4208
4132
|
$type: "color",
|
|
@@ -4512,12 +4436,12 @@ export default {
|
|
|
4512
4436
|
contrast: {
|
|
4513
4437
|
key: "{color.success.contrast}",
|
|
4514
4438
|
$type: "color",
|
|
4515
|
-
$value: "#
|
|
4439
|
+
$value: "#162e17",
|
|
4516
4440
|
filePath: "tokens/Semantic.light.tokens.json",
|
|
4517
4441
|
isSource: true,
|
|
4518
4442
|
original: {
|
|
4519
4443
|
$type: "color",
|
|
4520
|
-
$value: "{success.
|
|
4444
|
+
$value: "{success.95}",
|
|
4521
4445
|
key: "{color.success.contrast}",
|
|
4522
4446
|
},
|
|
4523
4447
|
name: "bi-color-success-contrast",
|
|
@@ -4528,25 +4452,6 @@ export default {
|
|
|
4528
4452
|
},
|
|
4529
4453
|
path: ["color", "success", "contrast"],
|
|
4530
4454
|
},
|
|
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
4455
|
fill: {
|
|
4551
4456
|
key: "{color.success.fill}",
|
|
4552
4457
|
$type: "color",
|
|
@@ -4856,12 +4761,12 @@ export default {
|
|
|
4856
4761
|
contrast: {
|
|
4857
4762
|
key: "{color.alert.contrast}",
|
|
4858
4763
|
$type: "color",
|
|
4859
|
-
$value: "#
|
|
4764
|
+
$value: "#5d1c18",
|
|
4860
4765
|
filePath: "tokens/Semantic.light.tokens.json",
|
|
4861
4766
|
isSource: true,
|
|
4862
4767
|
original: {
|
|
4863
4768
|
$type: "color",
|
|
4864
|
-
$value: "{alert.
|
|
4769
|
+
$value: "{alert.95}",
|
|
4865
4770
|
key: "{color.alert.contrast}",
|
|
4866
4771
|
},
|
|
4867
4772
|
name: "bi-color-alert-contrast",
|
|
@@ -4872,25 +4777,6 @@ export default {
|
|
|
4872
4777
|
},
|
|
4873
4778
|
path: ["color", "alert", "contrast"],
|
|
4874
4779
|
},
|
|
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
4780
|
fill: {
|
|
4895
4781
|
key: "{color.alert.fill}",
|
|
4896
4782
|
$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
|
+
"version": "0.12.5",
|
|
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",
|