@wwtdev/bsds-css 3.0.0-rc.23 → 3.0.0-rc.24

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/wwt-bsds-preset.js +214 -71
  2. package/dist/wwt-bsds.css +1113 -368
  3. package/dist/wwt-bsds.min.css +1 -1
  4. package/package.json +1 -1
package/dist/wwt-bsds.css CHANGED
@@ -9,65 +9,110 @@
9
9
  --bs-white: #ffffff;
10
10
  --bs-white-10: rgba(255, 255, 255, 0.1);
11
11
  --bs-black: #0a0b19;
12
- --bs-blue-10: rgba(0, 134, 234, 0.1);
12
+ --bs-blue-10: rgba(102, 182, 242, 0.1);
13
13
  --bs-blue-100: #99cff7;
14
14
  --bs-blue-200: #66b6f2;
15
15
  --bs-blue-300: #339eee;
16
16
  --bs-blue-400: #0086ea;
17
17
  --bs-blue-500: #006dc7;
18
- --bs-red-10: rgba(238, 40, 42, 0.1);
19
- --bs-red-100: #f8a9aa;
20
- --bs-red-200: #f57e7f;
21
- --bs-red-300: #f15355;
22
- --bs-red-400: #ee282a;
23
- --bs-red-500: #d91214;
24
- --bs-plum-10: rgba(28, 0, 135, 0.1);
25
- --bs-plum-100: #a499cf;
26
- --bs-plum-200: #7766b7;
27
- --bs-plum-300: #49339f;
28
- --bs-plum-400: #1c0087;
29
- --bs-royal-10: rgba(22, 47, 180, 0.1);
30
- --bs-royal-100: #c5cceb;
31
- --bs-royal-200: #7585d1;
32
- --bs-royal-300: #5365c4;
33
- --bs-royal-400: #162fb4;
34
- --bs-violet-100: #cbc0da;
35
- --bs-violet-200: #9983b6;
36
- --bs-violet-300: #634291;
37
- --bs-violet-400: #330072;
18
+ --bs-charcoal-100: #f5f5f6;
19
+ --bs-charcoal-200: #ececec;
20
+ --bs-charcoal-300: #b3b5b8;
21
+ --bs-charcoal-400: #5f6266;
22
+ --bs-charcoal-500: #40454d;
23
+ --bs-cobalt-10: rgba(148, 139, 225, 0.1);
24
+ --bs-cobalt-100: #c9c5f0;
25
+ --bs-cobalt-200: #948be1;
26
+ --bs-cobalt-300: #5f52d3;
27
+ --bs-cobalt-400: #2918c4;
28
+ --bs-gold-100: #f9f5f1;
29
+ --bs-gold-200: #ebdfd4;
30
+ --bs-gold-300: #e0c7ac;
31
+ --bs-gold-400: #cca175;
32
+ --bs-gold-500: #997958;
33
+ --bs-gray-50: #f7f7fc;
34
+ --bs-gray-100: #f0f0fa;
35
+ --bs-gray-150: #e4e4eb;
36
+ --bs-gray-200: #c9cad9;
37
+ --bs-gray-300: #a3a4b7;
38
+ --bs-gray-400: #4e4f5f;
39
+ --bs-gray-500: #292940;
40
+ --bs-green-10: rgba(57, 162, 131, 0.1);
41
+ --bs-green-100: #abcfcc;
42
+ --bs-green-200: #72b9a8;
43
+ --bs-green-300: #39a283;
44
+ --bs-green-400: #008b5d;
45
+ --bs-green-500: #00744d;
46
+ --bs-maroon-10: rgba(195, 91, 91, 0.1);
47
+ --bs-maroon-100: #ebc8c8;
48
+ --bs-maroon-200: #d79191;
49
+ --bs-maroon-300: #c35b5b;
50
+ --bs-maroon-400: #af2424;
51
+ --bs-maroon-500: #a70c0c;
52
+ --bs-midnight-10: rgba(141, 137, 177, 0.1);
53
+ --bs-midnight-100: #c6c4d8;
54
+ --bs-midnight-200: #8d89b1;
55
+ --bs-midnight-300: #494382;
56
+ --bs-midnight-400: #1c1463;
57
+ --bs-navy-10: rgba(141, 142, 161, 0.1);
38
58
  --bs-navy-100: #c6c6d1;
39
59
  --bs-navy-200: #8d8ea1;
40
60
  --bs-navy-300: #555775;
41
61
  --bs-navy-400: #1d1e48;
42
- --bs-navy-500: #131431;
43
- --bs-navy-600: #070822;
44
- --bs-orange-10: rgba(250, 70, 22, 0.1);
62
+ --bs-orange-10: rgba(247, 161, 123, 0.1);
45
63
  --bs-orange-100: #f3c4a8;
46
64
  --bs-orange-200: #f7a17b;
47
65
  --bs-orange-300: #f97c4c;
48
66
  --bs-orange-400: #fb550e;
49
67
  --bs-orange-500: #c33d04;
50
- --bs-pink-10: rgba(227, 28, 121, 0.1);
68
+ --bs-orange-brand: #ff5100;
69
+ --bs-orchid-10: rgba(190, 128, 255, 0.1);
70
+ --bs-orchid-100: #debfff;
71
+ --bs-orchid-200: #be80ff;
72
+ --bs-orchid-300: #9d40ff;
73
+ --bs-orchid-400: #7d00ff;
74
+ --bs-pink-10: rgba(235, 126, 175, 0.1);
51
75
  --bs-pink-100: #f6cbe0;
52
76
  --bs-pink-200: #eb7eaf;
53
77
  --bs-pink-300: #e45e9b;
54
78
  --bs-pink-400: #e31c79;
55
79
  --bs-pink-500: #d11a6f;
56
- --bs-purple-10: rgba(130, 18, 196, 0.09);
80
+ --bs-plum-10: rgba(119, 102, 183, 0.1);
81
+ --bs-plum-100: #a499cf;
82
+ --bs-plum-200: #7766b7;
83
+ --bs-plum-300: #49339f;
84
+ --bs-plum-400: #1c0087;
85
+ --bs-purple-10: rgba(191, 138, 223, 0.1);
57
86
  --bs-purple-100: #e0c5ef;
58
87
  --bs-purple-200: #bf8adf;
59
88
  --bs-purple-300: #a154d0;
60
89
  --bs-purple-400: #8212c4;
61
- --bs-gray-50: #f7f7fc;
62
- --bs-gray-100: #f0f0fa;
63
- --bs-gray-150: #e4e4eb;
64
- --bs-gray-200: #c9cad9;
65
- --bs-gray-300: #a3a4b7;
66
- --bs-gray-400: #4e4f5f;
67
- --bs-gray-500: #292940;
90
+ --bs-red-10: rgba(245, 126, 127, 0.1);
91
+ --bs-red-100: #f8a9aa;
92
+ --bs-red-200: #f57e7f;
93
+ --bs-red-300: #f15355;
94
+ --bs-red-400: #ee282a;
95
+ --bs-red-500: #d91214;
96
+ --bs-royal-10: rgba(117, 133, 209, 0.1);
97
+ --bs-royal-100: #c5cceb;
98
+ --bs-royal-200: #7585d1;
99
+ --bs-royal-300: #5365c4;
100
+ --bs-royal-400: #162fb4;
68
101
  --bs-slate-400: #22222e;
69
102
  --bs-slate-500: #17171f;
70
103
  --bs-slate-600: #0b0b10;
104
+ --bs-violet-10: rgba(153, 131, 182, 0.1);
105
+ --bs-violet-100: #cbc0da;
106
+ --bs-violet-200: #9983b6;
107
+ --bs-violet-300: #634291;
108
+ --bs-violet-400: #330072;
109
+ --bs-yellow-10: rgba(255, 184, 52, 0.1);
110
+ --bs-yellow-100: #fdeed3;
111
+ --bs-yellow-200: #fcdea7;
112
+ --bs-yellow-300: #f8c464;
113
+ --bs-yellow-400: #ffb834;
114
+ --bs-yellow-450: #c18300;
115
+ --bs-yellow-500: #805a14;
71
116
  --bs-shadow-primary: rgba(0, 0, 0, 0.06);
72
117
  --bs-shadow-secondary: rgba(28, 0, 135, 0.2);
