@blackbaud/skyux-design-tokens 6.4.0 → 6.5.1

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 (10) hide show
  1. package/CHANGELOG.md +24 -2
  2. package/assets/assets.json +1 -1
  3. package/assets/scss/base.css +22 -19
  4. package/assets/scss/blackbaud.css +21 -20
  5. package/bundles/base.css +22 -19
  6. package/bundles/blackbaud.css +21 -20
  7. package/bundles/public-api-styles.json +1 -1
  8. package/bundles/public-api-tokens.json +10 -1
  9. package/bundles/public-api.css +5 -3
  10. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,9 +1,24 @@
1
- ## [5.7.0](https://github.com/blackbaud/skyux-design-tokens/compare/5.6.0...5.7.0) (2026-04-07)
1
+ # Changelog
2
+
3
+ ## [6.5.1](https://github.com/blackbaud/skyux-design-tokens/compare/6.5.0...6.5.1) (2026-08-25)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * update on_prom icon colors to include disabled state ([#415](https://github.com/blackbaud/skyux-design-tokens/issues/415)) ([f586c8d](https://github.com/blackbaud/skyux-design-tokens/commit/f586c8dcd75cbb21033eaf2633534506188cd0dd))
9
+
10
+ ## [6.5.0](https://github.com/blackbaud/skyux-design-tokens/compare/6.4.0...6.5.0) (2026-08-24)
2
11
 
3
12
 
4
13
  ### Features
5
14
 
