@blackbaud/skyux-design-tokens 6.1.2 → 6.2.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 +7 -0
  2. package/assets/assets.json +1 -1
  3. package/assets/scss/base.css +25 -9
  4. package/assets/scss/blackbaud.css +21 -9
  5. package/bundles/base.css +25 -9
  6. package/bundles/blackbaud.css +21 -9
  7. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -5,6 +5,13 @@
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.2.0](https://github.com/blackbaud/skyux-design-tokens/compare/6.1.2...6.2.0) (2026-08-04)
9
+
10
+
11
+ ### Features
12
+
13
+ * add tokens for styling scrollbars ([#370](https://github.com/blackbaud/skyux-design-tokens/issues/370)) ([0b88c85](https://github.com/blackbaud/skyux-design-tokens/commit/0b88c85fbb12bf73417340947dae5ace0a92eda1))
14
+
8
15
  ## [6.1.2](https://github.com/blackbaud/skyux-design-tokens/compare/6.1.1...6.1.2) (2026-07-17)
9
16
 
10
17
 
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.1.2/assets/images/favicon.ico"
5
+ "src": "https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/favicon.ico"
6
6
  }
7
7
  },
8
8
  "strings": {
package/assets/scss/base.css CHANGED
@@ -379,15 +379,15 @@
379
379
  --bb-font-weight-light: 300;
380
380
  --bb-font-weight-regular: 400;
381
381
  --bb-font-weight-semibold: 600;
382
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.1.2/assets/images/bb-logo.png');
383
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.1.2/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.1.2/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.1.2/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.1.2/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.1.2/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.1.2/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.1.2/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.1.2/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
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');
391
391
  --bb-letter_spacing-normal: normal;
392
392
  --bb-letter_spacing-wider: 0.01rem;
393
393
  --bb-letter_spacing-widest: 0.046875rem;
@@ -486,6 +486,14 @@
486
486
  --bb-shadow-slate-800: 0 5px 5px -3px rgba(33, 44, 63, 0.2), 0 3px 14px 2px rgba(33, 44, 63, 0.12), 0 8px 10px 1px rgba(33, 44, 63, 0.14);
487
487
  --bb-shadow-slate-simple-400: 1px 2px 4px 0 rgba(33, 44, 63, 0.5);
488
488
  }
489
+ :root:has(body.sky-theme-modern.sky-theme-brand-base) {
490
+ --bb-color-scrollbar-base-dark-thumb: #51555c;
491
+ --bb-color-scrollbar-base-dark-track: #1e2229;
492
+ --bb-color-scrollbar-base-light-thumb: #85888d;
493
+ --bb-color-scrollbar-base-light-track: #ffffff;
494
+ --bb-color-scrollbar-bb-dark-thumb: #51555c;
495
+ --bb-color-scrollbar-bb-dark-track: #1c2228;
496
+ }
489
497
  .sky-theme-modern.sky-theme-brand-base {
490
498
  --sky-brand-name: var(--bb-brand-name);
491
499
  --sky-color-background-action-accent-active: var(--bb-color-blue-100);
@@ -772,6 +780,10 @@
772
780
  --sky-elevation-overlay-simple-100: var(--bb-shadow-gray-simple-400);
773
781
  --sky-elevation-raised-100: var(--bb-shadow-gray-100);
774
782
  }
783
+ :root:has(body.sky-theme-modern.sky-theme-brand-base) {
784
+ --sky-color-scrollbar-thumb: var(--bb-color-scrollbar-base-light-thumb);
785
+ --sky-color-scrollbar-track: var(--bb-color-scrollbar-base-light-track);
786
+ }
775
787
  .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
776
788
  --sky-color-background-action-accent-active: var(--bb-color-gray-600);
777
789
  --sky-color-background-action-accent-base: var(--bb-color-blue-900);
@@ -1025,6 +1037,10 @@
1025
1037
  --sky-elevation-overlay-simple-100: var(--bb-shadow-gray-simple-400);
1026
1038
  --sky-elevation-raised-100: var(--bb-shadow-gray-100);
1027
1039
  }
