@blackbaud/skyux-design-tokens 6.9.0 → 6.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 (13) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/assets/assets.json +1 -1
  3. package/assets/images/chevron_up_down_20_fill-bb-dark.svg +1 -1
  4. package/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg +1 -1
  5. package/assets/scss/base.css +39 -10
  6. package/assets/scss/blackbaud.css +38 -33
  7. package/bundles/base.css +39 -10
  8. package/bundles/base_blackbaud_public-api.css +85 -43
  9. package/bundles/base_public-api.css +47 -10
  10. package/bundles/blackbaud.css +38 -33
  11. package/bundles/public-api-tokens.json +51 -1
  12. package/bundles/public-api.css +8 -0
  13. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,28 @@
1
1
  # Changelog
2
2
 
3
+ ## [6.11.0](https://github.com/blackbaud/skyux-design-tokens/compare/6.10.0...6.11.0) (2026-09-08)
4
+
5
+
6
+ ### Features
7
+
8
+ * add color scheme token ([#472](https://github.com/blackbaud/skyux-design-tokens/issues/472)) ([c58a798](https://github.com/blackbaud/skyux-design-tokens/commit/c58a798c0dc2fa49c40453f23c7629e1041c2c7f))
9
+
10
+ ## [6.10.0](https://github.com/blackbaud/skyux-design-tokens/compare/6.9.0...6.10.0) (2026-09-01)
11
+
12
+
13
+ ### Features
14
+
15
+ * 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))
16
+ * 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))
17
+ * 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))
18
+
19
+
20
+ ### Bug Fixes
21
+
22
+ * 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))
23
+ * 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))
24
+ * 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))
25
+
3
26
  ## [6.9.0](https://github.com/blackbaud/skyux-design-tokens/compare/6.8.0...6.9.0) (2026-08-31)
4
27
 
5
28
 
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.9.0/assets/images/favicon.ico"
5
+ "src": "https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.0/assets/images/favicon.ico"
6
6
  }
7
7
  },
8
8
  "strings": {
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
@@ -420,16 +420,16 @@
420
420
  --bb-font-weight-light: 300;
421
421
  --bb-font-weight-regular: 400;
422
422
  --bb-font-weight-semibold: 600;
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');
423
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.0/assets/images/bb-logo.png');
424
+ --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.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.11.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.11.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.11.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.11.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.11.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.11.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.11.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.11.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
433
433
  --bb-letter_spacing-normal: normal;
434
434
  --bb-letter_spacing-wider: 0.01rem;
435
435
  --bb-letter_spacing-widest: 0.046875rem;
@@ -557,6 +557,7 @@
557
557
  --bb-color-scrollbar-bb-dark-track: #1c2228;
558
558
  }