6
- * add omnibar toaster padding ([#342](https://github.com/blackbaud/skyux-design-tokens/issues/342)) ([4095f97](https://github.com/blackbaud/skyux-design-tokens/commit/4095f97ba31a2f619444bf41dd6d279475258066))
15
+ * update token to underline inline links in dark mode ([#406](https://github.com/blackbaud/skyux-design-tokens/issues/406)) ([2eb126b](https://github.com/blackbaud/skyux-design-tokens/commit/2eb126bf2ebaff96ba8c4dae0446e5afd726383e))
16
+
17
+
18
+ ### Bug Fixes
19
+
20
+ * on_prom button colors ([#404](https://github.com/blackbaud/skyux-design-tokens/issues/404)) ([a7ac7ed](https://github.com/blackbaud/skyux-design-tokens/commit/a7ac7ed5b87e5f647feca27b68ecbf373e6d6cea))
21
+ * update dark mode status colors ([#405](https://github.com/blackbaud/skyux-design-tokens/issues/405)) ([5887d54](https://github.com/blackbaud/skyux-design-tokens/commit/5887d5490e9c92e77ac301ac7590285f25a7821c))
7
22
 
8
23
  ## [6.4.0](https://github.com/blackbaud/skyux-design-tokens/compare/6.3.1...6.4.0) (2026-08-21)
9
24
 
@@ -108,6 +123,13 @@
108
123
 
109
124
  * update token types for public border tokens ([#344](https://github.com/blackbaud/skyux-design-tokens/issues/344)) ([d4b9050](https://github.com/blackbaud/skyux-design-tokens/commit/d4b9050b83af188a246b9c740e530279671b3e1a))
110
125
 
126
+ ## [5.7.0](https://github.com/blackbaud/skyux-design-tokens/compare/5.6.0...5.7.0) (2026-04-07)
127
+
128
+
129
+ ### Features
130
+
131
+ * add omnibar toaster padding ([#342](https://github.com/blackbaud/skyux-design-tokens/issues/342)) ([4095f97](https://github.com/blackbaud/skyux-design-tokens/commit/4095f97ba31a2f619444bf41dd6d279475258066))
132
+
111
133
  ## [5.6.0](https://github.com/blackbaud/skyux-design-tokens/compare/5.5.0...5.6.0) (2026-03-27)
112
134
 
113
135
 
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.4.0/assets/images/favicon.ico"
5
+ "src": "https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/favicon.ico"
6
6
  }
7
7
  },
8
8
  "strings": {
package/assets/scss/base.css CHANGED
@@ -381,15 +381,15 @@
381
381
  --bb-font-weight-light: 300;
382
382
  --bb-font-weight-regular: 400;
383
383
  --bb-font-weight-semibold: 600;
384
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/bb-logo.png');
385
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
386
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-base-light.svg');
387
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
388
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
389
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
390
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
391
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
392
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
384
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/bb-logo.png');
385
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
386
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-base-light.svg');
387
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
388
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
389
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
390
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
391
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
392
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
393
393
  --bb-letter_spacing-normal: normal;
394
394
  --bb-letter_spacing-wider: 0.01rem;
395
395
  --bb-letter_spacing-widest: 0.046875rem;
@@ -524,6 +524,7 @@
524
524
  --sky-color-background-action-tertiary-hover: var(--bb-color-blue-50);
525
525
  --sky-color-background-action-tertiary-on_prominent-active: var(--bb-color-slate-600);
526
526
  --sky-color-background-action-tertiary-on_prominent-base: var(--bb-color-transparent);
527
+ --sky-color-background-action-tertiary-on_prominent-disabled: var(--bb-color-gray-700);
527
528
  --sky-color-background-action-tertiary-on_prominent-focus: var(--bb-color-transparent);
528
529
  --sky-color-background-action-tertiary-on_prominent-hover: var(--bb-color-slate-700);
529
530
  --sky-color-background-blocking: var(--bb-color-rgba-white-70);
@@ -596,10 +597,11 @@
596
597
  --sky-color-border-action-tertiary-base: var(--bb-color-transparent);
597
598
  --sky-color-border-action-tertiary-focus: var(--bb-color-blue-600);
598
599
  --sky-color-border-action-tertiary-hover: var(--bb-color-blue-600);
599
- --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-slate-300);
600
+ --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-blue-300);
600
601
  --sky-color-border-action-tertiary-on_prominent-base: var(--bb-color-transparent);
601
- --sky-color-border-action-tertiary-on_prominent-focus: var(--bb-color-slate-300);
602
- --sky-color-border-action-tertiary-on_prominent-hover: var(--bb-color-slate-300);
602
+ --sky-color-border-action-tertiary-on_prominent-disabled: var(--bb-color-gray-800);
603
+ --sky-color-border-action-tertiary-on_prominent-focus: var(--bb-color-blue-300);
604
+ --sky-color-border-action-tertiary-on_prominent-hover: var(--bb-color-blue-300);
603
605
  --sky-color-border-column_divider: var(--bb-color-blue-600);
604
606
  --sky-color-border-container-base: var(--bb-color-gray-200);
605
607
  --sky-color-border-container-header-prominent: var(--bb-color-slate-500);
@@ -668,7 +670,8 @@
668
670
  --sky-color-icon-info: var(--bb-color-blue-600);
669
671
  --sky-color-icon-input-action: var(--bb-color-gray-600);
670
672
  --sky-color-icon-inverse: var(--bb-color-white);
671
- --sky-color-icon-on_prominent: var(--bb-color-white);
673
+ --sky-color-icon-on_prominent-base: var(--bb-color-white);
674
+ --sky-color-icon-on_prominent-disabled: var(--bb-color-gray-600);
672
675
  --sky-color-icon-selected: var(--bb-color-blue-600);
673
676
  --sky-color-icon-success: var(--bb-color-green-600);
674
677
  --sky-color-icon-warning: var(--bb-color-yellow-400);
@@ -736,7 +739,6 @@
736
739
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
737
740
  --sky-color-background-action-secondary-disabled: var(--sky-color-background-disabled);
738
741
  --sky-color-background-action-tertiary-disabled: var(--sky-color-background-disabled);
739
- --sky-color-background-action-tertiary-on_prominent-disabled: var(--sky-color-background-disabled);
740
742
  --sky-color-background-input-disabled: var(--sky-color-background-disabled);
741
743
  --sky-color-background-nav-disabled: var(--sky-color-background-disabled);
742
744
  --sky-color-background-row-disabled: var(--sky-color-background-disabled);
@@ -748,7 +750,6 @@
748
750
  --sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
749
751
  --sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
750
752
  --sky-color-border-action-tertiary-disabled: var(--sky-color-border-disabled);
751
- --sky-color-border-action-tertiary-on_prominent-disabled: var(--sky-color-border-disabled);
752
753
  --sky-color-border-input-disabled: var(--sky-color-border-disabled);
753
754
  --sky-color-border-nav-disabled: var(--sky-color-border-disabled);
754
755
  --sky-color-border-switch-disabled: var(--sky-color-border-disabled);
@@ -900,10 +901,10 @@
900
901
  --sky-color-border-action-tertiary-base: var(--bb-color-transparent);
901
902
  --sky-color-border-action-tertiary-focus: var(--bb-color-sky-600);
902
903
  --sky-color-border-action-tertiary-hover: var(--bb-color-sky-600);
903
- --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-slate-300);
904
+ --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-blue-300);
904
905
  --sky-color-border-action-tertiary-on_prominent-base: var(--bb-color-transparent);
905
- --sky-color-border-action-tertiary-on_prominent-focus: var(--bb-color-slate-300);
906
- --sky-color-border-action-tertiary-on_prominent-hover: var(--bb-color-slate-300);
906
+ --sky-color-border-action-tertiary-on_prominent-focus: var(--bb-color-blue-300);
907
+ --sky-color-border-action-tertiary-on_prominent-hover: var(--bb-color-blue-300);
907
908
  --sky-color-border-column_divider: var(--bb-color-blue-400);
908
909
  --sky-color-border-container-base: var(--bb-color-blue-900);
909
910
  --sky-color-border-container-header-prominent: var(--bb-color-slate-500);
@@ -972,7 +973,8 @@
972
973
  --sky-color-icon-info: var(--bb-color-blue-600);
973
974
  --sky-color-icon-input-action: var(--bb-color-sky-600);
974
975
  --sky-color-icon-inverse: var(--bb-color-gray-1100);
975
- --sky-color-icon-on_prominent: var(--bb-color-white);
976
+ --sky-color-icon-on_prominent-base: var(--bb-color-white);
977
+ --sky-color-icon-on_prominent-disabled: var(--bb-color-gray-600);
976
978
  --sky-color-icon-selected: var(--bb-color-blue-600);
977
979
  --sky-color-icon-success: var(--bb-color-green-700);
978
980
  --sky-color-icon-warning: var(--bb-color-yellow-600);
@@ -1841,5 +1843,6 @@
1841
1843
  --sky-type-input-val: var(--sky-font-style-body-s) var(--sky-font-size-input-val)/20 'var(--bb-font-blkb_sans-name)';
1842
1844
  }
1843
1845
  .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
1846
+ --sky-font-text_decoration-inline_link-base: underline;
1844
1847
  --sky-border-style-container-overlay: var(--bb-border-style-solid);
1845
1848
  }
package/assets/scss/blackbaud.css CHANGED
@@ -381,15 +381,15 @@
381
381
  --bb-font-weight-light: 300;
382
382
  --bb-font-weight-regular: 400;
383
383
  --bb-font-weight-semibold: 600;
384
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/bb-logo.png');
385
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
386
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-base-light.svg');
387
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
388
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
389
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
390
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
391
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
392
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
384
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/bb-logo.png');
385
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
386
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-base-light.svg');
387
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
388
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
389
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
390
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
391
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
392
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
393
393
  --bb-letter_spacing-normal: normal;
394
394
  --bb-letter_spacing-wider: 0.01rem;
395
395
  --bb-letter_spacing-widest: 0.046875rem;
@@ -605,19 +605,19 @@
605
605
  --sky-color-background-blocking: var(--bb-color-rgba-steel-fusion-1100-70);
606
606
  --sky-color-background-container-backdrop: var(--bb-color-steel-fusion-1000);
607
607
  --sky-color-background-container-base: var(--bb-color-steel-fusion-1100);
608
- --sky-color-background-container-danger: var(--bb-color-rgba-red-dark-600-35);
608
+ --sky-color-background-container-danger: var(--bb-color-red-dark-700);
609
609
  --sky-color-background-container-dimmed: var(--bb-color-steel-fusion-1050);
610
610
  --sky-color-background-container-header-prominent: var(--bb-color-slate-800);
611
- --sky-color-background-container-info: var(--bb-color-rgba-blue-600-35);
611
+ --sky-color-background-container-info: var(--bb-color-blue-dark-700);
612
612
  --sky-color-background-container-menu: var(--bb-color-steel-fusion-1000);
613
- --sky-color-background-container-success: var(--bb-color-rgba-green-600-35);
614
- --sky-color-background-container-warning: var(--bb-color-rgba-yellow-dark-600-35);
613
+ --sky-color-background-container-success: var(--bb-color-green-dark-700);
614
+ --sky-color-background-container-warning: var(--bb-color-yellow-dark-700);
615
615
  --sky-color-background-disabled: var(--bb-color-gray-700);
616
616
  --sky-color-background-file_drop: var(--bb-color-gray-1000);
617
617
  --sky-color-background-icon_matte-action-heavy: var(--bb-color-oklch-blue-375);
618
618
  --sky-color-background-icon_matte-action-soft: var(--bb-color-rgba-blue-600-25);
619
- --sky-color-background-icon_matte-danger: var(--bb-color-red-600);
620
- --sky-color-background-icon_matte-info: var(--bb-color-blue-500);
619
+ --sky-color-background-icon_matte-danger: var(--bb-color-red-500);
620
+ --sky-color-background-icon_matte-info: var(--bb-color-blue-400);
621
621
  --sky-color-background-icon_matte-success: var(--bb-color-green-500);
622
622
  --sky-color-background-icon_matte-warning: var(--bb-color-yellow-500);
623
623
  --sky-color-background-input-base: var(--bb-color-rgba-white-5);
@@ -678,14 +678,14 @@
678
678
  --sky-color-border-action-tertiary-disabled: var(--bb-color-gray-800);
679
679
  --sky-color-border-action-tertiary-focus: var(--bb-color-oklch-blue-375);
680
680
  --sky-color-border-action-tertiary-hover: var(--bb-color-oklch-blue-375);
681
- --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-slate-300);
681
+ --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-blue-300);
682
682
  --sky-color-border-action-tertiary-on_prominent-base: var(--bb-color-transparent);
683
- --sky-color-border-action-tertiary-on_prominent-focus: var(--bb-color-slate-300);
684
- --sky-color-border-action-tertiary-on_prominent-hover: var(--bb-color-slate-300);
683
+ --sky-color-border-action-tertiary-on_prominent-focus: var(--bb-color-blue-300);
684
+ --sky-color-border-action-tertiary-on_prominent-hover: var(--bb-color-blue-300);
685
685
  --sky-color-border-column_divider: var(--bb-color-blue-400);
686
686
  --sky-color-border-container-base: var(--bb-color-steel-fusion-800);
687
687
  --sky-color-border-container-header-prominent: var(--bb-color-slate-500);
688
- --sky-color-border-danger: var(--bb-color-red-600);
688
+ --sky-color-border-danger: var(--bb-color-red-500);
689
689
  --sky-color-border-disabled: var(--bb-color-gray-800);
690
690
  --sky-color-border-divider: var(--bb-color-gray-700);
691
691
  --sky-color-border-elevation: var(--bb-color-steel-fusion-800);
@@ -747,7 +747,8 @@
747
747
  --sky-color-icon-info: var(--bb-color-blue-600);
748
748
  --sky-color-icon-input-action: var(--bb-color-oklch-blue-375);
749
749
  --sky-color-icon-inverse: var(--bb-color-black);
750
- --sky-color-icon-on_prominent: var(--bb-color-white);
750
+ --sky-color-icon-on_prominent-base: var(--bb-color-white);
751
+ --sky-color-icon-on_prominent-disabled: var(--bb-color-gray-600);
751
752
  --sky-color-icon-selected: var(--bb-color-oklch-blue-375);
752
753
  --sky-color-icon-success: var(--bb-color-green-600);
753
754
  --sky-color-icon-warning: var(--bb-color-yellow-600);
package/bundles/base.css CHANGED
@@ -381,15 +381,15 @@
381
381
  --bb-font-weight-light: 300;
382
382
  --bb-font-weight-regular: 400;
383
383
  --bb-font-weight-semibold: 600;
384
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/bb-logo.png');
385
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
386
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-base-light.svg');
387
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
388
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
389
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
390
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
391
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
392
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
384
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/bb-logo.png');
385
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
386
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-base-light.svg');
387
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
388
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
389
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
390
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
391
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
392
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
393
393
  --bb-letter_spacing-normal: normal;
394
394
  --bb-letter_spacing-wider: 0.01rem;
395
395
  --bb-letter_spacing-widest: 0.046875rem;
@@ -524,6 +524,7 @@
524
524
  --sky-color-background-action-tertiary-hover: var(--bb-color-blue-50);
525
525
  --sky-color-background-action-tertiary-on_prominent-active: var(--bb-color-slate-600);
526
526
  --sky-color-background-action-tertiary-on_prominent-base: var(--bb-color-transparent);
527
+ --sky-color-background-action-tertiary-on_prominent-disabled: var(--bb-color-gray-700);
527
528
  --sky-color-background-action-tertiary-on_prominent-focus: var(--bb-color-transparent);
528
529
  --sky-color-background-action-tertiary-on_prominent-hover: var(--bb-color-slate-700);
529
530
  --sky-color-background-blocking: var(--bb-color-rgba-white-70);
@@ -596,10 +597,11 @@
596
597
  --sky-color-border-action-tertiary-base: var(--bb-color-transparent);
597
598
  --sky-color-border-action-tertiary-focus: var(--bb-color-blue-600);
598
599
  --sky-color-border-action-tertiary-hover: var(--bb-color-blue-600);
599
- --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-slate-300);
600
+ --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-blue-300);
600
601
  --sky-color-border-action-tertiary-on_prominent-base: var(--bb-color-transparent);
601
- --sky-color-border-action-tertiary-on_prominent-focus: var(--bb-color-slate-300);
602
- --sky-color-border-action-tertiary-on_prominent-hover: var(--bb-color-slate-300);
602
+ --sky-color-border-action-tertiary-on_prominent-disabled: var(--bb-color-gray-800);
603
+ --sky-color-border-action-tertiary-on_prominent-focus: var(--bb-color-blue-300);
604
+ --sky-color-border-action-tertiary-on_prominent-hover: var(--bb-color-blue-300);
603
605
  --sky-color-border-column_divider: var(--bb-color-blue-600);
604
606
  --sky-color-border-container-base: var(--bb-color-gray-200);
605
607
  --sky-color-border-container-header-prominent: var(--bb-color-slate-500);
@@ -668,7 +670,8 @@
668
670
  --sky-color-icon-info: var(--bb-color-blue-600);
669
671
  --sky-color-icon-input-action: var(--bb-color-gray-600);
670
672
  --sky-color-icon-inverse: var(--bb-color-white);
671
- --sky-color-icon-on_prominent: var(--bb-color-white);
673
+ --sky-color-icon-on_prominent-base: var(--bb-color-white);
674
+ --sky-color-icon-on_prominent-disabled: var(--bb-color-gray-600);
672
675
  --sky-color-icon-selected: var(--bb-color-blue-600);
673
676
  --sky-color-icon-success: var(--bb-color-green-600);
674
677
  --sky-color-icon-warning: var(--bb-color-yellow-400);
@@ -736,7 +739,6 @@
736
739
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
737
740
  --sky-color-background-action-secondary-disabled: var(--sky-color-background-disabled);
738
741
  --sky-color-background-action-tertiary-disabled: var(--sky-color-background-disabled);
739
- --sky-color-background-action-tertiary-on_prominent-disabled: var(--sky-color-background-disabled);
740
742
  --sky-color-background-input-disabled: var(--sky-color-background-disabled);
741
743
  --sky-color-background-nav-disabled: var(--sky-color-background-disabled);
742
744
  --sky-color-background-row-disabled: var(--sky-color-background-disabled);
@@ -748,7 +750,6 @@
748
750
  --sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
749
751
  --sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
750
752
  --sky-color-border-action-tertiary-disabled: var(--sky-color-border-disabled);
751
- --sky-color-border-action-tertiary-on_prominent-disabled: var(--sky-color-border-disabled);
752
753
  --sky-color-border-input-disabled: var(--sky-color-border-disabled);
753
754
  --sky-color-border-nav-disabled: var(--sky-color-border-disabled);
754
755
  --sky-color-border-switch-disabled: var(--sky-color-border-disabled);
@@ -900,10 +901,10 @@
900
901
  --sky-color-border-action-tertiary-base: var(--bb-color-transparent);
901
902
  --sky-color-border-action-tertiary-focus: var(--bb-color-sky-600);
902
903
  --sky-color-border-action-tertiary-hover: var(--bb-color-sky-600);
903
- --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-slate-300);
904
+ --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-blue-300);
904
905
  --sky-color-border-action-tertiary-on_prominent-base: var(--bb-color-transparent);
