@blackbaud/skyux-design-tokens 6.2.0 → 6.3.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 (7) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/assets/assets.json +1 -1
  3. package/assets/scss/base.css +50 -12
  4. package/assets/scss/blackbaud.css +12 -11
  5. package/bundles/base.css +50 -12
  6. package/bundles/blackbaud.css +12 -11
  7. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -5,6 +5,21 @@
5
5
 
6
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))
7
7
 
8
+ ## [6.3.0](https://github.com/blackbaud/skyux-design-tokens/compare/6.2.1...6.3.0) (2026-08-18)
9
+
10
+
11
+ ### Features
12
+
13
+ * add tokens for container overlay border styles ([#384](https://github.com/blackbaud/skyux-design-tokens/issues/384)) ([26dcc8f](https://github.com/blackbaud/skyux-design-tokens/commit/26dcc8f6f8a24eb7ff66fe36b9c9d45880f49410))
14
+
15
+ ## [6.2.1](https://github.com/blackbaud/skyux-design-tokens/compare/6.2.0...6.2.1) (2026-08-17)
16
+
17
+
18
+ ### Bug Fixes
19
+
20
+ * dark mode backdrop fix ([#375](https://github.com/blackbaud/skyux-design-tokens/issues/375)) ([#377](https://github.com/blackbaud/skyux-design-tokens/issues/377)) ([645ebf9](https://github.com/blackbaud/skyux-design-tokens/commit/645ebf92868bd089cbfdc004034f7ea9232b4480))
21
+ * fix specificity for light mode tokens and validate light and dark mode "base" brand tokens match ([#381](https://github.com/blackbaud/skyux-design-tokens/issues/381)) ([bb974b7](https://github.com/blackbaud/skyux-design-tokens/commit/bb974b7a39c6e6c064986e27f54a5f4b9f88e998))
22
+
8
23
  ## [6.2.0](https://github.com/blackbaud/skyux-design-tokens/compare/6.1.2...6.2.0) (2026-08-04)
9
24
 
10
25
 
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.2.0/assets/images/favicon.ico"
5
+ "src": "https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/favicon.ico"
6
6
  }
7
7
  },
8
8
  "strings": {
package/assets/scss/base.css CHANGED
@@ -60,6 +60,7 @@
60
60
  --bb-border-radius-pill: 999rem;
61
61
  --bb-border-radius-round: 50%;
62
62
  --bb-border-style-dotted: dotted;
63
+ --bb-border-style-none: none;
63
64
  --bb-border-style-solid: solid;
64
65
  --bb-brand-name: 'Blackbaud';
65
66
  --bb-color-black: #000000;
@@ -379,15 +380,15 @@
379
380
  --bb-font-weight-light: 300;
380
381
  --bb-font-weight-regular: 400;
381
382
  --bb-font-weight-semibold: 600;
382
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/bb-logo.png');
383
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
384
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-base-light.svg');
385
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
386
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
387
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
388
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
389
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
390
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
383
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/bb-logo.png');
384
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
385
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-base-light.svg');
386
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
387
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
388
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
389
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
390
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
391
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
391
392
  --bb-letter_spacing-normal: normal;
392
393
  --bb-letter_spacing-wider: 0.01rem;
393
394
  --bb-letter_spacing-widest: 0.046875rem;
@@ -494,7 +495,7 @@
494
495
  --bb-color-scrollbar-bb-dark-thumb: #51555c;
495
496
  --bb-color-scrollbar-bb-dark-track: #1c2228;
496
497
  }
497
- .sky-theme-modern.sky-theme-brand-base {
498
+ .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-light {
498
499
  --sky-brand-name: var(--bb-brand-name);
499
500
  --sky-color-background-action-accent-active: var(--bb-color-blue-100);
500
501
  --sky-color-background-action-accent-base: var(--bb-color-white);
@@ -780,11 +781,12 @@
780
781
  --sky-elevation-overlay-simple-100: var(--bb-shadow-gray-simple-400);
781
782
  --sky-elevation-raised-100: var(--bb-shadow-gray-100);
782
783
  }
783
- :root:has(body.sky-theme-modern.sky-theme-brand-base) {
784
+ :root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-mode-light) {
784
785
  --sky-color-scrollbar-thumb: var(--bb-color-scrollbar-base-light-thumb);
785
786
  --sky-color-scrollbar-track: var(--bb-color-scrollbar-base-light-track);
786
787
  }
787
788
  .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
789
+ --sky-brand-name: var(--bb-brand-name);
788
790
  --sky-color-background-action-accent-active: var(--bb-color-gray-600);
789
791
  --sky-color-background-action-accent-base: var(--bb-color-blue-900);
790
792
  --sky-color-background-action-accent-focus: var(--bb-color-gray-700);
@@ -897,7 +899,6 @@
897
899
  --sky-color-border-progress_step: var(--bb-color-gray-600);
898
900
  --sky-color-border-selected: var(--bb-color-blue-400);
899
901
  --sky-color-border-selected_soft: var(--bb-color-blue-500);
900
- --sky-color-border-separator-dark: var(--bb-color-gray-800);
901
902
  --sky-color-border-separator-light: var(--bb-color-gray-700);
902
903
  --sky-color-border-separator-row: var(--bb-color-gray-800);
903
904
  --sky-color-border-success: var(--bb-color-green-400);
@@ -1002,6 +1003,7 @@
1002
1003
  --sky-color-viz-sequence-7: var(--bb-color-teal-400);
1003
1004
  --sky-color-viz-sequence-8: var(--bb-color-teal-300);
1004
1005
  --sky-color-viz-sequence-9: var(--bb-color-teal-200);
1006
+ --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
1005
1007
  --sky-image-select_icon-base: var(--bb-image-select_icon-base-dark-src);
1006
1008
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-dark-src);
1007
1009
  --sky-opacity-wait: var(--bb-opacity-600);
@@ -1027,7 +1029,39 @@
1027
1029
  --sky-color-border-switch-disabled: var(--sky-color-border-disabled);
1028
1030
  --sky-color-border-switch-selected-disabled: var(--sky-color-border-disabled);
1029
1031
  --sky-color-border-tab-disabled: var(--sky-color-border-disabled);
1032
+ --sky-elevation-action-danger-active: var(--bb-shadow-gray-0);
1033
+ --sky-elevation-action-danger-base: var(--bb-shadow-gray-0);
1034
+ --sky-elevation-action-danger-disabled: var(--bb-shadow-gray-0);
1035
+ --sky-elevation-action-danger-focus: var(--bb-shadow-gray-0);
1036
+ --sky-elevation-action-danger-hover: var(--bb-shadow-gray-0);
1037
+ --sky-elevation-action-input-active: var(--bb-shadow-gray-0);
1038
+ --sky-elevation-action-input-base: var(--bb-shadow-gray-0);
1039
+ --sky-elevation-action-input-disabled: var(--bb-shadow-gray-0);
1040
+ --sky-elevation-action-input-focus: var(--bb-shadow-gray-0);
1041
+ --sky-elevation-action-input-hover: var(--bb-shadow-gray-0);
1042
+ --sky-elevation-action-primary-active: var(--bb-shadow-gray-0);
1043
+ --sky-elevation-action-primary-base: var(--bb-shadow-gray-0);
1044
+ --sky-elevation-action-primary-disabled: var(--bb-shadow-gray-0);
1045
+ --sky-elevation-action-primary-focus: var(--bb-shadow-gray-0);
1046
+ --sky-elevation-action-primary-hover: var(--bb-shadow-gray-0);
1047
+ --sky-elevation-action-secondary-active: var(--bb-shadow-gray-0);
1048
+ --sky-elevation-action-secondary-base: var(--bb-shadow-gray-0);
1049
+ --sky-elevation-action-secondary-disabled: var(--bb-shadow-gray-0);
1050
+ --sky-elevation-action-secondary-focus: var(--bb-shadow-gray-0);
1051
+ --sky-elevation-action-secondary-hover: var(--bb-shadow-gray-0);
1052
+ --sky-elevation-action-tertiary-active: var(--bb-shadow-gray-0);
1053
+ --sky-elevation-action-tertiary-base: var(--bb-shadow-gray-0);
1054
+ --sky-elevation-action-tertiary-disabled: var(--bb-shadow-gray-0);
1055
+ --sky-elevation-action-tertiary-focus: var(--bb-shadow-gray-0);
1056
+ --sky-elevation-action-tertiary-hover: var(--bb-shadow-gray-0);
1057
+ --sky-elevation-action-toolbar-active: var(--bb-shadow-gray-0);
1058
+ --sky-elevation-action-toolbar-base: var(--bb-shadow-gray-0);
1059
+ --sky-elevation-action-toolbar-disabled: var(--bb-shadow-gray-0);
1060
+ --sky-elevation-action-toolbar-focus: var(--bb-shadow-gray-0);
1061
+ --sky-elevation-action-toolbar-hover: var(--bb-shadow-gray-0);
1030
1062
  --sky-elevation-focus: var(--bb-shadow-gray-200);
1063
+ --sky-elevation-input-base: var(--bb-shadow-gray-0);
1064
+ --sky-elevation-input-disabled: var(--bb-shadow-gray-0);
1031
1065
  --sky-elevation-none: var(--bb-shadow-gray-0);
1032
1066
  --sky-elevation-overflow: var(--bb-shadow-gray-200);
1033
1067
  --sky-elevation-overlay-100: var(--bb-shadow-gray-400);
@@ -1071,6 +1105,7 @@
1071
1105
  --sky-border-radius-thumb: var(--bb-border-radius-round);
1072
1106
  --sky-border-radius-xs: var(--bb-border-radius-012);
1073
1107
  --sky-border-style-accent: var(--bb-border-style-solid);
1108
+ --sky-border-style-container-overlay: var(--bb-border-style-none);
1074
1109
  --sky-border-style-divider: var(--bb-border-style-solid);
1075
1110
  --sky-border-style-elevation: var(--bb-border-style-solid);
1076
1111
  --sky-border-style-separator-dark: var(--bb-border-style-solid);
@@ -1774,3 +1809,6 @@
1774
1809
  --sky-type-heading-1: var(--sky-font-style-heading-1) var(--sky-font-size-heading-1)/36 'var(--bb-font-blkb_sans-name)';
1775
1810
  --sky-type-input-val: var(--sky-font-style-body-s) var(--sky-font-size-input-val)/20 'var(--bb-font-blkb_sans-name)';
1776
1811
  }
1812
+ .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
1813
+ --sky-border-style-container-overlay: var(--bb-border-style-solid);
1814
+ }
package/assets/scss/blackbaud.css CHANGED
@@ -60,6 +60,7 @@
60
60
  --bb-border-radius-pill: 999rem;
61
61
  --bb-border-radius-round: 50%;
62
62
  --bb-border-style-dotted: dotted;
63
+ --bb-border-style-none: none;
63
64
  --bb-border-style-solid: solid;
64
65
  --bb-brand-name: 'Blackbaud';
65
66
  --bb-color-black: #000000;
@@ -379,15 +380,15 @@
379
380
  --bb-font-weight-light: 300;
380
381
  --bb-font-weight-regular: 400;
381
382
  --bb-font-weight-semibold: 600;
382
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/bb-logo.png');
383
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
384
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-base-light.svg');
385
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
386
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
387
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
388
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
389
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
390
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
383
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/bb-logo.png');
384
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
385
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-base-light.svg');
386
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
387
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
388
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
389
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
390
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
391
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
391
392
  --bb-letter_spacing-normal: normal;
392
393
  --bb-letter_spacing-wider: 0.01rem;
393
394
  --bb-letter_spacing-widest: 0.046875rem;
@@ -494,7 +495,7 @@
494
495
  --bb-color-scrollbar-bb-dark-thumb: #51555c;
495
496
  --bb-color-scrollbar-bb-dark-track: #1c2228;
496
497
  }
497
- .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud {
498
+ .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud.sky-theme-mode-light {
498
499
  --sky-brand-name: var(--bb-brand-name);
499
500
  --sky-color-background-action-accent-base: var(--bb-color-blue-25);
500
501
  --sky-color-background-container-backdrop: var(--bb-color-slate-200);
@@ -597,6 +598,7 @@
597
598
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
598
599
  --sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
599
600
  --sky-color-background-blocking: var(--bb-color-rgba-black-70);
601
+ --sky-color-background-container-backdrop: var(--bb-color-steel-fusion-1000);
600
602
  --sky-color-background-container-base: var(--bb-color-steel-fusion-1100);
601
603
  --sky-color-background-container-danger: var(--bb-color-rgba-red-dark-600-35);
602
604
  --sky-color-background-container-dimmed: var(--bb-color-steel-fusion-1050);
@@ -691,7 +693,6 @@
691
693
  --sky-color-border-progress_step: var(--bb-color-gray-600);
692
694
  --sky-color-border-selected: var(--bb-color-blue-400);
693
695
  --sky-color-border-selected_soft: var(--bb-color-blue-600);
694
- --sky-color-border-separator-dark: var(--bb-color-gray-800);
695
696
  --sky-color-border-separator-light: var(--bb-color-gray-700);
696
697
  --sky-color-border-separator-row: var(--bb-color-gray-800);
697
698
  --sky-color-border-success: var(--bb-color-green-500);
package/bundles/base.css CHANGED
@@ -60,6 +60,7 @@
60
60
  --bb-border-radius-pill: 999rem;
61
61
  --bb-border-radius-round: 50%;
62
62
  --bb-border-style-dotted: dotted;
63
+ --bb-border-style-none: none;
63
64
  --bb-border-style-solid: solid;
64
65
  --bb-brand-name: 'Blackbaud';
65
66
  --bb-color-black: #000000;
@@ -379,15 +380,15 @@
379
380
  --bb-font-weight-light: 300;
380
381
  --bb-font-weight-regular: 400;
381
382
  --bb-font-weight-semibold: 600;
382
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/bb-logo.png');
383
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
384
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-base-light.svg');
385
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
386
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
387
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
388
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
389
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
390
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
383
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/bb-logo.png');
384
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
385
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-base-light.svg');
386
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
387
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
388
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
389
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
390
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
391
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
391
392
  --bb-letter_spacing-normal: normal;
392
393
  --bb-letter_spacing-wider: 0.01rem;
393
394
  --bb-letter_spacing-widest: 0.046875rem;
@@ -494,7 +495,7 @@
494
495
  --bb-color-scrollbar-bb-dark-thumb: #51555c;
495
496
  --bb-color-scrollbar-bb-dark-track: #1c2228;
496
497
  }
497
- .sky-theme-modern.sky-theme-brand-base {
498
+ .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-light {
498
499
  --sky-brand-name: var(--bb-brand-name);
499
500
  --sky-color-background-action-accent-active: var(--bb-color-blue-100);
500
501
  --sky-color-background-action-accent-base: var(--bb-color-white);
@@ -780,11 +781,12 @@
780
781
  --sky-elevation-overlay-simple-100: var(--bb-shadow-gray-simple-400);
781
782
  --sky-elevation-raised-100: var(--bb-shadow-gray-100);
782
783
  }
783
- :root:has(body.sky-theme-modern.sky-theme-brand-base) {
784
+ :root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-mode-light) {
784
785
  --sky-color-scrollbar-thumb: var(--bb-color-scrollbar-base-light-thumb);
785
786
  --sky-color-scrollbar-track: var(--bb-color-scrollbar-base-light-track);
786
787
  }
787
788
  .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
789
+ --sky-brand-name: var(--bb-brand-name);
788
790
  --sky-color-background-action-accent-active: var(--bb-color-gray-600);
789
791
  --sky-color-background-action-accent-base: var(--bb-color-blue-900);
790
792
  --sky-color-background-action-accent-focus: var(--bb-color-gray-700);
@@ -897,7 +899,6 @@
897
899
  --sky-color-border-progress_step: var(--bb-color-gray-600);
898
900
  --sky-color-border-selected: var(--bb-color-blue-400);
899
901
  --sky-color-border-selected_soft: var(--bb-color-blue-500);
900
- --sky-color-border-separator-dark: var(--bb-color-gray-800);
901
902
  --sky-color-border-separator-light: var(--bb-color-gray-700);
902
903
  --sky-color-border-separator-row: var(--bb-color-gray-800);
903
904
  --sky-color-border-success: var(--bb-color-green-400);
@@ -1002,6 +1003,7 @@
1002
1003
  --sky-color-viz-sequence-7: var(--bb-color-teal-400);
1003
1004
  --sky-color-viz-sequence-8: var(--bb-color-teal-300);
1004
1005
  --sky-color-viz-sequence-9: var(--bb-color-teal-200);
1006
+ --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
1005
1007
  --sky-image-select_icon-base: var(--bb-image-select_icon-base-dark-src);
1006
1008
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-dark-src);
1007
1009
  --sky-opacity-wait: var(--bb-opacity-600);
@@ -1027,7 +1029,39 @@
1027
1029
  --sky-color-border-switch-disabled: var(--sky-color-border-disabled);
1028
1030
  --sky-color-border-switch-selected-disabled: var(--sky-color-border-disabled);
1029
1031
  --sky-color-border-tab-disabled: var(--sky-color-border-disabled);
1032
+ --sky-elevation-action-danger-active: var(--bb-shadow-gray-0);
1033
+ --sky-elevation-action-danger-base: var(--bb-shadow-gray-0);
1034
+ --sky-elevation-action-danger-disabled: var(--bb-shadow-gray-0);
1035
+ --sky-elevation-action-danger-focus: var(--bb-shadow-gray-0);
1036
+ --sky-elevation-action-danger-hover: var(--bb-shadow-gray-0);
1037
+ --sky-elevation-action-input-active: var(--bb-shadow-gray-0);
1038
+ --sky-elevation-action-input-base: var(--bb-shadow-gray-0);
1039
+ --sky-elevation-action-input-disabled: var(--bb-shadow-gray-0);
1040
+ --sky-elevation-action-input-focus: var(--bb-shadow-gray-0);
1041
+ --sky-elevation-action-input-hover: var(--bb-shadow-gray-0);
1042
+ --sky-elevation-action-primary-active: var(--bb-shadow-gray-0);
1043
+ --sky-elevation-action-primary-base: var(--bb-shadow-gray-0);
1044
+ --sky-elevation-action-primary-disabled: var(--bb-shadow-gray-0);
1045
+ --sky-elevation-action-primary-focus: var(--bb-shadow-gray-0);
1046
+ --sky-elevation-action-primary-hover: var(--bb-shadow-gray-0);
1047
+ --sky-elevation-action-secondary-active: var(--bb-shadow-gray-0);
1048
+ --sky-elevation-action-secondary-base: var(--bb-shadow-gray-0);
1049
+ --sky-elevation-action-secondary-disabled: var(--bb-shadow-gray-0);
1050
+ --sky-elevation-action-secondary-focus: var(--bb-shadow-gray-0);
1051
+ --sky-elevation-action-secondary-hover: var(--bb-shadow-gray-0);
1052
+ --sky-elevation-action-tertiary-active: var(--bb-shadow-gray-0);
1053
+ --sky-elevation-action-tertiary-base: var(--bb-shadow-gray-0);
1054
+ --sky-elevation-action-tertiary-disabled: var(--bb-shadow-gray-0);
1055
+ --sky-elevation-action-tertiary-focus: var(--bb-shadow-gray-0);
1056
+ --sky-elevation-action-tertiary-hover: var(--bb-shadow-gray-0);
1057
+ --sky-elevation-action-toolbar-active: var(--bb-shadow-gray-0);
1058
+ --sky-elevation-action-toolbar-base: var(--bb-shadow-gray-0);
1059
+ --sky-elevation-action-toolbar-disabled: var(--bb-shadow-gray-0);
1060
+ --sky-elevation-action-toolbar-focus: var(--bb-shadow-gray-0);
1061
+ --sky-elevation-action-toolbar-hover: var(--bb-shadow-gray-0);
1030
1062
  --sky-elevation-focus: var(--bb-shadow-gray-200);
1063
+ --sky-elevation-input-base: var(--bb-shadow-gray-0);
1064
+ --sky-elevation-input-disabled: var(--bb-shadow-gray-0);
1031
1065
  --sky-elevation-none: var(--bb-shadow-gray-0);
1032
1066
  --sky-elevation-overflow: var(--bb-shadow-gray-200);
1033
1067
  --sky-elevation-overlay-100: var(--bb-shadow-gray-400);
@@ -1071,6 +1105,7 @@
1071
1105
  --sky-border-radius-thumb: var(--bb-border-radius-round);
1072
1106
  --sky-border-radius-xs: var(--bb-border-radius-012);
1073
1107
  --sky-border-style-accent: var(--bb-border-style-solid);
1108
+ --sky-border-style-container-overlay: var(--bb-border-style-none);
1074
1109
  --sky-border-style-divider: var(--bb-border-style-solid);
1075
1110
  --sky-border-style-elevation: var(--bb-border-style-solid);
1076
1111
  --sky-border-style-separator-dark: var(--bb-border-style-solid);
@@ -1774,3 +1809,6 @@
1774
1809
  --sky-type-heading-1: var(--sky-font-style-heading-1) var(--sky-font-size-heading-1)/36 'var(--bb-font-blkb_sans-name)';
1775
1810
  --sky-type-input-val: var(--sky-font-style-body-s) var(--sky-font-size-input-val)/20 'var(--bb-font-blkb_sans-name)';
1776
1811
  }
1812
+ .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
1813
+ --sky-border-style-container-overlay: var(--bb-border-style-solid);
1814
+ }
package/bundles/blackbaud.css CHANGED
@@ -60,6 +60,7 @@
60
60
  --bb-border-radius-pill: 999rem;
