@skyux/theme 13.10.0 → 13.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/css/themes/modern/styles.css +336 -223
  2. package/fesm2022/skyux-theme.mjs +28 -28
  3. package/fesm2022/skyux-theme.mjs.map +1 -1
  4. package/package.json +4 -4
package/css/themes/modern/styles.css CHANGED
@@ -16,7 +16,9 @@
16
16
  --bb-color-black: #000000;
17
17
  --bb-color-blocking: rgba(255, 255, 255, 0.7);
18
18
  --bb-color-blue-100: #eef3fc;
19
- --bb-color-blue-1000: #09152b;
19
+ --bb-color-blue-1000: #0d2040;
20
+ --bb-color-blue-1100: #0b1b35;
21
+ --bb-color-blue-1200: #081325;
20
22
  --bb-color-blue-200: #d5e1f7;
21
23
  --bb-color-blue-25: #fbfcfe;
22
24
  --bb-color-blue-250: #bfd3f2;
@@ -30,83 +32,107 @@
30
32
  --bb-color-blue-900: #112b55;
31
33
  --bb-color-brand-impact_green: #0cd973;
32
34
  --bb-color-brand-trusted_blue: #004054;
33
- --bb-color-gray-100: #d3d5d6;
35
+ --bb-color-gray-100: #eeeeef;
34
36
  --bb-color-gray-1000: #1e2229;
35
37
  --bb-color-gray-1100: #161a1f;
36
38
  --bb-color-gray-1200: #0f1114;
37
- --bb-color-gray-200: #bebfc2;
38
- --bb-color-gray-25: #f9f9f9;
39
- --bb-color-gray-300: #a8aaad;
40
- --bb-color-gray-400: #929599;
41
- --bb-color-gray-50: #eeeeef;
42
- --bb-color-gray-500: #7c8085;
43
- --bb-color-gray-600: #666b70;
39
+ --bb-color-gray-200: #e0e1e2;
40
+ --bb-color-gray-25: #fbfbfb;
41
+ --bb-color-gray-300: #c2c4c6;
42
+ --bb-color-gray-400: #a3a6a9;
43
+ --bb-color-gray-50: #f4f4f5;
44
+ --bb-color-gray-500: #85888d;
45
+ --bb-color-gray-600: #6b6f74;
44
46
  --bb-color-gray-700: #51555c;
45
47
  --bb-color-gray-800: #3b4047;
46
48
  --bb-color-gray-900: #252b33;
47
- --bb-color-green-100: #ecfcf4;
48
- --bb-color-green-1000: #022b17;
49
- --bb-color-green-200: #cef7e3;
50
- --bb-color-green-300: #9ef0c7;
51
- --bb-color-green-400: #6de8ab;
52
- --bb-color-green-500: #3de18f;
53
- --bb-color-green-600: #0cd973;
54
- --bb-color-green-700: #0aa959;
55
- --bb-color-green-800: #078245;
56
- --bb-color-green-900: #05572e;
57
- --bb-color-orange-100: #fef3eb;
58
- --bb-color-orange-1000: #311400;
59
- --bb-color-orange-200: #fde0cc;
60
- --bb-color-orange-300: #fbc299;
61
- --bb-color-orange-400: #f9a366;
62
- --bb-color-orange-500: #f78533;
63
- --bb-color-orange-600: #f56600;
64
- --bb-color-orange-700: #c45200;
65
- --bb-color-orange-800: #933d00;
49
+ --bb-color-green-100: #d8f9e9;
50
+ --bb-color-green-1000: #033019;
51
+ --bb-color-green-1100: #022312;
52
+ --bb-color-green-1200: #01160b;
53
+ --bb-color-green-200: #a8f1cd;
54
+ --bb-color-green-25: #fafefc;
55
+ --bb-color-green-300: #6de8ab;
56
+ --bb-color-green-400: #0cd973;
57
+ --bb-color-green-50: #ecfcf4;
58
+ --bb-color-green-500: #0abb63;
59
+ --bb-color-green-600: #099c53;
60
+ --bb-color-green-700: #077e43;
61
+ --bb-color-green-800: #055f33;
62
+ --bb-color-green-900: #044525;
63
+ --bb-color-orange-100: #feede0;
64
+ --bb-color-orange-1000: #451d00;
65
+ --bb-color-orange-1100: #311400;
66
+ --bb-color-orange-1200: #1d0c00;
67
+ --bb-color-orange-200: #fcd7bd;
68
+ --bb-color-orange-25: #fffcfa;
69
+ --bb-color-orange-300: #fab98a;
70
+ --bb-color-orange-400: #f8944d;
71
+ --bb-color-orange-50: #fef6f0;
72
+ --bb-color-orange-500: #f56600;
73
+ --bb-color-orange-600: #ce5600;
74
+ --bb-color-orange-700: #a74500;
75
+ --bb-color-orange-800: #7f3500;
66
76
  --bb-color-orange-900: #622900;
67
- --bb-color-pink-100: #fef2fd;
68
- --bb-color-pink-1000: #30132f;
69
- --bb-color-pink-200: #fcdffb;
77
+ --bb-color-pink-100: #fdecfd;
78
+ --bb-color-pink-1000: #3f193d;
79
+ --bb-color-pink-1100: #30132f;
80
+ --bb-color-pink-1200: #1d0c1c;
81
+ --bb-color-pink-200: #fcd9fa;
82
+ --bb-color-pink-25: #fef9fe;
70
83
  --bb-color-pink-300: #fac0f7;
71
- --bb-color-pink-400: #f7a0f3;
72
- --bb-color-pink-500: #f581ef;
73
- --bb-color-pink-600: #f261eb;
74
- --bb-color-pink-700: #c24ebc;
75
- --bb-color-pink-800: #913a8d;
76
- --bb-color-pink-900: #61275e;
77
- --bb-color-purple-100: #f9f2fe;
78
- --bb-color-purple-1000: #231330;
79
- --bb-color-purple-200: #efdffc;
80
- --bb-color-purple-300: #dfc0fa;
84
+ --bb-color-pink-400: #f697f2;
85
+ --bb-color-pink-50: #fef2fd;
86
+ --bb-color-pink-500: #f261eb;
87
+ --bb-color-pink-600: #c650c1;
88
+ --bb-color-pink-700: #a542a0;
89
+ --bb-color-pink-800: #853581;
90
+ --bb-color-pink-900: #5c2559;
91
+ --bb-color-purple-100: #f2e6fd;
92
+ --bb-color-purple-1000: #351d49;
93
+ --bb-color-purple-1100: #271535;
94
+ --bb-color-purple-1200: #190e22;
95
+ --bb-color-purple-200: #e9d3fb;
96
+ --bb-color-purple-25: #fdfbff;
97
+ --bb-color-purple-300: #debdfa;
81
98
  --bb-color-purple-400: #d0a0f7;