559
559
  .sky-theme-modern.sky-theme-brand-base:not(.sky-theme-mode-dark) {
560
+ --sky-color_scheme: light;
560
561
  --sky-brand-name: var(--bb-brand-name);
561
562
  --sky-color-background-action-accent-active: var(--bb-color-blue-100);
562
563
  --sky-color-background-action-accent-base: var(--bb-color-white);
@@ -578,6 +579,10 @@
578
579
  --sky-color-background-action-secondary-base: var(--bb-color-white);
579
580
  --sky-color-background-action-secondary-focus: var(--bb-color-white);
580
581
  --sky-color-background-action-secondary-hover: var(--bb-color-blue-50);
582
+ --sky-color-background-action-secondary-on_scrim-active: var(--bb-color-blue-100);
583
+ --sky-color-background-action-secondary-on_scrim-base: var(--bb-color-white);
584
+ --sky-color-background-action-secondary-on_scrim-focus: var(--bb-color-white);
585
+ --sky-color-background-action-secondary-on_scrim-hover: var(--bb-color-blue-50);
581
586
  --sky-color-background-action-tertiary-active: var(--bb-color-blue-100);
582
587
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
583
588
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
@@ -646,6 +651,10 @@
646
651
  --sky-color-border-action-input-base: var(--bb-color-gray-300);
647
652
  --sky-color-border-action-input-focus: var(--bb-color-blue-600);
648
653
  --sky-color-border-action-input-hover: var(--bb-color-blue-600);
654
+ --sky-color-border-action-on_status-active: var(--bb-color-gray-1000);
655
+ --sky-color-border-action-on_status-base: var(--bb-color-transparent);
656
+ --sky-color-border-action-on_status-focus: var(--bb-color-gray-1000);
657
+ --sky-color-border-action-on_status-hover: var(--bb-color-gray-1000);
649
658
  --sky-color-border-action-primary-active: var(--bb-color-blue-1000);
650
659
  --sky-color-border-action-primary-base: var(--bb-color-blue-600);
651
660
  --sky-color-border-action-primary-focus: var(--bb-color-blue-1000);
@@ -744,6 +753,7 @@
744
753
  --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
745
754
  --sky-color-text-action: var(--bb-color-blue-600);
746
755
  --sky-color-text-action_contrast: var(--bb-color-blue-700);
756
+ --sky-color-text-action_on_status: var(--bb-color-gray-1000);
747
757
  --sky-color-text-danger: var(--bb-color-red-600);
748
758
  --sky-color-text-deemphasized: var(--bb-color-gray-600);
749
759
  --sky-color-text-default: var(--bb-color-gray-1000);
@@ -802,6 +812,7 @@
802
812
  --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
803
813
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
804
814
  --sky-color-background-action-secondary-disabled: var(--sky-color-background-disabled);
815
+ --sky-color-background-action-secondary-on_scrim-disabled: var(--sky-color-background-disabled);
805
816
  --sky-color-background-action-tertiary-disabled: var(--sky-color-background-disabled);
806
817
  --sky-color-background-input-disabled: var(--sky-color-background-disabled);
807
818
  --sky-color-background-nav-disabled: var(--sky-color-background-disabled);
@@ -811,6 +822,7 @@
811
822
  --sky-color-border-action-accent-disabled: var(--sky-color-border-disabled);
812
823
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
813
824
  --sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
825
+ --sky-color-border-action-on_status-disabled: var(--sky-color-border-disabled);
814
826
  --sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
815
827
  --sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
816
828
  --sky-color-border-action-tertiary-disabled: var(--sky-color-border-disabled);
@@ -866,6 +878,7 @@
866
878
  --sky-color-scrollbar-track: var(--bb-color-scrollbar-base-light-track);
867
879
  }
868
880
  .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
881
+ --sky-color_scheme: dark;
869
882
  --sky-brand-name: var(--bb-brand-name);
870
883
  --sky-color-background-action-accent-active: var(--bb-color-gray-600);
871
884
  --sky-color-background-action-accent-base: var(--bb-color-blue-900);
@@ -887,6 +900,10 @@
887
900
  --sky-color-background-action-secondary-base: var(--bb-color-gray-800);
888
901
  --sky-color-background-action-secondary-focus: var(--bb-color-gray-700);
889
902
  --sky-color-background-action-secondary-hover: var(--bb-color-gray-700);
903
+ --sky-color-background-action-secondary-on_scrim-active: var(--bb-color-gray-600);
904
+ --sky-color-background-action-secondary-on_scrim-base: var(--bb-color-gray-800);
905
+ --sky-color-background-action-secondary-on_scrim-focus: var(--bb-color-gray-800);
906
+ --sky-color-background-action-secondary-on_scrim-hover: var(--bb-color-gray-700);
890
907
  --sky-color-background-action-tertiary-active: var(--bb-color-transparent);
891
908
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
892
909
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
@@ -954,6 +971,10 @@
954
971
  --sky-color-border-action-input-base: var(--bb-color-blue-400);
955
972
  --sky-color-border-action-input-focus: var(--bb-color-blue-600);
956
973
  --sky-color-border-action-input-hover: var(--bb-color-blue-600);
974
+ --sky-color-border-action-on_status-active: var(--bb-color-gray-1000);
975
+ --sky-color-border-action-on_status-base: var(--bb-color-transparent);
976
+ --sky-color-border-action-on_status-focus: var(--bb-color-gray-1000);
977
+ --sky-color-border-action-on_status-hover: var(--bb-color-gray-1000);
957
978
  --sky-color-border-action-primary-active: var(--bb-color-blue-dark-100);
958
979
  --sky-color-border-action-primary-base: var(--bb-color-blue-dark-375);
959
980
  --sky-color-border-action-primary-focus: var(--bb-color-blue-dark-100);
@@ -1051,6 +1072,7 @@
1051
1072
  --sky-color-illustration-stroke: var(--bb-color-teal-dark-100);
1052
1073
  --sky-color-text-action: var(--bb-color-sky-600);