73
118
  --bs-gradient-dark: linear-gradient(
@@ -241,17 +286,18 @@
241
286
  --bs-ink-medium: var(--bs-gray-500);
242
287
  --bs-ink-light: var(--bs-gray-400);
243
288
  --bs-ink-disabled: rgba(78, 79, 95, 0.6); /* --bs-gray-400 at .6 */
244
- --bs-ink-invert-base: var(--bs-gray-100);
245
- --bs-ink-invert-light: var(--bs-gray-300);
246
- --bs-ink-invert-medium: var(--bs-gray-200);
247
- --bs-ink-blue: var(--bs-blue-500);
248
- --bs-ink-red: var(--bs-red-500);
249
- --bs-ink-pink: var(--bs-pink-500);
250
- --bs-ink-orange: var(--bs-orange-500);
251
- --bs-ink-purple: var(--bs-purple-400);
252
- --bs-ink-royal: var(--bs-royal-400);
253
- --bs-ink-plum: var(--bs-plum-400);
254
- --bs-ink-violet: var(--bs-violet-400);
289
+ --bs-ink-invert-base: var(--bs-white);
290
+ --bs-ink-invert-medium: var(--bs-gray-100);
291
+ --bs-ink-invert-light: var(--bs-gray-200);
292
+ --bs-ink-primary: var(--bs-blue-500);
293
+ --bs-ink-secondary: var(--bs-plum-400);
294
+ --bs-ink-accent-1: var(--bs-royal-400);
295
+ --bs-ink-accent-2: var(--bs-violet-400);
296
+ --bs-ink-accent-3: var(--bs-pink-500);
297
+ --bs-ink-negative: var(--bs-red-500);
298
+ --bs-ink-ecomm-positive: var(--bs-green-500);
299
+ --bs-ink-positive: var(--bs-purple-400);
300
+ --bs-ink-warning: var(--bs-orange-500);
255
301
  --bs-ink-white: var(--bs-white);
256
302
 
257
303
  /* Background */
@@ -279,67 +325,183 @@
279
325
  --bs-border-active: var(--bs-blue-400);
280
326
  --bs-border-error: var(--bs-red-500);
281
327
 
282
- /* Blue */
328
+ /* Primary */
329
+ --bs-primary-base-fixed: var(--bs-blue-400);
330
+ --bs-primary-base: var(--bs-blue-400);
331
+ --bs-primary-medium: var(--bs-blue-300);
332
+ --bs-primary-light: var(--bs-blue-200);
333
+ --bs-primary-lightest: var(--bs-blue-100);
334
+ --bs-primary-highlight: var(--bs-blue-10);
335
+
336
+ /* Secondary */
337
+ --bs-secondary-base-fixed: var(--bs-plum-400);
338
+ --bs-secondary-base: var(--bs-plum-400);
339
+ --bs-secondary-medium: var(--bs-plum-300);
340
+ --bs-secondary-light: var(--bs-plum-200);
341
+ --bs-secondary-lightest: var(--bs-plum-100);
342
+ --bs-secondary-highlight: var(--bs-plum-10);
343
+
344
+ /* Neutral */
345
+ --bs-neutral-dark: var(--bs-gray-500);
346
+ --bs-neutral-base: var(--bs-gray-400);
347
+ --bs-neutral-medium: var(--bs-gray-300);
348
+ --bs-neutral-light: var(--bs-gray-200);
349
+ --bs-neutral-lightest: var(--bs-gray-100);
350
+
351
+ /* Accent 1 */
352
+ --bs-accent-1-base-fixed: var(--bs-royal-400);
353
+ --bs-accent-1-base: var(--bs-royal-400);
354
+ --bs-accent-1-medium: var(--bs-royal-300);
355
+ --bs-accent-1-light: var(--bs-royal-200);
356
+ --bs-accent-1-lightest: var(--bs-royal-100);
357
+ --bs-accent-1-highlight: var(--bs-royal-10);
358
+
359
+ /* Accent 2 */
360
+ --bs-accent-2-base-fixed: var(--bs-violet-400);
361
+ --bs-accent-2-base: var(--bs-violet-400);
362
+ --bs-accent-2-medium: var(--bs-violet-300);
363
+ --bs-accent-2-light: var(--bs-violet-200);
364
+ --bs-accent-2-lightest: var(--bs-violet-100);
365
+ --bs-accent-2-highlight: var(--bs-violet-10);
366
+
367
+ /* Accent 3 */
368
+ --bs-accent-3-base-fixed: var(--bs-pink-400);
369
+ --bs-accent-3-base: var(--bs-pink-400);
370
+ --bs-accent-3-medium: var(--bs-pink-300);
371
+ --bs-accent-3-light: var(--bs-pink-200);
372
+ --bs-accent-3-lightest: var(--bs-pink-100);
373
+ --bs-accent-3-highlight: var(--bs-pink-10);
374
+
375
+ /* Accent 4 */
376
+ --bs-accent-4-base: var(--bs-navy-400);
377
+ --bs-accent-4-medium: var(--bs-navy-300);
378
+ --bs-accent-4-light: var(--bs-navy-200);
379
+ --bs-accent-4-lightest: var(--bs-navy-100);
380
+ --bs-accent-4-highlight: var(--bs-navy-10);
381
+
382
+ /* Positive */
383
+ --bs-positive-base-fixed: var(--bs-purple-400);
384
+ --bs-positive-base: var(--bs-purple-400);
385
+ --bs-positive-medium: var(--bs-purple-300);
386
+ --bs-positive-light: var(--bs-purple-200);
387
+ --bs-positive-lightest: var(--bs-purple-100);
388
+ --bs-positive-highlight: var(--bs-purple-10);
389
+
390
+ /* Ecommerce Positive */
391
+ --bs-ecomm-positive-base-fixed: var(--bs-green-400);
392
+ --bs-ecomm-positive-base: var(--bs-green-400);
393
+ --bs-ecomm-positive-medium: var(--bs-green-300);
394
+ --bs-ecomm-positive-light: var(--bs-green-200);
395
+ --bs-ecomm-positive-lightest: var(--bs-green-100);
396
+ --bs-ecomm-positive-highlight: var(--bs-green-10);
397
+
398
+ /* Warning */
399
+ --bs-warning-dark: var(--bs-orange-500);
400
+ --bs-warning-base: var(--bs-orange-400);
401
+ --bs-warning-medium: var(--bs-orange-300);
402
+ --bs-warning-light: var(--bs-orange-200);
403
+ --bs-warning-lightest: var(--bs-orange-100);
404
+ --bs-warning-highlight: var(--bs-orange-10);
405
+
406
+ /* Negative */
407
+ --bs-negative-dark: var(--bs-red-500);
408
+ --bs-negative-base: var(--bs-red-400);
409
+ --bs-negative-medium: var(--bs-red-300);
410
+ --bs-negative-light: var(--bs-red-200);
411
+ --bs-negative-lightest: var(--bs-red-100);
412
+ --bs-negative-highlight: var(--bs-red-10);
413
+
414
+
415
+ /* -------------- Deprecated Color Tokens -------------- */
416
+
417
+ /* Blue (replaced by Primary) */
283
418
  --bs-blue-base: var(--bs-blue-400);
284
419
  --bs-blue-medium: var(--bs-blue-300);
285
420
  --bs-blue-light: var(--bs-blue-200);
286
421
  --bs-blue-lightest: var(--bs-blue-100);
287
422
 
288
- /* Plum */
423
+ /* Gray (replaced by Neutral) */
424
+ --bs-gray-dark: var(--bs-gray-500);
425
+ --bs-gray-base: var(--bs-gray-400);
426
+ --bs-gray-medium: var(--bs-gray-300);
427
+ --bs-gray-light: var(--bs-gray-200);
428
+ --bs-gray-lightest: var(--bs-gray-100);
429
+
430
+ /* Navy (replaced by Accent 4) */
431
+ --bs-navy-base: var(--bs-navy-400);
432
+ --bs-navy-medium: var(--bs-navy-300);
433
+ --bs-navy-light: var(--bs-navy-200);
434
+ --bs-navy-lightest: var(--bs-navy-100);
435
+
436
+ /* Orange (replaced by Warning) */
437
+ --bs-warning: var(--bs-orange-500);
438
+ --bs-orange-base: var(--bs-orange-400);
439
+ --bs-orange-medium: var(--bs-orange-300);
440
+ --bs-orange-light: var(--bs-orange-200);
441
+ --bs-orange-lightest: var(--bs-orange-100);
442
+
443
+ /* Pink (replaced by Accent 3) */
444
+ --bs-pink-base: var(--bs-pink-400);
445
+ --bs-pink-medium: var(--bs-pink-300);
446
+ --bs-pink-light: var(--bs-pink-200);
447
+ --bs-pink-lightest: var(--bs-pink-100);
448
+
449
+ /* Plum (replaced by Secondary) */
289
450
  --bs-plum-base: var(--bs-plum-400);
290
451
  --bs-plum-medium: var(--bs-plum-300);
291
452
  --bs-plum-light: var(--bs-plum-200);
292
453
  --bs-plum-lightest: var(--bs-plum-100);
293
454
 
294
- /* Red */
455
+ /* Purple (replaced by Positive) */
456
+ --bs-purple-base: var(--bs-purple-400);
457
+ --bs-purple-medium: var(--bs-purple-300);
458
+ --bs-purple-light: var(--bs-purple-200);
459
+ --bs-purple-lightest: var(--bs-purple-100);
460
+
461
+ /* Red (replaced by Negative) */
295
462
  --bs-red-base: var(--bs-red-400);
296
463
  --bs-red-medium: var(--bs-red-300);
297
464
  --bs-red-light: var(--bs-red-200);
298
465
  --bs-red-lightest: var(--bs-red-100);
299
466
 
300
- /* Royal */
467
+ /* Royal Blue (replaced by Accent 1) */
301
468
  --bs-royal-base: var(--bs-royal-400);
302
469
  --bs-royal-medium: var(--bs-royal-300);
303
470
  --bs-royal-light: var(--bs-royal-200);
304
471
  --bs-royal-lightest: var(--bs-royal-100);
305
472
 
306
- /* Navy */
307
- --bs-navy-base: var(--bs-navy-400);
308
- --bs-navy-medium: var(--bs-navy-300);
309
- --bs-navy-light: var(--bs-navy-200);
310
- --bs-navy-lightest: var(--bs-navy-100);
311
-
312
- /* Pink */
313
- --bs-pink-base: var(--bs-pink-400);
314
- --bs-pink-medium: var(--bs-pink-300);
315
- --bs-pink-light: var(--bs-pink-200);
316
- --bs-pink-lightest: var(--bs-pink-100);
317
-
318
- /* Violet */
473
+ /* Violet (replaced by Accent 2) */
319
474
  --bs-violet-base: var(--bs-violet-400);
320
475
  --bs-violet-medium: var(--bs-violet-300);
321
476
  --bs-violet-light: var(--bs-violet-200);
322
477
  --bs-violet-lightest: var(--bs-violet-100);
323
478
 
324
- /* Orange */
325
- --bs-warning: var(--bs-orange-500);
326
- --bs-orange-base: var(--bs-orange-400);
327
- --bs-orange-medium: var(--bs-orange-300);
328
- --bs-orange-light: var(--bs-orange-200);
329
- --bs-orange-lightest: var(--bs-orange-100);
330
479
 
331
- /* Purple */
332
- --bs-purple-base: var(--bs-purple-400);
333
- --bs-purple-medium: var(--bs-purple-300);
334
- --bs-purple-light: var(--bs-purple-200);
335
- --bs-purple-lightest: var(--bs-purple-100);
480
+ /* ------------ Deprecated Ink Color Tokens ------------ */
336
481
 
337
- /* Gray */
338
- --bs-gray-dark: var(--bs-gray-500);
339
- --bs-gray-base: var(--bs-gray-400);
340
- --bs-gray-medium: var(--bs-gray-300);
341
- --bs-gray-light: var(--bs-gray-200);
342
- --bs-gray-lightest: var(--bs-gray-100);
482
+ /* Ink Blue (replaced by Ink Primary) */
483
+ --bs-ink-blue: var(--bs-blue-500);
484
+
485
+ /* Ink Orange (replaced by Ink Warning) */
486
+ --bs-ink-orange: var(--bs-orange-500);
487
+
488
+ /* Ink Pink (replaced by Ink Accent 3) */
489
+ --bs-ink-pink: var(--bs-pink-500);
490
+
491
+ /* Ink Plum (replaced by Ink Secondary) */
492
+ --bs-ink-plum: var(--bs-plum-400);
493
+
494
+ /* Ink Purple (replaced by Ink Positive) */
495
+ --bs-ink-purple: var(--bs-purple-400);
496
+
497
+ /* Ink Red (replaced by Ink Negative) */
498
+ --bs-ink-red: var(--bs-red-500);
499
+
500
+ /* Ink Royal (replaced by Ink Accent 1) */
501
+ --bs-ink-royal: var(--bs-royal-400);
502
+
503
+ /* Ink Violet (replaced by Ink Accent 2) */
504
+ --bs-ink-violet: var(--bs-violet-400);
343
505
  }