99
+ --bb-color-purple-50: #f9f2fe;
82
100
  --bb-color-purple-500: #c081f5;
83
101
  --bb-color-purple-600: #b061f2;
84
102
  --bb-color-purple-700: #8d4ec2;
85
- --bb-color-purple-800: #6a3a91;
86
- --bb-color-purple-900: #462761;
87
- --bb-color-red-100: #fcefef;
88
- --bb-color-red-1000: #2b0c0c;
89
- --bb-color-red-200: #f7d8d8;
90
- --bb-color-red-300: #f0b0b1;
91
- --bb-color-red-400: #e8898b;
92
- --bb-color-red-500: #e16164;
103
+ --bb-color-purple-800: #6d3c96;
104
+ --bb-color-purple-900: #4d2b6a;
105
+ --bb-color-red-100: #fae7e8;
106
+ --bb-color-red-1000: #4a1415;
107
+ --bb-color-red-1100: #380f10;
108
+ --bb-color-red-1200: #270a0b;
109
+ --bb-color-red-200: #f5cccd;
110
+ --bb-color-red-25: #fefbfb;
111
+ --bb-color-red-300: #f1b4b5;
112
+ --bb-color-red-400: #ea9596;
113
+ --bb-color-red-50: #fdf3f3;
114
+ --bb-color-red-500: #e36d6f;
93
115
  --bb-color-red-600: #d93a3d;
94
116
  --bb-color-red-700: #ae2e31;
95
117
  --bb-color-red-800: #822325;
96
- --bb-color-red-900: #571718;
118
+ --bb-color-red-900: #641b1c;
97
119
  --bb-color-rgba-purple-600-40: rgba(176, 97, 242, 0.4);
98
120
  --bb-color-rgba-sky-600-40: rgba(0, 207, 255, 0.4);
99
121
  --bb-color-scrim: rgba(37, 43, 51, 0.5);
100
- --bb-color-sky-100: #ebfbff;
122
+ --bb-color-sky-100: #d6f7ff;
101
123
  --bb-color-sky-1000: #002933;
102
- --bb-color-sky-200: #ccf5ff;
103
- --bb-color-sky-300: #99ecff;
104
- --bb-color-sky-400: #66e2ff;
105
- --bb-color-sky-500: #33d9ff;
106
- --bb-color-sky-600: #00cfff;
107
- --bb-color-sky-700: #00a6cc;
108
- --bb-color-sky-800: #007c99;
109
- --bb-color-sky-900: #005366;
124
+ --bb-color-sky-1100: #002129;
125
+ --bb-color-sky-1200: #001519;
126
+ --bb-color-sky-200: #a8efff;
127
+ --bb-color-sky-25: #fafeff;
128
+ --bb-color-sky-300: #66e2ff;
129
+ --bb-color-sky-400: #00cfff;
130
+ --bb-color-sky-50: #ebfbff;
131
+ --bb-color-sky-500: #00b2db;
132
+ --bb-color-sky-600: #0095b8;
133
+ --bb-color-sky-700: #007894;
134
+ --bb-color-sky-800: #005b70;
135
+ --bb-color-sky-900: #004252;
110
136
  --bb-color-slate-100: #f1f3f7;
111
137
  --bb-color-slate-1000: #1a2231;
112
138
  --bb-color-slate-1100: #141b26;
@@ -122,28 +148,36 @@
122
148
  --bb-color-slate-700: #42597e;
123
149
  --bb-color-slate-800: #32435e;
124
150
  --bb-color-slate-900: #212c3f;
125
- --bb-color-teal-100: #ebfaf9;
126
- --bb-color-teal-1000: #012625;
127
- --bb-color-teal-200: #cdf2f1;
128
- --bb-color-teal-300: #9ce5e3;
129
- --bb-color-teal-400: #6ad8d4;
130
- --bb-color-teal-500: #39cbc6;
131
- --bb-color-teal-600: #07beb8;
132
- --bb-color-teal-700: #069893;
133
- --bb-color-teal-800: #04726e;
134
- --bb-color-teal-900: #034c4a;
151
+ --bb-color-teal-100: #dcf6f5;
152
+ --bb-color-teal-1000: #022a28;
153
+ --bb-color-teal-1100: #011e1d;
154
+ --bb-color-teal-1200: #011312;
155
+ --bb-color-teal-200: #abe9e7;
156
+ --bb-color-teal-25: #fafefe;
157
+ --bb-color-teal-300: #60d5d2;
158
+ --bb-color-teal-400: #07beb8;
159
+ --bb-color-teal-50: #ebfaf9;
160
+ --bb-color-teal-500: #06a39e;
161
+ --bb-color-teal-600: #058984;
162
+ --bb-color-teal-700: #046e6b;
163
+ --bb-color-teal-800: #035755;
164
+ --bb-color-teal-900: #02413f;
135
165
  --bb-color-transparent: rgba(0, 0, 0, 0);
136
166
  --bb-color-white: #ffffff;
137
- --bb-color-yellow-100: #fff9ef;
167
+ --bb-color-yellow-100: #feefd6;
138
168
  --bb-color-yellow-1000: #32230a;
139
- --bb-color-yellow-200: #feefd6;
140
- --bb-color-yellow-300: #fddfae;
141
- --bb-color-yellow-400: #fdd085;
142
- --bb-color-yellow-500: #fcc05d;
143
- --bb-color-yellow-600: #fbb034;
144
- --bb-color-yellow-700: #c98d2a;
145
- --bb-color-yellow-800: #976a1f;
146
- --bb-color-yellow-900: #644615;
169
+ --bb-color-yellow-1100: #231907;
170
+ --bb-color-yellow-1200: #191205;
171
+ --bb-color-yellow-200: #fddfae;
172
+ --bb-color-yellow-25: #fffcf7;
173
+ --bb-color-yellow-300: #fccb79;
174
+ --bb-color-yellow-400: #fbb034;
175
+ --bb-color-yellow-50: #fff6e7;
176
+ --bb-color-yellow-500: #d8972d;
177
+ --bb-color-yellow-600: #b57f25;
178
+ --bb-color-yellow-700: #92661e;
179
+ --bb-color-yellow-800: #6e4d17;
180
+ --bb-color-yellow-900: #503811;
147
181
  --bb-font-blkb_sans-fallback: Helvetica Neue, Arial, sans-serif;
148
182
  --bb-font-blkb_sans-name: BLKB Sans;
149
183
  --bb-font-monospaced-family: Menlo, Monaco, Consolas, Courier New, monospace;