1053
1074
  --sky-color-text-action_contrast: var(--bb-color-blue-dark-200);
1075
+ --sky-color-text-action_on_status: var(--bb-color-gray-1000);
1054
1076
  --sky-color-text-danger: var(--bb-color-red-400);
1055
1077
  --sky-color-text-deemphasized: var(--bb-color-gray-300);
1056
1078
  --sky-color-text-default: var(--bb-color-gray-25);
@@ -1109,6 +1131,7 @@
1109
1131
  --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
1110
1132
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
1111
1133
  --sky-color-background-action-secondary-disabled: var(--sky-color-background-disabled);
1134
+ --sky-color-background-action-secondary-on_scrim-disabled: var(--sky-color-background-disabled);
1112
1135
  --sky-color-background-action-tertiary-disabled: var(--sky-color-background-disabled);
1113
1136
  --sky-color-background-action-tertiary-on_prominent-disabled: var(--sky-color-background-disabled);
1114
1137
  --sky-color-background-input-disabled: var(--sky-color-background-disabled);
@@ -1119,6 +1142,7 @@
1119
1142
  --sky-color-border-action-accent-disabled: var(--sky-color-background-disabled);
1120
1143
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
1121
1144
  --sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
1145
+ --sky-color-border-action-on_status-disabled: var(--sky-color-border-disabled);
1122
1146
  --sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
1123
1147
  --sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
1124
1148
  --sky-color-border-action-tertiary-disabled: var(--sky-color-border-disabled);
@@ -1188,6 +1212,11 @@
1188
1212
  --sky-font-text_decoration-action-tertiary-disabled: none;
1189
1213
  --sky-font-text_decoration-action-tertiary-focus: none;
1190
1214
  --sky-font-text_decoration-action-tertiary-hover: none;
1215
+ --sky-font-text_decoration-action-tertiary-on_status-active: underline;
1216
+ --sky-font-text_decoration-action-tertiary-on_status-base: underline;
1217
+ --sky-font-text_decoration-action-tertiary-on_status-disabled: none;
1218
+ --sky-font-text_decoration-action-tertiary-on_status-focus: underline;
1219
+ --sky-font-text_decoration-action-tertiary-on_status-hover: underline;
1191
1220
  --sky-font-text_decoration-inline_link-active: underline;
1192
1221
  --sky-font-text_decoration-inline_link-base: none;
1193
1222
  --sky-font-text_decoration-inline_link-disabled: none;
package/assets/scss/blackbaud.css CHANGED
@@ -420,16 +420,16 @@
420
420
  --bb-font-weight-light: 300;
421
421
  --bb-font-weight-regular: 400;
422
422
  --bb-font-weight-semibold: 600;
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');
423
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.0/assets/images/bb-logo.png');
424
+ --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.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.11.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.11.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.11.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.11.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.11.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.11.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.11.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.11.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
433
433
  --bb-letter_spacing-normal: normal;
434
434
  --bb-letter_spacing-wider: 0.01rem;
435
435
  --bb-letter_spacing-widest: 0.046875rem;
@@ -635,27 +635,26 @@
635
635
  --sky-color-background-action-accent-hover: var(--bb-color-steel-gray-1000);
636
636
  --sky-color-background-action-danger-active: var(--bb-color-red-dark-300);
637
637
  --sky-color-background-action-danger-base: var(--bb-color-red-dark-400);
638
- --sky-color-background-action-danger-disabled: var(--bb-color-gray-700);
639
638
  --sky-color-background-action-danger-focus: var(--bb-color-red-dark-300);
640
639
  --sky-color-background-action-danger-hover: var(--bb-color-red-dark-300);
641
640
  --sky-color-background-action-input-active: var(--bb-color-transparent);
642
641
  --sky-color-background-action-input-base: var(--bb-color-transparent);
643
- --sky-color-background-action-input-disabled: var(--bb-color-gray-700);
644
642
  --sky-color-background-action-input-focus: var(--bb-color-transparent);
645
643
  --sky-color-background-action-input-hover: var(--bb-color-transparent);
646
644
  --sky-color-background-action-primary-active: var(--bb-color-blue-dark-400);
647
645
  --sky-color-background-action-primary-base: var(--bb-color-blue-dark-375);
648
- --sky-color-background-action-primary-disabled: var(--bb-color-gray-700);
649
646
  --sky-color-background-action-primary-focus: var(--bb-color-blue-dark-400);