1040
+ :root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark) {
1041
+ --sky-color-scrollbar-thumb: var(--bb-color-scrollbar-base-dark-thumb);
1042
+ --sky-color-scrollbar-track: var(--bb-color-scrollbar-base-dark-track);
1043
+ }
1028
1044
  .sky-theme-modern.sky-theme-brand-base {
1029
1045
  --sky-font-style-deemphasized-style: italic;
1030
1046
  --sky-font-style-deemphasized-weight: 400;
package/assets/scss/blackbaud.css CHANGED
@@ -379,15 +379,15 @@
379
379
  --bb-font-weight-light: 300;
380
380
  --bb-font-weight-regular: 400;
381
381
  --bb-font-weight-semibold: 600;
382
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.1.2/assets/images/bb-logo.png');
383
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.1.2/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.1.2/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.1.2/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.1.2/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.1.2/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.1.2/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.1.2/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.1.2/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
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');
391
391
  --bb-letter_spacing-normal: normal;
392
392
  --bb-letter_spacing-wider: 0.01rem;
393
393
  --bb-letter_spacing-widest: 0.046875rem;
@@ -486,6 +486,14 @@
486
486
  --bb-shadow-slate-800: 0 5px 5px -3px rgba(33, 44, 63, 0.2), 0 3px 14px 2px rgba(33, 44, 63, 0.12), 0 8px 10px 1px rgba(33, 44, 63, 0.14);
487
487
  --bb-shadow-slate-simple-400: 1px 2px 4px 0 rgba(33, 44, 63, 0.5);
488
488
  }
489
+ :root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud) {
490
+ --bb-color-scrollbar-base-dark-thumb: #51555c;
491
+ --bb-color-scrollbar-base-dark-track: #1e2229;
492
+ --bb-color-scrollbar-base-light-thumb: #85888d;
493
+ --bb-color-scrollbar-base-light-track: #ffffff;
494
+ --bb-color-scrollbar-bb-dark-thumb: #51555c;
495
+ --bb-color-scrollbar-bb-dark-track: #1c2228;
496
+ }
489
497
  .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud {
490
498
  --sky-brand-name: var(--bb-brand-name);
491
499
  --sky-color-background-action-accent-base: var(--bb-color-blue-25);
@@ -757,3 +765,7 @@
757
765
  --sky-elevation-overlay-simple-100: var(--bb-shadow-heavy-black-simple-400);
758
766
  --sky-elevation-raised-100: var(--bb-shadow-heavy-black-100);
759
767
  }
768
+ :root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud.sky-theme-mode-dark) {
769
+ --sky-color-scrollbar-thumb: var(--bb-color-scrollbar-bb-dark-thumb);
770
+ --sky-color-scrollbar-track: var(--bb-color-scrollbar-bb-dark-track);
771
+ }
package/bundles/base.css CHANGED
@@ -379,15 +379,15 @@
379
379
  --bb-font-weight-light: 300;
380
380
  --bb-font-weight-regular: 400;
381
381
  --bb-font-weight-semibold: 600;
382
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.1.2/assets/images/bb-logo.png');
383
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.1.2/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.1.2/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.1.2/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.1.2/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.1.2/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.1.2/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.1.2/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.1.2/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
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');
391
391
  --bb-letter_spacing-normal: normal;
392
392
  --bb-letter_spacing-wider: 0.01rem;
393
393
  --bb-letter_spacing-widest: 0.046875rem;
@@ -486,6 +486,14 @@
486
486
  --bb-shadow-slate-800: 0 5px 5px -3px rgba(33, 44, 63, 0.2), 0 3px 14px 2px rgba(33, 44, 63, 0.12), 0 8px 10px 1px rgba(33, 44, 63, 0.14);
487
487
  --bb-shadow-slate-simple-400: 1px 2px 4px 0 rgba(33, 44, 63, 0.5);
488
488
  }
489
+ :root:has(body.sky-theme-modern.sky-theme-brand-base) {
490
+ --bb-color-scrollbar-base-dark-thumb: #51555c;
491
+ --bb-color-scrollbar-base-dark-track: #1e2229;
492
+ --bb-color-scrollbar-base-light-thumb: #85888d;
493
+ --bb-color-scrollbar-base-light-track: #ffffff;
494
+ --bb-color-scrollbar-bb-dark-thumb: #51555c;
495
+ --bb-color-scrollbar-bb-dark-track: #1c2228;
496
+ }
489
497
  .sky-theme-modern.sky-theme-brand-base {
490
498
  --sky-brand-name: var(--bb-brand-name);
491
499
  --sky-color-background-action-accent-active: var(--bb-color-blue-100);
@@ -772,6 +780,10 @@
772
780
  --sky-elevation-overlay-simple-100: var(--bb-shadow-gray-simple-400);
773
781
  --sky-elevation-raised-100: var(--bb-shadow-gray-100);
774
782
  }
