@blackbaud/skyux-design-tokens 3.0.0-alpha.1 → 3.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 (9) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/assets/assets.json +1 -1
  3. package/assets/scss/base.css +5 -5
  4. package/assets/scss/blackbaud.css +1 -1
  5. package/assets/scss/modern.css +1 -1
  6. package/bundles/base.css +5 -5
  7. package/bundles/blackbaud.css +1 -1
  8. package/bundles/modern.css +1 -1
  9. package/package.json +2 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,24 @@
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.0.0-alpha.3](https://github.com/blackbaud/skyux-design-tokens/compare/3.0.0-alpha.2...3.0.0-alpha.3) (2025-08-26)
6
+
7
+
8
+ ### ⚠ BREAKING CHANGES
9
+
10
+ * focus state background color updates for action input and row ([#275](https://github.com/blackbaud/skyux-design-tokens/issues/275))
11
+
12
+ ### Features
13
+
14
+ * focus state background color updates for action input and row ([#275](https://github.com/blackbaud/skyux-design-tokens/issues/275)) ([acbad57](https://github.com/blackbaud/skyux-design-tokens/commit/acbad57ff97f3764470aab90d29544c3eb838f2c))
15
+
16
+ ## [3.0.0-alpha.2](https://github.com/blackbaud/skyux-design-tokens/compare/3.0.0-alpha.1...3.0.0-alpha.2) (2025-08-25)
17
+
18
+
19
+ ### Features
20
+
21
+ * use new branding builder package ([#278](https://github.com/blackbaud/skyux-design-tokens/issues/278)) ([f1dee0f](https://github.com/blackbaud/skyux-design-tokens/commit/f1dee0fa76c2b41533969288bd54f23abfc61d71))
22
+
5
23
  ## [3.0.0-alpha.1](https://github.com/blackbaud/skyux-design-tokens/compare/3.0.0-alpha.0...3.0.0-alpha.1) (2025-08-22)
6
24
 
7
25
 
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.0.0-alpha.1/assets/images/favicon.ico"
5
+ "src": "https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0-alpha.3/assets/images/favicon.ico"
6
6
  }
7
7
  },
8
8
  "strings": {
package/assets/scss/base.css CHANGED
@@ -153,7 +153,7 @@
153
153
  --bb-font-weight-light: 300;
154
154
  --bb-font-weight-regular: 400;
155
155
  --bb-font-weight-semibold: 600;
156
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0-alpha.1/assets/images/bb-logo.png');
156
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0-alpha.3/assets/images/bb-logo.png');
157
157
  --bb-letter_spacing-normal: normal;
158
158
  --bb-letter_spacing-wider: 0.16px;
159
159
  --bb-line_height-300: calc(18/13);
@@ -242,7 +242,7 @@
242
242
  --sky-color-background-action-input-active: var(--bb-color-transparent);
243
243
  --sky-color-background-action-input-base: var(--bb-color-blue-900);
244
244
  --sky-color-background-action-input-disabled: var(--bb-color-gray-700);
245
- --sky-color-background-action-input-focus: var(--bb-color-transparent);
245
+ --sky-color-background-action-input-focus: var(--bb-color-blue-900);
246
246
  --sky-color-background-action-input-hover: var(--bb-color-transparent);
247
247
  --sky-color-background-action-primary-active: var(--bb-color-sky-500);
248
248
  --sky-color-background-action-primary-base: var(--bb-color-sky-600);
@@ -284,7 +284,7 @@
284
284
  --sky-color-background-row-active: var(--bb-color-transparent);
285
285
  --sky-color-background-row-base: var(--bb-color-gray-1000);
286
286
  --sky-color-background-row-disabled: var(--bb-color-gray-700);
287
- --sky-color-background-row-focus: var(--bb-color-transparent);
287
+ --sky-color-background-row-focus: var(--bb-color-gray-1000);
288
288
  --sky-color-background-row-hover: var(--bb-color-transparent);
289
289
  --sky-color-background-scrim: var(--bb-color-scrim);
290
290
  --sky-color-background-selected-danger: var(--bb-color-red-900);
@@ -415,7 +415,7 @@
415
415
  --sky-color-background-action-input-active: var(--bb-color-blue-100);
416
416
  --sky-color-background-action-input-base: var(--bb-color-white);
417
417
  --sky-color-background-action-input-disabled: var(--bb-color-gray-50);
418
- --sky-color-background-action-input-focus: var(--bb-color-transparent);
418
+ --sky-color-background-action-input-focus: var(--bb-color-white);
419
419
  --sky-color-background-action-input-hover: var(--bb-color-blue-50);
420
420
  --sky-color-background-action-primary-active: var(--bb-color-blue-800);
421
421
  --sky-color-background-action-primary-base: var(--bb-color-blue-600);
@@ -457,7 +457,7 @@
457
457
  --sky-color-background-row-active: var(--bb-color-blue-100);
458
458
  --sky-color-background-row-base: var(--bb-color-white);
459
459
  --sky-color-background-row-disabled: var(--bb-color-gray-50);
460
- --sky-color-background-row-focus: var(--bb-color-transparent);
460
+ --sky-color-background-row-focus: var(--bb-color-white);
461
461
  --sky-color-background-row-hover: var(--bb-color-blue-50);
462
462
  --sky-color-background-scrim: var(--bb-color-scrim);
463
463
  --sky-color-background-selected-danger: var(--bb-color-red-300);
package/assets/scss/blackbaud.css CHANGED
@@ -153,7 +153,7 @@
153
153
  --bb-font-weight-light: 300;
154
154
  --bb-font-weight-regular: 400;
155
155
  --bb-font-weight-semibold: 600;
156
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0-alpha.1/assets/images/bb-logo.png');
156
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0-alpha.3/assets/images/bb-logo.png');
157
157
  --bb-letter_spacing-normal: normal;
158
158
  --bb-letter_spacing-wider: 0.16px;
159
159
  --bb-line_height-300: calc(18/13);
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.0.0-alpha.1/assets/images/bb-logo.png');
80
+ --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0-alpha.3/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
@@ -153,7 +153,7 @@
153
153
  --bb-font-weight-light: 300;
154
154
  --bb-font-weight-regular: 400;
155
155
  --bb-font-weight-semibold: 600;
156
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0-alpha.1/assets/images/bb-logo.png');
156
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0-alpha.3/assets/images/bb-logo.png');
157
157
  --bb-letter_spacing-normal: normal;
158
158
  --bb-letter_spacing-wider: 0.16px;
159
159
  --bb-line_height-300: calc(18/13);
@@ -242,7 +242,7 @@
242
242
  --sky-color-background-action-input-active: var(--bb-color-transparent);
243
243
  --sky-color-background-action-input-base: var(--bb-color-blue-900);
244
244
  --sky-color-background-action-input-disabled: var(--bb-color-gray-700);
245
- --sky-color-background-action-input-focus: var(--bb-color-transparent);
245
+ --sky-color-background-action-input-focus: var(--bb-color-blue-900);
246
246
  --sky-color-background-action-input-hover: var(--bb-color-transparent);
247
247
  --sky-color-background-action-primary-active: var(--bb-color-sky-500);
248
248
  --sky-color-background-action-primary-base: var(--bb-color-sky-600);
@@ -284,7 +284,7 @@
284
284
  --sky-color-background-row-active: var(--bb-color-transparent);
285
285
  --sky-color-background-row-base: var(--bb-color-gray-1000);
286
286
  --sky-color-background-row-disabled: var(--bb-color-gray-700);
287
- --sky-color-background-row-focus: var(--bb-color-transparent);
287
+ --sky-color-background-row-focus: var(--bb-color-gray-1000);
288
288
  --sky-color-background-row-hover: var(--bb-color-transparent);
289
289
  --sky-color-background-scrim: var(--bb-color-scrim);
290
290
  --sky-color-background-selected-danger: var(--bb-color-red-900);
@@ -415,7 +415,7 @@
415
415
  --sky-color-background-action-input-active: var(--bb-color-blue-100);
416
416
  --sky-color-background-action-input-base: var(--bb-color-white);
417
417
  --sky-color-background-action-input-disabled: var(--bb-color-gray-50);
418
- --sky-color-background-action-input-focus: var(--bb-color-transparent);
418
+ --sky-color-background-action-input-focus: var(--bb-color-white);
419
419
  --sky-color-background-action-input-hover: var(--bb-color-blue-50);
420
420
  --sky-color-background-action-primary-active: var(--bb-color-blue-800);
421
421
  --sky-color-background-action-primary-base: var(--bb-color-blue-600);
@@ -457,7 +457,7 @@
457
457
  --sky-color-background-row-active: var(--bb-color-blue-100);
458
458
  --sky-color-background-row-base: var(--bb-color-white);
459
459
  --sky-color-background-row-disabled: var(--bb-color-gray-50);
460
- --sky-color-background-row-focus: var(--bb-color-transparent);
460
+ --sky-color-background-row-focus: var(--bb-color-white);
461
461
  --sky-color-background-row-hover: var(--bb-color-blue-50);
462
462
  --sky-color-background-scrim: var(--bb-color-scrim);
463
463
  --sky-color-background-selected-danger: var(--bb-color-red-300);
package/bundles/blackbaud.css CHANGED
@@ -153,7 +153,7 @@
153
153
  --bb-font-weight-light: 300;
154
154
  --bb-font-weight-regular: 400;
155
155
  --bb-font-weight-semibold: 600;
156
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0-alpha.1/assets/images/bb-logo.png');
156
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0-alpha.3/assets/images/bb-logo.png');
157
157
  --bb-letter_spacing-normal: normal;
158
158
  --bb-letter_spacing-wider: 0.16px;
159
159
  --bb-line_height-300: calc(18/13);
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.0.0-alpha.1/assets/images/bb-logo.png');
80
+ --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0-alpha.3/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.0.0-alpha.1",
3
+ "version": "3.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",
@@ -17,6 +17,7 @@
17
17
  "publishToNPM": true
18
18
  },
19
19
  "devDependencies": {
20
+ "@blackbaud/skyux-branding-builder": "1.0.0",
20
21
  "@skyux/dev-infra-private": "github:blackbaud/skyux-dev-infra-private-builds#12.0.0-alpha.7",
21
22
  "@tokens-studio/sd-transforms": "1.3.0",
22
23
  "@types/fs-extra": "11.0.4",