@@ -171,7 +205,7 @@
171
205
  --bb-font-weight-light: 300;
172
206
  --bb-font-weight-regular: 400;
173
207
  --bb-font-weight-semibold: 600;
174
- --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.3.0/assets/images/bb-logo.png");
208
+ --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.0.2/assets/images/bb-logo.png");
175
209
  --bb-letter_spacing-normal: normal;
176
210
  --bb-letter_spacing-wider: 0.01rem;
177
211
  --bb-letter_spacing-widest: 0.046875rem;
@@ -440,74 +474,74 @@
440
474
  --sky-color-background-action-accent-hover: var(--bb-color-blue-50);
441
475
  --sky-color-background-action-danger-active: var(--bb-color-red-800);
442
476
  --sky-color-background-action-danger-base: var(--bb-color-red-600);
443
- --sky-color-background-action-danger-disabled: var(--bb-color-gray-50);
477
+ --sky-color-background-action-danger-disabled: var(--bb-color-gray-100);
444
478
  --sky-color-background-action-danger-focus: var(--bb-color-red-600);
445
479
  --sky-color-background-action-danger-hover: var(--bb-color-red-700);
446
480
  --sky-color-background-action-input-active: var(--bb-color-blue-100);
447
481
  --sky-color-background-action-input-base: var(--bb-color-white);
448
- --sky-color-background-action-input-disabled: var(--bb-color-gray-50);
482
+ --sky-color-background-action-input-disabled: var(--bb-color-gray-100);
449
483
  --sky-color-background-action-input-focus: var(--bb-color-white);
450
484
  --sky-color-background-action-input-hover: var(--bb-color-blue-50);
451
485
  --sky-color-background-action-primary-active: var(--bb-color-blue-800);
452
486
  --sky-color-background-action-primary-base: var(--bb-color-blue-600);
453
- --sky-color-background-action-primary-disabled: var(--bb-color-gray-50);
487
+ --sky-color-background-action-primary-disabled: var(--bb-color-gray-100);
454
488
  --sky-color-background-action-primary-focus: var(--bb-color-blue-600);
455
489
  --sky-color-background-action-primary-hover: var(--bb-color-blue-700);
456
490
  --sky-color-background-action-secondary-active: var(--bb-color-blue-100);
457
491
  --sky-color-background-action-secondary-base: var(--bb-color-white);
458
- --sky-color-background-action-secondary-disabled: var(--bb-color-gray-50);
492
+ --sky-color-background-action-secondary-disabled: var(--bb-color-gray-100);
459
493
  --sky-color-background-action-secondary-focus: var(--bb-color-white);
460
494
  --sky-color-background-action-secondary-hover: var(--bb-color-blue-50);
461
495
  --sky-color-background-action-tertiary-active: var(--bb-color-blue-100);
462
496
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
463
- --sky-color-background-action-tertiary-disabled: var(--bb-color-gray-50);
497
+ --sky-color-background-action-tertiary-disabled: var(--bb-color-gray-100);
464
498
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
465
499
  --sky-color-background-action-tertiary-hover: var(--bb-color-blue-50);
466
500
  --sky-color-background-blocking: var(--bb-color-blocking);
467
501
  --sky-color-background-container-base: var(--bb-color-white);
468
- --sky-color-background-container-danger: var(--bb-color-red-300);
502
+ --sky-color-background-container-danger: var(--bb-color-red-200);
469
503
  --sky-color-background-container-dimmed: var(--bb-color-gray-25);
470
504
  --sky-color-background-container-info: var(--bb-color-blue-200);
471
505
  --sky-color-background-container-menu: var(--bb-color-white);
472
- --sky-color-background-container-success: var(--bb-color-green-300);
506
+ --sky-color-background-container-success: var(--bb-color-green-200);
473
507
  --sky-color-background-container-tooltip: var(--bb-color-gray-900);
474
- --sky-color-background-container-warning: var(--bb-color-yellow-300);
508
+ --sky-color-background-container-warning: var(--bb-color-yellow-200);
475
509
  --sky-color-background-file_drop: var(--bb-color-gray-25);
476
510
  --sky-color-background-icon_matte-action-heavy: var(--bb-color-blue-600);
477
511
  --sky-color-background-icon_matte-action-soft: var(--bb-color-blue-100);
478
512
  --sky-color-background-icon_matte-danger: var(--bb-color-red-600);
479
513
  --sky-color-background-icon_matte-info: var(--bb-color-blue-600);
480
- --sky-color-background-icon_matte-success: var(--bb-color-green-700);
481
- --sky-color-background-icon_matte-warning: var(--bb-color-yellow-600);
514
+ --sky-color-background-icon_matte-success: var(--bb-color-green-600);
515
+ --sky-color-background-icon_matte-warning: var(--bb-color-yellow-400);
482
516
  --sky-color-background-input-base: var(--bb-color-white);
483
- --sky-color-background-input-disabled: var(--bb-color-gray-50);
517
+ --sky-color-background-input-disabled: var(--bb-color-gray-100);
484
518
  --sky-color-background-nav-active: var(--bb-color-blue-100);
485
519
  --sky-color-background-nav-base: var(--bb-color-transparent);
486
- --sky-color-background-nav-disabled: var(--bb-color-gray-50);
520
+ --sky-color-background-nav-disabled: var(--bb-color-gray-100);
487
521
  --sky-color-background-nav-focus: var(--bb-color-transparent);
488
522
  --sky-color-background-nav-hover: var(--bb-color-blue-50);
489
- --sky-color-background-page: var(--bb-color-gray-50);
523
+ --sky-color-background-page: var(--bb-color-gray-100);
490
524
  --sky-color-background-row-active: var(--bb-color-blue-100);
491
525
  --sky-color-background-row-base: var(--bb-color-white);
492
- --sky-color-background-row-disabled: var(--bb-color-gray-50);
526
+ --sky-color-background-row-disabled: var(--bb-color-gray-100);
493
527
  --sky-color-background-row-focus: var(--bb-color-white);
494
528
  --sky-color-background-row-hover: var(--bb-color-blue-50);
495
529
  --sky-color-background-scrim: var(--bb-color-scrim);
496
- --sky-color-background-selected-danger: var(--bb-color-red-300);
530
+ --sky-color-background-selected-danger: var(--bb-color-red-200);
497
531
  --sky-color-background-selected-heavy: var(--bb-color-blue-600);
498
532
  --sky-color-background-selected-soft: var(--bb-color-blue-100);
499
- --sky-color-background-selected-success: var(--bb-color-green-300);
533
+ --sky-color-background-selected-success: var(--bb-color-green-200);
500
534
  --sky-color-background-selected-switch-base: var(--bb-color-blue-600);