344
506
  /* Token Overrides */
345
507
  .dark {
@@ -349,16 +511,17 @@
349
511
  --bs-ink-light: var(--bs-gray-200);
350
512
  --bs-ink-disabled: rgba(163, 164, 183, 0.5); /* --bs-gray-300 at .5 opacity */
351
513
  --bs-ink-invert-base: var(--bs-black);
352
- --bs-ink-invert-light: var(--bs-gray-400);
353
514
  --bs-ink-invert-medium: var(--bs-gray-500);
354
- --bs-ink-blue: var(--bs-blue-200);
355
- --bs-ink-red: var(--bs-red-200);
356
- --bs-ink-pink: var(--bs-pink-200);
357
- --bs-ink-orange: var(--bs-orange-200);
358
- --bs-ink-purple: var(--bs-purple-200);
359
- --bs-ink-royal: var(--bs-royal-200);
360
- --bs-ink-plum: var(--bs-plum-100);
361
- --bs-ink-violet: var(--bs-violet-200);
515
+ --bs-ink-invert-light: var(--bs-gray-400);
516
+ --bs-ink-primary: var(--bs-blue-100);
517
+ --bs-ink-secondary: var(--bs-plum-100);
518
+ --bs-ink-accent-1: var(--bs-royal-200);
519
+ --bs-ink-accent-2: var(--bs-violet-200);
520
+ --bs-ink-accent-3: var(--bs-pink-200);
521
+ --bs-ink-negative: var(--bs-red-200);
522
+ --bs-ink-ecomm-positive: var(--bs-green-200);
523
+ --bs-ink-positive: var(--bs-purple-200);
524
+ --bs-ink-warning: var(--bs-orange-200);
362
525
  --bs-ink-white: var(--bs-white);
363
526
 
364
527
  /* Background */
@@ -386,41 +549,47 @@
386
549
  --bs-border-active: var(--bs-blue-400);
387
550
  --bs-border-error: var(--bs-red-200);
388
551
 
389
- /* Blue */
390
- --bs-blue-base: var(--bs-blue-300);
552
+ /* Primary */
553
+ --bs-primary-base: var(--bs-blue-300);
391
554
 
392
- /* Plum */
393
- --bs-plum-base: var(--bs-plum-300);
394
- --bs-plum-medium: var(--bs-plum-200);
555
+ /* Secondary */
556
+ --bs-secondary-base: var(--bs-plum-300);
557
+ --bs-secondary-medium: var(--bs-plum-200);
395
558
 
396
- /* Red */
397
- --bs-red-base: var(--bs-red-300);
559
+ /* Neutral */
560
+ --bs-neutral-dark: var(--bs-gray-100);
561
+ --bs-neutral-base: var(--bs-gray-200);
562
+ --bs-neutral-medium: var(--bs-gray-300);
563
+ --bs-neutral-light: var(--bs-gray-400);
564
+ --bs-neutral-lightest: var(--bs-gray-500);
398
565
 
399
- /* Royal */
400
- --bs-royal-base: var(--bs-royal-300);
401
- --bs-royal-medium: var(--bs-royal-200);
566
+ /* Accent 1 */
567
+ --bs-accent-1-base: var(--bs-royal-300);
568
+ --bs-accent-1-medium: var(--bs-royal-200);
402
569
 
403
- /* Navy */
404
- --bs-navy-base: var(--bs-navy-200);
570
+ /* Accent 2 */
571
+ --bs-accent-2-base: var(--bs-violet-300);
405
572
 
406
- /* Pink */
407
- --bs-pink-base: var(--bs-pink-300);
573
+ /* Accent 3 */
574
+ --bs-accent-3-base: var(--bs-pink-300);
408
575
 
409
- /* Violet */
410
- --bs-violet-base: var(--bs-violet-300);
576
+ /* Accent 4 */
577
+ --bs-accent-4-base: var(--bs-navy-200);
411
578
 
412
- /* Orange */
413
- --bs-warning: var(--bs-orange-400);
414
- --bs-orange-base: var(--bs-orange-300);
579
+ /* Positive */
580
+ --bs-positive-base: var(--bs-purple-300);
415
581
 
416
- /* Purple */
417
- --bs-purple-base: var(--bs-purple-300);
582
+ /* Ecommerce Positive */
583
+ --bs-ecomm-positive-base: var(--bs-green-300);
584
+
585
+ /* Warning */
586
+ --bs-warning-dark: var(--bs-orange-400);
587
+ --bs-warning-base: var(--bs-orange-300);
588
+
589
+ /* Negative */
590
+ --bs-negative-dark: var(--bs-red-400);
591
+ --bs-negative-base: var(--bs-red-300);
418
592
 
419
- /* Gray */
420
- --bs-gray-dark: var(--bs-gray-100);
421
- --bs-gray-base: var(--bs-gray-200);
422
- --bs-gray-light: var(--bs-gray-400);
423
- --bs-gray-lightest: var(--bs-gray-500);
424
593
 
425
594
  /* Atom gradients */
426
595
  --bs-gradient-atom-ai-bg: conic-gradient(from 180deg at 50% 50%, rgba(83, 101, 196, 0.2) -96.8deg, rgba(228, 94, 155, 0.2) 74.2deg, rgba(51, 158, 238, 0.2) 98.8deg, rgba(249, 124, 76, 0.2) 259.6deg, rgba(83, 101, 196, 0.2) 283.2deg, rgba(228, 94, 155, 0.2) 414.4deg);
@@ -437,6 +606,73 @@
437
606
  --bs-shadow-drawerLeft: var(--bs-shadow-dark);
438
607
  --bs-shadow-drawerRight: 16px 20px 40px 0 #000;
439
608
  --bs-shadow-profilePhoto: inset 0px 0px 0.5em var(--bs-shadow-secondary);
609
+
610
+
611
+
612
+ /* -------------- Deprecated Color Tokens -------------- */
613
+
614
+ /* Blue (replaced by Primary) */
615
+ --bs-blue-base: var(--bs-blue-300);
616
+
617
+ /* Gray (replaced by Neutral) */
618
+ --bs-gray-dark: var(--bs-gray-100);
619
+ --bs-gray-base: var(--bs-gray-200);
620
+ --bs-gray-light: var(--bs-gray-400);
621
+ --bs-gray-lightest: var(--bs-gray-500);
622
+
623
+ /* Navy (replaced by Accent 4) */
624
+ --bs-navy-base: var(--bs-navy-200);
625
+
626
+ /* Orange (replaced by Warning) */
627
+ --bs-warning: var(--bs-orange-400);
628
+ --bs-orange-base: var(--bs-orange-300);
629
+
630
+ /* Pink (replaced by Accent 3) */
631
+ --bs-pink-base: var(--bs-pink-300);
632
+
633
+ /* Plum (replaced by Secondary) */
634
+ --bs-plum-base: var(--bs-plum-300);
635
+ --bs-plum-medium: var(--bs-plum-200);
636
+
637
+ /* Purple (replaced by Positive) */
638
+ --bs-purple-base: var(--bs-purple-300);
639
+
640
+ /* Red (replaced by Negative) */
641
+ --bs-red-base: var(--bs-red-300);
642
+
643
+ /* Royal Blue (replaced by Accent 1) */
644
+ --bs-royal-base: var(--bs-royal-300);
645
+ --bs-royal-medium: var(--bs-royal-200);
646
+
647
+ /* Violet (replaced by Accent 2) */
648
+ --bs-violet-base: var(--bs-violet-300);
649
+
650
+
651
+ /* ------------ Deprecated Ink Color Tokens ------------ */
652
+
653
+ /* Ink Blue (replaced by Ink Primary) */
654
+ --bs-ink-blue: var(--bs-blue-200);
655
+
656
+ /* Ink Orange (replaced by Ink Warning) */
657
+ --bs-ink-orange: var(--bs-orange-200);
658
+
659
+ /* Ink Pink (replaced by Ink Accent 3) */
660
+ --bs-ink-pink: var(--bs-pink-200);
661
+
662
+ /* Ink Plum (replaced by Ink Secondary) */
663
+ --bs-ink-plum: var(--bs-plum-100);
664
+
665
+ /* Ink Purple (replaced by Ink Positive) */
666
+ --bs-ink-purple: var(--bs-purple-200);
667
+
668
+ /* Ink Red (replaced by Ink Negative) */
669
+ --bs-ink-red: var(--bs-red-200);
670
+
671
+ /* Ink Royal (replaced by Ink Accent 1) */
672
+ --bs-ink-royal: var(--bs-royal-200);
673
+
674
+ /* Ink Violet (replaced by Ink Accent 2) */
675
+ --bs-ink-violet: var(--bs-violet-200);
440
676
  }