905
- --sky-color-border-action-tertiary-on_prominent-focus: var(--bb-color-slate-300);
906
- --sky-color-border-action-tertiary-on_prominent-hover: var(--bb-color-slate-300);
906
+ --sky-color-border-action-tertiary-on_prominent-focus: var(--bb-color-blue-300);
907
+ --sky-color-border-action-tertiary-on_prominent-hover: var(--bb-color-blue-300);
907
908
  --sky-color-border-column_divider: var(--bb-color-blue-400);
908
909
  --sky-color-border-container-base: var(--bb-color-blue-900);
909
910
  --sky-color-border-container-header-prominent: var(--bb-color-slate-500);
@@ -972,7 +973,8 @@
972
973
  --sky-color-icon-info: var(--bb-color-blue-600);
973
974
  --sky-color-icon-input-action: var(--bb-color-sky-600);
974
975
  --sky-color-icon-inverse: var(--bb-color-gray-1100);
975
- --sky-color-icon-on_prominent: var(--bb-color-white);
976
+ --sky-color-icon-on_prominent-base: var(--bb-color-white);
977
+ --sky-color-icon-on_prominent-disabled: var(--bb-color-gray-600);
976
978
  --sky-color-icon-selected: var(--bb-color-blue-600);
977
979
  --sky-color-icon-success: var(--bb-color-green-700);
