@blackbaud/skyux-design-tokens 6.8.0 → 6.10.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 (15) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/assets/assets.json +1 -1
  3. package/assets/images/bb-logo-white.png +0 -0
  4. package/assets/images/chevron_up_down_20_fill-bb-dark.svg +1 -1
  5. package/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg +1 -1
  6. package/assets/scss/base.css +98 -35
  7. package/assets/scss/blackbaud.css +83 -58
  8. package/bundles/base.css +98 -35
  9. package/bundles/base_blackbaud_public-api.css +205 -93
  10. package/bundles/base_public-api.css +122 -35
  11. package/bundles/blackbaud.css +83 -58
  12. package/bundles/public-api-styles.json +51 -0
  13. package/bundles/public-api-tokens.json +67 -1
  14. package/bundles/public-api.css +24 -0
  15. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,36 @@
1
1
  # Changelog
2
2
 
3
+ ## [6.10.0](https://github.com/blackbaud/skyux-design-tokens/compare/6.9.0...6.10.0) (2026-09-01)
4
+
5
+
6
+ ### Features
7
+
8
+ * action.secondary.on_scrim background colors ([#465](https://github.com/blackbaud/skyux-design-tokens/issues/465)) ([8531357](https://github.com/blackbaud/skyux-design-tokens/commit/853135794e04a217812750a383a75fa2d361a6a0))
9
+ * add on_status tokens for public API ([#458](https://github.com/blackbaud/skyux-design-tokens/issues/458)) ([96864b1](https://github.com/blackbaud/skyux-design-tokens/commit/96864b1c36ffaf91d55863ded4142b8e07ec5c2a))
10
+ * all interactive states for on status buttons ([#469](https://github.com/blackbaud/skyux-design-tokens/issues/469)) ([ea14514](https://github.com/blackbaud/skyux-design-tokens/commit/ea14514465a7a2fd7e451cf3fecfbc37ae12c730))
11
+
12
+
13
+ ### Bug Fixes
14
+
15
+ * flat background color for input box in dark mode ([#463](https://github.com/blackbaud/skyux-design-tokens/issues/463)) ([66d9fd5](https://github.com/blackbaud/skyux-design-tokens/commit/66d9fd505c5cc6cf6e39f3ed042e21f12122c5f2))
16
+ * update dark mode HTML select chevron icon colors ([#457](https://github.com/blackbaud/skyux-design-tokens/issues/457)) ([caee3c4](https://github.com/blackbaud/skyux-design-tokens/commit/caee3c47478c70dce4c892b5618d586f24fe3555))
17
+ * update disabled states in dark mode ([#461](https://github.com/blackbaud/skyux-design-tokens/issues/461)) ([327fb21](https://github.com/blackbaud/skyux-design-tokens/commit/327fb2124ec2955eb8abcf697f72c8b2408f7562))
18
+
19
+ ## [6.9.0](https://github.com/blackbaud/skyux-design-tokens/compare/6.8.0...6.9.0) (2026-08-31)
20
+
21
+
22
+ ### Features
23
+
24
+ * 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))
25
+ * 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))
26
+ * 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))
27
+ * 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))
28
+
29
+
30
+ ### Bug Fixes
31
+
32
+ * 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))
33
+
3
34
  ## [6.8.0](https://github.com/blackbaud/skyux-design-tokens/compare/6.7.0...6.8.0) (2026-08-27)
4
35
 
5
36
 
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.8.0/assets/images/favicon.ico"
5
+ "src": "https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.10.0/assets/images/favicon.ico"
6
6
  }
7
7
  },