650
647
  --sky-color-background-action-primary-hover: var(--bb-color-blue-dark-300);
651
648
  --sky-color-background-action-secondary-active: var(--bb-color-transparent);
652
649
  --sky-color-background-action-secondary-base: var(--bb-color-rgba-steel-gray-100-7);
653
- --sky-color-background-action-secondary-disabled: var(--bb-color-steel-gray-700);
654
650
  --sky-color-background-action-secondary-focus: var(--bb-color-transparent);
655
651
  --sky-color-background-action-secondary-hover: var(--bb-color-rgba-steel-gray-100-10);
652
+ --sky-color-background-action-secondary-on_scrim-active: var(--bb-color-steel-gray-800);
653
+ --sky-color-background-action-secondary-on_scrim-base: var(--bb-color-steel-gray-1000);
654
+ --sky-color-background-action-secondary-on_scrim-focus: var(--bb-color-steel-gray-1000);
655
+ --sky-color-background-action-secondary-on_scrim-hover: var(--bb-color-steel-gray-900);
656
656
  --sky-color-background-action-tertiary-active: var(--bb-color-transparent);
657
657
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
658
- --sky-color-background-action-tertiary-disabled: var(--bb-color-gray-700);
659
658
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
660
659
  --sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
661
660
  --sky-color-background-action-tertiary-on_prominent-active: var(--bb-color-slate-600);
@@ -681,17 +680,14 @@
681
680
  --sky-color-background-icon_matte-info: var(--bb-color-blue-dark-600);
682
681
  --sky-color-background-icon_matte-success: var(--bb-color-green-dark-700);
683
682
  --sky-color-background-icon_matte-warning: var(--bb-color-yellow-dark-600);
684
- --sky-color-background-input-base: var(--bb-color-rgba-white-5);
685
- --sky-color-background-input-disabled: var(--bb-color-gray-700);
683
+ --sky-color-background-input-base: var(--bb-color-steel-gray-1000);
686
684
  --sky-color-background-nav-active: var(--bb-color-transparent);
687
685
  --sky-color-background-nav-base: var(--bb-color-transparent);
688
- --sky-color-background-nav-disabled: var(--bb-color-gray-700);
689
686
  --sky-color-background-nav-focus: var(--bb-color-transparent);
690
687
  --sky-color-background-nav-hover: var(--bb-color-transparent);
691
688
  --sky-color-background-page: var(--bb-color-steel-gray-1200);
692
689
  --sky-color-background-row-active: var(--bb-color-transparent);
693
690
  --sky-color-background-row-base: var(--bb-color-steel-gray-1050);
694
- --sky-color-background-row-disabled: var(--bb-color-gray-700);
695
691
  --sky-color-background-row-focus: var(--bb-color-transparent);
696
692
  --sky-color-background-row-hover: var(--bb-color-transparent);
697
693
  --sky-color-background-scrim: var(--bb-color-scrim-heavy);
@@ -700,43 +696,37 @@
700
696
  --sky-color-background-selected-soft: var(--bb-color-steel-blue-dark-700);
701
697
  --sky-color-background-selected-success: var(--bb-color-green-dark-900);
702
698
  --sky-color-background-selected-switch-base: var(--bb-color-blue-dark-375);
703
- --sky-color-background-selected-switch-disabled: var(--bb-color-steel-gray-700);
704
699
  --sky-color-background-selected-warning: var(--bb-color-yellow-dark-900);
705
700
  --sky-color-background-tab-active: var(--bb-color-transparent);
706
701
  --sky-color-background-tab-base: var(--bb-color-transparent);
707
- --sky-color-background-tab-disabled: var(--bb-color-gray-700);
708
702
  --sky-color-background-tab-focus: var(--bb-color-transparent);
709
703
  --sky-color-background-tab-hover: var(--bb-color-transparent);
710
704
  --sky-color-background-tab-selected: var(--bb-color-transparent);
711
705
  --sky-color-background-tab-wizard-disabled: var(--bb-color-transparent);
712
706
  --sky-color-background-text_highlight: var(--bb-color-yellow-dark-700);
713
707
  --sky-color-background-thumb-base: var(--bb-color-white);
714
- --sky-color-background-thumb-disabled: var(--bb-color-gray-600);
708
+ --sky-color-background-thumb-disabled: var(--bb-color-gray-400);
715
709
  --sky-color-background-thumbnail_matte: var(--bb-color-rgba-steel-gray-100-7);
