@blackbaud/skyux-design-tokens 7.0.0-alpha.2 → 7.0.0-alpha.3

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 +32 -5
  2. package/assets/assets.json +1 -1
  3. package/assets/scss/base.css +16 -10
  4. package/assets/scss/blackbaud.css +12 -10
  5. package/bundles/base.css +16 -10
  6. package/bundles/blackbaud.css +12 -10
  7. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,19 +1,39 @@
1
1
  # Changelog
2
2
 
3
- ## [7.0.0-alpha.2](https://github.com/blackbaud/skyux-design-tokens/compare/7.0.0-alpha.1...7.0.0-alpha.2) (2026-08-17)
3
+ ## [7.0.0-alpha.3](https://github.com/blackbaud/skyux-design-tokens/compare/7.0.0-alpha.2...7.0.0-alpha.3) (2026-08-20)
4
+
5
+
6
+ ### Features
7
+
8
+ * add tokens for container overlay border styles ([#384](https://github.com/blackbaud/skyux-design-tokens/issues/384)) ([#386](https://github.com/blackbaud/skyux-design-tokens/issues/386)) ([deaf1cd](https://github.com/blackbaud/skyux-design-tokens/commit/deaf1cd5988cd83baed33302659c589491245e0a))
4
9
 
5
10
 
6
11
  ### Bug Fixes
7
12
 
8
- * dark mode backdrop fix ([#375](https://github.com/blackbaud/skyux-design-tokens/issues/375)) ([d447cac](https://github.com/blackbaud/skyux-design-tokens/commit/d447cac4bb928c5d42995564ea19e9e642d1d8c9))
9
- * 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)) ([#382](https://github.com/blackbaud/skyux-design-tokens/issues/382)) ([0a460f4](https://github.com/blackbaud/skyux-design-tokens/commit/0a460f4775bbde92b00057f831ddf20b76accf46))
13
+ * update blocking wait background in dark mode ([#380](https://github.com/blackbaud/skyux-design-tokens/issues/380)) ([#395](https://github.com/blackbaud/skyux-design-tokens/issues/395)) ([c177b19](https://github.com/blackbaud/skyux-design-tokens/commit/c177b19e231f5686796483eb01e06c423c8bf98e))
10
14
 
11
- ## [7.0.0-alpha.1](https://github.com/blackbaud/skyux-design-tokens/compare/7.0.0-alpha.0...7.0.0-alpha.1) (2026-08-04)
15
+ ## [6.3.1](https://github.com/blackbaud/skyux-design-tokens/compare/6.3.0...6.3.1) (2026-08-18)
16
+
17
+
18
+ ### Bug Fixes
19
+
20
+ * update blocking wait background in dark mode ([#380](https://github.com/blackbaud/skyux-design-tokens/issues/380)) ([98754ee](https://github.com/blackbaud/skyux-design-tokens/commit/98754eeffa812a1b34b23858539d13fc162ba16f))
21
+
22
+ ## [6.3.0](https://github.com/blackbaud/skyux-design-tokens/compare/6.2.1...6.3.0) (2026-08-18)
12
23
 
13
24
 
14
25
  ### Features
15
26
 
16
- * add tokens for styling scrollbars ([#370](https://github.com/blackbaud/skyux-design-tokens/issues/370)) ([#372](https://github.com/blackbaud/skyux-design-tokens/issues/372)) ([5460b7d](https://github.com/blackbaud/skyux-design-tokens/commit/5460b7d393c4e18e5427be6997e91bac12977009))
27
+ * 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))
28
+
29
+ ## [7.0.0-alpha.2](https://github.com/blackbaud/skyux-design-tokens/compare/7.0.0-alpha.1...7.0.0-alpha.2) (2026-08-17)
30
+
31
+
32
+ ### Bug Fixes
33
+
34
+ * dark mode backdrop fix ([#375](https://github.com/blackbaud/skyux-design-tokens/issues/375)) ([d447cac](https://github.com/blackbaud/skyux-design-tokens/commit/d447cac4bb928c5d42995564ea19e9e642d1d8c9))
35
+ * 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)) ([#382](https://github.com/blackbaud/skyux-design-tokens/issues/382)) ([0a460f4](https://github.com/blackbaud/skyux-design-tokens/commit/0a460f4775bbde92b00057f831ddf20b76accf46))
36
+
17
37
 
18
38
  ## [6.2.1](https://github.com/blackbaud/skyux-design-tokens/compare/6.2.0...6.2.1) (2026-08-17)
19
39
 
@@ -23,6 +43,13 @@
23
43
  * 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))
24
44
  * 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))
25
45
 
46
+ ## [7.0.0-alpha.1](https://github.com/blackbaud/skyux-design-tokens/compare/7.0.0-alpha.0...7.0.0-alpha.1) (2026-08-04)
47
+
48
+
49
+ ### Features
50
+
51
+ * add tokens for styling scrollbars ([#370](https://github.com/blackbaud/skyux-design-tokens/issues/370)) ([#372](https://github.com/blackbaud/skyux-design-tokens/issues/372)) ([5460b7d](https://github.com/blackbaud/skyux-design-tokens/commit/5460b7d393c4e18e5427be6997e91bac12977009))
52
+
26
53
  ## [6.2.0](https://github.com/blackbaud/skyux-design-tokens/compare/6.1.2...6.2.0) (2026-08-04)
27
54
 
28
55
 
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/7.0.0-alpha.2/assets/images/favicon.ico"
5
+ "src": "https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/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;
@@ -239,6 +240,7 @@
239
240
  --bb-color-rgba-red-dark-600-50: rgba(181, 47, 50, 0.5);
240
241
  --bb-color-rgba-sky-600-40: rgba(0, 207, 255, 0.4);
241
242
  --bb-color-rgba-steel-fusion-100-5: rgba(243, 246, 249, 0.05);
243
+ --bb-color-rgba-steel-fusion-1100-70: rgba(28, 34, 40, 0.7);
242
244
  --bb-color-rgba-white-5: rgba(255, 255, 255, 0.05);
243
245
  --bb-color-rgba-white-70: rgba(255, 255, 255, 0.7);
244
246
  --bb-color-rgba-yellow-dark-600-25: rgba(162, 81, 0, 0.25);
@@ -379,15 +381,15 @@
379
381
  --bb-font-weight-light: 300;
380
382
  --bb-font-weight-regular: 400;
381
383
  --bb-font-weight-semibold: 600;
382
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.2/assets/images/bb-logo.png');
383
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.2/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/7.0.0-alpha.3/assets/images/bb-logo.png');
385
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
391
393
  --bb-letter_spacing-normal: normal;
392
394
  --bb-letter_spacing-wider: 0.01rem;
393
395
  --bb-letter_spacing-widest: 0.046875rem;
@@ -810,7 +812,7 @@
810
812
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
811
813
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
812
814
  --sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
813
- --sky-color-background-blocking: var(--bb-color-rgba-black-70);
815
+ --sky-color-background-blocking: var(--bb-color-rgba-steel-fusion-1100-70);
814
816
  --sky-color-background-container-backdrop: var(--bb-color-gray-900);
815
817
  --sky-color-background-container-base: var(--bb-color-gray-1000);
816
818
  --sky-color-background-container-danger: var(--bb-color-red-800);
@@ -1104,6 +1106,7 @@
1104
1106
  --sky-border-radius-thumb: var(--bb-border-radius-round);
1105
1107
  --sky-border-radius-xs: var(--bb-border-radius-012);
1106
1108
  --sky-border-style-accent: var(--bb-border-style-solid);
1109
+ --sky-border-style-container-overlay: var(--bb-border-style-none);
1107
1110
  --sky-border-style-divider: var(--bb-border-style-solid);
1108
1111
  --sky-border-style-elevation: var(--bb-border-style-solid);
1109
1112
  --sky-border-style-separator-dark: var(--bb-border-style-solid);
@@ -1807,3 +1810,6 @@
1807
1810
  --sky-type-heading-1: var(--sky-font-style-heading-1) var(--sky-font-size-heading-1)/36 'var(--bb-font-blkb_sans-name)';
1808
1811
  --sky-type-input-val: var(--sky-font-style-body-s) var(--sky-font-size-input-val)/20 'var(--bb-font-blkb_sans-name)';
1809
1812
  }
1813
+ .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
1814
+ --sky-border-style-container-overlay: var(--bb-border-style-solid);
1815
+ }
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;
@@ -239,6 +240,7 @@
239
240
  --bb-color-rgba-red-dark-600-50: rgba(181, 47, 50, 0.5);
240
241
  --bb-color-rgba-sky-600-40: rgba(0, 207, 255, 0.4);
241
242
  --bb-color-rgba-steel-fusion-100-5: rgba(243, 246, 249, 0.05);
243
+ --bb-color-rgba-steel-fusion-1100-70: rgba(28, 34, 40, 0.7);
242
244
  --bb-color-rgba-white-5: rgba(255, 255, 255, 0.05);
243
245
  --bb-color-rgba-white-70: rgba(255, 255, 255, 0.7);
244
246
  --bb-color-rgba-yellow-dark-600-25: rgba(162, 81, 0, 0.25);
@@ -379,15 +381,15 @@
379
381
  --bb-font-weight-light: 300;
380
382
  --bb-font-weight-regular: 400;
381
383
  --bb-font-weight-semibold: 600;
382
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.2/assets/images/bb-logo.png');
383
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.2/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/7.0.0-alpha.3/assets/images/bb-logo.png');
385
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
391
393
  --bb-letter_spacing-normal: normal;
392
394
  --bb-letter_spacing-wider: 0.01rem;
393
395
  --bb-letter_spacing-widest: 0.046875rem;
@@ -596,7 +598,7 @@
596
598
  --sky-color-background-action-tertiary-disabled: var(--bb-color-gray-700);
597
599
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
598
600
  --sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
599
- --sky-color-background-blocking: var(--bb-color-rgba-black-70);
601
+ --sky-color-background-blocking: var(--bb-color-rgba-steel-fusion-1100-70);
600
602
  --sky-color-background-container-backdrop: var(--bb-color-steel-fusion-1000);
601
603
  --sky-color-background-container-base: var(--bb-color-steel-fusion-1100);
602
604
  --sky-color-background-container-danger: var(--bb-color-rgba-red-dark-600-35);
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;
@@ -239,6 +240,7 @@
239
240
  --bb-color-rgba-red-dark-600-50: rgba(181, 47, 50, 0.5);
240
241
  --bb-color-rgba-sky-600-40: rgba(0, 207, 255, 0.4);
241
242
  --bb-color-rgba-steel-fusion-100-5: rgba(243, 246, 249, 0.05);
243
+ --bb-color-rgba-steel-fusion-1100-70: rgba(28, 34, 40, 0.7);
242
244
  --bb-color-rgba-white-5: rgba(255, 255, 255, 0.05);
243
245
  --bb-color-rgba-white-70: rgba(255, 255, 255, 0.7);
244
246
  --bb-color-rgba-yellow-dark-600-25: rgba(162, 81, 0, 0.25);
@@ -379,15 +381,15 @@
379
381
  --bb-font-weight-light: 300;
380
382
  --bb-font-weight-regular: 400;
381
383
  --bb-font-weight-semibold: 600;
382
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.2/assets/images/bb-logo.png');
383
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.2/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/7.0.0-alpha.3/assets/images/bb-logo.png');
385
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
391
393
  --bb-letter_spacing-normal: normal;
392
394
  --bb-letter_spacing-wider: 0.01rem;
393
395
  --bb-letter_spacing-widest: 0.046875rem;
@@ -810,7 +812,7 @@
810
812
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
811
813
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
812
814
  --sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
813
- --sky-color-background-blocking: var(--bb-color-rgba-black-70);
815
+ --sky-color-background-blocking: var(--bb-color-rgba-steel-fusion-1100-70);
814
816
  --sky-color-background-container-backdrop: var(--bb-color-gray-900);
815
817
  --sky-color-background-container-base: var(--bb-color-gray-1000);
816
818
  --sky-color-background-container-danger: var(--bb-color-red-800);
@@ -1104,6 +1106,7 @@
1104
1106
  --sky-border-radius-thumb: var(--bb-border-radius-round);
1105
1107
  --sky-border-radius-xs: var(--bb-border-radius-012);
1106
1108
  --sky-border-style-accent: var(--bb-border-style-solid);
1109
+ --sky-border-style-container-overlay: var(--bb-border-style-none);
1107
1110
  --sky-border-style-divider: var(--bb-border-style-solid);
1108
1111
  --sky-border-style-elevation: var(--bb-border-style-solid);
1109
1112
  --sky-border-style-separator-dark: var(--bb-border-style-solid);
@@ -1807,3 +1810,6 @@
1807
1810
  --sky-type-heading-1: var(--sky-font-style-heading-1) var(--sky-font-size-heading-1)/36 'var(--bb-font-blkb_sans-name)';
1808
1811
  --sky-type-input-val: var(--sky-font-style-body-s) var(--sky-font-size-input-val)/20 'var(--bb-font-blkb_sans-name)';
1809
1812
  }
1813
+ .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
1814
+ --sky-border-style-container-overlay: var(--bb-border-style-solid);
1815
+ }
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;
@@ -239,6 +240,7 @@
239
240
  --bb-color-rgba-red-dark-600-50: rgba(181, 47, 50, 0.5);
240
241
  --bb-color-rgba-sky-600-40: rgba(0, 207, 255, 0.4);
241
242
  --bb-color-rgba-steel-fusion-100-5: rgba(243, 246, 249, 0.05);
243
+ --bb-color-rgba-steel-fusion-1100-70: rgba(28, 34, 40, 0.7);
242
244
  --bb-color-rgba-white-5: rgba(255, 255, 255, 0.05);
243
245
  --bb-color-rgba-white-70: rgba(255, 255, 255, 0.7);
244
246
  --bb-color-rgba-yellow-dark-600-25: rgba(162, 81, 0, 0.25);
@@ -379,15 +381,15 @@
379
381
  --bb-font-weight-light: 300;
380
382
  --bb-font-weight-regular: 400;
381
383
  --bb-font-weight-semibold: 600;
382
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.2/assets/images/bb-logo.png');
383
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.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/7.0.0-alpha.2/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/7.0.0-alpha.3/assets/images/bb-logo.png');
385
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/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/7.0.0-alpha.3/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
391
393
  --bb-letter_spacing-normal: normal;
392
394
  --bb-letter_spacing-wider: 0.01rem;
393
395
  --bb-letter_spacing-widest: 0.046875rem;
@@ -596,7 +598,7 @@
596
598
  --sky-color-background-action-tertiary-disabled: var(--bb-color-gray-700);
597
599
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
598
600
  --sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
599
- --sky-color-background-blocking: var(--bb-color-rgba-black-70);
601
+ --sky-color-background-blocking: var(--bb-color-rgba-steel-fusion-1100-70);
600
602
  --sky-color-background-container-backdrop: var(--bb-color-steel-fusion-1000);
601
603
  --sky-color-background-container-base: var(--bb-color-steel-fusion-1100);
602
604
  --sky-color-background-container-danger: var(--bb-color-rgba-red-dark-600-35);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blackbaud/skyux-design-tokens",
3
- "version": "7.0.0-alpha.2",
3
+ "version": "7.0.0-alpha.3",
4
4
  "description": "Design tokens for SKY UX",
5
5
  "homepage": "https://github.com/blackbaud/skyux-design-tokens",
6
6
  "license": "MIT",