@blackbaud/skyux-design-tokens 4.0.0 → 4.0.2

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 (9) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/assets/assets.json +1 -1
  3. package/assets/scss/base.css +13 -13
  4. package/assets/scss/blackbaud.css +1 -8
  5. package/assets/scss/modern.css +1 -1
  6. package/bundles/base.css +13 -13
  7. package/bundles/blackbaud.css +1 -8
  8. package/bundles/modern.css +1 -1
  9. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,21 @@
2
2
 
3
3
  - Added `neutral-medium-dark` token in modern. [#64](https://github.com/blackbaud/skyux-design-tokens/pull/64)
4
4
 
5
+ ## [4.0.2](https://github.com/blackbaud/skyux-design-tokens/compare/4.0.1...4.0.2) (2025-12-08)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * category colors for cielab ([#305](https://github.com/blackbaud/skyux-design-tokens/issues/305)) ([a08ec02](https://github.com/blackbaud/skyux-design-tokens/commit/a08ec02c83cba7e81aa73dd7237f1cf6551f236f))
11
+
12
+ ## [4.0.1](https://github.com/blackbaud/skyux-design-tokens/compare/4.0.0...4.0.1) (2025-12-08)
13
+
14
+
15
+ ### Bug Fixes
16
+
17
+ * category colors all to same 300 level ([#304](https://github.com/blackbaud/skyux-design-tokens/issues/304)) ([51662f5](https://github.com/blackbaud/skyux-design-tokens/commit/51662f542598eccbc967a3c9a0a080c33000dc4f))
18
+ * update warning color to 400 from 600 ([#302](https://github.com/blackbaud/skyux-design-tokens/issues/302)) ([4951f11](https://github.com/blackbaud/skyux-design-tokens/commit/4951f11a3ceb53ca526dea785b54012156dad810))
19
+
5
20
  ## [4.0.0](https://github.com/blackbaud/skyux-design-tokens/compare/3.3.0...4.0.0) (2025-12-05)
6
21
 
7
22
 
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/4.0.0/assets/images/favicon.ico"
5
+ "src": "https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.0.2/assets/images/favicon.ico"
6
6
  }
7
7
  },
8
8
  "strings": {
package/assets/scss/base.css CHANGED
@@ -206,7 +206,7 @@
206
206
  --bb-font-weight-light: 300;
207
207
  --bb-font-weight-regular: 400;
208
208
  --bb-font-weight-semibold: 600;
209
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.0.0/assets/images/bb-logo.png');
209
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.0.2/assets/images/bb-logo.png');
210
210
  --bb-letter_spacing-normal: normal;
211
211
  --bb-letter_spacing-wider: 0.01rem;
212
212
  --bb-letter_spacing-widest: 0.046875rem;
@@ -511,7 +511,7 @@
511
511
  --sky-color-background-icon_matte-danger: var(--bb-color-red-600);
512
512
  --sky-color-background-icon_matte-info: var(--bb-color-blue-600);
513
513
  --sky-color-background-icon_matte-success: var(--bb-color-green-600);
514
- --sky-color-background-icon_matte-warning: var(--bb-color-yellow-600);
514
+ --sky-color-background-icon_matte-warning: var(--bb-color-yellow-400);
515
515
  --sky-color-background-input-base: var(--bb-color-white);
516
516
  --sky-color-background-input-disabled: var(--bb-color-gray-100);
517
517
  --sky-color-background-nav-active: var(--bb-color-blue-100);
@@ -615,20 +615,20 @@
615
615
  --sky-color-border-tab-hover: var(--bb-color-blue-600);
616
616
  --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
617
617
  --sky-color-border-text_highlight: var(--bb-color-yellow-700);
618
- --sky-color-border-warning: var(--bb-color-yellow-600);
619
- --sky-color-category-blue: var(--bb-color-sky-300);
620
- --sky-color-category-green: var(--bb-color-green-300);
621
- --sky-color-category-orange: var(--bb-color-orange-400);
622
- --sky-color-category-purple: var(--bb-color-purple-300);
623
- --sky-color-category-red: var(--bb-color-red-300);
624
- --sky-color-category-teal: var(--bb-color-teal-400);
625
- --sky-color-category-yellow: var(--bb-color-yellow-300);
618
+ --sky-color-border-warning: var(--bb-color-yellow-400);
619
+ --sky-color-category-blue: var(--bb-color-sky-200);
620
+ --sky-color-category-green: var(--bb-color-green-200);
621
+ --sky-color-category-orange: var(--bb-color-orange-200);
622
+ --sky-color-category-purple: var(--bb-color-purple-200);
623
+ --sky-color-category-red: var(--bb-color-red-200);
624
+ --sky-color-category-teal: var(--bb-color-teal-200);
625
+ --sky-color-category-yellow: var(--bb-color-yellow-200);
626
626
  --sky-color-classify-1-heavy: var(--bb-color-teal-700);
627
627
  --sky-color-classify-1-soft: var(--bb-color-teal-200);
628
628
  --sky-color-classify-2-heavy: var(--bb-color-purple-700);
629
629
  --sky-color-classify-2-soft: var(--bb-color-purple-200);
630
- --sky-color-classify-3-heavy: var(--bb-color-blue-700);
631
- --sky-color-classify-3-soft: var(--bb-color-blue-200);
630
+ --sky-color-classify-3-heavy: var(--bb-color-sky-700);
631
+ --sky-color-classify-3-soft: var(--bb-color-sky-200);
632
632
  --sky-color-classify-4-heavy: var(--bb-color-orange-700);
633
633
  --sky-color-classify-4-soft: var(--bb-color-orange-200);
634
634
  --sky-color-classify-5-heavy: var(--bb-color-pink-700);
@@ -647,7 +647,7 @@
647
647
  --sky-color-icon-inverse: var(--bb-color-white);
648
648
  --sky-color-icon-selected: var(--bb-color-blue-600);
649
649
  --sky-color-icon-success: var(--bb-color-green-600);
650
- --sky-color-icon-warning: var(--bb-color-yellow-600);
650
+ --sky-color-icon-warning: var(--bb-color-yellow-400);
651
651
  --sky-color-illustration-fill-heavy: var(--bb-color-green-300);
652
652
  --sky-color-illustration-fill-soft: var(--bb-color-green-50);
653
653
  --sky-color-illustration-fill-softest: var(--bb-color-white);
package/assets/scss/blackbaud.css CHANGED
@@ -206,7 +206,7 @@
206
206
  --bb-font-weight-light: 300;
207
207
  --bb-font-weight-regular: 400;
208
208
  --bb-font-weight-semibold: 600;
209
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.0.0/assets/images/bb-logo.png');
209
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.0.2/assets/images/bb-logo.png');
210
210
  --bb-letter_spacing-normal: normal;
211
211
  --bb-letter_spacing-wider: 0.01rem;
212
212
  --bb-letter_spacing-widest: 0.046875rem;
@@ -306,13 +306,6 @@
306
306
  --sky-color-border-separator-light: var(--bb-color-slate-250);
307
307
  --sky-color-border-separator-row: var(--bb-color-slate-250);
308
308
  --sky-color-border-switch-base: var(--bb-color-slate-500);
309
- --sky-color-category-blue: var(--bb-color-sky-300);
310
- --sky-color-category-green: var(--bb-color-green-300);
311
- --sky-color-category-orange: var(--bb-color-orange-400);
312
- --sky-color-category-purple: var(--bb-color-purple-300);
313
- --sky-color-category-red: var(--bb-color-red-300);
314
- --sky-color-category-teal: var(--bb-color-teal-400);
315
- --sky-color-category-yellow: var(--bb-color-yellow-300);
316
309
  --sky-color-icon-input-action: var(--bb-color-blue-600);
317
310
  --sky-color-illustration-fill-heavy: var(--bb-color-green-300);
318
311
  --sky-color-illustration-fill-soft: var(--bb-color-green-50);
package/assets/scss/modern.css CHANGED
@@ -77,7 +77,7 @@
77
77
  --modern-font-weight-light: 300;
78
78
  --modern-font-weight-regular: 400;
79
79
  --modern-font-weight-semibold: 600;
80
- --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.0.0/assets/images/bb-logo.png');
80
+ --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.0.2/assets/images/bb-logo.png');
81
81
  --modern-letter_spacing-normal: normal;
82
82
  --modern-line_height-110: 1.1;
83
83
  --modern-line_height-115: 1.15;
package/bundles/base.css CHANGED
@@ -206,7 +206,7 @@
206
206
  --bb-font-weight-light: 300;
207
207
  --bb-font-weight-regular: 400;
208
208
  --bb-font-weight-semibold: 600;
209
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.0.0/assets/images/bb-logo.png');
209
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.0.2/assets/images/bb-logo.png');
210
210
  --bb-letter_spacing-normal: normal;
211
211
  --bb-letter_spacing-wider: 0.01rem;
212
212
  --bb-letter_spacing-widest: 0.046875rem;
@@ -511,7 +511,7 @@
511
511
  --sky-color-background-icon_matte-danger: var(--bb-color-red-600);
512
512
  --sky-color-background-icon_matte-info: var(--bb-color-blue-600);
513
513
  --sky-color-background-icon_matte-success: var(--bb-color-green-600);
514
- --sky-color-background-icon_matte-warning: var(--bb-color-yellow-600);
514
+ --sky-color-background-icon_matte-warning: var(--bb-color-yellow-400);
515
515
  --sky-color-background-input-base: var(--bb-color-white);
516
516
  --sky-color-background-input-disabled: var(--bb-color-gray-100);
517
517
  --sky-color-background-nav-active: var(--bb-color-blue-100);
@@ -615,20 +615,20 @@
615
615
  --sky-color-border-tab-hover: var(--bb-color-blue-600);
616
616
  --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
617
617
  --sky-color-border-text_highlight: var(--bb-color-yellow-700);
618
- --sky-color-border-warning: var(--bb-color-yellow-600);
619
- --sky-color-category-blue: var(--bb-color-sky-300);
620
- --sky-color-category-green: var(--bb-color-green-300);
621
- --sky-color-category-orange: var(--bb-color-orange-400);
622
- --sky-color-category-purple: var(--bb-color-purple-300);
623
- --sky-color-category-red: var(--bb-color-red-300);
624
- --sky-color-category-teal: var(--bb-color-teal-400);
625
- --sky-color-category-yellow: var(--bb-color-yellow-300);
618
+ --sky-color-border-warning: var(--bb-color-yellow-400);
619
+ --sky-color-category-blue: var(--bb-color-sky-200);
620
+ --sky-color-category-green: var(--bb-color-green-200);
621
+ --sky-color-category-orange: var(--bb-color-orange-200);
622
+ --sky-color-category-purple: var(--bb-color-purple-200);
623
+ --sky-color-category-red: var(--bb-color-red-200);
624
+ --sky-color-category-teal: var(--bb-color-teal-200);
625
+ --sky-color-category-yellow: var(--bb-color-yellow-200);
626
626
  --sky-color-classify-1-heavy: var(--bb-color-teal-700);
627
627
  --sky-color-classify-1-soft: var(--bb-color-teal-200);
628
628
  --sky-color-classify-2-heavy: var(--bb-color-purple-700);
629
629
  --sky-color-classify-2-soft: var(--bb-color-purple-200);
630
- --sky-color-classify-3-heavy: var(--bb-color-blue-700);
631
- --sky-color-classify-3-soft: var(--bb-color-blue-200);
630
+ --sky-color-classify-3-heavy: var(--bb-color-sky-700);
631
+ --sky-color-classify-3-soft: var(--bb-color-sky-200);
632
632
  --sky-color-classify-4-heavy: var(--bb-color-orange-700);
633
633
  --sky-color-classify-4-soft: var(--bb-color-orange-200);
634
634
  --sky-color-classify-5-heavy: var(--bb-color-pink-700);
@@ -647,7 +647,7 @@
647
647
  --sky-color-icon-inverse: var(--bb-color-white);
648
648
  --sky-color-icon-selected: var(--bb-color-blue-600);
649
649
  --sky-color-icon-success: var(--bb-color-green-600);
650
- --sky-color-icon-warning: var(--bb-color-yellow-600);
650
+ --sky-color-icon-warning: var(--bb-color-yellow-400);
651
651
  --sky-color-illustration-fill-heavy: var(--bb-color-green-300);
652
652
  --sky-color-illustration-fill-soft: var(--bb-color-green-50);
653
653
  --sky-color-illustration-fill-softest: var(--bb-color-white);
package/bundles/blackbaud.css CHANGED
@@ -206,7 +206,7 @@
206
206
  --bb-font-weight-light: 300;
207
207
  --bb-font-weight-regular: 400;
208
208
  --bb-font-weight-semibold: 600;
209
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.0.0/assets/images/bb-logo.png');
209
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.0.2/assets/images/bb-logo.png');
210
210
  --bb-letter_spacing-normal: normal;
211
211
  --bb-letter_spacing-wider: 0.01rem;
212
212
  --bb-letter_spacing-widest: 0.046875rem;
@@ -306,13 +306,6 @@
306
306
  --sky-color-border-separator-light: var(--bb-color-slate-250);
307
307
  --sky-color-border-separator-row: var(--bb-color-slate-250);
308
308
  --sky-color-border-switch-base: var(--bb-color-slate-500);
309
- --sky-color-category-blue: var(--bb-color-sky-300);
310
- --sky-color-category-green: var(--bb-color-green-300);
311
- --sky-color-category-orange: var(--bb-color-orange-400);
312
- --sky-color-category-purple: var(--bb-color-purple-300);
313
- --sky-color-category-red: var(--bb-color-red-300);
314
- --sky-color-category-teal: var(--bb-color-teal-400);
315
- --sky-color-category-yellow: var(--bb-color-yellow-300);
316
309
  --sky-color-icon-input-action: var(--bb-color-blue-600);
317
310
  --sky-color-illustration-fill-heavy: var(--bb-color-green-300);
318
311
  --sky-color-illustration-fill-soft: var(--bb-color-green-50);
package/bundles/modern.css CHANGED
@@ -77,7 +77,7 @@
77
77
  --modern-font-weight-light: 300;
78
78
  --modern-font-weight-regular: 400;
79
79
  --modern-font-weight-semibold: 600;
80
- --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.0.0/assets/images/bb-logo.png');
80
+ --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.0.2/assets/images/bb-logo.png');
81
81
  --modern-letter_spacing-normal: normal;
82
82
  --modern-line_height-110: 1.1;
83
83
  --modern-line_height-115: 1.15;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blackbaud/skyux-design-tokens",
3
- "version": "4.0.0",
3
+ "version": "4.0.2",
4
4
  "description": "Design tokens for SKY UX",
5
5
  "homepage": "https://github.com/blackbaud/skyux-design-tokens",
6
6
  "license": "MIT",