8
8
  "strings": {
package/assets/images/bb-logo-white.png ADDED
Binary file
package/assets/images/chevron_up_down_20_fill-bb-dark.svg CHANGED
@@ -1,5 +1,5 @@
1
1
  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path
3
3
  d="M10.5303 2.71967C10.2374 2.42678 9.76256 2.42678 9.46967 2.71967L5.21967 6.96967C4.92678 7.26256 4.92678 7.73744 5.21967 8.03033C5.51256 8.32322 5.98744 8.32322 6.28033 8.03033L10 4.31066L13.7197 8.03033C14.0126 8.32322 14.4874 8.32322 14.7803 8.03033C15.0732 7.73744 15.0732 7.26256 14.7803 6.96967L10.5303 2.71967ZM14.7803 13.0303L10.5303 17.2803C10.2374 17.5732 9.76256 17.5732 9.46967 17.2803L5.21967 13.0303C4.92678 12.7374 4.92678 12.2626 5.21967 11.9697C5.51256 11.6768 5.98744 11.6768 6.28033 11.9697L10 15.6893L13.7197 11.9697C14.0126 11.6768 14.4874 11.6768 14.7803 11.9697C15.0732 12.2626 15.0732 12.7374 14.7803 13.0303Z"
4
- fill="#0095b8" />
4
+ fill="#79adf1" />
5
5
  </svg>
package/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg CHANGED
@@ -1,5 +1,5 @@
1
1
  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path
3
3
  d="M10.5303 2.71967C10.2374 2.42678 9.76256 2.42678 9.46967 2.71967L5.21967 6.96967C4.92678 7.26256 4.92678 7.73744 5.21967 8.03033C5.51256 8.32322 5.98744 8.32322 6.28033 8.03033L10 4.31066L13.7197 8.03033C14.0126 8.32322 14.4874 8.32322 14.7803 8.03033C15.0732 7.73744 15.0732 7.26256 14.7803 6.96967L10.5303 2.71967ZM14.7803 13.0303L10.5303 17.2803C10.2374 17.5732 9.76256 17.5732 9.46967 17.2803L5.21967 13.0303C4.92678 12.7374 4.92678 12.2626 5.21967 11.9697C5.51256 11.6768 5.98744 11.6768 6.28033 11.9697L10 15.6893L13.7197 11.9697C14.0126 11.6768 14.4874 11.6768 14.7803 11.9697C15.0732 12.2626 15.0732 12.7374 14.7803 13.0303Z"
4
- fill="#c2c4c6" />
4
+ fill="#b3b5b8" />
5
5
  </svg>
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.8.0/assets/images/bb-logo.png');
406
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.8.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.8.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.8.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.8.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.8.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.8.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.8.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.8.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.10.0/assets/images/bb-logo.png');
424
+ --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.10.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.10.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.10.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.10.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.10.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.10.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.10.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.10.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.10.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;
@@ -559,6 +578,10 @@
559
578
  --sky-color-background-action-secondary-base: var(--bb-color-white);
560
579
  --sky-color-background-action-secondary-focus: var(--bb-color-white);
561
580
  --sky-color-background-action-secondary-hover: var(--bb-color-blue-50);
581
+ --sky-color-background-action-secondary-on_scrim-active: var(--bb-color-blue-100);
582
+ --sky-color-background-action-secondary-on_scrim-base: var(--bb-color-white);
583
+ --sky-color-background-action-secondary-on_scrim-focus: var(--bb-color-white);
584
+ --sky-color-background-action-secondary-on_scrim-hover: var(--bb-color-blue-50);
562
585
  --sky-color-background-action-tertiary-active: var(--bb-color-blue-100);
563
586
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
564
587
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
@@ -627,6 +650,10 @@
627
650
  --sky-color-border-action-input-base: var(--bb-color-gray-300);
628
651
  --sky-color-border-action-input-focus: var(--bb-color-blue-600);
629
652
  --sky-color-border-action-input-hover: var(--bb-color-blue-600);
653
+ --sky-color-border-action-on_status-active: var(--bb-color-gray-1000);
654
+ --sky-color-border-action-on_status-base: var(--bb-color-transparent);
655
+ --sky-color-border-action-on_status-focus: var(--bb-color-gray-1000);
656
+ --sky-color-border-action-on_status-hover: var(--bb-color-gray-1000);
630
657
  --sky-color-border-action-primary-active: var(--bb-color-blue-1000);
631
658
  --sky-color-border-action-primary-base: var(--bb-color-blue-600);
632
659
  --sky-color-border-action-primary-focus: var(--bb-color-blue-1000);
@@ -715,6 +742,7 @@
715
742
  --sky-color-icon-on_prominent-base: var(--bb-color-white);
716
743
  --sky-color-icon-on_prominent-disabled: var(--bb-color-gray-600);
717
744
  --sky-color-icon-on_status: var(--bb-color-white);
745
+ --sky-color-icon-on_status_bg: var(--bb-color-gray-1000);
718
746
  --sky-color-icon-selected: var(--bb-color-blue-600);
719
747
  --sky-color-icon-success: var(--bb-color-green-600);
720
748
  --sky-color-icon-warning: var(--bb-color-yellow-400);
@@ -724,6 +752,7 @@
724
752
  --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
725
753
  --sky-color-text-action: var(--bb-color-blue-600);
726
754
  --sky-color-text-action_contrast: var(--bb-color-blue-700);
755
+ --sky-color-text-action_on_status: var(--bb-color-gray-1000);
727
756
  --sky-color-text-danger: var(--bb-color-red-600);
728
757
  --sky-color-text-deemphasized: var(--bb-color-gray-600);
729
758
  --sky-color-text-default: var(--bb-color-gray-1000);
@@ -782,6 +811,7 @@
782
811
  --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
783
812
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
784
813
  --sky-color-background-action-secondary-disabled: var(--sky-color-background-disabled);
814
+ --sky-color-background-action-secondary-on_scrim-disabled: var(--sky-color-background-disabled);
785
815
  --sky-color-background-action-tertiary-disabled: var(--sky-color-background-disabled);
786
816
  --sky-color-background-input-disabled: var(--sky-color-background-disabled);
787
817
  --sky-color-background-nav-disabled: var(--sky-color-background-disabled);
@@ -791,6 +821,7 @@
791
821
  --sky-color-border-action-accent-disabled: var(--sky-color-border-disabled);
792
822
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
793
823
  --sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
824
+ --sky-color-border-action-on_status-disabled: var(--sky-color-border-disabled);
794
825
  --sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
795
826
  --sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
796
827
  --sky-color-border-action-tertiary-disabled: var(--sky-color-border-disabled);
@@ -867,6 +898,10 @@
867
898
  --sky-color-background-action-secondary-base: var(--bb-color-gray-800);
868
899
  --sky-color-background-action-secondary-focus: var(--bb-color-gray-700);
869
900
  --sky-color-background-action-secondary-hover: var(--bb-color-gray-700);
901
+ --sky-color-background-action-secondary-on_scrim-active: var(--bb-color-gray-600);
902
+ --sky-color-background-action-secondary-on_scrim-base: var(--bb-color-gray-800);
903
+ --sky-color-background-action-secondary-on_scrim-focus: var(--bb-color-gray-800);
904
+ --sky-color-background-action-secondary-on_scrim-hover: var(--bb-color-gray-700);
870
905
  --sky-color-background-action-tertiary-active: var(--bb-color-transparent);
871
906
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
872
907
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
@@ -907,10 +942,10 @@
907
942
  --sky-color-background-row-hover: var(--bb-color-transparent);
908
943
  --sky-color-background-scrim: var(--bb-color-scrim-heavy);
909
944
  --sky-color-background-selected-danger: var(--bb-color-red-900);
910
- --sky-color-background-selected-heavy: var(--bb-color-blue-600);
911
- --sky-color-background-selected-soft: var(--bb-color-blue-900);
945
+ --sky-color-background-selected-heavy: var(--bb-color-blue-dark-375);
946
+ --sky-color-background-selected-soft: var(--bb-color-rgba-blue-dark-600-20);
912
947
  --sky-color-background-selected-success: var(--bb-color-green-900);
913
- --sky-color-background-selected-switch-base: var(--bb-color-blue-600);
948
+ --sky-color-background-selected-switch-base: var(--bb-color-blue-dark-375);
914
949
  --sky-color-background-selected-warning: var(--bb-color-yellow-900);
915
950
  --sky-color-background-tab-active: var(--bb-color-transparent);
916
951
  --sky-color-background-tab-base: var(--bb-color-transparent);
@@ -918,10 +953,10 @@
918
953
  --sky-color-background-tab-hover: var(--bb-color-transparent);
919
954
  --sky-color-background-tab-selected: var(--bb-color-transparent);
920
955
  --sky-color-background-tab-wizard-disabled: var(--bb-color-transparent);
921
- --sky-color-background-text_highlight: var(--bb-color-yellow-800);
956
+ --sky-color-background-text_highlight: var(--bb-color-yellow-dark-700);
922
957
  --sky-color-background-thumb-base: var(--bb-color-white);
923
958
  --sky-color-background-thumb-disabled: var(--bb-color-gray-600);
924
- --sky-color-background-thumbnail_matte: var(--bb-color-white);
959
+ --sky-color-background-thumbnail_matte: var(--bb-color-rgba-steel-gray-100-7);
925
960
  --sky-color-border-action-accent-active: var(--bb-color-sky-500);
926
961
  --sky-color-border-action-accent-base: var(--bb-color-gray-700);
927
962
  --sky-color-border-action-accent-focus: var(--bb-color-sky-600);
@@ -934,23 +969,27 @@
934
969
  --sky-color-border-action-input-base: var(--bb-color-blue-400);
935
970
  --sky-color-border-action-input-focus: var(--bb-color-blue-600);
936
971
  --sky-color-border-action-input-hover: var(--bb-color-blue-600);
937
- --sky-color-border-action-primary-active: var(--bb-color-sky-500);
938
- --sky-color-border-action-primary-base: var(--bb-color-sky-600);
939
- --sky-color-border-action-primary-focus: var(--bb-color-sky-600);
940
- --sky-color-border-action-primary-hover: var(--bb-color-sky-600);
972
+ --sky-color-border-action-on_status-active: var(--bb-color-gray-1000);
973
+ --sky-color-border-action-on_status-base: var(--bb-color-transparent);
974
+ --sky-color-border-action-on_status-focus: var(--bb-color-gray-1000);
975
+ --sky-color-border-action-on_status-hover: var(--bb-color-gray-1000);
976
+ --sky-color-border-action-primary-active: var(--bb-color-blue-dark-100);
977
+ --sky-color-border-action-primary-base: var(--bb-color-blue-dark-375);
978
+ --sky-color-border-action-primary-focus: var(--bb-color-blue-dark-100);
979
+ --sky-color-border-action-primary-hover: var(--bb-color-blue-dark-100);
941
980
  --sky-color-border-action-secondary-active: var(--bb-color-sky-500);
942
981
  --sky-color-border-action-secondary-base: var(--bb-color-gray-700);
943
982
  --sky-color-border-action-secondary-focus: var(--bb-color-sky-600);
944
983
  --sky-color-border-action-secondary-hover: var(--bb-color-sky-600);
945
- --sky-color-border-action-tertiary-active: var(--bb-color-sky-500);
984
+ --sky-color-border-action-tertiary-active: var(--bb-color-blue-dark-375);
946
985
  --sky-color-border-action-tertiary-base: var(--bb-color-transparent);
947
- --sky-color-border-action-tertiary-focus: var(--bb-color-sky-600);
948
- --sky-color-border-action-tertiary-hover: var(--bb-color-sky-600);
986
+ --sky-color-border-action-tertiary-focus: var(--bb-color-blue-dark-375);
987
+ --sky-color-border-action-tertiary-hover: var(--bb-color-blue-dark-375);
949
988
  --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-blue-300);