716
710
  --sky-color-border-action-accent-hover: var(--bb-color-blue-dark-400);
717
711
  --sky-color-border-action-danger-active: var(--bb-color-red-dark-300);
718
712
  --sky-color-border-action-danger-base: var(--bb-color-red-dark-400);
719
- --sky-color-border-action-danger-disabled: var(--bb-color-gray-800);
720
713
  --sky-color-border-action-danger-focus: var(--bb-color-red-dark-300);
721
714
  --sky-color-border-action-danger-hover: var(--bb-color-red-dark-300);
722
715
  --sky-color-border-action-input-active: var(--bb-color-blue-dark-400);
723
716
  --sky-color-border-action-input-base: var(--bb-color-steel-gray-800);
724
- --sky-color-border-action-input-disabled: var(--bb-color-gray-800);
717
+ --sky-color-border-action-input-disabled: var(--bb-color-steel-gray-500);
725
718
  --sky-color-border-action-input-focus: var(--bb-color-blue-dark-400);
726
719
  --sky-color-border-action-input-hover: var(--bb-color-blue-dark-400);
727
720
  --sky-color-border-action-primary-active: var(--bb-color-blue-dark-100);
728
721
  --sky-color-border-action-primary-base: var(--bb-color-blue-dark-375);
729
- --sky-color-border-action-primary-disabled: var(--bb-color-gray-800);
730
722
  --sky-color-border-action-primary-focus: var(--bb-color-blue-dark-100);
731
723
  --sky-color-border-action-primary-hover: var(--bb-color-blue-dark-100);
732
724
  --sky-color-border-action-secondary-active: var(--bb-color-blue-dark-375);
733
725
  --sky-color-border-action-secondary-base: var(--bb-color-steel-gray-700);
734
- --sky-color-border-action-secondary-disabled: var(--bb-color-steel-gray-800);
735
726
  --sky-color-border-action-secondary-focus: var(--bb-color-blue-dark-375);
736
727
  --sky-color-border-action-secondary-hover: var(--bb-color-blue-dark-375);
737
728
  --sky-color-border-action-tertiary-active: var(--bb-color-blue-dark-375);
738
729
  --sky-color-border-action-tertiary-base: var(--bb-color-transparent);
739
- --sky-color-border-action-tertiary-disabled: var(--bb-color-steel-gray-800);
740
730
  --sky-color-border-action-tertiary-focus: var(--bb-color-blue-dark-375);
741
731
  --sky-color-border-action-tertiary-hover: var(--bb-color-blue-dark-375);
742
732
  --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-blue-300);
@@ -747,19 +737,19 @@
747
737
  --sky-color-border-container-base: var(--bb-color-rgba-white-18);
748
738
  --sky-color-border-container-header-prominent: var(--bb-color-slate-500);
749
739
  --sky-color-border-danger: var(--bb-color-red-dark-700);
750
- --sky-color-border-disabled: var(--bb-color-gray-800);
740
+ --sky-color-border-disabled: var(--bb-color-steel-gray-700);
751
741
  --sky-color-border-divider: var(--bb-color-rgba-white-18);
752
742
  --sky-color-border-elevation: var(--bb-color-rgba-white-18);
753
743
  --sky-color-border-info: var(--bb-color-blue-dark-600);
754
744
  --sky-color-border-input-active: var(--bb-color-blue-dark-400);
755
745
  --sky-color-border-input-base: var(--bb-color-steel-gray-800);
756
- --sky-color-border-input-disabled: var(--bb-color-steel-gray-400);
746
+ --sky-color-border-input-disabled: var(--bb-color-steel-gray-500);
757
747
  --sky-color-border-input-error: var(--bb-color-red-dark-600);
758
748
  --sky-color-border-input-focus: var(--bb-color-blue-dark-400);
759
749
  --sky-color-border-input-hover: var(--bb-color-blue-dark-400);
760
750
  --sky-color-border-nav-active: var(--bb-color-blue-dark-375);
761
751
  --sky-color-border-nav-base: var(--bb-color-transparent);
762
- --sky-color-border-nav-disabled: var(--bb-color-steel-gray-1000);
752
+ --sky-color-border-nav-disabled: var(--bb-color-steel-gray-500);
763
753
  --sky-color-border-nav-focus: var(--bb-color-blue-dark-375);