441
677
  /* Links */
442
678
  .dark :where(a) {
@@ -449,6 +685,80 @@
449
685
  color: var(--bs-pink-300);
450
686
  text-decoration-color: var(--bs-purple-200);
451
687
  }
688
+ /* Token Overrides (Softchoice branding) */
689
+ .softchoice {
690
+ /* Ink */
691
+ --bs-ink-primary: var(--bs-cobalt-400);
692
+ --bs-ink-secondary: var(--bs-midnight-400);
693
+ --bs-ink-accent-1: var(--bs-orange-500);
694
+ --bs-ink-negative: var(--bs-maroon-500);
695
+ --bs-ink-positive: var(--bs-green-500);
696
+ --bs-ink-warning: var(--bs-yellow-500);
697
+
698
+ /* Background */
699
+ --bs-bg-light: var(--bs-charcoal-100);
700
+ --bs-bg-medium: var(--bs-charcoal-200);
701
+ --bs-bg-disabled: var(--bs-charcoal-300);
702
+ --bs-bg-medium-to-base: var(--bs-charcoal-200);
703
+ --bs-bg-medium-to-light: var(--bs-charcoal-200);
704
+ --bs-bg-light-to-base: var(--bs-charcoal-100);
705
+ --bs-bg-light-to-medium: var(--bs-charcoal-100);
706
+
707
+ /* Primary */
708
+ --bs-primary-base-fixed: var(--bs-cobalt-400);
709
+ --bs-primary-base: var(--bs-cobalt-400);
710
+ --bs-primary-medium: var(--bs-cobalt-300);
711
+ --bs-primary-light: var(--bs-cobalt-200);
712
+ --bs-primary-lightest: var(--bs-cobalt-100);
713
+ --bs-primary-highlight: var(--bs-cobalt-10);
714
+
715
+ /* Secondary */
716
+ --bs-secondary-base-fixed: var(--bs-midnight-400);
717
+ --bs-secondary-base: var(--bs-midnight-400);
718
+ --bs-secondary-medium: var(--bs-midnight-300);
719
+ --bs-secondary-light: var(--bs-midnight-200);
720
+ --bs-secondary-lightest: var(--bs-midnight-100);
721
+ --bs-secondary-highlight: var(--bs-midnight-10);
722
+
723
+ /* Neutral */
724
+ --bs-neutral-dark: var(--bs-charcoal-500);
725
+ --bs-neutral-base: var(--bs-charcoal-400);
726
+ --bs-neutral-medium: var(--bs-charcoal-300);
727
+ --bs-neutral-light: var(--bs-charcoal-200);
728
+ --bs-neutral-lightest: var(--bs-charcoal-100);
729
+
730
+ /* Accent 1 */
731
+ --bs-accent-1-base-fixed: var(--bs-cobalt-400);
732
+ --bs-accent-1-base: var(--bs-cobalt-400);
733
+ --bs-accent-1-medium: var(--bs-cobalt-300);
734
+ --bs-accent-1-light: var(--bs-cobalt-200);
735
+ --bs-accent-1-lightest: var(--bs-cobalt-100);
736
+ --bs-accent-1-highlight: var(--bs-cobalt-10);
737
+
738
+ /* Positive */
739
+ --bs-positive-base-fixed: var(--bs-green-400);
740
+ --bs-positive-base: var(--bs-green-400);
741
+ --bs-positive-medium: var(--bs-green-300);
742
+ --bs-positive-light: var(--bs-green-200);
743
+ --bs-positive-lightest: var(--bs-green-100);
744
+ --bs-positive-highlight: var(--bs-green-10);
745
+
746
+ /* Warning */
747
+ --bs-warning-dark: var(--bs-yellow-450);
748
+ --bs-warning-base: var(--bs-yellow-400);
749
+ --bs-warning-medium: var(--bs-yellow-300);
750
+ --bs-warning-light: var(--bs-yellow-200);
751
+ --bs-warning-lightest: var(--bs-yellow-100);
752
+ --bs-warning-highlight: var(--bs-yellow-10);
753
+
754
+ /* Negative */
755
+ --bs-negative-dark: var(--bs-maroon-500);
756
+ --bs-negative-base: var(--bs-maroon-400);
757
+ --bs-negative-medium: var(--bs-maroon-300);
758
+ --bs-negative-light: var(--bs-maroon-200);
759
+ --bs-negative-lightest: var(--bs-maroon-100);
760
+ --bs-negative-highlight: var(--bs-maroon-10);
761
+ }
452
762
  /* Base Styles */
453
763
  /*
454
764
  1. Prevent padding and border from affecting element width.
@@ -6498,39 +6808,333 @@ a.bs-text-button {
6498
6808
  .flow > :where(ul, ol) > :where(li) {
6499
6809
  margin-top: var(--flow-space, 0.625em);
6500
6810
  }
6501
- .bs-visually-hidden {
6502
- border: 0;
6503
- clip: rect(0 0 0 0);
6504
- height: 1px;
6505
- margin: 0;
6506
- overflow: hidden;
6507
- padding: 0;
6508
- position: absolute;
6509
- white-space: nowrap;
6510
- width: 1px;
6811
+ /* -------------- Deprecated Ink Colors -------------- */
6812
+ /* Ink Blue (replaced by Ink Primary) */
6813
+ .bs-text-ink-blue {
6814
+ color: var(--bs-ink-blue);
6511
6815
  }