950
989
  --sky-color-border-action-tertiary-on_prominent-base: var(--bb-color-transparent);
951
990
  --sky-color-border-action-tertiary-on_prominent-focus: var(--bb-color-blue-300);
952
991
  --sky-color-border-action-tertiary-on_prominent-hover: var(--bb-color-blue-300);
953
- --sky-color-border-column_divider: var(--bb-color-blue-400);
992
+ --sky-color-border-column_divider: var(--bb-color-blue-dark-400);
954
993
  --sky-color-border-container-base: var(--bb-color-blue-900);
955
994
  --sky-color-border-container-header-prominent: var(--bb-color-slate-500);
956
995
  --sky-color-border-danger: var(--bb-color-red-400);
@@ -960,7 +999,7 @@
960
999
  --sky-color-border-info: var(--bb-color-blue-400);
961
1000
  --sky-color-border-input-active: var(--bb-color-blue-600);
962
1001
  --sky-color-border-input-base: var(--bb-color-blue-200);
963
- --sky-color-border-input-error: var(--bb-color-red-600);
1002
+ --sky-color-border-input-error: var(--bb-color-red-dark-600);
964
1003
  --sky-color-border-input-focus: var(--bb-color-blue-600);
965
1004
  --sky-color-border-input-hover: var(--bb-color-blue-600);