61
61
  --bb-border-radius-round: 50%;
62
62
  --bb-border-style-dotted: dotted;
63
+ --bb-border-style-none: none;
63
64
  --bb-border-style-solid: solid;
64
65
  --bb-brand-name: 'Blackbaud';
65
66
  --bb-color-black: #000000;
@@ -379,15 +380,15 @@
379
380
  --bb-font-weight-light: 300;
380
381
  --bb-font-weight-regular: 400;
381
382
  --bb-font-weight-semibold: 600;
382
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/bb-logo.png');
383
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
384
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-base-light.svg');
385
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
386
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
387
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
388
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
389
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
390
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
383
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/bb-logo.png');
384
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
385
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-base-light.svg');
386
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
387
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
388
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
389
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
390
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
391
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.3.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
391
392
  --bb-letter_spacing-normal: normal;
392
393
  --bb-letter_spacing-wider: 0.01rem;
393
394
  --bb-letter_spacing-widest: 0.046875rem;
@@ -494,7 +495,7 @@
494
495
  --bb-color-scrollbar-bb-dark-thumb: #51555c;
495
496
  --bb-color-scrollbar-bb-dark-track: #1c2228;
496
497
  }
497
- .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud {
498
+ .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud.sky-theme-mode-light {
498
499
  --sky-brand-name: var(--bb-brand-name);
499
500
  --sky-color-background-action-accent-base: var(--bb-color-blue-25);
500
501
  --sky-color-background-container-backdrop: var(--bb-color-slate-200);
@@ -597,6 +598,7 @@
597
598
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
598
599
  --sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
599
600
  --sky-color-background-blocking: var(--bb-color-rgba-black-70);
601
+ --sky-color-background-container-backdrop: var(--bb-color-steel-fusion-1000);
600
602
  --sky-color-background-container-base: var(--bb-color-steel-fusion-1100);
601
603
  --sky-color-background-container-danger: var(--bb-color-rgba-red-dark-600-35);
602
604
  --sky-color-background-container-dimmed: var(--bb-color-steel-fusion-1050);
@@ -691,7 +693,6 @@
691
693
  --sky-color-border-progress_step: var(--bb-color-gray-600);
692
694
  --sky-color-border-selected: var(--bb-color-blue-400);
693
695
  --sky-color-border-selected_soft: var(--bb-color-blue-600);
694
- --sky-color-border-separator-dark: var(--bb-color-gray-800);
695
696
  --sky-color-border-separator-light: var(--bb-color-gray-700);
696
697
  --sky-color-border-separator-row: var(--bb-color-gray-800);
697
698
  --sky-color-border-success: var(--bb-color-green-500);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blackbaud/skyux-design-tokens",
3
- "version": "6.2.0",
3
+ "version": "6.3.0",
4
4
  "description": "Design tokens for SKY UX",
5
5
  "homepage": "https://github.com/blackbaud/skyux-design-tokens",
6
6
  "license": "MIT",