@blackbaud/skyux-design-tokens 3.1.0 → 3.1.1

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/assets/assets.json +1 -1
  3. package/assets/scss/base.css +4 -2
  4. package/assets/scss/blackbaud.css +4 -2
  5. package/assets/scss/modern.css +1 -1
  6. package/bundles/base.css +4 -2
  7. package/bundles/blackbaud.css +4 -2
  8. package/bundles/modern.css +1 -1
  9. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,13 @@
2
2
 
3
3
  - Added `neutral-medium-dark` token in modern. [#64](https://github.com/blackbaud/skyux-design-tokens/pull/64)
4
4
 
5
+ ## [3.1.1](https://github.com/blackbaud/skyux-design-tokens/compare/3.1.0...3.1.1) (2025-10-15)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * use rgba tokens for linear gradient ([#291](https://github.com/blackbaud/skyux-design-tokens/issues/291)) ([1e0827f](https://github.com/blackbaud/skyux-design-tokens/commit/1e0827faf9d46ab07d5140d842821c39b695924c))
11
+
5
12
  ## [3.1.0](https://github.com/blackbaud/skyux-design-tokens/compare/3.0.0...3.1.0) (2025-10-14)
6
13
 
7
14
 
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/3.1.0/assets/images/favicon.ico"
5
+ "src": "https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.1/assets/images/favicon.ico"
6
6
  }
7
7
  },
8
8
  "strings": {
package/assets/scss/base.css CHANGED
@@ -94,6 +94,8 @@
94
94
  --bb-color-red-700: #ae2e31;
95
95
  --bb-color-red-800: #822325;
96
96
  --bb-color-red-900: #571718;
97
+ --bb-color-rgba-purple-600-40: rgba(176, 97, 242, 0.4);
98
+ --bb-color-rgba-sky-600-40: rgba(0, 207, 255, 0.4);
97
99
  --bb-color-scrim: rgba(37, 43, 51, 0.5);
98
100
  --bb-color-sky-100: #ebfbff;
99
101
  --bb-color-sky-1000: #002933;
@@ -167,7 +169,7 @@
167
169
  --bb-font-weight-light: 300;
168
170
  --bb-font-weight-regular: 400;
169
171
  --bb-font-weight-semibold: 600;
170
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.0/assets/images/bb-logo.png');
172
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.1/assets/images/bb-logo.png');
171
173
  --bb-letter_spacing-normal: normal;
172
174
  --bb-letter_spacing-wider: 0.16px;
173
175
  --bb-line_height-300: calc(18/13);
@@ -229,7 +231,7 @@
229
231
  --bb-space-8: 24px;
230
232
  --bb-space-9: 36px;
231
233
  --bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
232
- --bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-sky-600)66, var(--bb-color-purple-600)66);
234
+ --bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-rgba-sky-600-40), var(--bb-color-rgba-purple-600-40));
233
235
  --bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
234
236
  --bb-shadow-gray-100: 0 1px 3px 0 rgba(22, 26, 31, 0.2), 0 2px 1px -1px rgba(22, 26, 31, 0.12), 0 1px 1px 0 rgba(22, 26, 31, 0.14);
235
237
  --bb-shadow-gray-1600: 0 8px 10px -5px rgba(22, 26, 31, 0.2), 0 6px 30px 5px rgba(22, 26, 31, 0.12), 0 16px 24px 2px rgba(30, 34, 41, 0.14);
package/assets/scss/blackbaud.css CHANGED
@@ -94,6 +94,8 @@
94
94
  --bb-color-red-700: #ae2e31;
95
95
  --bb-color-red-800: #822325;
96
96
  --bb-color-red-900: #571718;
97
+ --bb-color-rgba-purple-600-40: rgba(176, 97, 242, 0.4);
98
+ --bb-color-rgba-sky-600-40: rgba(0, 207, 255, 0.4);
97
99
  --bb-color-scrim: rgba(37, 43, 51, 0.5);
98
100
  --bb-color-sky-100: #ebfbff;
99
101
  --bb-color-sky-1000: #002933;
@@ -167,7 +169,7 @@
167
169
  --bb-font-weight-light: 300;
168
170
  --bb-font-weight-regular: 400;
169
171
  --bb-font-weight-semibold: 600;
170
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.0/assets/images/bb-logo.png');
172
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.1/assets/images/bb-logo.png');
171
173
  --bb-letter_spacing-normal: normal;
172
174
  --bb-letter_spacing-wider: 0.16px;
173
175
  --bb-line_height-300: calc(18/13);
@@ -229,7 +231,7 @@
229
231
  --bb-space-8: 24px;
230
232
  --bb-space-9: 36px;
231
233
  --bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
232
- --bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-sky-600)66, var(--bb-color-purple-600)66);
234
+ --bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-rgba-sky-600-40), var(--bb-color-rgba-purple-600-40));
233
235
  --bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