978
980
  --sky-color-icon-warning: var(--bb-color-yellow-600);
@@ -1841,5 +1843,6 @@
1841
1843
  --sky-type-input-val: var(--sky-font-style-body-s) var(--sky-font-size-input-val)/20 'var(--bb-font-blkb_sans-name)';
1842
1844
  }
1843
1845
  .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
1846
+ --sky-font-text_decoration-inline_link-base: underline;
1844
1847
  --sky-border-style-container-overlay: var(--bb-border-style-solid);
1845
1848
  }
package/bundles/blackbaud.css CHANGED
@@ -381,15 +381,15 @@
381
381
  --bb-font-weight-light: 300;
382
382
  --bb-font-weight-regular: 400;
383
383
  --bb-font-weight-semibold: 600;
384
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/bb-logo.png');
385
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
386
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-base-light.svg');
387
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
388
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
389
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
390
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
391
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
392
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.4.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
384
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/bb-logo.png');
385
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
386
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-base-light.svg');
387
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
388
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
389
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
390
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
391
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
392
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.5.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
393
393
  --bb-letter_spacing-normal: normal;
394
394
  --bb-letter_spacing-wider: 0.01rem;
395
395
  --bb-letter_spacing-widest: 0.046875rem;
@@ -605,19 +605,19 @@
605
605
  --sky-color-background-blocking: var(--bb-color-rgba-steel-fusion-1100-70);