501
- --sky-color-background-selected-switch-disabled: var(--bb-color-gray-50);
502
- --sky-color-background-selected-warning: var(--bb-color-yellow-300);
535
+ --sky-color-background-selected-switch-disabled: var(--bb-color-gray-100);
536
+ --sky-color-background-selected-warning: var(--bb-color-yellow-200);
503
537
  --sky-color-background-tab-active: var(--bb-color-transparent);
504
538
  --sky-color-background-tab-base: var(--bb-color-transparent);
505
- --sky-color-background-tab-disabled: var(--bb-color-gray-50);
539
+ --sky-color-background-tab-disabled: var(--bb-color-gray-100);
506
540
  --sky-color-background-tab-focus: var(--bb-color-transparent);
507
541
  --sky-color-background-tab-hover: var(--bb-color-transparent);
508
542
  --sky-color-background-tab-selected: var(--bb-color-transparent);
509
543
  --sky-color-background-tab-wizard-disabled: var(--bb-color-transparent);
510
- --sky-color-background-text_highlight: var(--bb-color-yellow-400);
544
+ --sky-color-background-text_highlight: var(--bb-color-yellow-300);
511
545
  --sky-color-background-thumb-base: var(--bb-color-white);
512
546
  --sky-color-background-thumb-disabled: var(--bb-color-gray-25);
513
547
  --sky-color-background-thumbnail_matte: var(--bb-color-white);
@@ -518,78 +552,92 @@
518
552
  --sky-color-border-action-accent-hover: var(--bb-color-blue-600);
519
553
  --sky-color-border-action-danger-active: var(--bb-color-red-1000);
520
554
  --sky-color-border-action-danger-base: var(--bb-color-red-600);
521
- --sky-color-border-action-danger-disabled: var(--bb-color-gray-200);
555
+ --sky-color-border-action-danger-disabled: var(--bb-color-gray-300);
522
556
  --sky-color-border-action-danger-focus: var(--bb-color-red-1000);
523
557
  --sky-color-border-action-danger-hover: var(--bb-color-red-1000);
524
558
  --sky-color-border-action-input-active: var(--bb-color-blue-600);
525
- --sky-color-border-action-input-base: var(--bb-color-gray-200);
526
- --sky-color-border-action-input-disabled: var(--bb-color-gray-200);
559
+ --sky-color-border-action-input-base: var(--bb-color-gray-300);
560
+ --sky-color-border-action-input-disabled: var(--bb-color-gray-300);
527
561
  --sky-color-border-action-input-focus: var(--bb-color-blue-600);
528
562
  --sky-color-border-action-input-hover: var(--bb-color-blue-600);
529
563
  --sky-color-border-action-primary-active: var(--bb-color-blue-1000);
530
564
  --sky-color-border-action-primary-base: var(--bb-color-blue-600);
531
- --sky-color-border-action-primary-disabled: var(--bb-color-gray-200);
565
+ --sky-color-border-action-primary-disabled: var(--bb-color-gray-300);
532
566
  --sky-color-border-action-primary-focus: var(--bb-color-blue-1000);
533
567
  --sky-color-border-action-primary-hover: var(--bb-color-blue-1000);
534
568
  --sky-color-border-action-secondary-active: var(--bb-color-blue-600);
535
- --sky-color-border-action-secondary-base: var(--bb-color-gray-200);
536
- --sky-color-border-action-secondary-disabled: var(--bb-color-gray-200);
569
+ --sky-color-border-action-secondary-base: var(--bb-color-gray-300);
570
+ --sky-color-border-action-secondary-disabled: var(--bb-color-gray-300);
537
571
  --sky-color-border-action-secondary-focus: var(--bb-color-blue-600);
538
572
  --sky-color-border-action-secondary-hover: var(--bb-color-blue-600);
539
573
  --sky-color-border-action-tertiary-active: var(--bb-color-blue-600);
540
574
  --sky-color-border-action-tertiary-base: var(--bb-color-transparent);
541
- --sky-color-border-action-tertiary-disabled: var(--bb-color-gray-200);
575
+ --sky-color-border-action-tertiary-disabled: var(--bb-color-gray-300);
542
576
  --sky-color-border-action-tertiary-focus: var(--bb-color-blue-600);
543
577
  --sky-color-border-action-tertiary-hover: var(--bb-color-blue-600);
544
578
  --sky-color-border-column_divider: var(--bb-color-blue-600);
545
- --sky-color-border-container-base: var(--bb-color-gray-100);
579
+ --sky-color-border-container-base: var(--bb-color-gray-200);
546
580
  --sky-color-border-danger: var(--bb-color-red-600);
547
- --sky-color-border-divider: var(--bb-color-gray-200);
548
- --sky-color-border-elevation: var(--bb-color-gray-100);
581
+ --sky-color-border-divider: var(--bb-color-gray-300);
582
+ --sky-color-border-elevation: var(--bb-color-gray-200);
549
583
  --sky-color-border-info: var(--bb-color-blue-600);
550
584
  --sky-color-border-input-active: var(--bb-color-blue-600);
551
- --sky-color-border-input-base: var(--bb-color-gray-200);
552
- --sky-color-border-input-disabled: var(--bb-color-gray-200);
585
+ --sky-color-border-input-base: var(--bb-color-gray-300);
586
+ --sky-color-border-input-disabled: var(--bb-color-gray-300);
553
587
  --sky-color-border-input-error: var(--bb-color-red-600);
554
588
  --sky-color-border-input-focus: var(--bb-color-blue-600);
555
589
  --sky-color-border-input-hover: var(--bb-color-blue-600);
556
590
  --sky-color-border-nav-active: var(--bb-color-blue-600);
557
591
  --sky-color-border-nav-base: var(--bb-color-transparent);
558
- --sky-color-border-nav-disabled: var(--bb-color-gray-200);
592
+ --sky-color-border-nav-disabled: var(--bb-color-gray-300);
559
593
  --sky-color-border-nav-focus: var(--bb-color-blue-600);
560
594
  --sky-color-border-nav-hover: var(--bb-color-blue-600);
561
595
  --sky-color-border-progress_step: var(--bb-color-gray-400);
562
596
  --sky-color-border-selected: var(--bb-color-blue-600);
563
597
  --sky-color-border-selected_soft: var(--bb-color-blue-300);
564
- --sky-color-border-separator-light: var(--bb-color-gray-100);
565
- --sky-color-border-separator-row: var(--bb-color-gray-100);
566
- --sky-color-border-success: var(--bb-color-green-700);
598
+ --sky-color-border-separator-light: var(--bb-color-gray-200);
599
+ --sky-color-border-separator-row: var(--bb-color-gray-200);
600
+ --sky-color-border-success: var(--bb-color-green-600);
567
601
  --sky-color-border-switch-active: var(--bb-color-blue-600);