234
236
  --bb-shadow-gray-100: 0 1px 3px 0 rgba(22, 26, 31, 0.2), 0 2px 1px -1px rgba(22, 26, 31, 0.12), 0 1px 1px 0 rgba(22, 26, 31, 0.14);
235
237
  --bb-shadow-gray-1600: 0 8px 10px -5px rgba(22, 26, 31, 0.2), 0 6px 30px 5px rgba(22, 26, 31, 0.12), 0 16px 24px 2px rgba(30, 34, 41, 0.14);
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/3.1.0/assets/images/bb-logo.png');
80
+ --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.1/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
@@ -94,6 +94,8 @@
94
94
  --bb-color-red-700: #ae2e31;
95
95
  --bb-color-red-800: #822325;
96
96
  --bb-color-red-900: #571718;
97
+ --bb-color-rgba-purple-600-40: rgba(176, 97, 242, 0.4);
98
+ --bb-color-rgba-sky-600-40: rgba(0, 207, 255, 0.4);
97
99
  --bb-color-scrim: rgba(37, 43, 51, 0.5);
98
100
  --bb-color-sky-100: #ebfbff;
99
101
  --bb-color-sky-1000: #002933;
@@ -167,7 +169,7 @@
167
169
  --bb-font-weight-light: 300;
168
170
  --bb-font-weight-regular: 400;
169
171
  --bb-font-weight-semibold: 600;
170
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.0/assets/images/bb-logo.png');
172
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.1/assets/images/bb-logo.png');
171
173
  --bb-letter_spacing-normal: normal;
172
174
  --bb-letter_spacing-wider: 0.16px;
173
175
  --bb-line_height-300: calc(18/13);
@@ -229,7 +231,7 @@
229
231
  --bb-space-8: 24px;
230
232
  --bb-space-9: 36px;
231
233
  --bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
232
- --bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-sky-600)66, var(--bb-color-purple-600)66);
234
+ --bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-rgba-sky-600-40), var(--bb-color-rgba-purple-600-40));
233
235
  --bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
234
236
  --bb-shadow-gray-100: 0 1px 3px 0 rgba(22, 26, 31, 0.2), 0 2px 1px -1px rgba(22, 26, 31, 0.12), 0 1px 1px 0 rgba(22, 26, 31, 0.14);
235
237
  --bb-shadow-gray-1600: 0 8px 10px -5px rgba(22, 26, 31, 0.2), 0 6px 30px 5px rgba(22, 26, 31, 0.12), 0 16px 24px 2px rgba(30, 34, 41, 0.14);
package/bundles/blackbaud.css CHANGED
@@ -94,6 +94,8 @@
94
94
  --bb-color-red-700: #ae2e31;
95
95
  --bb-color-red-800: #822325;
96
96
  --bb-color-red-900: #571718;
97
+ --bb-color-rgba-purple-600-40: rgba(176, 97, 242, 0.4);
98
+ --bb-color-rgba-sky-600-40: rgba(0, 207, 255, 0.4);
97
99
  --bb-color-scrim: rgba(37, 43, 51, 0.5);
98
100
  --bb-color-sky-100: #ebfbff;
99
101
  --bb-color-sky-1000: #002933;
@@ -167,7 +169,7 @@
167
169
  --bb-font-weight-light: 300;
168
170
  --bb-font-weight-regular: 400;
169
171
  --bb-font-weight-semibold: 600;
170
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.0/assets/images/bb-logo.png');
172
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.1/assets/images/bb-logo.png');
171
173
  --bb-letter_spacing-normal: normal;
172
174
  --bb-letter_spacing-wider: 0.16px;
173
175
  --bb-line_height-300: calc(18/13);
@@ -229,7 +231,7 @@
229
231
  --bb-space-8: 24px;
230
232
  --bb-space-9: 36px;
231
233
  --bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
232
- --bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-sky-600)66, var(--bb-color-purple-600)66);
234
+ --bb-color-gradient-brand-secondary: linear-gradient(90deg, var(--bb-color-rgba-sky-600-40), var(--bb-color-rgba-purple-600-40));
233
235
  --bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
234
236
  --bb-shadow-gray-100: 0 1px 3px 0 rgba(22, 26, 31, 0.2), 0 2px 1px -1px rgba(22, 26, 31, 0.12), 0 1px 1px 0 rgba(22, 26, 31, 0.14);
235
237
  --bb-shadow-gray-1600: 0 8px 10px -5px rgba(22, 26, 31, 0.2), 0 6px 30px 5px rgba(22, 26, 31, 0.12), 0 16px 24px 2px rgba(30, 34, 41, 0.14);
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/3.1.0/assets/images/bb-logo.png');
80
+ --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.1/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": "3.1.0",
3
+ "version": "3.1.1",
4
4
  "description": "Design tokens for SKY UX",
5
5
  "homepage": "https://github.com/blackbaud/skyux-design-tokens",
6
6
  "license": "MIT",