966
1005
  --sky-color-border-nav-active: var(--bb-color-sky-500);
@@ -968,26 +1007,26 @@
968
1007
  --sky-color-border-nav-focus: var(--bb-color-sky-600);
969
1008
  --sky-color-border-nav-hover: var(--bb-color-sky-600);
970
1009
  --sky-color-border-progress_step: var(--bb-color-gray-600);
971
- --sky-color-border-selected: var(--bb-color-blue-400);
972
- --sky-color-border-selected_soft: var(--bb-color-blue-500);
1010
+ --sky-color-border-selected: var(--bb-color-blue-dark-375);
1011
+ --sky-color-border-selected_soft: var(--bb-color-blue-dark-600);
973
1012
  --sky-color-border-separator-light: var(--bb-color-gray-700);
974
1013
  --sky-color-border-separator-row: var(--bb-color-gray-800);
975
1014
  --sky-color-border-success: var(--bb-color-green-400);
976
1015
  --sky-color-border-switch-active: var(--bb-color-blue-600);
977
1016
  --sky-color-border-switch-base: var(--bb-color-blue-500);
978
- --sky-color-border-switch-error: var(--bb-color-red-600);
1017
+ --sky-color-border-switch-error: var(--bb-color-red-dark-600);
979
1018
  --sky-color-border-switch-focus: var(--bb-color-blue-600);