568
602
  --sky-color-border-switch-base: var(--bb-color-gray-500);
569
- --sky-color-border-switch-disabled: var(--bb-color-gray-200);
603
+ --sky-color-border-switch-disabled: var(--bb-color-gray-300);
570
604
  --sky-color-border-switch-error: var(--bb-color-red-600);
571
605
  --sky-color-border-switch-focus: var(--bb-color-blue-600);
572
606
  --sky-color-border-switch-hover: var(--bb-color-blue-600);
573
607
  --sky-color-border-switch-selected-active: var(--bb-color-blue-1000);
574
608
  --sky-color-border-switch-selected-base: var(--bb-color-transparent);
575
- --sky-color-border-switch-selected-disabled: var(--bb-color-gray-200);
609
+ --sky-color-border-switch-selected-disabled: var(--bb-color-gray-300);
576
610
  --sky-color-border-switch-selected-focus: var(--bb-color-blue-1000);
577
611
  --sky-color-border-switch-selected-hover: var(--bb-color-blue-1000);
578
612
  --sky-color-border-tab-active: var(--bb-color-blue-600);
579
613
  --sky-color-border-tab-base: var(--bb-color-transparent);
580
- --sky-color-border-tab-disabled: var(--bb-color-gray-200);
614
+ --sky-color-border-tab-disabled: var(--bb-color-gray-300);
581
615
  --sky-color-border-tab-focus: var(--bb-color-blue-600);
582
616
  --sky-color-border-tab-hover: var(--bb-color-blue-600);
583
617
  --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
584
- --sky-color-border-text_highlight: var(--bb-color-yellow-800);
585
- --sky-color-border-warning: var(--bb-color-yellow-600);
586
- --sky-color-category-blue: var(--bb-color-sky-300);
587
- --sky-color-category-green: var(--bb-color-green-300);
588
- --sky-color-category-orange: var(--bb-color-orange-400);
589
- --sky-color-category-purple: var(--bb-color-purple-300);
590
- --sky-color-category-red: var(--bb-color-red-300);
591
- --sky-color-category-teal: var(--bb-color-teal-400);
592
- --sky-color-category-yellow: var(--bb-color-yellow-300);
618
+ --sky-color-border-text_highlight: var(--bb-color-yellow-700);
619
+ --sky-color-border-warning: var(--bb-color-yellow-400);
620
+ --sky-color-category-blue: var(--bb-color-sky-200);
621
+ --sky-color-category-green: var(--bb-color-green-200);
622
+ --sky-color-category-orange: var(--bb-color-orange-200);
623
+ --sky-color-category-purple: var(--bb-color-purple-200);
624
+ --sky-color-category-red: var(--bb-color-red-200);
625
+ --sky-color-category-teal: var(--bb-color-teal-200);
626
+ --sky-color-category-yellow: var(--bb-color-yellow-200);
627
+ --sky-color-classify-1-heavy: var(--bb-color-teal-700);
628
+ --sky-color-classify-1-soft: var(--bb-color-teal-200);
629
+ --sky-color-classify-2-heavy: var(--bb-color-purple-700);
630
+ --sky-color-classify-2-soft: var(--bb-color-purple-200);
631
+ --sky-color-classify-3-heavy: var(--bb-color-sky-700);
632
+ --sky-color-classify-3-soft: var(--bb-color-sky-200);
633
+ --sky-color-classify-4-heavy: var(--bb-color-orange-700);
634
+ --sky-color-classify-4-soft: var(--bb-color-orange-200);
635
+ --sky-color-classify-5-heavy: var(--bb-color-pink-700);
636
+ --sky-color-classify-5-soft: var(--bb-color-pink-200);
637
+ --sky-color-classify-6-heavy: var(--bb-color-green-700);
638
+ --sky-color-classify-6-soft: var(--bb-color-green-200);
639
+ --sky-color-classify-7-heavy: var(--bb-color-red-700);
640
+ --sky-color-classify-7-soft: var(--bb-color-red-200);
593
641
  --sky-color-icon-action: var(--bb-color-blue-600);
594
642
  --sky-color-icon-danger: var(--bb-color-red-600);
595
643
  --sky-color-icon-deemphasized: var(--bb-color-gray-600);
@@ -599,10 +647,10 @@
599
647
  --sky-color-icon-input-action: var(--bb-color-gray-600);
600
648
  --sky-color-icon-inverse: var(--bb-color-white);
601
649
  --sky-color-icon-selected: var(--bb-color-blue-600);
602
- --sky-color-icon-success: var(--bb-color-green-700);
603
- --sky-color-icon-warning: var(--bb-color-yellow-600);
604
- --sky-color-illustration-fill-heavy: var(--bb-color-green-400);
605
- --sky-color-illustration-fill-soft: var(--bb-color-green-100);
650
+ --sky-color-icon-success: var(--bb-color-green-600);
651
+ --sky-color-icon-warning: var(--bb-color-yellow-400);
652
+ --sky-color-illustration-fill-heavy: var(--bb-color-green-300);
653
+ --sky-color-illustration-fill-soft: var(--bb-color-green-50);
606
654
  --sky-color-illustration-fill-softest: var(--bb-color-white);
607
655
  --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
608
656
  --sky-color-text-action: var(--bb-color-blue-600);
@@ -613,6 +661,47 @@
613
661
  --sky-color-text-heading: var(--bb-color-gray-1100);
614
662
  --sky-color-text-inverse: var(--bb-color-white);
615
663
  --sky-color-text-selected: var(--bb-color-blue-600);
