@blackbaud/skyux-design-tokens 6.0.1 → 6.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 +7 -0
  2. package/README.md +6 -2
  3. package/assets/assets.json +1 -1
  4. package/assets/scss/base.css +9 -9
  5. package/assets/scss/blackbaud.css +9 -9
  6. package/bundles/base.css +9 -9
  7. package/bundles/blackbaud.css +9 -9
  8. package/bundles/public-api.css +5 -5
  9. package/package.json +1 -1
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.0.2](https://github.com/blackbaud/skyux-design-tokens/compare/6.0.1...6.0.2) (2026-05-12)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * assign default custom property values in root ([#356](https://github.com/blackbaud/skyux-design-tokens/issues/356)) ([950f764](https://github.com/blackbaud/skyux-design-tokens/commit/950f7645419850447e13fe9a70546400be697713))
14
+
8
15
  ## [6.0.1](https://github.com/blackbaud/skyux-design-tokens/compare/6.0.0...6.0.1) (2026-04-23)
9
16
 
10
17
 
package/README.md CHANGED
@@ -20,6 +20,10 @@ To create these result files locally, clone this repository, run `npm install` a
20
20
 
21
21
  If you see a test failure that indicates the test is "obsolete," it means that the outputted tokens have changed and the snapshot test failed. To update the snapshot, run `vitest run --update` and review the changes to the snapshot file to ensure they are all expected. If you do not have `vitest` installed, run `npm i -g vitest`.
22
22
 
23
- ## Testing CSS with local preview
23
+ ## Testing with local preview
24
24
 
25
- To add CSS to any SPA you are locally previewing, create a file `src/dev/extra-styles.css`. `:ng-deep`, `:host`, and SCSS syntax will not work in this file.
25
+ To view local tokens changes in production SPAs, ensure you have a `.env.local` file and run the command `npm run dev`. The local preview will apply to all SPAs at the same domain as the `VITE_LAUNCH_URL` specified in your `.env.local`. The preview will refresh when you edit and save a file.
26
+
27
+ If you do not have an `.env.local` file, reach out to someone on the team for help setting it up.
28
+
29
+ To add additional CSS to any SPA you are locally previewing, create a file `src/dev/extra-styles.css`. This stylesheet will be added to the SPA and can be used to override styles for testing purposes. It is a regular CSS file, so Angular selectors like `:ng-deep` and `:host` and SCSS nesting syntax will not work. `!important` will work, and will be helpful for testing.
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.0.1/assets/images/favicon.ico"
5
+ "src": "https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/favicon.ico"
6
6
  }
7
7
  },
8
8
  "strings": {
package/assets/scss/base.css CHANGED
@@ -262,15 +262,15 @@
262
262
  --bb-font-weight-light: 300;
263
263
  --bb-font-weight-regular: 400;
264
264
  --bb-font-weight-semibold: 600;
265
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/bb-logo.png');
266
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
267
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-base-light.svg');
268
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
269
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
270
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
271
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
272
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
273
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
265
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/bb-logo.png');
266
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-base-dark.svg');
267
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-base-light.svg');
268
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-bb-dark.svg');
269
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-bb-light.svg');
270
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
271
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
272
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
273
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
274
274
  --bb-letter_spacing-normal: normal;
275
275
  --bb-letter_spacing-wider: 0.01rem;
276
276
  --bb-letter_spacing-widest: 0.046875rem;
package/assets/scss/blackbaud.css CHANGED
@@ -262,15 +262,15 @@
262
262
  --bb-font-weight-light: 300;
263
263
  --bb-font-weight-regular: 400;
264
264
  --bb-font-weight-semibold: 600;
265
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/bb-logo.png');
266
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
267
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-base-light.svg');
268
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
269
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
270
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
271
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
272
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
273
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
265
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/bb-logo.png');
266
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-base-dark.svg');
267
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-base-light.svg');
268
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-bb-dark.svg');
269
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-bb-light.svg');
270
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
271
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
272
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
273
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
274
274
  --bb-letter_spacing-normal: normal;
275
275
  --bb-letter_spacing-wider: 0.01rem;
276
276
  --bb-letter_spacing-widest: 0.046875rem;
package/bundles/base.css CHANGED
@@ -262,15 +262,15 @@
262
262
  --bb-font-weight-light: 300;
263
263
  --bb-font-weight-regular: 400;
264
264
  --bb-font-weight-semibold: 600;
265
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/bb-logo.png');
266
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
267
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-base-light.svg');
268
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
269
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
270
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
271
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
272
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
273
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
265
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/bb-logo.png');
266
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-base-dark.svg');
267
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-base-light.svg');
268
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-bb-dark.svg');
269
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-bb-light.svg');
270
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
271
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
272
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
273
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
274
274
  --bb-letter_spacing-normal: normal;
275
275
  --bb-letter_spacing-wider: 0.01rem;
276
276
  --bb-letter_spacing-widest: 0.046875rem;
package/bundles/blackbaud.css CHANGED
@@ -262,15 +262,15 @@
262
262
  --bb-font-weight-light: 300;
263
263
  --bb-font-weight-regular: 400;
264
264
  --bb-font-weight-semibold: 600;
265
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/bb-logo.png');
266
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
267
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-base-light.svg');
268
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
269
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
270
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
271
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
272
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
273
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
265
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/bb-logo.png');
266
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-base-dark.svg');
267
+ --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-base-light.svg');
268
+ --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-bb-dark.svg');
269
+ --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-bb-light.svg');
270
+ --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
271
+ --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
272
+ --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
273
+ --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.2/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
274
274
  --bb-letter_spacing-normal: normal;
275
275
  --bb-letter_spacing-wider: 0.01rem;
276
276
  --bb-letter_spacing-widest: 0.046875rem;
package/bundles/public-api.css CHANGED
@@ -221,7 +221,7 @@
221
221
  --sky-theme-border-width-divider-soft: var(--sky-border-width-separator-row);
222
222
  --sky-theme-border-width-emphasized: var(--sky-border-width-emphasized);
223
223
  }