980
1019
  --sky-color-border-switch-hover: var(--bb-color-blue-600);
981
- --sky-color-border-switch-selected-active: var(--bb-color-blue-900);
1020
+ --sky-color-border-switch-selected-active: var(--bb-color-blue-dark-100);
982
1021
  --sky-color-border-switch-selected-base: var(--bb-color-transparent);
983
- --sky-color-border-switch-selected-focus: var(--bb-color-blue-900);
984
- --sky-color-border-switch-selected-hover: var(--bb-color-blue-900);
1022
+ --sky-color-border-switch-selected-focus: var(--bb-color-blue-dark-100);
1023
+ --sky-color-border-switch-selected-hover: var(--bb-color-blue-dark-100);
985
1024
  --sky-color-border-tab-active: var(--bb-color-sky-500);
986
1025
  --sky-color-border-tab-base: var(--bb-color-transparent);
987
1026
  --sky-color-border-tab-focus: var(--bb-color-sky-600);
988
1027
  --sky-color-border-tab-hover: var(--bb-color-sky-600);
989
1028
  --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
990
- --sky-color-border-text_highlight: var(--bb-color-yellow-600);
1029
+ --sky-color-border-text_highlight: var(--bb-color-yellow-dark-400);
991
1030
  --sky-color-border-warning: var(--bb-color-yellow-400);
992
1031
  --sky-color-category-blue: var(--bb-color-sky-900);
993
1032
  --sky-color-category-green: var(--bb-color-green-900);
@@ -1021,15 +1060,17 @@
1021
1060
  --sky-color-icon-on_prominent-base: var(--bb-color-white);
1022
1061
  --sky-color-icon-on_prominent-disabled: var(--bb-color-gray-600);
1023
1062
  --sky-color-icon-on_status: var(--bb-color-white);
1063
+ --sky-color-icon-on_status_bg: var(--bb-color-gray-1000);
1024
1064
  --sky-color-icon-selected: var(--bb-color-blue-600);
1025
1065
  --sky-color-icon-success: var(--bb-color-green-700);
1026
1066
  --sky-color-icon-warning: var(--bb-color-yellow-600);
1027
- --sky-color-illustration-fill-heavy: var(--bb-color-green-700);
1028
- --sky-color-illustration-fill-soft: var(--bb-color-green-900);
1029
- --sky-color-illustration-fill-softest: var(--bb-color-gray-900);
1030
- --sky-color-illustration-stroke: var(--bb-color-green-200);
1067
+ --sky-color-illustration-fill-heavy: var(--bb-color-teal-dark-600);
1068
+ --sky-color-illustration-fill-soft: var(--bb-color-teal-dark-800);
1069
+ --sky-color-illustration-fill-softest: var(--bb-color-steel-gray-1100);
1070
+ --sky-color-illustration-stroke: var(--bb-color-teal-dark-100);
1031
1071
  --sky-color-text-action: var(--bb-color-sky-600);
1032
1072
  --sky-color-text-action_contrast: var(--bb-color-blue-dark-200);
1073
+ --sky-color-text-action_on_status: var(--bb-color-gray-1000);
1033
1074
  --sky-color-text-danger: var(--bb-color-red-400);
1034
1075
  --sky-color-text-deemphasized: var(--bb-color-gray-300);
1035
1076
  --sky-color-text-default: var(--bb-color-gray-25);
@@ -1079,7 +1120,7 @@
1079
1120
  --sky-color-viz-sequence-7: var(--bb-color-teal-400);