606
606
  --sky-color-background-container-backdrop: var(--bb-color-steel-fusion-1000);
607
607
  --sky-color-background-container-base: var(--bb-color-steel-fusion-1100);
608
- --sky-color-background-container-danger: var(--bb-color-rgba-red-dark-600-35);
608
+ --sky-color-background-container-danger: var(--bb-color-red-dark-700);
609
609
  --sky-color-background-container-dimmed: var(--bb-color-steel-fusion-1050);
610
610
  --sky-color-background-container-header-prominent: var(--bb-color-slate-800);
611
- --sky-color-background-container-info: var(--bb-color-rgba-blue-600-35);
611
+ --sky-color-background-container-info: var(--bb-color-blue-dark-700);
612
612
  --sky-color-background-container-menu: var(--bb-color-steel-fusion-1000);
613
- --sky-color-background-container-success: var(--bb-color-rgba-green-600-35);
614
- --sky-color-background-container-warning: var(--bb-color-rgba-yellow-dark-600-35);
613
+ --sky-color-background-container-success: var(--bb-color-green-dark-700);
614
+ --sky-color-background-container-warning: var(--bb-color-yellow-dark-700);
615
615
  --sky-color-background-disabled: var(--bb-color-gray-700);
616
616
  --sky-color-background-file_drop: var(--bb-color-gray-1000);