664
+ --sky-color-viz-axis: var(--bb-color-gray-500);
665
+ --sky-color-viz-category-1: var(--bb-color-teal-500);
666
+ --sky-color-viz-category-2: var(--bb-color-purple-800);
667
+ --sky-color-viz-category-3: var(--bb-color-blue-500);
668
+ --sky-color-viz-category-4: var(--bb-color-sky-900);
669
+ --sky-color-viz-category-5: var(--bb-color-orange-600);
670
+ --sky-color-viz-category-6: var(--bb-color-red-800);
671
+ --sky-color-viz-category-7: var(--bb-color-pink-600);
672
+ --sky-color-viz-category-8: var(--bb-color-green-700);
673
+ --sky-color-viz-diverge-neg-1: var(--bb-color-red-100);
674
+ --sky-color-viz-diverge-neg-10: var(--bb-color-red-1000);
675
+ --sky-color-viz-diverge-neg-2: var(--bb-color-red-200);
676
+ --sky-color-viz-diverge-neg-3: var(--bb-color-red-300);
677
+ --sky-color-viz-diverge-neg-4: var(--bb-color-red-400);
678
+ --sky-color-viz-diverge-neg-5: var(--bb-color-red-500);
679
+ --sky-color-viz-diverge-neg-6: var(--bb-color-red-600);
680
+ --sky-color-viz-diverge-neg-7: var(--bb-color-red-700);
681
+ --sky-color-viz-diverge-neg-8: var(--bb-color-red-800);
682
+ --sky-color-viz-diverge-neg-9: var(--bb-color-red-900);
683
+ --sky-color-viz-diverge-pos-1: var(--bb-color-blue-100);
684
+ --sky-color-viz-diverge-pos-10: var(--bb-color-blue-1000);
685
+ --sky-color-viz-diverge-pos-2: var(--bb-color-blue-200);
686
+ --sky-color-viz-diverge-pos-3: var(--bb-color-blue-300);
687
+ --sky-color-viz-diverge-pos-4: var(--bb-color-blue-400);
688
+ --sky-color-viz-diverge-pos-5: var(--bb-color-blue-500);
689
+ --sky-color-viz-diverge-pos-6: var(--bb-color-blue-600);
690
+ --sky-color-viz-diverge-pos-7: var(--bb-color-blue-700);
691
+ --sky-color-viz-diverge-pos-8: var(--bb-color-blue-800);
692
+ --sky-color-viz-diverge-pos-9: var(--bb-color-blue-900);
693
+ --sky-color-viz-gridline: var(--bb-color-gray-200);
694
+ --sky-color-viz-marker: var(--bb-color-gray-900);
695
+ --sky-color-viz-sequence-1: var(--bb-color-teal-100);
696
+ --sky-color-viz-sequence-10: var(--bb-color-teal-1000);
697
+ --sky-color-viz-sequence-2: var(--bb-color-teal-200);
698
+ --sky-color-viz-sequence-3: var(--bb-color-teal-300);
699
+ --sky-color-viz-sequence-4: var(--bb-color-teal-400);
700
+ --sky-color-viz-sequence-5: var(--bb-color-teal-500);
701
+ --sky-color-viz-sequence-6: var(--bb-color-teal-600);
702
+ --sky-color-viz-sequence-7: var(--bb-color-teal-700);
703
+ --sky-color-viz-sequence-8: var(--bb-color-teal-800);
704
+ --sky-color-viz-sequence-9: var(--bb-color-teal-900);
616
705
  --sky-elevation-action-danger-active: var(--bb-shadow-gray-0);
617
706
  --sky-elevation-action-danger-base: var(--bb-shadow-gray-0);
618
707
  --sky-elevation-action-danger-disabled: var(--bb-shadow-gray-0);
@@ -1391,7 +1480,9 @@
1391
1480
  --bb-color-black: #000000;
1392
1481
  --bb-color-blocking: rgba(255, 255, 255, 0.7);
1393
1482
  --bb-color-blue-100: #eef3fc;
1394
- --bb-color-blue-1000: #09152b;
1483
+ --bb-color-blue-1000: #0d2040;
1484
+ --bb-color-blue-1100: #0b1b35;
1485
+ --bb-color-blue-1200: #081325;
1395
1486
  --bb-color-blue-200: #d5e1f7;
1396
1487
  --bb-color-blue-25: #fbfcfe;
1397
1488
  --bb-color-blue-250: #bfd3f2;
@@ -1405,83 +1496,107 @@
1405
1496
  --bb-color-blue-900: #112b55;
1406
1497
  --bb-color-brand-impact_green: #0cd973;
1407
1498
  --bb-color-brand-trusted_blue: #004054;
1408
- --bb-color-gray-100: #d3d5d6;
1499
+ --bb-color-gray-100: #eeeeef;
1409
1500
  --bb-color-gray-1000: #1e2229;
1410
1501
  --bb-color-gray-1100: #161a1f;
1411
1502
  --bb-color-gray-1200: #0f1114;
1412
- --bb-color-gray-200: #bebfc2;
1413
- --bb-color-gray-25: #f9f9f9;
1414
- --bb-color-gray-300: #a8aaad;
1415
- --bb-color-gray-400: #929599;
1416
- --bb-color-gray-50: #eeeeef;
1417
- --bb-color-gray-500: #7c8085;
1418
- --bb-color-gray-600: #666b70;
1503
+ --bb-color-gray-200: #e0e1e2;
1504
+ --bb-color-gray-25: #fbfbfb;
1505
+ --bb-color-gray-300: #c2c4c6;
1506
+ --bb-color-gray-400: #a3a6a9;
1507
+ --bb-color-gray-50: #f4f4f5;
1508
+ --bb-color-gray-500: #85888d;
1509
+ --bb-color-gray-600: #6b6f74;
1419
1510
  --bb-color-gray-700: #51555c;
1420
1511
  --bb-color-gray-800: #3b4047;
1421
1512
  --bb-color-gray-900: #252b33;
1422
- --bb-color-green-100: #ecfcf4;
1423
- --bb-color-green-1000: #022b17;
1424
- --bb-color-green-200: #cef7e3;
1425
- --bb-color-green-300: #9ef0c7;
1426
- --bb-color-green-400: #6de8ab;
1427
- --bb-color-green-500: #3de18f;
1428
- --bb-color-green-600: #0cd973;
1429
- --bb-color-green-700: #0aa959;
1430
- --bb-color-green-800: #078245;
1431
- --bb-color-green-900: #05572e;
1432
- --bb-color-orange-100: #fef3eb;
1433
- --bb-color-orange-1000: #311400;
1434
- --bb-color-orange-200: #fde0cc;
1435
- --bb-color-orange-300: #fbc299;
1436
- --bb-color-orange-400: #f9a366;
1437
- --bb-color-orange-500: #f78533;
1438
- --bb-color-orange-600: #f56600;
1439
- --bb-color-orange-700: #c45200;
1440
- --bb-color-orange-800: #933d00;
1513
+ --bb-color-green-100: #d8f9e9;
1514
+ --bb-color-green-1000: #033019;
1515
+ --bb-color-green-1100: #022312;
1516
+ --bb-color-green-1200: #01160b;
1517
+ --bb-color-green-200: #a8f1cd;
1518
+ --bb-color-green-25: #fafefc;
1519
+ --bb-color-green-300: #6de8ab;
1520
+ --bb-color-green-400: #0cd973;
1521
+ --bb-color-green-50: #ecfcf4;
1522
+ --bb-color-green-500: #0abb63;
1523
+ --bb-color-green-600: #099c53;
1524
+ --bb-color-green-700: #077e43;
1525
+ --bb-color-green-800: #055f33;
1526
+ --bb-color-green-900: #044525;
1527
+ --bb-color-orange-100: #feede0;
1528
+ --bb-color-orange-1000: #451d00;
1529
+ --bb-color-orange-1100: #311400;
1530
+ --bb-color-orange-1200: #1d0c00;
1531
+ --bb-color-orange-200: #fcd7bd;
1532
+ --bb-color-orange-25: #fffcfa;
1533
+ --bb-color-orange-300: #fab98a;
1534
+ --bb-color-orange-400: #f8944d;
1535
+ --bb-color-orange-50: #fef6f0;
1536
+ --bb-color-orange-500: #f56600;
1537
+ --bb-color-orange-600: #ce5600;
1538
+ --bb-color-orange-700: #a74500;
1539
+ --bb-color-orange-800: #7f3500;
1441
1540
  --bb-color-orange-900: #622900;