1080
1121
  --sky-color-viz-sequence-8: var(--bb-color-teal-300);
1081
1122
  --sky-color-viz-sequence-9: var(--bb-color-teal-200);
1082
- --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
1123
+ --sky-image-logo-primary-src: var(--bb-image-logo-primary-white-src);
1083
1124
  --sky-image-select_icon-base: var(--bb-image-select_icon-base-dark-src);
1084
1125
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-dark-src);
1085
1126
  --sky-opacity-wait: var(--bb-opacity-600);
@@ -1088,6 +1129,7 @@
1088
1129
  --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
1089
1130
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
1090
1131
  --sky-color-background-action-secondary-disabled: var(--sky-color-background-disabled);
1132
+ --sky-color-background-action-secondary-on_scrim-disabled: var(--sky-color-background-disabled);
1091
1133
  --sky-color-background-action-tertiary-disabled: var(--sky-color-background-disabled);
1092
1134
  --sky-color-background-action-tertiary-on_prominent-disabled: var(--sky-color-background-disabled);
1093
1135
  --sky-color-background-input-disabled: var(--sky-color-background-disabled);
@@ -1098,6 +1140,7 @@
1098
1140
  --sky-color-border-action-accent-disabled: var(--sky-color-background-disabled);
1099
1141
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
1100
1142
  --sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
1143
+ --sky-color-border-action-on_status-disabled: var(--sky-color-border-disabled);
1101
1144
  --sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
1102
1145
  --sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
1103
1146
  --sky-color-border-action-tertiary-disabled: var(--sky-color-border-disabled);
@@ -1162,11 +1205,26 @@
1162
1205
  --sky-font-style-hint-m-weight: 400;
1163
1206
  --sky-font-style-hint-s-style: italic;
1164
1207
  --sky-font-style-hint-s-weight: 400;
1208
+ --sky-font-text_decoration-action-tertiary-active: none;
1209
+ --sky-font-text_decoration-action-tertiary-base: none;
1210
+ --sky-font-text_decoration-action-tertiary-disabled: none;
1211
+ --sky-font-text_decoration-action-tertiary-focus: none;
1212
+ --sky-font-text_decoration-action-tertiary-hover: none;
1213
+ --sky-font-text_decoration-action-tertiary-on_status-active: underline;
1214
+ --sky-font-text_decoration-action-tertiary-on_status-base: underline;
1215
+ --sky-font-text_decoration-action-tertiary-on_status-disabled: none;
1216
+ --sky-font-text_decoration-action-tertiary-on_status-focus: underline;
1217
+ --sky-font-text_decoration-action-tertiary-on_status-hover: underline;
1165
1218
  --sky-font-text_decoration-inline_link-active: underline;
1166
1219
  --sky-font-text_decoration-inline_link-base: none;
1167
1220
  --sky-font-text_decoration-inline_link-disabled: none;
1168
1221
  --sky-font-text_decoration-inline_link-focus: none;
1169
1222
  --sky-font-text_decoration-inline_link-hover: underline;
1223
+ --sky-font-text_decoration-standalone_link-active: none;
1224
+ --sky-font-text_decoration-standalone_link-base: none;
1225
+ --sky-font-text_decoration-standalone_link-disabled: none;
1226
+ --sky-font-text_decoration-standalone_link-focus: none;
1227
+ --sky-font-text_decoration-standalone_link-hover: none;
1170
1228
  --sky-font-text_decoration-visible_link: underline;
1171
1229
  --sky-space-gap-action_group-0: 0rem;
1172
1230
  --sky-space-gap-form-0: 0rem;
@@ -1890,6 +1948,11 @@
1890
1948
  --sky-type-input-val: var(--sky-font-style-body-s) var(--sky-font-size-input-val)/20 'var(--bb-font-blkb_sans-name)';
1891
1949
  }
1892
1950
  .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
1951
+ --sky-font-text_decoration-action-tertiary-active: underline;
1952
+ --sky-font-text_decoration-action-tertiary-base: underline;
1953
+ --sky-font-text_decoration-action-tertiary-focus: underline;
1954
+ --sky-font-text_decoration-action-tertiary-hover: underline;
1893
1955
  --sky-font-text_decoration-inline_link-base: underline;
1956
+ --sky-font-text_decoration-inline_link-focus: underline;
1894
1957
  --sky-border-style-container-overlay: var(--bb-border-style-solid);
1895
1958
  }