224
- .sky-theme-default {
224
+ :root {
225
225
  --sky-theme-space-conditional-input: 27px;
226
226
  --sky-theme-space-inline-l: 15px;
227
227
  --sky-theme-space-inline-m: 12px;
@@ -241,7 +241,7 @@
241
241
  --sky-theme-space-stacked-xs: 5px;
242
242
  --sky-theme-space-stacked-xxl: 40px;
243
243
  }
244
- .sky-theme-default {
244
+ :root {
245
245
  --sky-theme-font-family-body-deemphasized-m: 'BLKB Sans', 'Helvetica Neue', Arial, sans-serif;
246
246
  --sky-theme-font-family-body-deemphasized-s: 'BLKB Sans', 'Helvetica Neue', Arial, sans-serif;
247
247
  --sky-theme-font-family-body-emphasized-m: 'BLKB Sans', 'Helvetica Neue', Arial, sans-serif;
@@ -323,14 +323,14 @@
323
323
  --sky-theme-font-weight-heading-4: 600;
324
324
  --sky-theme-font-weight-heading-5: 400;
325
325
  }
326
- .sky-theme-default {
326
+ :root {
327
327
  --sky-theme-elevation-overflow: 0 0 5px #0000004d;
328
328
  --sky-theme-elevation-overlay-100: 0 0 5px #0000004d;
329
329
  --sky-theme-elevation-overlay-200: none;
330
330
  --sky-theme-elevation-overlay-300: none;
331
331
  --sky-theme-elevation-raised-100: none;
332
332
  }
333
- .sky-theme-default {
333
+ :root {
334
334
  --sky-theme-color-background-container-backdrop: #eeeeef;
335
335
  --sky-theme-color-background-container-danger: #f7a08f;
336
336
  --sky-theme-color-background-container-default: #ffffff;
@@ -422,7 +422,7 @@
422
422
  --sky-theme-color-viz-sequence-8: #035755;
423
423
  --sky-theme-color-viz-sequence-9: #02413f;
424
424
  }
425
- .sky-theme-default {
425
+ :root {
426
426
  --sky-theme-border-container-default: 1px solid #cdcfd2;
427
427
  --sky-theme-border-danger: 1px solid #ef4044;
428
428
  --sky-theme-border-divider-default: 1px solid #cdcfd2;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blackbaud/skyux-design-tokens",
3
- "version": "6.0.1",
3
+ "version": "6.0.2",
4
4
  "description": "Design tokens for SKY UX",
5
5
  "homepage": "https://github.com/blackbaud/skyux-design-tokens",
6
6
  "license": "MIT",