764
754
  --sky-color-border-nav-hover: var(--bb-color-blue-dark-375);
765
755
  --sky-color-border-progress_step: var(--bb-color-gray-600);
@@ -771,18 +761,17 @@
771
761
  --sky-color-border-success: var(--bb-color-green-dark-700);
772
762
  --sky-color-border-switch-active: var(--bb-color-blue-dark-400);
773
763
  --sky-color-border-switch-base: var(--bb-color-steel-gray-500);
774
- --sky-color-border-switch-disabled: var(--bb-color-steel-gray-400);
764
+ --sky-color-border-switch-disabled: var(--bb-color-steel-gray-500);
775
765
  --sky-color-border-switch-error: var(--bb-color-red-dark-600);
776
766
  --sky-color-border-switch-focus: var(--bb-color-blue-dark-400);
777
767
  --sky-color-border-switch-hover: var(--bb-color-blue-dark-400);
778
768
  --sky-color-border-switch-selected-active: var(--bb-color-blue-dark-100);
779
769
  --sky-color-border-switch-selected-base: var(--bb-color-transparent);
780
- --sky-color-border-switch-selected-disabled: var(--bb-color-steel-gray-400);
770
+ --sky-color-border-switch-selected-disabled: var(--bb-color-steel-gray-500);
781
771
  --sky-color-border-switch-selected-focus: var(--bb-color-blue-dark-100);
782
772
  --sky-color-border-switch-selected-hover: var(--bb-color-blue-dark-100);
783
773
  --sky-color-border-tab-active: var(--bb-color-blue-dark-300);
784
774
  --sky-color-border-tab-base: var(--bb-color-transparent);
785
- --sky-color-border-tab-disabled: var(--bb-color-steel-gray-800);
786
775
  --sky-color-border-tab-focus: var(--bb-color-blue-dark-400);
787
776
  --sky-color-border-tab-hover: var(--bb-color-blue-dark-300);
788
777
  --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
@@ -834,9 +823,25 @@
834
823
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-bb-dark-src);
835
824
  --sky-opacity-wait: var(--bb-opacity-600);
836
825
  --sky-color-background-action-accent-disabled: var(--sky-color-background-disabled);
826
+ --sky-color-background-action-danger-disabled: var(--sky-color-background-disabled);
827
+ --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
828
+ --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
829
+ --sky-color-background-action-secondary-disabled: var(--sky-color-background-disabled);
830
+ --sky-color-background-action-secondary-on_scrim-disabled: var(--sky-color-background-disabled);
831
+ --sky-color-background-action-tertiary-disabled: var(--sky-color-background-disabled);
837
832
  --sky-color-background-action-tertiary-on_prominent-disabled: var(--sky-color-background-disabled);
833
+ --sky-color-background-input-disabled: var(--sky-color-background-disabled);
834
+ --sky-color-background-nav-disabled: var(--sky-color-background-disabled);
835
+ --sky-color-background-row-disabled: var(--sky-color-background-disabled);
836
+ --sky-color-background-selected-switch-disabled: var(--sky-color-background-disabled);
837
+ --sky-color-background-tab-disabled: var(--sky-color-background-disabled);
838
838
  --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary);
839
+ --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
840
+ --sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
841
+ --sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
842
+ --sky-color-border-action-tertiary-disabled: var(--sky-color-border-disabled);
839
843
  --sky-color-border-action-tertiary-on_prominent-disabled: var(--sky-color-border-disabled);
844
+ --sky-color-border-tab-disabled: var(--sky-color-border-disabled);
840
845
  --sky-elevation-focus: var(--bb-shadow-steel-gray-200);
841
846
  --sky-elevation-none: var(--bb-shadow-steel-gray-0);
842
847
  --sky-elevation-overflow: var(--bb-shadow-steel-gray-200);
package/bundles/base.css CHANGED
@@ -420,16 +420,16 @@
420
420
  --bb-font-weight-light: 300;
421
421
  --bb-font-weight-regular: 400;
422
422
  --bb-font-weight-semibold: 600;
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');
423
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.0/assets/images/bb-logo.png');
424
+ --bb-image-logo-primary-white-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.11.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.11.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.11.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.11.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.11.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.11.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.11.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.11.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.11.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
433
433
  --bb-letter_spacing-normal: normal;