783
+ :root:has(body.sky-theme-modern.sky-theme-brand-base) {
784
+ --sky-color-scrollbar-thumb: var(--bb-color-scrollbar-base-light-thumb);
785
+ --sky-color-scrollbar-track: var(--bb-color-scrollbar-base-light-track);
786
+ }
775
787
  .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
776
788
  --sky-color-background-action-accent-active: var(--bb-color-gray-600);
777
789
  --sky-color-background-action-accent-base: var(--bb-color-blue-900);
@@ -1025,6 +1037,10 @@
1025
1037
  --sky-elevation-overlay-simple-100: var(--bb-shadow-gray-simple-400);
1026
1038
  --sky-elevation-raised-100: var(--bb-shadow-gray-100);
1027
1039
  }
1040
+ :root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark) {
1041
+ --sky-color-scrollbar-thumb: var(--bb-color-scrollbar-base-dark-thumb);
1042
+ --sky-color-scrollbar-track: var(--bb-color-scrollbar-base-dark-track);
1043
+ }
1028
1044
  .sky-theme-modern.sky-theme-brand-base {
1029
1045
  --sky-font-style-deemphasized-style: italic;
1030
1046
  --sky-font-style-deemphasized-weight: 400;
package/bundles/blackbaud.css CHANGED
@@ -379,15 +379,15 @@
379
379
  --bb-font-weight-light: 300;
380
380
  --bb-font-weight-regular: 400;
381
381
  --bb-font-weight-semibold: 600;
382
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.1.2/assets/images/bb-logo.png');
383
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.1.2/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.1.2/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.1.2/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.1.2/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.1.2/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.1.2/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.1.2/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.1.2/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
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');
391
391
  --bb-letter_spacing-normal: normal;
392
392
  --bb-letter_spacing-wider: 0.01rem;
393
393
  --bb-letter_spacing-widest: 0.046875rem;
@@ -486,6 +486,14 @@
486
486
  --bb-shadow-slate-800: 0 5px 5px -3px rgba(33, 44, 63, 0.2), 0 3px 14px 2px rgba(33, 44, 63, 0.12), 0 8px 10px 1px rgba(33, 44, 63, 0.14);
487
487
  --bb-shadow-slate-simple-400: 1px 2px 4px 0 rgba(33, 44, 63, 0.5);
488
488
  }
489
+ :root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud) {
490
+ --bb-color-scrollbar-base-dark-thumb: #51555c;
491
+ --bb-color-scrollbar-base-dark-track: #1e2229;
492
+ --bb-color-scrollbar-base-light-thumb: #85888d;
493
+ --bb-color-scrollbar-base-light-track: #ffffff;
494
+ --bb-color-scrollbar-bb-dark-thumb: #51555c;
495
+ --bb-color-scrollbar-bb-dark-track: #1c2228;
496
+ }
489
497
  .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud {
490
498
  --sky-brand-name: var(--bb-brand-name);
491
499
  --sky-color-background-action-accent-base: var(--bb-color-blue-25);
@@ -757,3 +765,7 @@
757
765
  --sky-elevation-overlay-simple-100: var(--bb-shadow-heavy-black-simple-400);
758
766
  --sky-elevation-raised-100: var(--bb-shadow-heavy-black-100);
759
767
  }
768
+ :root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud.sky-theme-mode-dark) {
769
+ --sky-color-scrollbar-thumb: var(--bb-color-scrollbar-bb-dark-thumb);
770
+ --sky-color-scrollbar-track: var(--bb-color-scrollbar-bb-dark-track);
771
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blackbaud/skyux-design-tokens",
3
- "version": "6.1.2",
3
+ "version": "6.2.0",
4
4
  "description": "Design tokens for SKY UX",
5
5
  "homepage": "https://github.com/blackbaud/skyux-design-tokens",
6
6
  "license": "MIT",
@@ -17,7 +17,7 @@
17
17
  "publishToNPM": true
18
18
  },
19
19
  "devDependencies": {
20
- "@blackbaud/skyux-branding-builder": "5.0.1",
20
+ "@blackbaud/skyux-branding-builder": "5.1.0",
21
21
  "@skyux/dev-infra-private": "github:blackbaud/skyux-dev-infra-private-builds#12.0.0-alpha.21",
22
22
  "@tokens-studio/sd-transforms": "2.0.3",
23
23
  "@types/fs-extra": "11.0.4",