1442
- --bb-color-pink-100: #fef2fd;
1443
- --bb-color-pink-1000: #30132f;
1444
- --bb-color-pink-200: #fcdffb;
1541
+ --bb-color-pink-100: #fdecfd;
1542
+ --bb-color-pink-1000: #3f193d;
1543
+ --bb-color-pink-1100: #30132f;
1544
+ --bb-color-pink-1200: #1d0c1c;
1545
+ --bb-color-pink-200: #fcd9fa;
1546
+ --bb-color-pink-25: #fef9fe;
1445
1547
  --bb-color-pink-300: #fac0f7;
1446
- --bb-color-pink-400: #f7a0f3;
1447
- --bb-color-pink-500: #f581ef;
1448
- --bb-color-pink-600: #f261eb;
1449
- --bb-color-pink-700: #c24ebc;
1450
- --bb-color-pink-800: #913a8d;
1451
- --bb-color-pink-900: #61275e;
1452
- --bb-color-purple-100: #f9f2fe;
1453
- --bb-color-purple-1000: #231330;
1454
- --bb-color-purple-200: #efdffc;
1455
- --bb-color-purple-300: #dfc0fa;
1548
+ --bb-color-pink-400: #f697f2;
1549
+ --bb-color-pink-50: #fef2fd;
1550
+ --bb-color-pink-500: #f261eb;
1551
+ --bb-color-pink-600: #c650c1;
1552
+ --bb-color-pink-700: #a542a0;
1553
+ --bb-color-pink-800: #853581;
1554
+ --bb-color-pink-900: #5c2559;
1555
+ --bb-color-purple-100: #f2e6fd;
1556
+ --bb-color-purple-1000: #351d49;
1557
+ --bb-color-purple-1100: #271535;
1558
+ --bb-color-purple-1200: #190e22;
1559
+ --bb-color-purple-200: #e9d3fb;
1560
+ --bb-color-purple-25: #fdfbff;
1561
+ --bb-color-purple-300: #debdfa;
1456
1562
  --bb-color-purple-400: #d0a0f7;
1563
+ --bb-color-purple-50: #f9f2fe;
1457
1564
  --bb-color-purple-500: #c081f5;
1458
1565
  --bb-color-purple-600: #b061f2;
1459
1566
  --bb-color-purple-700: #8d4ec2;
1460
- --bb-color-purple-800: #6a3a91;
1461
- --bb-color-purple-900: #462761;
1462
- --bb-color-red-100: #fcefef;
1463
- --bb-color-red-1000: #2b0c0c;
1464
- --bb-color-red-200: #f7d8d8;
1465
- --bb-color-red-300: #f0b0b1;
1466
- --bb-color-red-400: #e8898b;
1467
- --bb-color-red-500: #e16164;
1567
+ --bb-color-purple-800: #6d3c96;
1568
+ --bb-color-purple-900: #4d2b6a;
1569
+ --bb-color-red-100: #fae7e8;
1570
+ --bb-color-red-1000: #4a1415;
1571
+ --bb-color-red-1100: #380f10;
1572
+ --bb-color-red-1200: #270a0b;
1573
+ --bb-color-red-200: #f5cccd;
1574
+ --bb-color-red-25: #fefbfb;
1575
+ --bb-color-red-300: #f1b4b5;
1576
+ --bb-color-red-400: #ea9596;
1577
+ --bb-color-red-50: #fdf3f3;
1578
+ --bb-color-red-500: #e36d6f;
1468
1579
  --bb-color-red-600: #d93a3d;
1469
1580
  --bb-color-red-700: #ae2e31;
1470
1581
  --bb-color-red-800: #822325;
1471
- --bb-color-red-900: #571718;
1582
+ --bb-color-red-900: #641b1c;
1472
1583
  --bb-color-rgba-purple-600-40: rgba(176, 97, 242, 0.4);
1473
1584
  --bb-color-rgba-sky-600-40: rgba(0, 207, 255, 0.4);
1474
1585
  --bb-color-scrim: rgba(37, 43, 51, 0.5);
1475
- --bb-color-sky-100: #ebfbff;
1586
+ --bb-color-sky-100: #d6f7ff;
1476
1587
  --bb-color-sky-1000: #002933;
1477
- --bb-color-sky-200: #ccf5ff;
1478
- --bb-color-sky-300: #99ecff;
1479
- --bb-color-sky-400: #66e2ff;
1480
- --bb-color-sky-500: #33d9ff;
1481
- --bb-color-sky-600: #00cfff;
1482
- --bb-color-sky-700: #00a6cc;
1483
- --bb-color-sky-800: #007c99;
1484
- --bb-color-sky-900: #005366;
1588
+ --bb-color-sky-1100: #002129;
1589
+ --bb-color-sky-1200: #001519;
1590
+ --bb-color-sky-200: #a8efff;
1591
+ --bb-color-sky-25: #fafeff;
1592
+ --bb-color-sky-300: #66e2ff;
1593
+ --bb-color-sky-400: #00cfff;
1594
+ --bb-color-sky-50: #ebfbff;
1595
+ --bb-color-sky-500: #00b2db;
1596
+ --bb-color-sky-600: #0095b8;
1597
+ --bb-color-sky-700: #007894;
1598
+ --bb-color-sky-800: #005b70;
1599
+ --bb-color-sky-900: #004252;
1485
1600
  --bb-color-slate-100: #f1f3f7;
1486
1601
  --bb-color-slate-1000: #1a2231;
1487
1602
  --bb-color-slate-1100: #141b26;
@@ -1497,28 +1612,36 @@
1497
1612
  --bb-color-slate-700: #42597e;
1498
1613
  --bb-color-slate-800: #32435e;
1499
1614
  --bb-color-slate-900: #212c3f;