434
434
  --bb-letter_spacing-wider: 0.01rem;
435
435
  --bb-letter_spacing-widest: 0.046875rem;
@@ -557,6 +557,7 @@
557
557
  --bb-color-scrollbar-bb-dark-track: #1c2228;
558
558
  }
559
559
  .sky-theme-modern.sky-theme-brand-base:not(.sky-theme-mode-dark) {
560
+ --sky-color_scheme: light;
560
561
  --sky-brand-name: var(--bb-brand-name);
561
562
  --sky-color-background-action-accent-active: var(--bb-color-blue-100);
562
563
  --sky-color-background-action-accent-base: var(--bb-color-white);
@@ -578,6 +579,10 @@
578
579
  --sky-color-background-action-secondary-base: var(--bb-color-white);
579
580
  --sky-color-background-action-secondary-focus: var(--bb-color-white);
580
581
  --sky-color-background-action-secondary-hover: var(--bb-color-blue-50);
582
+ --sky-color-background-action-secondary-on_scrim-active: var(--bb-color-blue-100);
583
+ --sky-color-background-action-secondary-on_scrim-base: var(--bb-color-white);
584
+ --sky-color-background-action-secondary-on_scrim-focus: var(--bb-color-white);
585
+ --sky-color-background-action-secondary-on_scrim-hover: var(--bb-color-blue-50);
581
586
  --sky-color-background-action-tertiary-active: var(--bb-color-blue-100);
582
587
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
583
588
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
@@ -646,6 +651,10 @@
646
651
  --sky-color-border-action-input-base: var(--bb-color-gray-300);
647
652
  --sky-color-border-action-input-focus: var(--bb-color-blue-600);
648
653
  --sky-color-border-action-input-hover: var(--bb-color-blue-600);
654
+ --sky-color-border-action-on_status-active: var(--bb-color-gray-1000);
655
+ --sky-color-border-action-on_status-base: var(--bb-color-transparent);
656
+ --sky-color-border-action-on_status-focus: var(--bb-color-gray-1000);
657
+ --sky-color-border-action-on_status-hover: var(--bb-color-gray-1000);
649
658
  --sky-color-border-action-primary-active: var(--bb-color-blue-1000);
650
659
  --sky-color-border-action-primary-base: var(--bb-color-blue-600);
651
660
  --sky-color-border-action-primary-focus: var(--bb-color-blue-1000);
@@ -744,6 +753,7 @@
744
753
  --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
745
754
  --sky-color-text-action: var(--bb-color-blue-600);
746
755
  --sky-color-text-action_contrast: var(--bb-color-blue-700);
756
+ --sky-color-text-action_on_status: var(--bb-color-gray-1000);
747
757
  --sky-color-text-danger: var(--bb-color-red-600);
748
758
  --sky-color-text-deemphasized: var(--bb-color-gray-600);
749
759
  --sky-color-text-default: var(--bb-color-gray-1000);
@@ -802,6 +812,7 @@
802
812
  --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
803
813
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
804
814
  --sky-color-background-action-secondary-disabled: var(--sky-color-background-disabled);
815
+ --sky-color-background-action-secondary-on_scrim-disabled: var(--sky-color-background-disabled);
805
816
  --sky-color-background-action-tertiary-disabled: var(--sky-color-background-disabled);
806
817
  --sky-color-background-input-disabled: var(--sky-color-background-disabled);
807
818
  --sky-color-background-nav-disabled: var(--sky-color-background-disabled);
@@ -811,6 +822,7 @@
811
822
  --sky-color-border-action-accent-disabled: var(--sky-color-border-disabled);
812
823
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
813
824
  --sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
825
+ --sky-color-border-action-on_status-disabled: var(--sky-color-border-disabled);
814
826
  --sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
815
827
  --sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
816
828
  --sky-color-border-action-tertiary-disabled: var(--sky-color-border-disabled);
@@ -866,6 +878,7 @@
866
878
  --sky-color-scrollbar-track: var(--bb-color-scrollbar-base-light-track);
867
879
  }
868
880
  .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
881
+ --sky-color_scheme: dark;
869
882
  --sky-brand-name: var(--bb-brand-name);
870
883
  --sky-color-background-action-accent-active: var(--bb-color-gray-600);
871
884
  --sky-color-background-action-accent-base: var(--bb-color-blue-900);