6512
- .bs-box {
6513
- --bg-color: var(--bs-bg-medium-to-light);
6514
- --border-color: transparent;
6515
- --box-space: var(--bs-space-6);
6516
- --text-color: var(--bs-ink-base);
6517
- background: var(--bg-color);
6518
- border-radius: 0.25rem;
6519
- border: 1px solid var(--border-color);
6520
- color: var(--text-color);
6521
- padding-bottom: var(--box-space);
6522
- padding-left: var(--box-space);
6523
- padding-right: var(--box-space);
6524
- padding-top: var(--box-space);
6816
+ .bs-bg-ink-blue {
6817
+ background-color: var(--bs-ink-blue);
6525
6818
  }
6526
- .bs-box:where([data-invert="true"]) {
6527
- --bg-color: var(--bs-bg-invert-light);
6528
- --text-color: var(--bs-ink-invert-base);
6819
+ /* Ink Orange (replaced by Ink Warning) */
6820
+ .bs-text-ink-orange {
6821
+ color: var(--bs-ink-orange);
6529
6822
  }
6530
- .bs-box:where([data-border="true"]) {
6531
- --border-color: var(--bs-border-base);
6823
+ .bs-bg-ink-orange {
6824
+ background-color: var(--bs-ink-orange);
6532
6825
  }
6533
- .bs-cluster {
6826
+ /* Ink Pink (replaced by Ink Accent 3) */
6827
+ .bs-text-ink-pink {
6828
+ color: var(--bs-ink-pink);
6829
+ }
6830
+ .bs-bg-ink-pink {
6831
+ background-color: var(--bs-ink-pink);
6832
+ }
6833
+ /* Ink Plum (replaced by Ink Secondary) */
6834
+ .bs-text-ink-plum {
6835
+ color: var(--bs-ink-plum);
6836
+ }
6837
+ .bs-bg-ink-plum {
6838
+ background-color: var(--bs-ink-plum);
6839
+ }
6840
+ /* Ink Purple (replaced by Ink Positive) */
6841
+ .bs-text-ink-purple {
6842
+ color: var(--bs-ink-purple);
6843
+ }
6844
+ .bs-bg-ink-purple {
6845
+ background-color: var(--bs-ink-purple);
6846
+ }
6847
+ /* Ink Red (replaced by Ink Negative) */
6848
+ .bs-text-ink-red {
6849
+ color: var(--bs-ink-red);
6850
+ }
6851
+ .bs-bg-ink-red {
6852
+ background-color: var(--bs-ink-red);
6853
+ }
6854
+ /* Ink Royal (replaced by Ink Accent 1) */
6855
+ .bs-text-ink-royal {
6856
+ color: var(--bs-ink-royal);
6857
+ }
6858
+ .bs-bg-ink-royal {
6859
+ background-color: var(--bs-ink-royal);
6860
+ }
6861
+ /* Ink Violet (replaced by Ink Accent 2) */
6862
+ .bs-text-ink-violet {
6863
+ color: var(--bs-ink-violet);
6864
+ }
6865
+ .bs-bg-ink-violet {
6866
+ background-color: var(--bs-ink-violet);
6867
+ }
6868
+ /* DEPRECATED (use --bs-primary instead) */
6869
+ .bs-text-blue-base {
6870
+ color: var(--bs-blue-base);
6871
+ }
6872
+ .bs-bg-blue-base {
6873
+ background-color: var(--bs-blue-base);
6874
+ }
6875
+ .bs-text-blue-medium {
6876
+ color: var(--bs-blue-medium);
6877
+ }
6878
+ .bs-bg-blue-medium {
6879
+ background-color: var(--bs-blue-medium);
6880
+ }
6881
+ .bs-text-blue-light {
6882
+ color: var(--bs-blue-light);
6883
+ }
6884
+ .bs-bg-blue-light {
6885
+ background-color: var(--bs-blue-light);
6886
+ }
6887
+ .bs-text-blue-lightest {
6888
+ color: var(--bs-blue-lightest);
6889
+ }
6890
+ .bs-bg-blue-lightest {
6891
+ background-color: var(--bs-blue-lightest);
6892
+ }
6893
+ /* DEPRECATED (use --bs-neutral instead) */
6894
+ .bs-text-gray-dark {
6895
+ color: var(--bs-gray-dark);
6896
+ }
6897
+ .bs-bg-gray-dark {
6898
+ background-color: var(--bs-gray-dark);
6899
+ }
6900
+ .bs-text-gray-base {
6901
+ color: var(--bs-gray-base);
6902
+ }
6903
+ .bs-bg-gray-base {
6904
+ background-color: var(--bs-gray-base);
6905
+ }
6906
+ .bs-text-gray-medium {
6907
+ color: var(--bs-gray-medium);
6908
+ }
6909
+ .bs-bg-gray-medium {
6910
+ background-color: var(--bs-gray-medium);
6911
+ }
6912
+ .bs-text-gray-light {
6913
+ color: var(--bs-gray-light);
6914
+ }
6915
+ .bs-bg-gray-light {
6916
+ background-color: var(--bs-gray-light);
6917
+ }
6918
+ .bs-text-gray-lightest {
6919
+ color: var(--bs-gray-lightest);
6920
+ }
6921
+ .bs-bg-gray-lightest {
6922
+ background-color: var(--bs-gray-lightest);
6923
+ }
6924
+ /* DEPRECATED (use --bs-accent-4 instead) */
6925
+ .bs-text-navy-base {
6926
+ color: var(--bs-navy-base);
6927
+ }
6928
+ .bs-bg-navy-base {
6929
+ background-color: var(--bs-navy-base);
6930
+ }
6931
+ .bs-text-navy-medium {
6932
+ color: var(--bs-navy-medium);
6933
+ }
6934
+ .bs-bg-navy-medium {
6935
+ background-color: var(--bs-navy-medium);
6936
+ }
6937
+ .bs-text-navy-light {
6938
+ color: var(--bs-navy-light);
6939
+ }
6940
+ .bs-bg-navy-light {
6941
+ background-color: var(--bs-navy-light);
6942
+ }
6943
+ .bs-text-navy-lightest {
6944
+ color: var(--bs-navy-lightest);
6945
+ }
6946
+ .bs-bg-navy-lightest {
6947
+ background-color: var(--bs-navy-lightest);
6948
+ }
6949
+ /* DEPRECATED (use --bs-warning instead) */
6950
+ .bs-text-warning {
6951
+ color: var(--bs-warning);
6952
+ }
6953
+ .bs-bg-warning {
6954
+ background-color: var(--bs-warning);
6955
+ }
6956
+ .bs-text-orange-base {
6957
+ color: var(--bs-orange-base);
6958
+ }
6959
+ .bs-bg-orange-base {
6960
+ background-color: var(--bs-orange-base);
6961
+ }
6962
+ .bs-text-orange-medium {
6963
+ color: var(--bs-orange-medium);
6964
+ }
6965
+ .bs-bg-orange-medium {
6966
+ background-color: var(--bs-orange-medium);
6967
+ }
6968
+ .bs-text-orange-light {
6969
+ color: var(--bs-orange-light);
6970
+ }
6971
+ .bs-bg-orange-light {
6972
+ background-color: var(--bs-orange-light);
6973
+ }
6974
+ .bs-text-orange-lightest {
6975
+ color: var(--bs-orange-lightest);
6976
+ }
6977
+ .bs-bg-orange-lightest {
6978
+ background-color: var(--bs-orange-lightest);
6979
+ }
6980
+ /* DEPRECATED (use --bs-accent-3 instead) */
6981
+ .bs-text-pink-base {
6982
+ color: var(--bs-pink-base);
6983
+ }
6984
+ .bs-bg-pink-base {
6985
+ background-color: var(--bs-pink-base);
6986
+ }
6987
+ .bs-text-pink-medium {
6988
+ color: var(--bs-pink-medium);
6989
+ }
6990
+ .bs-bg-pink-medium {
6991
+ background-color: var(--bs-pink-medium);
6992
+ }
6993
+ .bs-text-pink-light {
6994
+ color: var(--bs-pink-light);
6995
+ }
6996
+ .bs-bg-pink-light {
6997
+ background-color: var(--bs-pink-light);
6998
+ }
6999
+ .bs-text-pink-lightest {
7000
+ color: var(--bs-pink-lightest);
7001
+ }
7002
+ .bs-bg-pink-lightest {
7003
+ background-color: var(--bs-pink-lightest);
7004
+ }
7005
+ /* DEPRECATED (use --bs-secondary instead) */
7006
+ .bs-text-plum-base {
7007
+ color: var(--bs-plum-base);
7008
+ }
7009
+ .bs-bg-plum-base {
7010
+ background-color: var(--bs-plum-base);
7011
+ }
7012
+ .bs-text-plum-medium {
7013
+ color: var(--bs-plum-medium);
7014
+ }
7015
+ .bs-bg-plum-medium {
7016
+ background-color: var(--bs-plum-medium);
7017
+ }
7018
+ .bs-text-plum-light {
7019
+ color: var(--bs-plum-light);
7020
+ }
7021
+ .bs-bg-plum-light {
7022
+ background-color: var(--bs-plum-light);
7023
+ }
7024
+ .bs-text-plum-lightest {
7025
+ color: var(--bs-plum-lightest);
7026
+ }
7027
+ .bs-bg-plum-lightest {
7028
+ background-color: var(--bs-plum-lightest);
7029
+ }
7030
+ /* DEPRECATED (use --bs-negative instead) */
7031
+ .bs-text-red-base {
7032
+ color: var(--bs-red-base);
7033
+ }
7034
+ .bs-bg-red-base {
7035
+ background-color: var(--bs-red-base);
7036
+ }
7037
+ .bs-text-red-medium {
7038
+ color: var(--bs-red-medium);
7039
+ }
7040
+ .bs-bg-red-medium {
7041
+ background-color: var(--bs-red-medium);
7042
+ }
7043
+ .bs-text-red-light {
7044
+ color: var(--bs-red-light);
7045
+ }
7046
+ .bs-bg-red-light {
7047
+ background-color: var(--bs-red-light);
7048
+ }
7049
+ .bs-text-red-lightest {
7050
+ color: var(--bs-red-lightest);
7051
+ }
7052
+ .bs-bg-red-lightest {
7053
+ background-color: var(--bs-red-lightest);
7054
+ }
7055
+ /* DEPRECATED (use --bs-accent-1 instead) */
7056
+ .bs-text-royal-base {
7057
+ color: var(--bs-royal-base);
7058
+ }
7059
+ .bs-bg-royal-base {
7060
+ background-color: var(--bs-royal-base);
7061
+ }
7062
+ .bs-text-royal-medium {
7063
+ color: var(--bs-royal-medium);
7064
+ }
7065
+ .bs-bg-royal-medium {
7066
+ background-color: var(--bs-royal-medium);
7067
+ }
7068
+ .bs-text-royal-light {
7069
+ color: var(--bs-royal-light);
7070
+ }
7071
+ .bs-bg-royal-light {
7072
+ background-color: var(--bs-royal-light);
7073
+ }
7074
+ .bs-text-royal-lightest {
7075
+ color: var(--bs-royal-lightest);
7076
+ }
7077
+ .bs-bg-royal-lightest {
7078
+ background-color: var(--bs-royal-lightest);
7079
+ }
7080
+ /* DEPRECATED (use --bs-accent-2 instead) */
7081
+ .bs-text-violet-base {
7082
+ color: var(--bs-violet-base);
7083
+ }
7084
+ .bs-bg-violet-base {
7085
+ background-color: var(--bs-violet-base);
7086
+ }
7087
+ .bs-text-violet-medium {
7088
+ color: var(--bs-violet-medium);
7089
+ }
7090
+ .bs-bg-violet-medium {
7091
+ background-color: var(--bs-violet-medium);
7092
+ }
7093
+ .bs-text-violet-light {
7094
+ color: var(--bs-violet-light);
7095
+ }
7096
+ .bs-bg-violet-light {
7097
+ background-color: var(--bs-violet-light);
7098
+ }
7099
+ .bs-text-violet-lightest {
7100
+ color: var(--bs-violet-lightest);
7101
+ }
7102
+ .bs-bg-violet-lightest {
7103
+ background-color: var(--bs-violet-lightest);
7104
+ }
7105
+ .bs-visually-hidden {
7106
+ border: 0;
7107
+ clip: rect(0 0 0 0);
7108
+ height: 1px;
7109
+ margin: 0;
7110
+ overflow: hidden;
7111
+ padding: 0;
7112
+ position: absolute;
7113
+ white-space: nowrap;
7114
+ width: 1px;
7115
+ }
7116
+ .bs-box {
7117
+ --bg-color: var(--bs-bg-medium-to-light);
7118
+ --border-color: transparent;
7119
+ --box-space: var(--bs-space-6);
7120
+ --text-color: var(--bs-ink-base);
7121
+ background: var(--bg-color);
7122
+ border-radius: 0.25rem;
7123
+ border: 1px solid var(--border-color);
7124
+ color: var(--text-color);
7125
+ padding-bottom: var(--box-space);
7126
+ padding-left: var(--box-space);
7127
+ padding-right: var(--box-space);
7128
+ padding-top: var(--box-space);
7129
+ }
7130
+ .bs-box:where([data-invert="true"]) {
7131
+ --bg-color: var(--bs-bg-invert-light);
7132
+ --text-color: var(--bs-ink-invert-base);
7133
+ }
7134
+ .bs-box:where([data-border="true"]) {
7135
+ --border-color: var(--bs-border-base);
7136
+ }
7137
+ .bs-cluster {
6534
7138
  --cluster-space: var(--bs-space-6);
6535
7139
  align-items: center;
6536
7140
  display: flex;
@@ -6809,41 +7413,17 @@ a.bs-text-button {
6809
7413
  .bs-bg-base-to-medium {
6810
7414
  background-color: var(--bs-bg-base-to-medium);
6811
7415
  }
6812
- .bs-bg-medium-to-base {
6813
- background-color: var(--bs-bg-medium-to-base);
6814
- }
6815
- .bs-bg-medium-to-light {
6816
- background-color: var(--bs-bg-medium-to-light);
6817
- }
6818
- .bs-bg-light-to-base {
6819
- background-color: var(--bs-bg-light-to-base);
6820
- }
6821
- .bs-bg-light-to-medium {
6822
- background-color: var(--bs-bg-light-to-medium);
6823
- }
6824
- .bs-text-blue-base {
6825
- color: var(--bs-blue-base);
6826
- }
6827
- .bs-bg-blue-base {
6828
- background-color: var(--bs-blue-base);
6829
- }
6830
- .bs-text-blue-medium {
6831
- color: var(--bs-blue-medium);
6832
- }
6833
- .bs-bg-blue-medium {
6834
- background-color: var(--bs-blue-medium);
6835
- }
6836
- .bs-text-blue-light {
6837
- color: var(--bs-blue-light);
7416
+ .bs-bg-medium-to-base {
7417
+ background-color: var(--bs-bg-medium-to-base);
6838
7418
  }
6839
- .bs-bg-blue-light {
6840
- background-color: var(--bs-blue-light);
7419
+ .bs-bg-medium-to-light {
7420
+ background-color: var(--bs-bg-medium-to-light);
6841
7421
  }
6842
- .bs-text-blue-lightest {
6843
- color: var(--bs-blue-lightest);
7422
+ .bs-bg-light-to-base {
7423
+ background-color: var(--bs-bg-light-to-base);
6844
7424
  }
6845
- .bs-bg-blue-lightest {
6846
- background-color: var(--bs-blue-lightest);
7425
+ .bs-bg-light-to-medium {
7426
+ background-color: var(--bs-bg-light-to-medium);
6847
7427
  }
6848
7428
  .bs-border-transparent {
6849
7429
  border-color: var(--bs-transparent);
@@ -6941,36 +7521,6 @@ a.bs-text-button {
6941
7521
  /* .bs-bg-gradient-blue-bottom-right {
6942
7522
  background: var(--bs-gradient-blue-bottom-right);
6943
7523
  } */
6944
- .bs-text-gray-dark {
6945
- color: var(--bs-gray-dark);
6946
- }
6947
- .bs-bg-gray-dark {
6948
- background-color: var(--bs-gray-dark);
6949
- }
6950
- .bs-text-gray-base {
6951
- color: var(--bs-gray-base);
6952
- }
6953
- .bs-bg-gray-base {
6954
- background-color: var(--bs-gray-base);
6955
- }
6956
- .bs-text-gray-medium {
6957
- color: var(--bs-gray-medium);
6958
- }
6959
- .bs-bg-gray-medium {
6960
- background-color: var(--bs-gray-medium);
6961
- }
6962
- .bs-text-gray-light {
6963
- color: var(--bs-gray-light);
6964
- }
6965
- .bs-bg-gray-light {
6966
- background-color: var(--bs-gray-light);
6967
- }
6968
- .bs-text-gray-lightest {
6969
- color: var(--bs-gray-lightest);
6970
- }
6971
- .bs-bg-gray-lightest {
6972
- background-color: var(--bs-gray-lightest);
6973
- }
6974
7524
  .bs-text-transparent {
6975
7525
  color: var(--bs-transparent);
6976
7526
  }
@@ -7022,53 +7572,59 @@ a.bs-text-button {
7022
7572
  .bs-bg-ink-invert-light {
7023
7573
  background-color: var(--bs-ink-invert-light);
7024
7574
  }
7025
- .bs-text-ink-blue {
7026
- color: var(--bs-ink-blue);
7575
+ .bs-text-ink-primary {
7576
+ color: var(--bs-ink-primary);
7027
7577
  }
7028
- .bs-bg-ink-blue {
7029
- background-color: var(--bs-ink-blue);
7578
+ .bs-bg-ink-primary {
7579
+ background-color: var(--bs-ink-primary);
7030
7580
  }
7031
- .bs-text-ink-red {
7032
- color: var(--bs-ink-red);
7581
+ .bs-text-ink-secondary {
7582
+ color: var(--bs-ink-secondary);
7033
7583
  }
7034
- .bs-bg-ink-red {
7035
- background-color: var(--bs-ink-red);
7584
+ .bs-bg-ink-secondary {
7585
+ background-color: var(--bs-ink-secondary);
7036
7586
  }
7037
- .bs-text-ink-pink {
7038
- color: var(--bs-ink-pink);
7587
+ .bs-text-ink-accent-1 {
7588
+ color: var(--bs-ink-accent-1);
7039
7589
  }
7040
- .bs-bg-ink-pink {
7041
- background-color: var(--bs-ink-pink);
7590
+ .bs-bg-ink-accent-1 {
7591
+ background-color: var(--bs-ink-accent-1);
7042
7592
  }
7043
- .bs-text-ink-orange {
7044
- color: var(--bs-ink-orange);
7593
+ .bs-text-ink-accent-2 {
7594
+ color: var(--bs-ink-accent-2);
7045
7595
  }
7046
- .bs-bg-ink-orange {
7047
- background-color: var(--bs-ink-orange);
7596
+ .bs-bg-ink-accent-2 {
7597
+ background-color: var(--bs-ink-accent-2);
7048
7598
  }
7049
- .bs-text-ink-purple {
7050
- color: var(--bs-ink-purple);
7599
+ .bs-text-ink-accent-3 {
7600
+ color: var(--bs-ink-accent-3);
7051
7601
  }
7052
- .bs-bg-ink-purple {
7053
- background-color: var(--bs-ink-purple);
7602
+ .bs-bg-ink-accent-3 {
7603
+ background-color: var(--bs-ink-accent-3);
7054
7604
  }
7055
- .bs-text-ink-royal {
7056
- color: var(--bs-ink-royal);
7605
+ .bs-text-ink-negative {
7606
+ color: var(--bs-ink-negative);
7057
7607
  }
7058
- .bs-bg-ink-royal {
7059
- background-color: var(--bs-ink-royal);
7608
+ .bs-bg-ink-negative {
7609
+ background-color: var(--bs-ink-negative);
7060
7610
  }
7061
- .bs-text-ink-plum {
7062
- color: var(--bs-ink-plum);
7611
+ .bs-text-ink-positive {
7612
+ color: var(--bs-ink-positive);
7063
7613
  }
7064
- .bs-bg-ink-plum {
7065
- background-color: var(--bs-ink-plum);
7614
+ .bs-bg-ink-positive {
7615
+ background-color: var(--bs-ink-positive);
7066
7616
  }
7067
- .bs-text-ink-violet {
7068
- color: var(--bs-ink-violet);
7617
+ .bs-text-ink-ecomm-positive {
7618
+ color: var(--bs-ink-ecomm-positive);
7069
7619
  }
7070
- .bs-bg-ink-violet {
7071
- background-color: var(--bs-ink-violet);
7620
+ .bs-bg-ink-ecomm-positive {
7621
+ background-color: var(--bs-ink-ecomm-positive);
7622
+ }
7623
+ .bs-text-ink-warning {
7624
+ color: var(--bs-ink-warning);
7625
+ }
7626
+ .bs-bg-ink-warning {
7627
+ background-color: var(--bs-ink-warning);
7072
7628
  }
7073
7629
  .bs-text-ink-white {
7074
7630
  color: var(--bs-ink-white);
@@ -7076,201 +7632,390 @@ a.bs-text-button {
7076
7632
  .bs-bg-ink-white {
7077
7633
  background-color: var(--bs-ink-white);
7078
7634
  }
7079
- .bs-text-navy-base {
7080
- color: var(--bs-navy-base);
7635
+ /* Brand Colors */
7636
+ .bs-text-primary-base-fixed {
7637
+ color: var(--bs-primary-base-fixed);
7081
7638
  }
7082
- .bs-bg-navy-base {
7083
- background-color: var(--bs-navy-base);
7639
+ .bs-bg-primary-base-fixed {
7640
+ background-color: var(--bs-primary-base-fixed);
7084
7641
  }
7085
- .bs-text-navy-medium {
7086
- color: var(--bs-navy-medium);
7642
+ .bs-text-primary-base {
7643
+ color: var(--bs-primary-base);
7087
7644
  }
7088
- .bs-bg-navy-medium {
7089
- background-color: var(--bs-navy-medium);
7645
+ .bs-bg-primary-base {
7646
+ background-color: var(--bs-primary-base);
7090
7647
  }
7091
- .bs-text-navy-light {
7092
- color: var(--bs-navy-light);
7648
+ .bs-text-primary-medium {
7649
+ color: var(--bs-primary-medium);
7093
7650
  }
7094
- .bs-bg-navy-light {
7095
- background-color: var(--bs-navy-light);
7651
+ .bs-bg-primary-medium {
7652
+ background-color: var(--bs-primary-medium);
7096
7653
  }
7097
- .bs-text-navy-lightest {
7098
- color: var(--bs-navy-lightest);
7654
+ .bs-text-primary-light {
7655
+ color: var(--bs-primary-light);
7099
7656
  }
7100
- .bs-bg-navy-lightest {
7101
- background-color: var(--bs-navy-lightest);
7657
+ .bs-bg-primary-light {
7658
+ background-color: var(--bs-primary-light);
7102
7659
  }
7103
- .bs-text-warning {
7104
- color: var(--bs-warning);
7660
+ .bs-text-primary-lightest {
7661
+ color: var(--bs-primary-lightest);
7105
7662
  }
7106
- .bs-bg-warning {
7107
- background-color: var(--bs-warning);
7663
+ .bs-bg-primary-lightest {
7664
+ background-color: var(--bs-primary-lightest);
7108
7665
  }
7109
- .bs-text-orange-base {
7110
- color: var(--bs-orange-base);
7666
+ .bs-text-primary-highlight {
7667
+ color: var(--bs-primary-highlight);
7111
7668
  }
7112
- .bs-bg-orange-base {
7113
- background-color: var(--bs-orange-base);
7669
+ .bs-bg-primary-highlight {
7670
+ background-color: var(--bs-primary-highlight);
7114
7671
  }
7115
- .bs-text-orange-medium {
7116
- color: var(--bs-orange-medium);
7672
+ .bs-text-secondary-base-fixed {
7673
+ color: var(--bs-secondary-base-fixed);
7117
7674
  }
7118
- .bs-bg-orange-medium {
7119
- background-color: var(--bs-orange-medium);
7675
+ .bs-bg-secondary-base-fixed {
7676
+ background-color: var(--bs-secondary-base-fixed);
7120
7677
  }
7121
- .bs-text-orange-light {
7122
- color: var(--bs-orange-light);
7678
+ .bs-text-secondary-base {
7679
+ color: var(--bs-secondary-base);
7123
7680
  }
7124
- .bs-bg-orange-light {
7125
- background-color: var(--bs-orange-light);
7681
+ .bs-bg-secondary-base {
7682
+ background-color: var(--bs-secondary-base);
7126
7683
  }
7127
- .bs-text-orange-lightest {
7128
- color: var(--bs-orange-lightest);
7684
+ .bs-text-secondary-medium {
7685
+ color: var(--bs-secondary-medium);
7129
7686
  }
7130
- .bs-bg-orange-lightest {
7131
- background-color: var(--bs-orange-lightest);
7687
+ .bs-bg-secondary-medium {
7688
+ background-color: var(--bs-secondary-medium);
7132
7689
  }
7133
- .bs-text-pink-base {
7134
- color: var(--bs-pink-base);
7690
+ .bs-text-secondary-light {
7691
+ color: var(--bs-secondary-light);
7135
7692
  }
7136
- .bs-bg-pink-base {
7137
- background-color: var(--bs-pink-base);
7693
+ .bs-bg-secondary-light {
7694
+ background-color: var(--bs-secondary-light);
7138
7695
  }
7139
- .bs-text-pink-medium {
7140
- color: var(--bs-pink-medium);
7696
+ .bs-text-secondary-lightest {
7697
+ color: var(--bs-secondary-lightest);
7141
7698
  }
7142
- .bs-bg-pink-medium {
7143
- background-color: var(--bs-pink-medium);
7699
+ .bs-bg-secondary-lightest {
7700
+ background-color: var(--bs-secondary-lightest);
7144
7701
  }
7145
- .bs-text-pink-light {
7146
- color: var(--bs-pink-light);
7702
+ .bs-text-secondary-highlight {
7703
+ color: var(--bs-secondary-highlight);
7147
7704
  }
7148
- .bs-bg-pink-light {
7149
- background-color: var(--bs-pink-light);
7705
+ .bs-bg-secondary-highlight {
7706
+ background-color: var(--bs-secondary-highlight);
7150
7707
  }
7151
- .bs-text-pink-lightest {
7152
- color: var(--bs-pink-lightest);
7708
+ .bs-text-neutral-dark {
7709
+ color: var(--bs-neutral-dark);
7153
7710
  }
7154
- .bs-bg-pink-lightest {
7155
- background-color: var(--bs-pink-lightest);
7711
+ .bs-bg-neutral-dark {
7712
+ background-color: var(--bs-neutral-dark);
7156
7713
  }
7157
- .bs-text-plum-base {
7158
- color: var(--bs-plum-base);
7714
+ .bs-text-neutral-base {
7715
+ color: var(--bs-neutral-base);
7159
7716
  }
7160
- .bs-bg-plum-base {
7161
- background-color: var(--bs-plum-base);
7717
+ .bs-bg-neutral-base {
7718
+ background-color: var(--bs-neutral-base);
7162
7719
  }
7163
- .bs-text-plum-medium {
7164
- color: var(--bs-plum-medium);
7720
+ .bs-text-neutral-medium {
7721
+ color: var(--bs-neutral-medium);
7165
7722
  }
7166
- .bs-bg-plum-medium {
7167
- background-color: var(--bs-plum-medium);
7723
+ .bs-bg-neutral-medium {
7724
+ background-color: var(--bs-neutral-medium);
7168
7725
  }
7169
- .bs-text-plum-light {
7170
- color: var(--bs-plum-light);
7726
+ .bs-text-neutral-light {
7727
+ color: var(--bs-neutral-light);
7171
7728
  }
7172
- .bs-bg-plum-light {
7173
- background-color: var(--bs-plum-light);
7729
+ .bs-bg-neutral-light {
7730
+ background-color: var(--bs-neutral-light);
7174
7731
  }
7175
- .bs-text-plum-lightest {
7176
- color: var(--bs-plum-lightest);
7732
+ .bs-text-neutral-lightest {
7733
+ color: var(--bs-neutral-lightest);
7177
7734
  }
7178
- .bs-bg-plum-lightest {
7179
- background-color: var(--bs-plum-lightest);
7735
+ .bs-bg-neutral-lightest {
7736
+ background-color: var(--bs-neutral-lightest);
7180
7737
  }
7181
- .bs-text-purple-base {
7182
- color: var(--bs-purple-base);
7738
+ /* Accent Colors */
7739
+ .bs-text-accent-1-base-fixed {
7740
+ color: var(--bs-accent-1-base-fixed);
7183
7741
  }
7184
- .bs-bg-purple-base {
7185
- background-color: var(--bs-purple-base);
7742
+ .bs-bg-accent-1-base-fixed {
7743
+ background-color: var(--bs-accent-1-base-fixed);
7186
7744
  }
7187
- .bs-text-purple-medium {
7188
- color: var(--bs-purple-medium);
7745
+ .bs-text-accent-1-base {
7746
+ color: var(--bs-accent-1-base);
7189
7747
  }
7190
- .bs-bg-purple-medium {
7191
- background-color: var(--bs-purple-medium);
7748
+ .bs-bg-accent-1-base {
7749
+ background-color: var(--bs-accent-1-base);
7192
7750
  }
7193
- .bs-text-purple-light {
7194
- color: var(--bs-purple-light);
7751
+ .bs-text-accent-1-medium {
7752
+ color: var(--bs-accent-1-medium);
7195
7753
  }
7196
- .bs-bg-purple-light {
7197
- background-color: var(--bs-purple-light);
7754
+ .bs-bg-accent-1-medium {
7755
+ background-color: var(--bs-accent-1-medium);
7198
7756
  }
7199
- .bs-text-purple-lightest {
7200
- color: var(--bs-purple-lightest);
7757
+ .bs-text-accent-1-light {
7758
+ color: var(--bs-accent-1-light);
7201
7759
  }
7202
- .bs-bg-purple-lightest {
7203
- background-color: var(--bs-purple-lightest);
7760
+ .bs-bg-accent-1-light {
7761
+ background-color: var(--bs-accent-1-light);
7204
7762
  }
7205
- .bs-text-red-base {
7206
- color: var(--bs-red-base);
7763
+ .bs-text-accent-1-lightest {
7764
+ color: var(--bs-accent-1-lightest);
7207
7765
  }
7208
- .bs-bg-red-base {
7209
- background-color: var(--bs-red-base);
7766
+ .bs-bg-accent-1-lightest {
7767
+ background-color: var(--bs-accent-1-lightest);
7210
7768
  }
7211
- .bs-text-red-medium {
7212
- color: var(--bs-red-medium);
7769
+ .bs-text-accent-1-highlight {
7770
+ color: var(--bs-accent-1-highlight);
7213
7771
  }
7214
- .bs-bg-red-medium {
7215
- background-color: var(--bs-red-medium);
7772
+ .bs-bg-accent-1-highlight {
7773
+ background-color: var(--bs-accent-1-highlight);
7216
7774
  }
7217
- .bs-text-red-light {
7218
- color: var(--bs-red-light);
7775
+ .bs-text-accent-2-base-fixed {
7776
+ color: var(--bs-accent-2-base-fixed);
7219
7777
  }
7220
- .bs-bg-red-light {
7221
- background-color: var(--bs-red-light);
7778
+ .bs-bg-accent-2-base-fixed {
7779
+ background-color: var(--bs-accent-2-base-fixed);
7222
7780
  }
7223
- .bs-text-red-lightest {
7224
- color: var(--bs-red-lightest);
7781
+ .bs-text-accent-2-base {
7782
+ color: var(--bs-accent-2-base);
7225
7783
  }
7226
- .bs-bg-red-lightest {
7227
- background-color: var(--bs-red-lightest);
7784
+ .bs-bg-accent-2-base {
7785
+ background-color: var(--bs-accent-2-base);
7228
7786
  }
7229
- .bs-text-royal-base {
7230
- color: var(--bs-royal-base);
7787
+ .bs-text-accent-2-medium {
7788
+ color: var(--bs-accent-2-medium);
7231
7789
  }
7232
- .bs-bg-royal-base {
7233
- background-color: var(--bs-royal-base);
7790
+ .bs-bg-accent-2-medium {
7791
+ background-color: var(--bs-accent-2-medium);
7234
7792
  }
7235
- .bs-text-royal-medium {
7236
- color: var(--bs-royal-medium);
7793
+ .bs-text-accent-2-light {
7794
+ color: var(--bs-accent-2-light);
7237
7795
  }
7238
- .bs-bg-royal-medium {
7239
- background-color: var(--bs-royal-medium);
7796
+ .bs-bg-accent-2-light {
7797
+ background-color: var(--bs-accent-2-light);
7240
7798
  }
7241
- .bs-text-royal-light {
7242
- color: var(--bs-royal-light);
7799
+ .bs-text-accent-2-lightest {
7800
+ color: var(--bs-accent-2-lightest);
7243
7801
  }
7244
- .bs-bg-royal-light {
7245
- background-color: var(--bs-royal-light);
7802
+ .bs-bg-accent-2-lightest {
7803
+ background-color: var(--bs-accent-2-lightest);
7246
7804
  }
7247
- .bs-text-royal-lightest {
7248
- color: var(--bs-royal-lightest);
7805
+ .bs-text-accent-2-highlight {
7806
+ color: var(--bs-accent-2-highlight);
7249
7807
  }
7250
- .bs-bg-royal-lightest {
7251
- background-color: var(--bs-royal-lightest);
7808
+ .bs-bg-accent-2-highlight {
7809
+ background-color: var(--bs-accent-2-highlight);
7252
7810
  }
7253
- .bs-text-violet-base {
7254
- color: var(--bs-violet-base);
7811
+ .bs-text-accent-3-base-fixed {
7812
+ color: var(--bs-accent-3-base-fixed);
7255
7813
  }
7256
- .bs-bg-violet-base {
7257
- background-color: var(--bs-violet-base);
7814
+ .bs-bg-accent-3-base-fixed {
7815
+ background-color: var(--bs-accent-3-base-fixed);
7258
7816
  }
7259
- .bs-text-violet-medium {
7260
- color: var(--bs-violet-medium);
7817
+ .bs-text-accent-3-base {
7818
+ color: var(--bs-accent-3-base);
7261
7819
  }
7262
- .bs-bg-violet-medium {
7263
- background-color: var(--bs-violet-medium);
7820
+ .bs-bg-accent-3-base {
7821
+ background-color: var(--bs-accent-3-base);
7264
7822
  }
7265
- .bs-text-violet-light {
7266
- color: var(--bs-violet-light);
7823
+ .bs-text-accent-3-medium {
7824
+ color: var(--bs-accent-3-medium);
7267
7825
  }
7268
- .bs-bg-violet-light {
7269
- background-color: var(--bs-violet-light);
7826
+ .bs-bg-accent-3-medium {
7827
+ background-color: var(--bs-accent-3-medium);
7270
7828
  }
7271
- .bs-text-violet-lightest {
7272
- color: var(--bs-violet-lightest);
7829
+ .bs-text-accent-3-light {
7830
+ color: var(--bs-accent-3-light);
7273
7831
  }
7274
- .bs-bg-violet-lightest {
7275
- background-color: var(--bs-violet-lightest);
7832
+ .bs-bg-accent-3-light {
7833
+ background-color: var(--bs-accent-3-light);
7834
+ }
7835
+ .bs-text-accent-3-lightest {
7836
+ color: var(--bs-accent-3-lightest);
7837
+ }
7838
+ .bs-bg-accent-3-lightest {
7839
+ background-color: var(--bs-accent-3-lightest);
7840
+ }
7841
+ .bs-text-accent-3-highlight {
7842
+ color: var(--bs-accent-3-highlight);
7843
+ }
7844
+ .bs-bg-accent-3-highlight {
7845
+ background-color: var(--bs-accent-3-highlight);
7846
+ }
7847
+ .bs-text-accent-4-base {
7848
+ color: var(--bs-accent-4-base);
7849
+ }
7850
+ .bs-bg-accent-4-base {
7851
+ background-color: var(--bs-accent-4-base);
7852
+ }
7853
+ .bs-text-accent-4-medium {
7854
+ color: var(--bs-accent-4-medium);
7855
+ }
7856
+ .bs-bg-accent-4-medium {
7857
+ background-color: var(--bs-accent-4-medium);
7858
+ }
7859
+ .bs-text-accent-4-light {
7860
+ color: var(--bs-accent-4-light);
7861
+ }
7862
+ .bs-bg-accent-4-light {
7863
+ background-color: var(--bs-accent-4-light);
7864
+ }
7865
+ .bs-text-accent-4-lightest {
7866
+ color: var(--bs-accent-4-lightest);
7867
+ }
7868
+ .bs-bg-accent-4-lightest {
7869
+ background-color: var(--bs-accent-4-lightest);
7870
+ }
7871
+ .bs-text-accent-4-highlight {
7872
+ color: var(--bs-accent-4-highlight);
7873
+ }
7874
+ .bs-bg-accent-4-highlight {
7875
+ background-color: var(--bs-accent-4-highlight);
7876
+ }
7877
+ /* Status Colors */
7878
+ .bs-text-positive-base-fixed {
7879
+ color: var(--bs-positive-base-fixed);
7880
+ }
7881
+ .bs-bg-positive-base-fixed {
7882
+ background-color: var(--bs-positive-base-fixed);
7883
+ }
7884
+ .bs-text-positive-base {
7885
+ color: var(--bs-positive-base);
7886
+ }
7887
+ .bs-bg-positive-base {
7888
+ background-color: var(--bs-positive-base);
7889
+ }
7890
+ .bs-text-positive-medium {
7891
+ color: var(--bs-positive-medium);
7892
+ }
7893
+ .bs-bg-positive-medium {
7894
+ background-color: var(--bs-positive-medium);
7895
+ }
7896
+ .bs-text-positive-light {
7897
+ color: var(--bs-positive-light);
7898
+ }
7899
+ .bs-bg-positive-light {
7900
+ background-color: var(--bs-positive-light);
7901
+ }
7902
+ .bs-text-positive-lightest {
7903
+ color: var(--bs-positive-lightest);
7904
+ }
7905
+ .bs-bg-positive-lightest {
7906
+ background-color: var(--bs-positive-lightest);
7907
+ }
7908
+ .bs-text-positive-highlight {
7909
+ color: var(--bs-positive-highlight);
7910
+ }
7911
+ .bs-bg-positive-highlight {
7912
+ background-color: var(--bs-positive-highlight);
7913
+ }
7914
+ .bs-text-ecomm-positive-base-fixed {
7915
+ color: var(--bs-ecomm-positive-base-fixed);
7916
+ }
7917
+ .bs-bg-ecomm-positive-base-fixed {
7918
+ background-color: var(--bs-ecomm-positive-base-fixed);
7919
+ }
7920
+ .bs-text-ecomm-positive-base {
7921
+ color: var(--bs-ecomm-positive-base);
7922
+ }
7923
+ .bs-bg-ecomm-positive-base {
7924
+ background-color: var(--bs-ecomm-positive-base);
7925
+ }
7926
+ .bs-text-ecomm-positive-medium {
7927
+ color: var(--bs-ecomm-positive-medium);
7928
+ }
7929
+ .bs-bg-ecomm-positive-medium {
7930
+ background-color: var(--bs-ecomm-positive-medium);
7931
+ }
7932
+ .bs-text-ecomm-positive-light {
7933
+ color: var(--bs-ecomm-positive-light);
7934
+ }
7935
+ .bs-bg-ecomm-positive-light {
7936
+ background-color: var(--bs-ecomm-positive-light);
7937
+ }
7938
+ .bs-text-ecomm-positive-lightest {
7939
+ color: var(--bs-ecomm-positive-lightest);
7940
+ }
7941
+ .bs-bg-ecomm-positive-lightest {
7942
+ background-color: var(--bs-ecomm-positive-lightest);
7943
+ }
7944
+ .bs-text-ecomm-positive-highlight {
7945
+ color: var(--bs-ecomm-positive-highlight);
7946
+ }
7947
+ .bs-bg-ecomm-positive-highlight {
7948
+ background-color: var(--bs-ecomm-positive-highlight);
7949
+ }
7950
+ .bs-text-warning-dark {
7951
+ color: var(--bs-warning-dark);
7952
+ }
7953
+ .bs-bg-warning-dark {
7954
+ background-color: var(--bs-warning-dark);
7955
+ }
7956
+ .bs-text-warning-base {
7957
+ color: var(--bs-warning-base);
7958
+ }
7959
+ .bs-bg-warning-base {
7960
+ background-color: var(--bs-warning-base);
7961
+ }
7962
+ .bs-text-warning-medium {
7963
+ color: var(--bs-warning-medium);
7964
+ }
7965
+ .bs-bg-warning-medium {
7966
+ background-color: var(--bs-warning-medium);
7967
+ }
7968
+ .bs-text-warning-light {
7969
+ color: var(--bs-warning-light);
7970
+ }
7971
+ .bs-bg-warning-light {
7972
+ background-color: var(--bs-warning-light);
7973
+ }
7974
+ .bs-text-warning-lightest {
7975
+ color: var(--bs-warning-lightest);
7976
+ }
7977
+ .bs-bg-warning-lightest {
7978
+ background-color: var(--bs-warning-lightest);
7979
+ }
7980
+ .bs-text-warning-highlight {
7981
+ color: var(--bs-warning-highlight);
7982
+ }
7983
+ .bs-bg-warning-highlight {
7984
+ background-color: var(--bs-warning-highlight);
7985
+ }
7986
+ .bs-text-negative-dark {
7987
+ color: var(--bs-negative-dark);
7988
+ }
7989
+ .bs-bg-negative-dark {
7990
+ background-color: var(--bs-negative-dark);
7991
+ }
7992
+ .bs-text-negative-base {
7993
+ color: var(--bs-negative-base);
7994
+ }
7995
+ .bs-bg-negative-base {
7996
+ background-color: var(--bs-negative-base);
7997
+ }
7998
+ .bs-text-negative-medium {
7999
+ color: var(--bs-negative-medium);
8000
+ }
8001
+ .bs-bg-negative-medium {
8002
+ background-color: var(--bs-negative-medium);
8003
+ }
8004
+ .bs-text-negative-light {
8005
+ color: var(--bs-negative-light);
8006
+ }
8007
+ .bs-bg-negative-light {
8008
+ background-color: var(--bs-negative-light);
8009
+ }
8010
+ .bs-text-negative-lightest {
8011
+ color: var(--bs-negative-lightest);
8012
+ }
8013
+ .bs-bg-negative-lightest {
8014
+ background-color: var(--bs-negative-lightest);
8015
+ }
8016
+ .bs-text-negative-highlight {
8017
+ color: var(--bs-negative-highlight);
8018
+ }
8019
+ .bs-bg-negative-highlight {
8020
+ background-color: var(--bs-negative-highlight);
7276
8021
  }