617
617
  --sky-color-background-icon_matte-action-heavy: var(--bb-color-oklch-blue-375);
618
618
  --sky-color-background-icon_matte-action-soft: var(--bb-color-rgba-blue-600-25);
619
- --sky-color-background-icon_matte-danger: var(--bb-color-red-600);
620
- --sky-color-background-icon_matte-info: var(--bb-color-blue-500);
619
+ --sky-color-background-icon_matte-danger: var(--bb-color-red-500);
620
+ --sky-color-background-icon_matte-info: var(--bb-color-blue-400);
621
621
  --sky-color-background-icon_matte-success: var(--bb-color-green-500);
622
622
  --sky-color-background-icon_matte-warning: var(--bb-color-yellow-500);
623
623
  --sky-color-background-input-base: var(--bb-color-rgba-white-5);
@@ -678,14 +678,14 @@
678
678
  --sky-color-border-action-tertiary-disabled: var(--bb-color-gray-800);
679
679
  --sky-color-border-action-tertiary-focus: var(--bb-color-oklch-blue-375);
680
680
  --sky-color-border-action-tertiary-hover: var(--bb-color-oklch-blue-375);
681
- --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-slate-300);
681
+ --sky-color-border-action-tertiary-on_prominent-active: var(--bb-color-blue-300);
682
682
  --sky-color-border-action-tertiary-on_prominent-base: var(--bb-color-transparent);
