@blackbaud/skyux-design-tokens 6.0.0 → 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 (10) hide show
  1. package/CHANGELOG.md +14 -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-tokens.json +267 -159
  9. package/bundles/public-api.css +5 -5
  10. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -5,6 +5,20 @@
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
+
15
+ ## [6.0.1](https://github.com/blackbaud/skyux-design-tokens/compare/6.0.0...6.0.1) (2026-04-23)
16
+
17
+
18
+ ### Bug Fixes
19
+
20
+ * correctly list deprecated elevation scss variables ([#353](https://github.com/blackbaud/skyux-design-tokens/issues/353)) ([6e97718](https://github.com/blackbaud/skyux-design-tokens/commit/6e97718abeaa2a0b9f9020cab11cf973db3fc8c7))
21
+
8
22
  ## [6.0.0](https://github.com/blackbaud/skyux-design-tokens/compare/5.8.1...6.0.0) (2026-04-22)
9
23
 
10
24
 
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.0/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.0/assets/images/bb-logo.png');
266
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.0/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.0/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.0/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.0/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.0/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.0/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.0/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.0/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.0/assets/images/bb-logo.png');
266
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.0/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.0/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.0/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.0/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.0/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.0/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.0/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.0/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.0/assets/images/bb-logo.png');
266
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.0/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.0/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.0/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.0/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.0/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.0/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.0/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.0/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.0/assets/images/bb-logo.png');
266
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.0.0/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.0/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.0/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.0/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.0/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.0/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.0/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.0/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-tokens.json CHANGED
@@ -1958,167 +1958,275 @@
1958
1958
  "type": "elevation",
1959
1959
  "background": "--sky-theme-color-background-container-default"
1960
1960
  }
1961
- }
1962
- ]
1963
- },
1964
- {
1965
- "groupName": "Deprecated elevation",
1966
- "tokens": [
1967
- {
1968
- "name": "Shadow border",
1969
- "deprecatedScssVariables": [
1970
- "$sky-theme-modern-shadow-border"
1971
- ]
1972
- },
1973
- {
1974
- "name": "Shadow color",
1975
- "deprecatedScssVariables": [
1976
- "$sky-theme-modern-shadow-color"
1977
- ]
1978
- },
1979
- {
1980
- "name": "Shadow size 1",
1981
- "deprecatedScssVariables": [
1982
- "$sky-theme-modern-shadow-size-1"
1983
- ]
1984
- },
1985
- {
1986
- "name": "Shadow size 3",
1987
- "deprecatedScssVariables": [
1988
- "$sky-theme-modern-shadow-size-3"
1989
- ]
1990
- },
1991
- {
1992
- "name": "Shadow size 4",
1993
- "deprecatedScssVariables": [
1994
- "$sky-theme-modern-shadow-size-4"
1995
- ]
1996
- },
1997
- {
1998
- "name": "Shadow size 8",
1999
- "deprecatedScssVariables": [
2000
- "$sky-theme-modern-shadow-size-8"
2001
- ]
2002
- },
2003
- {
2004
- "name": "Shadow size 16",
2005
- "deprecatedScssVariables": [
2006
- "$sky-theme-modern-shadow-size-16"
2007
- ]
2008
- },
2009
- {
2010
- "name": "Shadow size 24",
2011
- "deprecatedScssVariables": [
2012
- "$sky-theme-modern-shadow-size-24"
2013
- ]
2014
- },
2015
- {
2016
- "name": "Elevation 1 shadow color",
2017
- "deprecatedScssVariables": [
2018
- "$sky-theme-modern-elevation-1-shadow-color"
2019
- ]
2020
- },
2021
- {
2022
- "name": "Elevation 1 shadow size",
2023
- "deprecatedScssVariables": [
2024
- "$sky-theme-modern-elevation-1-shadow-size"
2025
- ]
2026
- },
2027
- {
2028
- "name": "Elevation 3 shadow color",
2029
- "deprecatedScssVariables": [
2030
- "$sky-theme-modern-elevation-3-shadow-color"
2031
- ]
2032
- },
2033
- {
2034
- "name": "Elevation 3 shadow size",
2035
- "deprecatedScssVariables": [
2036
- "$sky-theme-modern-elevation-3-shadow-size"
2037
- ]
2038
- },
2039
- {
2040
- "name": "Elevation 4 shadow color",
2041
- "deprecatedScssVariables": [
2042
- "$sky-theme-modern-elevation-4-shadow-color"
2043
- ]
2044
1961
  },
2045
1962
  {
2046
- "name": "Elevation 4 shadow size",
2047
- "deprecatedScssVariables": [
2048
- "$sky-theme-modern-elevation-4-shadow-size"
2049
- ]
2050
- },
2051
- {
2052
- "name": "Elevation 8 shadow color",
2053
- "deprecatedScssVariables": [
2054
- "$sky-theme-modern-elevation-8-shadow-color"
2055
- ]
2056
- },
2057
- {
2058
- "name": "Elevation 8 shadow size",
2059
- "deprecatedScssVariables": [
2060
- "$sky-theme-modern-elevation-8-shadow-size"
2061
- ]
2062
- },
2063
- {
2064
- "name": "Elevation 16 shadow color",
2065
- "deprecatedScssVariables": [
2066
- "$sky-theme-modern-elevation-16-shadow-color"
2067
- ]
2068
- },
2069
- {
2070
- "name": "Elevation 16 shadow size",
2071
- "deprecatedScssVariables": [
2072
- "$sky-theme-modern-elevation-16-shadow-size"
2073
- ]
2074
- },
2075
- {
2076
- "name": "Elevation 24 shadow color",
2077
- "deprecatedScssVariables": [
2078
- "$sky-theme-modern-elevation-24-shadow-color"
2079
- ]
2080
- },
2081
- {
2082
- "name": "Elevation 24 shadow size",
2083
- "deprecatedScssVariables": [
2084
- "$sky-theme-modern-elevation-24-shadow-size"
2085
- ]
2086
- },
2087
- {
2088
- "name": "Elevation 0 bordered border",
2089
- "deprecatedScssVariables": [
2090
- "$sky-theme-modern-elevation-0-bordered-border"
2091
- ]
2092
- },
2093
- {
2094
- "name": "Elevation 1 bordered border",
2095
- "deprecatedScssVariables": [
2096
- "$sky-theme-modern-elevation-1-bordered-border"
2097
- ]
2098
- },
2099
- {
2100
- "name": "Elevation 1 bordered shadow color",
2101
- "deprecatedScssVariables": [
2102
- "$sky-theme-modern-elevation-1-bordered-shadow-color"
2103
- ]
2104
- },
2105
- {
2106
- "name": "Elevation 1 bordered shadow size",
2107
- "deprecatedScssVariables": [
2108
- "$sky-theme-modern-elevation-1-bordered-shadow-size"
2109
- ]
2110
- },
2111
- {
2112
- "name": "Page wait z-index",
2113
- "deprecatedScssVariables": [
2114
- "$sky-page-wait-z-index"
2115
- ]
2116
- },
2117
- {
2118
- "name": "Component wait z-index",
2119
- "deprecatedScssVariables": [
2120
- "$sky-component-wait-z-index"
2121
- ]
1963
+ "groupName": "Deprecated elevation",
1964
+ "tokens": [
1965
+ {
1966
+ "name": "Shadow border",
1967
+ "deprecatedScssVariables": [
1968
+ "$sky-theme-modern-shadow-border"
1969
+ ],
1970
+ "demoMetadata": {
1971
+ "type": "elevation",
1972
+ "background": "--sky-theme-color-background-container-default"
1973
+ }
1974
+ },
1975
+ {
1976
+ "name": "Shadow color",
1977
+ "deprecatedScssVariables": [
1978
+ "$sky-theme-modern-shadow-color"
1979
+ ],
1980
+ "demoMetadata": {
1981
+ "type": "elevation",
1982
+ "background": "--sky-theme-color-background-container-default"
1983
+ }
1984
+ },
1985
+ {
1986
+ "name": "Shadow size 1",
1987
+ "deprecatedScssVariables": [
1988
+ "$sky-theme-modern-shadow-size-1"
1989
+ ],
1990
+ "demoMetadata": {
1991
+ "type": "elevation",
1992
+ "background": "--sky-theme-color-background-container-default"
1993
+ }
1994
+ },
1995
+ {
1996
+ "name": "Shadow size 3",
1997
+ "deprecatedScssVariables": [
1998
+ "$sky-theme-modern-shadow-size-3"
1999
+ ],
2000
+ "demoMetadata": {
2001
+ "type": "elevation",
2002
+ "background": "--sky-theme-color-background-container-default"
2003
+ }
2004
+ },
2005
+ {
2006
+ "name": "Shadow size 4",
2007
+ "deprecatedScssVariables": [
2008
+ "$sky-theme-modern-shadow-size-4"
2009
+ ],
2010
+ "demoMetadata": {
2011
+ "type": "elevation",
2012
+ "background": "--sky-theme-color-background-container-default"
2013
+ }
2014
+ },
2015
+ {
2016
+ "name": "Shadow size 8",
2017
+ "deprecatedScssVariables": [
2018
+ "$sky-theme-modern-shadow-size-8"
2019
+ ],
2020
+ "demoMetadata": {
2021
+ "type": "elevation",
2022
+ "background": "--sky-theme-color-background-container-default"
2023
+ }
2024
+ },
2025
+ {
2026
+ "name": "Shadow size 16",
2027
+ "deprecatedScssVariables": [
2028
+ "$sky-theme-modern-shadow-size-16"
2029
+ ],
2030
+ "demoMetadata": {
2031
+ "type": "elevation",
2032
+ "background": "--sky-theme-color-background-container-default"
2033
+ }
2034
+ },
2035
+ {
2036
+ "name": "Shadow size 24",
2037
+ "deprecatedScssVariables": [
2038
+ "$sky-theme-modern-shadow-size-24"
2039
+ ],
2040
+ "demoMetadata": {
2041
+ "type": "elevation",
2042
+ "background": "--sky-theme-color-background-container-default"
2043
+ }
2044
+ },
2045
+ {
2046
+ "name": "Elevation 1 shadow color",
2047
+ "deprecatedScssVariables": [
2048
+ "$sky-theme-modern-elevation-1-shadow-color"
2049
+ ],
2050
+ "demoMetadata": {
2051
+ "type": "elevation",
2052
+ "background": "--sky-theme-color-background-container-default"
2053
+ }
2054
+ },
2055
+ {
2056
+ "name": "Elevation 1 shadow size",
2057
+ "deprecatedScssVariables": [
2058
+ "$sky-theme-modern-elevation-1-shadow-size"
2059
+ ],
2060
+ "demoMetadata": {
2061
+ "type": "elevation",
2062
+ "background": "--sky-theme-color-background-container-default"
2063
+ }
2064
+ },
2065
+ {
2066
+ "name": "Elevation 3 shadow color",
2067
+ "deprecatedScssVariables": [
2068
+ "$sky-theme-modern-elevation-3-shadow-color"
2069
+ ],
2070
+ "demoMetadata": {
2071
+ "type": "elevation",
2072
+ "background": "--sky-theme-color-background-container-default"
2073
+ }
2074
+ },
2075
+ {
2076
+ "name": "Elevation 3 shadow size",
2077
+ "deprecatedScssVariables": [
2078
+ "$sky-theme-modern-elevation-3-shadow-size"
2079
+ ],
2080
+ "demoMetadata": {
2081
+ "type": "elevation",
2082
+ "background": "--sky-theme-color-background-container-default"
2083
+ }
2084
+ },
2085
+ {
2086
+ "name": "Elevation 4 shadow color",
2087
+ "deprecatedScssVariables": [
2088
+ "$sky-theme-modern-elevation-4-shadow-color"
2089
+ ],
2090
+ "demoMetadata": {
2091
+ "type": "elevation",
2092
+ "background": "--sky-theme-color-background-container-default"
2093
+ }
2094
+ },
2095
+ {
2096
+ "name": "Elevation 4 shadow size",
2097
+ "deprecatedScssVariables": [
2098
+ "$sky-theme-modern-elevation-4-shadow-size"
2099
+ ],
2100
+ "demoMetadata": {
2101
+ "type": "elevation",
2102
+ "background": "--sky-theme-color-background-container-default"
2103
+ }
2104
+ },
2105
+ {
2106
+ "name": "Elevation 8 shadow color",
2107
+ "deprecatedScssVariables": [
2108
+ "$sky-theme-modern-elevation-8-shadow-color"
2109
+ ],
2110
+ "demoMetadata": {
2111
+ "type": "elevation",
2112
+ "background": "--sky-theme-color-background-container-default"
2113
+ }
2114
+ },
2115
+ {
2116
+ "name": "Elevation 8 shadow size",
2117
+ "deprecatedScssVariables": [
2118
+ "$sky-theme-modern-elevation-8-shadow-size"
2119
+ ],
2120
+ "demoMetadata": {
2121
+ "type": "elevation",
2122
+ "background": "--sky-theme-color-background-container-default"
2123
+ }
2124
+ },
2125
+ {
2126
+ "name": "Elevation 16 shadow color",
2127
+ "deprecatedScssVariables": [
2128
+ "$sky-theme-modern-elevation-16-shadow-color"
2129
+ ],
2130
+ "demoMetadata": {
2131
+ "type": "elevation",
2132
+ "background": "--sky-theme-color-background-container-default"
2133
+ }
2134
+ },
2135
+ {
2136
+ "name": "Elevation 16 shadow size",
2137
+ "deprecatedScssVariables": [
2138
+ "$sky-theme-modern-elevation-16-shadow-size"
2139
+ ],
2140
+ "demoMetadata": {
2141
+ "type": "elevation",
2142
+ "background": "--sky-theme-color-background-container-default"
2143
+ }
2144
+ },
2145
+ {
2146
+ "name": "Elevation 24 shadow color",
2147
+ "deprecatedScssVariables": [
2148
+ "$sky-theme-modern-elevation-24-shadow-color"
2149
+ ],
2150
+ "demoMetadata": {
2151
+ "type": "elevation",
2152
+ "background": "--sky-theme-color-background-container-default"
2153
+ }
2154
+ },
2155
+ {
2156
+ "name": "Elevation 24 shadow size",
2157
+ "deprecatedScssVariables": [
2158
+ "$sky-theme-modern-elevation-24-shadow-size"
2159
+ ],
2160
+ "demoMetadata": {
2161
+ "type": "elevation",
2162
+ "background": "--sky-theme-color-background-container-default"
2163
+ }
2164
+ },
2165
+ {
2166
+ "name": "Elevation 0 bordered border",
2167
+ "deprecatedScssVariables": [
2168
+ "$sky-theme-modern-elevation-0-bordered-border"
2169
+ ],
2170
+ "demoMetadata": {
2171
+ "type": "elevation",
2172
+ "background": "--sky-theme-color-background-container-default"
2173
+ }
2174
+ },
2175
+ {
2176
+ "name": "Elevation 1 bordered border",
2177
+ "deprecatedScssVariables": [
2178
+ "$sky-theme-modern-elevation-1-bordered-border"
2179
+ ],
2180
+ "demoMetadata": {
2181
+ "type": "elevation",
2182
+ "background": "--sky-theme-color-background-container-default"
2183
+ }
2184
+ },
2185
+ {
2186
+ "name": "Elevation 1 bordered shadow color",
2187
+ "deprecatedScssVariables": [
2188
+ "$sky-theme-modern-elevation-1-bordered-shadow-color"
2189
+ ],
2190
+ "demoMetadata": {
2191
+ "type": "elevation",
2192
+ "background": "--sky-theme-color-background-container-default"
2193
+ }
2194
+ },
2195
+ {
2196
+ "name": "Elevation 1 bordered shadow size",
2197
+ "deprecatedScssVariables": [
2198
+ "$sky-theme-modern-elevation-1-bordered-shadow-size"
2199
+ ],
2200
+ "demoMetadata": {
2201
+ "type": "elevation",
2202
+ "background": "--sky-theme-color-background-container-default"
2203
+ }
2204
+ },
2205
+ {
2206
+ "name": "Page wait z-index",
2207
+ "deprecatedScssVariables": [
2208
+ "$sky-page-wait-z-index"
2209
+ ],
2210
+ "demoMetadata": {
2211
+ "type": "elevation",
2212
+ "background": "--sky-theme-color-background-container-default"
2213
+ }
2214
+ },
2215
+ {
2216
+ "name": "Component wait z-index",
2217
+ "deprecatedScssVariables": [
2218
+ "$sky-component-wait-z-index"
2219
+ ],
2220
+ "demoMetadata": {
2221
+ "type": "elevation",
2222
+ "background": "--sky-theme-color-background-container-default"
2223
+ }
2224
+ }
2225
+ ],
2226
+ "demoMetadata": {
2227
+ "type": "elevation",
2228
+ "background": "--sky-theme-color-background-container-default"
2229
+ }
2122
2230
  }
2123
2231
  ]
2124
2232
  },
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.0",
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",