@blackbaud/skyux-design-tokens 6.7.0 → 6.9.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 (13) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/assets/assets.json +1 -1
  3. package/assets/images/bb-logo-white.png +0 -0
  4. package/assets/scss/base.css +88 -46
  5. package/assets/scss/blackbaud.css +70 -47
  6. package/bundles/base.css +88 -46
  7. package/bundles/base_blackbaud_public-api.css +189 -93
  8. package/bundles/base_public-api.css +119 -46
  9. package/bundles/blackbaud.css +70 -47
  10. package/bundles/public-api-styles.json +92 -6
  11. package/bundles/public-api-tokens.json +49 -7
  12. package/bundles/public-api.css +31 -0
  13. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,34 @@
1
1
  # Changelog
2
2
 
3
+ ## [6.9.0](https://github.com/blackbaud/skyux-design-tokens/compare/6.8.0...6.9.0) (2026-08-31)
4
+
5
+
6
+ ### Features
7
+
8
+ * add additional decoration definitions for dark mode ([#453](https://github.com/blackbaud/skyux-design-tokens/issues/453)) ([05bca0e](https://github.com/blackbaud/skyux-design-tokens/commit/05bca0eb85e49e48de42ea1d3fbb564becce69e5))
9
+ * add icon color on_status_bg ([#444](https://github.com/blackbaud/skyux-design-tokens/issues/444)) ([fdd249a](https://github.com/blackbaud/skyux-design-tokens/commit/fdd249a7d50f018975c087757e5d9eca9258aaeb))
10
+ * add public overlay border properties and classes ([#448](https://github.com/blackbaud/skyux-design-tokens/issues/448)) ([4ab7863](https://github.com/blackbaud/skyux-design-tokens/commit/4ab7863f6354dcc9a0b25cb7b9ac553035eae8f4))
11
+ * add white blackbaud logo for dark mode ([#450](https://github.com/blackbaud/skyux-design-tokens/issues/450)) ([50221eb](https://github.com/blackbaud/skyux-design-tokens/commit/50221ebc139e2b601dd95d1ace57f5e98df89c8f))
12
+
13
+
14
+ ### Bug Fixes
15
+
16
+ * dark mode selection color updates ([#443](https://github.com/blackbaud/skyux-design-tokens/issues/443)) ([f63e5e5](https://github.com/blackbaud/skyux-design-tokens/commit/f63e5e5568e543e9064d43b175dd7a86c0d71ac1))
17
+
18
+ ## [6.8.0](https://github.com/blackbaud/skyux-design-tokens/compare/6.7.0...6.8.0) (2026-08-27)
19
+
20
+
21
+ ### Features
22
+
23
+ * add on_status colors ([#414](https://github.com/blackbaud/skyux-design-tokens/issues/414)) ([f5b9b78](https://github.com/blackbaud/skyux-design-tokens/commit/f5b9b780daccdccf437cf1cf0e1367d0af618554))
24
+ * add prominent container background ([#431](https://github.com/blackbaud/skyux-design-tokens/issues/431)) ([609bce6](https://github.com/blackbaud/skyux-design-tokens/commit/609bce6dabbb08aacbc67cabda8381530574453e))
25
+
26
+
27
+ ### Bug Fixes
28
+
29
+ * remove light mode selector from light mode styles ([#436](https://github.com/blackbaud/skyux-design-tokens/issues/436)) ([6f22bce](https://github.com/blackbaud/skyux-design-tokens/commit/6f22bce654fb554c2e65bc12071219e6bff1854d))
30
+ * revert light-mode shadow-slate color shift from steel-gray merge ([#438](https://github.com/blackbaud/skyux-design-tokens/issues/438)) ([0467bb8](https://github.com/blackbaud/skyux-design-tokens/commit/0467bb83a1284eefd4bebeb138aa4c8f41f73c71))
31
+
3
32
  ## [6.7.0](https://github.com/blackbaud/skyux-design-tokens/compare/6.6.0...6.7.0) (2026-08-26)
4
33
 
5
34
 
package/assets/assets.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "fonts": [],
3
3
  "images": {
4
4
  "favicon": {
5
- "src": "https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.7.0/assets/images/favicon.ico"
5
+ "src": "https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/favicon.ico"
6
6
  }
7
7
  },
8
8
  "strings": {
package/assets/images/bb-logo-white.png ADDED
Binary file
package/assets/scss/base.css CHANGED
@@ -4,6 +4,12 @@
4
4
  initial-value: url('data:,');
5
5
  }
6
6
 
7
+ @property --bb-image-logo-primary-white-src {
8
+ syntax: '<url>';
9
+ inherits: true;
10
+ initial-value: url('data:,');
11
+ }
12
+
7
13
  @property --bb-image-select_icon-base-dark-src {
8
14
  syntax: '<url>';
9
15
  inherits: true;
@@ -234,6 +240,7 @@
234
240
  --bb-color-rgba-blue-600-25: rgba(43, 107, 213, 0.25);
235
241
  --bb-color-rgba-blue-600-35: rgba(43, 107, 213, 0.35);
236
242
  --bb-color-rgba-blue-600-50: rgba(43, 107, 213, 0.5);
243
+ --bb-color-rgba-blue-dark-600-20: rgba(0, 102, 205, 0.2);
237
244
  --bb-color-rgba-green-600-35: rgba(9, 156, 83, 0.35);
238
245
  --bb-color-rgba-green-600-50: rgba(9, 156, 83, 0.5);
239
246
  --bb-color-rgba-purple-600-40: rgba(176, 97, 242, 0.4);
@@ -245,6 +252,7 @@
245
252
  --bb-color-rgba-steel-gray-100-10: rgba(245, 246, 247, 0.1);
246
253
  --bb-color-rgba-steel-gray-100-15: rgba(245, 246, 247, 0.15);
247
254
  --bb-color-rgba-steel-gray-100-25: rgba(245, 246, 247, 0.25);
255
+ --bb-color-rgba-steel-gray-100-7: rgba(245, 246, 247, 0.07);
248
256
  --bb-color-rgba-white-18: rgba(255, 255, 255, 0.18);
249
257
  --bb-color-rgba-white-5: rgba(255, 255, 255, 0.05);
250
258
  --bb-color-rgba-white-70: rgba(255, 255, 255, 0.7);
@@ -292,6 +300,16 @@
292
300
  --bb-color-slate-800: #32435e;
293
301
  --bb-color-slate-850: #2a384f;
294
302
  --bb-color-slate-900: #212c3f;
303
+ --bb-color-steel-blue-dark-100: #617695;
304
+ --bb-color-steel-blue-dark-1000: #06152e;
305
+ --bb-color-steel-blue-dark-200: #566a88;
306
+ --bb-color-steel-blue-dark-300: #4b5f7c;
307
+ --bb-color-steel-blue-dark-400: #405371;
308
+ --bb-color-steel-blue-dark-500: #354865;
309
+ --bb-color-steel-blue-dark-600: #2b3e5a;
310
+ --bb-color-steel-blue-dark-700: #21334e;
311
+ --bb-color-steel-blue-dark-800: #172943;
312
+ --bb-color-steel-blue-dark-900: #0e1f39;
295
313
  --bb-color-steel-fusion-100: #f3f6f9;
296
314
  --bb-color-steel-fusion-1000: #2a313c;
297
315
  --bb-color-steel-fusion-1050: #21282f;
@@ -402,15 +420,16 @@
402
420
  --bb-font-weight-light: 300;
403
421
  --bb-font-weight-regular: 400;
404
422
  --bb-font-weight-semibold: 600;
405
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.7.0/assets/images/bb-logo.png');
406
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.7.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
407
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.7.0/assets/images/chevron_up_down_20_fill-base-light.svg');
408
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.7.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
409
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.7.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
410
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.7.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
411
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.7.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
412
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.7.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
413
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.7.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
423
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/bb-logo.png');
424
+ --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/bb-logo-white.png');
425
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
426
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-base-light.svg');
427
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
428
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
429
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
430
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
431
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
432
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.9.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
414
433
  --bb-letter_spacing-normal: normal;
415
434
  --bb-letter_spacing-wider: 0.01rem;
416
435
  --bb-letter_spacing-widest: 0.046875rem;
@@ -500,15 +519,15 @@
500
519
  --bb-shadow-heavy-black-50: 0 1px 1px 0 rgba(0, 0, 0, 0.3), 0 1.5px 1px -1px rgba(0, 0, 0, 0.6);
501
520
  --bb-shadow-heavy-black-800: 0 5px 5px -3px rgba(0, 0, 0, 0.24), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.1);
502
521
  --bb-shadow-heavy-black-simple-400: 1px 2px 4px 0 rgba(0, 0, 0, 0.65);
503
- --bb-shadow-slate-100: 0 1px 3px 0 rgba(12, 16, 22, 0.2), 0 2px 1px -1px rgba(12, 16, 22, 0.12), 0 1px 1px 0 rgba(12, 16, 22, 0.14);
504
- --bb-shadow-slate-1600: 0 8px 10px -5px rgba(12, 16, 22, 0.2), 0 6px 30px 5px rgba(12, 16, 22, 0.12), 0 16px 24px 2px rgba(12, 16, 22, 0.14);
505
- --bb-shadow-slate-200: 0 1px 8px 0 rgba(12, 16, 22, 0.2), 0 3px 3px -2px rgba(12, 16, 22, 0.12), 0 3px 4px 0 rgba(12, 16, 22, 0.14);
506
- --bb-shadow-slate-2400: 0 11px 15px -7px rgba(12, 16, 22, 0.2), 0 9px 46px 8px rgba(12, 16, 22, 0.12), 0 24px 38px 3px rgba(12, 16, 22, 0.14);
507
- --bb-shadow-slate-25: 0 1px 1px 0 rgba(12, 16, 22, 0.05);
508
- --bb-shadow-slate-400: 0 2px 4px -1px rgba(12, 16, 22, 0.2), 0 1px 10px 0 rgba(12, 16, 22, 0.12), 0 4px 5px 0 rgba(12, 16, 22, 0.14);
509
- --bb-shadow-slate-50: 0 1px 1px 0 rgba(12, 16, 22, 0.05), 0 1.5px 1px -1px rgba(12, 16, 22, 0.12);
510
- --bb-shadow-slate-800: 0 5px 5px -3px rgba(12, 16, 22, 0.2), 0 3px 14px 2px rgba(12, 16, 22, 0.12), 0 8px 10px 1px rgba(12, 16, 22, 0.14);
511
- --bb-shadow-slate-simple-400: 1px 2px 4px 0 rgba(12, 16, 22, 0.5);
522
+ --bb-shadow-slate-100: 0 1px 3px 0 rgba(33, 44, 63, 0.2), 0 2px 1px -1px rgba(33, 44, 63, 0.12), 0 1px 1px 0 rgba(33, 44, 63, 0.14);
523
+ --bb-shadow-slate-1600: 0 8px 10px -5px rgba(33, 44, 63, 0.2), 0 6px 30px 5px rgba(33, 44, 63, 0.12), 0 16px 24px 2px rgba(33, 44, 63, 0.14);
524
+ --bb-shadow-slate-200: 0 1px 8px 0 rgba(33, 44, 63, 0.2), 0 3px 3px -2px rgba(33, 44, 63, 0.12), 0 3px 4px 0 rgba(33, 44, 63, 0.14);
525
+ --bb-shadow-slate-2400: 0 11px 15px -7px rgba(33, 44, 63, 0.2), 0 9px 46px 8px rgba(33, 44, 63, 0.12), 0 24px 38px 3px rgba(33, 44, 63, 0.14);
526
+ --bb-shadow-slate-25: 0 1px 1px 0 rgba(33, 44, 63, 0.05);
527
+ --bb-shadow-slate-400: 0 2px 4px -1px rgba(33, 44, 63, 0.2), 0 1px 10px 0 rgba(33, 44, 63, 0.12), 0 4px 5px 0 rgba(33, 44, 63, 0.14);
528
+ --bb-shadow-slate-50: 0 1px 1px 0 rgba(33, 44, 63, 0.12), 0 1.5px 1px -1px rgba(33, 44, 63, 0.12);
529
+ --bb-shadow-slate-800: 0 5px 5px -3px rgba(33, 44, 63, 0.2), 0 3px 14px 2px rgba(33, 44, 63, 0.12), 0 8px 10px 1px rgba(33, 44, 63, 0.14);
530
+ --bb-shadow-slate-simple-400: 1px 2px 4px 0 rgba(33, 44, 63, 0.5);
512
531
  --bb-shadow-steel-fusion-100: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 2px 1px -1px rgba(0, 0, 0, .25), 0 1px 1px 0 rgba(0, 0, 0, .28);
513
532
  --bb-shadow-steel-fusion-1600: 0 8px 10px -5px rgba(0, 0, 0, 0.36), 0 6px 30px 5px rgba(0, 0, 0, 0.22), 0 16px 24px 2px rgba(0, 0, 0, 0.25);
514
533
  --bb-shadow-steel-fusion-200: 0 1px 8px 0 rgba(0, 0, 0, 0.5), 0 3px 3px -2px rgba(0, 0, 0, 0.3), 0 3px 4px 0 rgba(0, 0, 0, 0.35);
@@ -537,7 +556,7 @@
537
556
  --bb-color-scrollbar-bb-dark-thumb: #51555c;
538
557
  --bb-color-scrollbar-bb-dark-track: #1c2228;
539
558
  }
540
- .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-light {
559
+ .sky-theme-modern.sky-theme-brand-base:not(.sky-theme-mode-dark) {
541
560
  --sky-brand-name: var(--bb-brand-name);
542
561
  --sky-color-background-action-accent-active: var(--bb-color-blue-100);
543
562
  --sky-color-background-action-accent-base: var(--bb-color-white);
@@ -576,6 +595,7 @@
576
595
  --sky-color-background-container-header-prominent: var(--bb-color-slate-800);
577
596
  --sky-color-background-container-info: var(--bb-color-blue-200);
578
597
  --sky-color-background-container-menu: var(--bb-color-white);
598
+ --sky-color-background-container-prominent: var(--bb-color-slate-50);
579
599
  --sky-color-background-container-success: var(--bb-color-green-200);
580
600
  --sky-color-background-container-tooltip: var(--bb-color-gray-1000);
581
601
  --sky-color-background-container-warning: var(--bb-color-yellow-200);
@@ -713,6 +733,8 @@
713
733
  --sky-color-icon-inverse: var(--bb-color-white);
714
734
  --sky-color-icon-on_prominent-base: var(--bb-color-white);
715
735
  --sky-color-icon-on_prominent-disabled: var(--bb-color-gray-600);
736
+ --sky-color-icon-on_status: var(--bb-color-white);
737
+ --sky-color-icon-on_status_bg: var(--bb-color-gray-1000);
716
738
  --sky-color-icon-selected: var(--bb-color-blue-600);
717
739
  --sky-color-icon-success: var(--bb-color-green-600);
718
740
  --sky-color-icon-warning: var(--bb-color-yellow-400);
@@ -728,6 +750,7 @@
728
750
  --sky-color-text-heading: var(--bb-color-gray-1100);
729
751
  --sky-color-text-inverse: var(--bb-color-white);
730
752
  --sky-color-text-on_prominent: var(--bb-color-white);
753
+ --sky-color-text-on_status: var(--bb-color-gray-1000);
731
754
  --sky-color-text-selected: var(--bb-color-blue-600);
732
755
  --sky-color-viz-axis: var(--bb-color-gray-500);
733
756
  --sky-color-viz-category-1: var(--bb-color-teal-500);
@@ -838,7 +861,7 @@
838
861
  --sky-elevation-overlay-simple-100: var(--bb-shadow-gray-simple-400);
839
862
  --sky-elevation-raised-100: var(--bb-shadow-gray-100);
840
863
  }
841
- :root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-mode-light) {
864
+ :root:has(body.sky-theme-modern.sky-theme-brand-base:not(.sky-theme-mode-dark)) {
842
865
  --sky-color-scrollbar-thumb: var(--bb-color-scrollbar-base-light-thumb);
843
866
  --sky-color-scrollbar-track: var(--bb-color-scrollbar-base-light-track);
844
867
  }
@@ -880,6 +903,7 @@
880
903
  --sky-color-background-container-header-prominent: var(--bb-color-slate-800);
881
904
  --sky-color-background-container-info: var(--bb-color-blue-800);
882
905
  --sky-color-background-container-menu: var(--bb-color-gray-900);
906
+ --sky-color-background-container-prominent: var(--bb-color-steel-gray-1125);
883
907
  --sky-color-background-container-success: var(--bb-color-green-900);
884
908
  --sky-color-background-container-tooltip: var(--bb-color-gray-25);
885
909
  --sky-color-background-container-warning: var(--bb-color-yellow-800);
@@ -903,10 +927,10 @@
903
927
  --sky-color-background-row-hover: var(--bb-color-transparent);
904
928
  --sky-color-background-scrim: var(--bb-color-scrim-heavy);
905
929
  --sky-color-background-selected-danger: var(--bb-color-red-900);
906
- --sky-color-background-selected-heavy: var(--bb-color-blue-600);
907
- --sky-color-background-selected-soft: var(--bb-color-blue-900);
930
+ --sky-color-background-selected-heavy: var(--bb-color-blue-dark-375);
931
+ --sky-color-background-selected-soft: var(--bb-color-rgba-blue-dark-600-20);
908
932
  --sky-color-background-selected-success: var(--bb-color-green-900);
909
- --sky-color-background-selected-switch-base: var(--bb-color-blue-600);
933
+ --sky-color-background-selected-switch-base: var(--bb-color-blue-dark-375);
910
934
  --sky-color-background-selected-warning: var(--bb-color-yellow-900);
911
935
  --sky-color-background-tab-active: var(--bb-color-transparent);
912
936
  --sky-color-background-tab-base: var(--bb-color-transparent);
@@ -914,10 +938,10 @@
914
938
  --sky-color-background-tab-hover: var(--bb-color-transparent);
915
939
  --sky-color-background-tab-selected: var(--bb-color-transparent);
916
940
  --sky-color-background-tab-wizard-disabled: var(--bb-color-transparent);
917
- --sky-color-background-text_highlight: var(--bb-color-yellow-800);
941
+ --sky-color-background-text_highlight: var(--bb-color-yellow-dark-700);
918
942
  --sky-color-background-thumb-base: var(--bb-color-white);
919
943
  --sky-color-background-thumb-disabled: var(--bb-color-gray-600);
920
- --sky-color-background-thumbnail_matte: var(--bb-color-white);
944
+ --sky-color-background-thumbnail_matte: var(--bb-color-rgba-steel-gray-100-7);
921
945
  --sky-color-border-action-accent-active: var(--bb-color-sky-500);
922
946
  --sky-color-border-action-accent-base: var(--bb-color-gray-700);
923
947
  --sky-color-border-action-accent-focus: var(--bb-color-sky-600);
@@ -930,23 +954,23 @@
930
954
  --sky-color-border-action-input-base: var(--bb-color-blue-400);
931
955
  --sky-color-border-action-input-focus: var(--bb-color-blue-600);
932
956
  --sky-color-border-action-input-hover: var(--bb-color-blue-600);
933
- --sky-color-border-action-primary-active: var(--bb-color-sky-500);
934
- --sky-color-border-action-primary-base: var(--bb-color-sky-600);
935
- --sky-color-border-action-primary-focus: var(--bb-color-sky-600);
936
- --sky-color-border-action-primary-hover: var(--bb-color-sky-600);
957
+ --sky-color-border-action-primary-active: var(--bb-color-blue-dark-100);
958
+ --sky-color-border-action-primary-base: var(--bb-color-blue-dark-375);
959
+ --sky-color-border-action-primary-focus: var(--bb-color-blue-dark-100);
960
+ --sky-color-border-action-primary-hover: var(--bb-color-blue-dark-100);
937
961
  --sky-color-border-action-secondary-active: var(--bb-color-sky-500);
938
962
  --sky-color-border-action-secondary-base: var(--bb-color-gray-700);
939
963
  --sky-color-border-action-secondary-focus: var(--bb-color-sky-600);
940
964
  --sky-color-border-action-secondary-hover: var(--bb-color-sky-600);
941
- --sky-color-border-action-tertiary-active: var(--bb-color-sky-500);
965
+ --sky-color-border-action-tertiary-active: var(--bb-color-blue-dark-375);
942
966
  --sky-color-border-action-tertiary-base: var(--bb-color-transparent);
943
- --sky-color-border-action-tertiary-focus: var(--bb-color-sky-600);
944
- --sky-color-border-action-tertiary-hover: var(--bb-color-sky-600);
967
+ --sky-color-border-action-tertiary-focus: var(--bb-color-blue-dark-375);
968
+ --sky-color-border-action-tertiary-hover: var(--bb-color-blue-dark-375);
945
969
  --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-blue-300);
946
970
  --sky-color-border-action-tertiary-on_prominent-base: var(--bb-color-transparent);
947
971
  --sky-color-border-action-tertiary-on_prominent-focus: var(--bb-color-blue-300);
948
972
  --sky-color-border-action-tertiary-on_prominent-hover: var(--bb-color-blue-300);
949
- --sky-color-border-column_divider: var(--bb-color-blue-400);
973
+ --sky-color-border-column_divider: var(--bb-color-blue-dark-400);
950
974
  --sky-color-border-container-base: var(--bb-color-blue-900);
951
975
  --sky-color-border-container-header-prominent: var(--bb-color-slate-500);
952
976
  --sky-color-border-danger: var(--bb-color-red-400);
@@ -956,7 +980,7 @@
956
980
  --sky-color-border-info: var(--bb-color-blue-400);
957
981
  --sky-color-border-input-active: var(--bb-color-blue-600);
958
982
  --sky-color-border-input-base: var(--bb-color-blue-200);
959
- --sky-color-border-input-error: var(--bb-color-red-600);
983
+ --sky-color-border-input-error: var(--bb-color-red-dark-600);
960
984
  --sky-color-border-input-focus: var(--bb-color-blue-600);
961
985
  --sky-color-border-input-hover: var(--bb-color-blue-600);
962
986
  --sky-color-border-nav-active: var(--bb-color-sky-500);
@@ -964,26 +988,26 @@
964
988
  --sky-color-border-nav-focus: var(--bb-color-sky-600);
965
989
  --sky-color-border-nav-hover: var(--bb-color-sky-600);
966
990
  --sky-color-border-progress_step: var(--bb-color-gray-600);
967
- --sky-color-border-selected: var(--bb-color-blue-400);
968
- --sky-color-border-selected_soft: var(--bb-color-blue-500);
991
+ --sky-color-border-selected: var(--bb-color-blue-dark-375);
992
+ --sky-color-border-selected_soft: var(--bb-color-blue-dark-600);
969
993
  --sky-color-border-separator-light: var(--bb-color-gray-700);
970
994
  --sky-color-border-separator-row: var(--bb-color-gray-800);
971
995
  --sky-color-border-success: var(--bb-color-green-400);
972
996
  --sky-color-border-switch-active: var(--bb-color-blue-600);
973
997
  --sky-color-border-switch-base: var(--bb-color-blue-500);
974
- --sky-color-border-switch-error: var(--bb-color-red-600);
998
+ --sky-color-border-switch-error: var(--bb-color-red-dark-600);
975
999
  --sky-color-border-switch-focus: var(--bb-color-blue-600);
976
1000
  --sky-color-border-switch-hover: var(--bb-color-blue-600);
977
- --sky-color-border-switch-selected-active: var(--bb-color-blue-900);
1001
+ --sky-color-border-switch-selected-active: var(--bb-color-blue-dark-100);
978
1002
  --sky-color-border-switch-selected-base: var(--bb-color-transparent);
979
- --sky-color-border-switch-selected-focus: var(--bb-color-blue-900);
980
- --sky-color-border-switch-selected-hover: var(--bb-color-blue-900);
1003
+ --sky-color-border-switch-selected-focus: var(--bb-color-blue-dark-100);
1004
+ --sky-color-border-switch-selected-hover: var(--bb-color-blue-dark-100);
981
1005
  --sky-color-border-tab-active: var(--bb-color-sky-500);
982
1006
  --sky-color-border-tab-base: var(--bb-color-transparent);
983
1007
  --sky-color-border-tab-focus: var(--bb-color-sky-600);
984
1008
  --sky-color-border-tab-hover: var(--bb-color-sky-600);
985
1009
  --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
986
- --sky-color-border-text_highlight: var(--bb-color-yellow-600);
1010
+ --sky-color-border-text_highlight: var(--bb-color-yellow-dark-400);
987
1011
  --sky-color-border-warning: var(--bb-color-yellow-400);
988
1012
  --sky-color-category-blue: var(--bb-color-sky-900);
989
1013
  --sky-color-category-green: var(--bb-color-green-900);
@@ -1016,13 +1040,15 @@
1016
1040
  --sky-color-icon-inverse: var(--bb-color-gray-1100);
1017
1041
  --sky-color-icon-on_prominent-base: var(--bb-color-white);
1018
1042
  --sky-color-icon-on_prominent-disabled: var(--bb-color-gray-600);
1043
+ --sky-color-icon-on_status: var(--bb-color-white);
1044
+ --sky-color-icon-on_status_bg: var(--bb-color-gray-1000);
1019
1045
  --sky-color-icon-selected: var(--bb-color-blue-600);
1020
1046
  --sky-color-icon-success: var(--bb-color-green-700);
1021
1047
  --sky-color-icon-warning: var(--bb-color-yellow-600);
1022
- --sky-color-illustration-fill-heavy: var(--bb-color-green-700);
1023
- --sky-color-illustration-fill-soft: var(--bb-color-green-900);
1024
- --sky-color-illustration-fill-softest: var(--bb-color-gray-900);
1025
- --sky-color-illustration-stroke: var(--bb-color-green-200);
1048
+ --sky-color-illustration-fill-heavy: var(--bb-color-teal-dark-600);
1049
+ --sky-color-illustration-fill-soft: var(--bb-color-teal-dark-800);
1050
+ --sky-color-illustration-fill-softest: var(--bb-color-steel-gray-1100);
1051
+ --sky-color-illustration-stroke: var(--bb-color-teal-dark-100);
1026
1052
  --sky-color-text-action: var(--bb-color-sky-600);
1027
1053
  --sky-color-text-action_contrast: var(--bb-color-blue-dark-200);
1028
1054
  --sky-color-text-danger: var(--bb-color-red-400);
@@ -1031,6 +1057,7 @@
1031
1057
  --sky-color-text-heading: var(--bb-color-gray-50);
1032
1058
  --sky-color-text-inverse: var(--bb-color-gray-1100);
1033
1059
  --sky-color-text-on_prominent: var(--bb-color-white);
1060
+ --sky-color-text-on_status: var(--bb-color-gray-1000);
1034
1061
  --sky-color-text-selected: var(--bb-color-blue-400);
1035
1062
  --sky-color-viz-axis: var(--bb-color-gray-600);
1036
1063
  --sky-color-viz-category-1: var(--bb-color-teal-dark-600);
@@ -1073,7 +1100,7 @@
1073
1100
  --sky-color-viz-sequence-7: var(--bb-color-teal-400);
1074
1101
  --sky-color-viz-sequence-8: var(--bb-color-teal-300);
1075
1102
  --sky-color-viz-sequence-9: var(--bb-color-teal-200);
1076
- --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
1103
+ --sky-image-logo-primary-src: var(--bb-image-logo-primary-white-src);
1077
1104
  --sky-image-select_icon-base: var(--bb-image-select_icon-base-dark-src);
1078
1105
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-dark-src);
1079
1106
  --sky-opacity-wait: var(--bb-opacity-600);
@@ -1156,11 +1183,21 @@
1156
1183
  --sky-font-style-hint-m-weight: 400;
1157
1184
  --sky-font-style-hint-s-style: italic;
1158
1185
  --sky-font-style-hint-s-weight: 400;
1186
+ --sky-font-text_decoration-action-tertiary-active: none;
1187
+ --sky-font-text_decoration-action-tertiary-base: none;
1188
+ --sky-font-text_decoration-action-tertiary-disabled: none;
1189
+ --sky-font-text_decoration-action-tertiary-focus: none;
1190
+ --sky-font-text_decoration-action-tertiary-hover: none;
1159
1191
  --sky-font-text_decoration-inline_link-active: underline;
1160
1192
  --sky-font-text_decoration-inline_link-base: none;
1161
1193
  --sky-font-text_decoration-inline_link-disabled: none;
1162
1194
  --sky-font-text_decoration-inline_link-focus: none;
1163
1195
  --sky-font-text_decoration-inline_link-hover: underline;
1196
+ --sky-font-text_decoration-standalone_link-active: none;
1197
+ --sky-font-text_decoration-standalone_link-base: none;
1198
+ --sky-font-text_decoration-standalone_link-disabled: none;
1199
+ --sky-font-text_decoration-standalone_link-focus: none;
1200
+ --sky-font-text_decoration-standalone_link-hover: none;
1164
1201
  --sky-font-text_decoration-visible_link: underline;
1165
1202
  --sky-space-gap-action_group-0: 0rem;
1166
1203
  --sky-space-gap-form-0: 0rem;
@@ -1884,6 +1921,11 @@
1884
1921
  --sky-type-input-val: var(--sky-font-style-body-s) var(--sky-font-size-input-val)/20 'var(--bb-font-blkb_sans-name)';
1885
1922
  }
1886
1923
  .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
1924
+ --sky-font-text_decoration-action-tertiary-active: underline;
1925
+ --sky-font-text_decoration-action-tertiary-base: underline;
1926
+ --sky-font-text_decoration-action-tertiary-focus: underline;
1927
+ --sky-font-text_decoration-action-tertiary-hover: underline;
1887
1928
  --sky-font-text_decoration-inline_link-base: underline;
1929
+ --sky-font-text_decoration-inline_link-focus: underline;
1888
1930
  --sky-border-style-container-overlay: var(--bb-border-style-solid);
1889
1931
  }