683
- --sky-color-border-action-tertiary-on_prominent-focus: var(--bb-color-slate-300);
684
- --sky-color-border-action-tertiary-on_prominent-hover: var(--bb-color-slate-300);
683
+ --sky-color-border-action-tertiary-on_prominent-focus: var(--bb-color-blue-300);
684
+ --sky-color-border-action-tertiary-on_prominent-hover: var(--bb-color-blue-300);
685
685
  --sky-color-border-column_divider: var(--bb-color-blue-400);
686
686
  --sky-color-border-container-base: var(--bb-color-steel-fusion-800);
687
687
  --sky-color-border-container-header-prominent: var(--bb-color-slate-500);
688
- --sky-color-border-danger: var(--bb-color-red-600);
688
+ --sky-color-border-danger: var(--bb-color-red-500);
689
689
  --sky-color-border-disabled: var(--bb-color-gray-800);
690
690
  --sky-color-border-divider: var(--bb-color-gray-700);
691
691
  --sky-color-border-elevation: var(--bb-color-steel-fusion-800);
@@ -747,7 +747,8 @@
747
747
  --sky-color-icon-info: var(--bb-color-blue-600);
748
748
  --sky-color-icon-input-action: var(--bb-color-oklch-blue-375);
749
749
  --sky-color-icon-inverse: var(--bb-color-black);
750
- --sky-color-icon-on_prominent: var(--bb-color-white);
750
+ --sky-color-icon-on_prominent-base: var(--bb-color-white);
751
+ --sky-color-icon-on_prominent-disabled: var(--bb-color-gray-600);
751
752
  --sky-color-icon-selected: var(--bb-color-oklch-blue-375);
752
753
  --sky-color-icon-success: var(--bb-color-green-600);
753
754
  --sky-color-icon-warning: var(--bb-color-yellow-600);