@@ -887,6 +900,10 @@
887
900
  --sky-color-background-action-secondary-base: var(--bb-color-gray-800);
888
901
  --sky-color-background-action-secondary-focus: var(--bb-color-gray-700);
889
902
  --sky-color-background-action-secondary-hover: var(--bb-color-gray-700);
903
+ --sky-color-background-action-secondary-on_scrim-active: var(--bb-color-gray-600);
904
+ --sky-color-background-action-secondary-on_scrim-base: var(--bb-color-gray-800);
905
+ --sky-color-background-action-secondary-on_scrim-focus: var(--bb-color-gray-800);
906
+ --sky-color-background-action-secondary-on_scrim-hover: var(--bb-color-gray-700);
890
907
  --sky-color-background-action-tertiary-active: var(--bb-color-transparent);
891
908
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
892
909
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
@@ -954,6 +971,10 @@
954
971
  --sky-color-border-action-input-base: var(--bb-color-blue-400);
955
972
  --sky-color-border-action-input-focus: var(--bb-color-blue-600);
956
973
  --sky-color-border-action-input-hover: var(--bb-color-blue-600);
974
+ --sky-color-border-action-on_status-active: var(--bb-color-gray-1000);
975
+ --sky-color-border-action-on_status-base: var(--bb-color-transparent);
976
+ --sky-color-border-action-on_status-focus: var(--bb-color-gray-1000);
977
+ --sky-color-border-action-on_status-hover: var(--bb-color-gray-1000);
957
978
  --sky-color-border-action-primary-active: var(--bb-color-blue-dark-100);
958
979
  --sky-color-border-action-primary-base: var(--bb-color-blue-dark-375);
959
980
  --sky-color-border-action-primary-focus: var(--bb-color-blue-dark-100);
@@ -1051,6 +1072,7 @@
1051
1072
  --sky-color-illustration-stroke: var(--bb-color-teal-dark-100);
1052
1073
  --sky-color-text-action: var(--bb-color-sky-600);
1053
1074
  --sky-color-text-action_contrast: var(--bb-color-blue-dark-200);
1075
+ --sky-color-text-action_on_status: var(--bb-color-gray-1000);
1054
1076
  --sky-color-text-danger: var(--bb-color-red-400);
1055
1077
  --sky-color-text-deemphasized: var(--bb-color-gray-300);
1056
1078
  --sky-color-text-default: var(--bb-color-gray-25);
@@ -1109,6 +1131,7 @@
1109
1131
  --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
1110
1132
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
1111
1133
  --sky-color-background-action-secondary-disabled: var(--sky-color-background-disabled);
1134
+ --sky-color-background-action-secondary-on_scrim-disabled: var(--sky-color-background-disabled);
1112
1135
  --sky-color-background-action-tertiary-disabled: var(--sky-color-background-disabled);
1113
1136
  --sky-color-background-action-tertiary-on_prominent-disabled: var(--sky-color-background-disabled);
1114
1137
  --sky-color-background-input-disabled: var(--sky-color-background-disabled);
@@ -1119,6 +1142,7 @@
1119
1142
  --sky-color-border-action-accent-disabled: var(--sky-color-background-disabled);
1120
1143
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
1121
1144
  --sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
1145
+ --sky-color-border-action-on_status-disabled: var(--sky-color-border-disabled);
1122
1146
  --sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
1123
1147
  --sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
1124
1148
  --sky-color-border-action-tertiary-disabled: var(--sky-color-border-disabled);
@@ -1188,6 +1212,11 @@
1188
1212
  --sky-font-text_decoration-action-tertiary-disabled: none;
1189
1213
  --sky-font-text_decoration-action-tertiary-focus: none;
1190
1214
  --sky-font-text_decoration-action-tertiary-hover: none;
1215
+ --sky-font-text_decoration-action-tertiary-on_status-active: underline;
1216
+ --sky-font-text_decoration-action-tertiary-on_status-base: underline;
1217
+ --sky-font-text_decoration-action-tertiary-on_status-disabled: none;
1218
+ --sky-font-text_decoration-action-tertiary-on_status-focus: underline;
1219
+ --sky-font-text_decoration-action-tertiary-on_status-hover: underline;
1191
1220
  --sky-font-text_decoration-inline_link-active: underline;
1192
1221
  --sky-font-text_decoration-inline_link-base: none;
1193
1222
  --sky-font-text_decoration-inline_link-disabled: none;