1500
- --bb-color-teal-100: #ebfaf9;
1501
- --bb-color-teal-1000: #012625;
1502
- --bb-color-teal-200: #cdf2f1;
1503
- --bb-color-teal-300: #9ce5e3;
1504
- --bb-color-teal-400: #6ad8d4;
1505
- --bb-color-teal-500: #39cbc6;
1506
- --bb-color-teal-600: #07beb8;
1507
- --bb-color-teal-700: #069893;
1508
- --bb-color-teal-800: #04726e;
1509
- --bb-color-teal-900: #034c4a;
1615
+ --bb-color-teal-100: #dcf6f5;
1616
+ --bb-color-teal-1000: #022a28;
1617
+ --bb-color-teal-1100: #011e1d;
1618
+ --bb-color-teal-1200: #011312;
1619
+ --bb-color-teal-200: #abe9e7;
1620
+ --bb-color-teal-25: #fafefe;
1621
+ --bb-color-teal-300: #60d5d2;
1622
+ --bb-color-teal-400: #07beb8;
1623
+ --bb-color-teal-50: #ebfaf9;
1624
+ --bb-color-teal-500: #06a39e;
1625
+ --bb-color-teal-600: #058984;
1626
+ --bb-color-teal-700: #046e6b;
1627
+ --bb-color-teal-800: #035755;
1628
+ --bb-color-teal-900: #02413f;
1510
1629
  --bb-color-transparent: rgba(0, 0, 0, 0);
1511
1630
  --bb-color-white: #ffffff;
1512
- --bb-color-yellow-100: #fff9ef;
1631
+ --bb-color-yellow-100: #feefd6;
1513
1632
  --bb-color-yellow-1000: #32230a;
1514
- --bb-color-yellow-200: #feefd6;
1515
- --bb-color-yellow-300: #fddfae;
1516
- --bb-color-yellow-400: #fdd085;
1517
- --bb-color-yellow-500: #fcc05d;
1518
- --bb-color-yellow-600: #fbb034;
1519
- --bb-color-yellow-700: #c98d2a;
1520
- --bb-color-yellow-800: #976a1f;
1521
- --bb-color-yellow-900: #644615;
1633
+ --bb-color-yellow-1100: #231907;
1634
+ --bb-color-yellow-1200: #191205;
1635
+ --bb-color-yellow-200: #fddfae;
1636
+ --bb-color-yellow-25: #fffcf7;
1637
+ --bb-color-yellow-300: #fccb79;
1638
+ --bb-color-yellow-400: #fbb034;
1639
+ --bb-color-yellow-50: #fff6e7;
1640
+ --bb-color-yellow-500: #d8972d;
1641
+ --bb-color-yellow-600: #b57f25;
1642
+ --bb-color-yellow-700: #92661e;
1643
+ --bb-color-yellow-800: #6e4d17;
1644
+ --bb-color-yellow-900: #503811;
1522
1645
  --bb-font-blkb_sans-fallback: Helvetica Neue, Arial, sans-serif;
1523
1646
  --bb-font-blkb_sans-name: BLKB Sans;
1524
1647
  --bb-font-monospaced-family: Menlo, Monaco, Consolas, Courier New, monospace;
@@ -1546,7 +1669,7 @@
1546
1669
  --bb-font-weight-light: 300;
1547
1670
  --bb-font-weight-regular: 400;
1548
1671
  --bb-font-weight-semibold: 600;
1549
- --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.3.0/assets/images/bb-logo.png");
1672
+ --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.0.2/assets/images/bb-logo.png");
1550
1673
  --bb-letter_spacing-normal: normal;
1551
1674
  --bb-letter_spacing-wider: 0.01rem;
1552
1675
  --bb-letter_spacing-widest: 0.046875rem;
@@ -1647,16 +1770,9 @@
1647
1770
  --sky-color-border-separator-light: var(--bb-color-slate-250);
1648
1771
  --sky-color-border-separator-row: var(--bb-color-slate-250);
1649
1772
  --sky-color-border-switch-base: var(--bb-color-slate-500);
1650
- --sky-color-category-blue: var(--bb-color-sky-300);
1651
- --sky-color-category-green: var(--bb-color-green-300);
1652
- --sky-color-category-orange: var(--bb-color-orange-400);
1653
- --sky-color-category-purple: var(--bb-color-purple-300);
1654
- --sky-color-category-red: var(--bb-color-red-300);
1655
- --sky-color-category-teal: var(--bb-color-teal-400);
1656
- --sky-color-category-yellow: var(--bb-color-yellow-300);
1657
1773
  --sky-color-icon-input-action: var(--bb-color-blue-600);
1658
- --sky-color-illustration-fill-heavy: var(--bb-color-green-400);
1659
- --sky-color-illustration-fill-soft: var(--bb-color-green-100);
1774
+ --sky-color-illustration-fill-heavy: var(--bb-color-green-300);
1775
+ --sky-color-illustration-fill-soft: var(--bb-color-green-50);
1660
1776
  --sky-color-illustration-fill-softest: var(--bb-color-white);
1661
1777
  --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
1662
1778
  --sky-color-text-heading: var(--bb-color-blue-900);
@@ -2754,6 +2870,7 @@
2754
2870
  transition: border-color 150ms, box-shadow 150ms, color 150ms;
2755
2871
  }
2756
2872
  .sky-theme-modern .sky-switch .sky-switch-control.sky-switch-control-icon {
2873
+ border-radius: var(--sky-border-radius-s);
2757
2874
  max-width: none;
2758
2875
  width: calc(var(--sky-size-icon-m) + var(--sky-comp-button-icon-space-inset-left) + var(--sky-comp-button-icon-space-inset-right));
2759
2876
  height: calc(var(--sky-size-icon-m) + var(--sky-comp-button-icon-space-inset-top) + var(--sky-comp-button-icon-space-inset-bottom));
@@ -2777,7 +2894,6 @@
2777
2894
  .sky-theme-modern .sky-switch-icon-group .sky-switch-control-icon {
2778
2895
  margin-left: 0;
2779
2896
  margin-right: 0;
2780
- border-radius: 0;
2781
2897
  }
2782
2898
  .sky-theme-modern .sky-switch-icon-group .sky-switch-control {
2783
2899
  background-color: var(--sky-color-background-action-tertiary-base);
@@ -2821,9 +2937,6 @@
2821
2937
  .sky-theme-modern .sky-switch-icon-group sky-checkbox:last-of-type .sky-switch-control-icon {
2822
2938
  margin-right: 0;
2823
2939
  }
2824
- .sky-theme-modern .sky-switch-icon-group sky-radio .sky-switch-control-icon {
2825
- border-radius: var(--sky-border-radius-s);
2826
- }
2827
2940
 
2828
2941
  html:has(.sky-theme-modern) {
2829
2942
  font-size: initial;