package/bundles/public-api-styles.json CHANGED
@@ -1519,7 +1519,7 @@
1519
1519
  "className": "sky-theme-color-icon-on_prominent",
1520
1520
  "description": "The color for icons on prominent container headers.",
1521
1521
  "properties": {
1522
- "color": "var(--sky-theme-color-icon-on_prominent)"
1522
+ "color": "var(--sky-theme-color-icon-on_prominent-base)"
1523
1523
  },
1524
1524
  "demoMetadata": {
1525
1525
  "type": "icon-color",
package/bundles/public-api-tokens.json CHANGED
@@ -2526,12 +2526,21 @@
2526
2526
  },
2527
2527
  {
2528
2528
  "name": "Prominent container header icon",
2529
- "customProperty": "--sky-theme-color-icon-on_prominent",
2529
+ "customProperty": "--sky-theme-color-icon-on_prominent-base",
2530
2530
  "description": "The color for icons on prominent container headers.",
2531
2531
  "demoMetadata": {
2532
2532
  "type": "icon-color",
2533
2533
  "background": "--sky-theme-color-background-container-header-prominent"
2534
2534
  }
2535
+ },
2536
+ {
2537
+ "name": "Disabled prominent container header icon",
2538
+ "customProperty": "--sky-theme-color-icon-on_prominent-disabled",
2539
+ "description": "The color for icons in disabled buttons on prominent container headers.",
2540
+ "demoMetadata": {
2541
+ "type": "icon-color",
2542
+ "background": "--sky-theme-color-background-action-tertiary-on_prominent-disabled"
2543
+ }
2535
2544
  }
2536
2545
  ]
2537
2546
  },
package/bundles/public-api.css CHANGED
@@ -152,7 +152,8 @@
152
152
  --sky-theme-color-icon-default: var(--sky-color-icon-default);
153
153
  --sky-theme-color-icon-info: var(--sky-color-icon-info);
154
154
  --sky-theme-color-icon-inverse: var(--sky-color-icon-inverse);
155
- --sky-theme-color-icon-on_prominent: var(--sky-color-icon-on_prominent);
155
+ --sky-theme-color-icon-on_prominent-base: var(--sky-color-icon-on_prominent-base);
156
+ --sky-theme-color-icon-on_prominent-disabled: var(--sky-color-icon-on_prominent-disabled);
156
157
  --sky-theme-color-icon-success: var(--sky-color-icon-success);
157
158
  --sky-theme-color-text-action: var(--sky-color-text-action);
158
159
  --sky-theme-color-text-action_contrast: var(--sky-color-text-action_contrast);
@@ -380,7 +381,8 @@
380
381
  --sky-theme-color-icon-default: #212327;
381
382
  --sky-theme-color-icon-info: #00b4f1;
382
383
  --sky-theme-color-icon-inverse: #ffffff;
383
- --sky-theme-color-icon-on_prominent: #ffffff;
384
+ --sky-theme-color-icon-on_prominent-base: #ffffff;
385
+ --sky-theme-color-icon-on_prominent-disabled: #686c73;
384
386
  --sky-theme-color-icon-success: #72bf44;
385
387
  --sky-theme-color-text-action: #0974a1;
386
388
  --sky-theme-color-text-action_contrast: #0974a1;
@@ -849,7 +851,7 @@ em {
849
851
  color: var(--sky-theme-color-icon-inverse);
850
852
  }
851
853
  .sky-theme-color-icon-on_prominent {
852
- color: var(--sky-theme-color-icon-on_prominent);
854
+ color: var(--sky-theme-color-icon-on_prominent-base);
853
855
  }
854
856
  .sky-theme-color-background-icon_matte-action-soft {
855
857
  background-color: var(--sky-theme-color-background-icon_matte-action-soft);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blackbaud/skyux-design-tokens",
3
- "version": "6.4.0",
3
+ "version": "6.5.1",
4
4
  "description": "Design tokens for SKY UX",
5
5
  "homepage": "https://github.com/blackbaud/skyux-design-tokens",
6
6
  "license": "MIT",