@blackbaud/skyux-design-tokens 2.0.0-alpha.3 → 2.0.0-alpha.4

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 (4) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/assets/scss/blackbaud.css +11 -31
  3. package/assets/scss/modern.css +6 -16
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,19 @@
2
2
 
3
3
  - Added `neutral-medium-dark` token in modern. [#64](https://github.com/blackbaud/skyux-design-tokens/pull/64)
4
4
 
5
+ ## [2.0.0-alpha.4](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.3...2.0.0-alpha.4) (2025-07-17)
6
+
7
+
8
+ ### ⚠ BREAKING CHANGES
9
+
10
+ * delete toolbar button background and border colors ([#233](https://github.com/blackbaud/skyux-design-tokens/issues/233))
11
+ * change row background colors ([#229](https://github.com/blackbaud/skyux-design-tokens/issues/229))
12
+
13
+ ### Bug Fixes
14
+
15
+ * change row background colors ([#229](https://github.com/blackbaud/skyux-design-tokens/issues/229)) ([8df042d](https://github.com/blackbaud/skyux-design-tokens/commit/8df042d35c3cd02c9bdd767402d0b5a8373db3c7))
16
+ * delete toolbar button background and border colors ([#233](https://github.com/blackbaud/skyux-design-tokens/issues/233)) ([d428dec](https://github.com/blackbaud/skyux-design-tokens/commit/d428dec886af1feec89cf037b49f8fc15a3b7bef))
17
+
5
18
  ## [2.0.0-alpha.3](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.2...2.0.0-alpha.3) (2025-07-16)
6
19
 
7
20
 
package/assets/scss/blackbaud.css CHANGED
@@ -151,7 +151,7 @@
151
151
  --bb-font-weight-light: 300;
152
152
  --bb-font-weight-regular: 400;
153
153
  --bb-font-weight-semibold: 600;
154
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.3/assets/images/bb-logo.png');
154
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.4/assets/images/bb-logo.png');
155
155
  --bb-letter_spacing-normal: normal;
156
156
  --bb-letter_spacing-wider: 0.16px;
157
157
  --bb-line_height-300: calc(18/13);
@@ -267,11 +267,6 @@
267
267
  --sky-color-background-action-tertiary-disabled: var(--bb-color-gray-700);
268
268
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
269
269
  --sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
270
- --sky-color-background-action-toolbar-active: var(--bb-color-transparent);
271
- --sky-color-background-action-toolbar-base: var(--bb-color-transparent);
272
- --sky-color-background-action-toolbar-disabled: var(--bb-color-gray-700);
273
- --sky-color-background-action-toolbar-focus: var(--bb-color-transparent);
274
- --sky-color-background-action-toolbar-hover: var(--bb-color-transparent);
275
270
  --sky-color-background-blocking: var(--bb-color-blocking);
276
271
  --sky-color-background-container-base: var(--bb-color-gray-1000);
277
272
  --sky-color-background-container-danger: var(--bb-color-red-800);
@@ -287,17 +282,17 @@
287
282
  --sky-color-background-icon_matte-warning: var(--bb-color-yellow-600);
288
283
  --sky-color-background-input-base: var(--bb-color-gray-900);
289
284
  --sky-color-background-input-disabled: var(--bb-color-gray-700);
290
- --sky-color-background-list-active: var(--bb-color-transparent);
291
- --sky-color-background-list-base: var(--bb-color-transparent);
292
- --sky-color-background-list-disabled: var(--bb-color-gray-50);
293
- --sky-color-background-list-focus: var(--bb-color-transparent);
294
- --sky-color-background-list-hover: var(--bb-color-transparent);
295
285
  --sky-color-background-nav-active: var(--bb-color-transparent);
296
286
  --sky-color-background-nav-base: var(--bb-color-transparent);
297
287
  --sky-color-background-nav-disabled: var(--bb-color-gray-50);
298
288
  --sky-color-background-nav-focus: var(--bb-color-transparent);
299
289
  --sky-color-background-nav-hover: var(--bb-color-transparent);
300
290
  --sky-color-background-page: var(--bb-color-gray-1100);
291
+ --sky-color-background-row-active: var(--bb-color-transparent);
292
+ --sky-color-background-row-base: var(--bb-color-gray-1000);
293
+ --sky-color-background-row-disabled: var(--bb-color-gray-50);
294
+ --sky-color-background-row-focus: var(--bb-color-transparent);
295
+ --sky-color-background-row-hover: var(--bb-color-transparent);
301
296
  --sky-color-background-scrim: var(--bb-color-scrim);
302
297
  --sky-color-background-selected-danger: var(--bb-color-red-900);
303
298
  --sky-color-background-selected-heavy: var(--bb-color-blue-600);
@@ -338,11 +333,6 @@
338
333
  --sky-color-border-action-tertiary-disabled: var(--bb-color-gray-800);
339
334
  --sky-color-border-action-tertiary-focus: var(--bb-color-sky-600);
340
335
  --sky-color-border-action-tertiary-hover: var(--bb-color-sky-600);
341
- --sky-color-border-action-toolbar-active: var(--bb-color-sky-500);
342
- --sky-color-border-action-toolbar-base: var(--bb-color-transparent);
343
- --sky-color-border-action-toolbar-disabled: var(--bb-color-gray-800);
344
- --sky-color-border-action-toolbar-focus: var(--bb-color-sky-600);
345
- --sky-color-border-action-toolbar-hover: var(--bb-color-sky-600);
346
336
  --sky-color-border-column_divider: var(--bb-color-blue-400);
347
337
  --sky-color-border-container-base: var(--bb-color-blue-900);
348
338
  --sky-color-border-danger: var(--bb-color-red-400);
@@ -440,11 +430,6 @@
440
430
  --sky-color-background-action-tertiary-disabled: var(--bb-color-gray-50);
441
431
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
442
432
  --sky-color-background-action-tertiary-hover: var(--bb-color-blue-50);
443
- --sky-color-background-action-toolbar-active: var(--bb-color-blue-100);
444
- --sky-color-background-action-toolbar-base: var(--bb-color-white);
445
- --sky-color-background-action-toolbar-disabled: var(--bb-color-gray-50);
446
- --sky-color-background-action-toolbar-focus: var(--bb-color-white);
447
- --sky-color-background-action-toolbar-hover: var(--bb-color-blue-50);
448
433
  --sky-color-background-blocking: var(--bb-color-blocking);
449
434
  --sky-color-background-container-base: var(--bb-color-white);
450
435
  --sky-color-background-container-danger: var(--bb-color-red-300);
@@ -460,17 +445,17 @@
460
445
  --sky-color-background-icon_matte-warning: var(--bb-color-yellow-600);
461
446
  --sky-color-background-input-base: var(--bb-color-blue-25);
462
447
  --sky-color-background-input-disabled: var(--bb-color-gray-50);
463
- --sky-color-background-list-active: var(--bb-color-blue-100);
464
- --sky-color-background-list-base: var(--bb-color-transparent);
465
- --sky-color-background-list-disabled: var(--bb-color-gray-50);
466
- --sky-color-background-list-focus: var(--bb-color-transparent);
467
- --sky-color-background-list-hover: var(--bb-color-blue-50);
468
448
  --sky-color-background-nav-active: var(--bb-color-blue-100);
469
449
  --sky-color-background-nav-base: var(--bb-color-transparent);
470
450
  --sky-color-background-nav-disabled: var(--bb-color-gray-50);
471
451
  --sky-color-background-nav-focus: var(--bb-color-transparent);
472
452
  --sky-color-background-nav-hover: var(--bb-color-blue-50);
473
453
  --sky-color-background-page: var(--bb-color-slate-100);
454
+ --sky-color-background-row-active: var(--bb-color-blue-100);
455
+ --sky-color-background-row-base: var(--bb-color-white);
456
+ --sky-color-background-row-disabled: var(--bb-color-gray-50);
457
+ --sky-color-background-row-focus: var(--bb-color-transparent);
458
+ --sky-color-background-row-hover: var(--bb-color-blue-50);
474
459
  --sky-color-background-scrim: var(--bb-color-scrim);
475
460
  --sky-color-background-selected-danger: var(--bb-color-red-300);
476
461
  --sky-color-background-selected-heavy: var(--bb-color-blue-600);
@@ -511,11 +496,6 @@
511
496
  --sky-color-border-action-tertiary-disabled: var(--bb-color-gray-200);
512
497
  --sky-color-border-action-tertiary-focus: var(--bb-color-blue-600);
513
498
  --sky-color-border-action-tertiary-hover: var(--bb-color-blue-600);
514
- --sky-color-border-action-toolbar-active: var(--bb-color-blue-600);
515
- --sky-color-border-action-toolbar-base: var(--bb-color-blue-300);
516
- --sky-color-border-action-toolbar-disabled: var(--bb-color-gray-200);
517
- --sky-color-border-action-toolbar-focus: var(--bb-color-blue-600);
518
- --sky-color-border-action-toolbar-hover: var(--bb-color-blue-600);
519
499
  --sky-color-border-column_divider: var(--bb-color-blue-600);
520
500
  --sky-color-border-container-base: var(--bb-color-blue-200);
521
501
  --sky-color-border-danger: var(--bb-color-red-600);
package/assets/scss/modern.css CHANGED
@@ -74,7 +74,7 @@
74
74
  --modern-font-weight-light: 300;
75
75
  --modern-font-weight-regular: 400;
76
76
  --modern-font-weight-semibold: 600;
77
- --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.3/assets/images/bb-logo.png');
77
+ --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.4/assets/images/bb-logo.png');
78
78
  --modern-letter_spacing-normal: normal;
79
79
  --modern-line_height-110: 1.1;
80
80
  --modern-line_height-115: 1.15;
@@ -163,11 +163,6 @@
163
163
  --sky-color-background-action-tertiary-disabled: var(--modern-color-gray-07);
164
164
  --sky-color-background-action-tertiary-focus: var(--modern-color-transparent);
165
165
  --sky-color-background-action-tertiary-hover: var(--modern-color-transparent);
166
- --sky-color-background-action-toolbar-active: var(--modern-color-transparent);
167
- --sky-color-background-action-toolbar-base: var(--modern-color-transparent);
168
- --sky-color-background-action-toolbar-disabled: var(--modern-color-gray-07);
169
- --sky-color-background-action-toolbar-focus: var(--modern-color-transparent);
170
- --sky-color-background-action-toolbar-hover: var(--modern-color-transparent);
171
166
  --sky-color-background-blocking: var(--modern-color-blocking);
172
167
  --sky-color-background-container-base: var(--modern-color-white);
173
168
  --sky-color-background-container-danger: var(--modern-color-red-30);
@@ -183,17 +178,17 @@
183
178
  --sky-color-background-icon_matte-warning: var(--modern-color-yellow-50);
184
179
  --sky-color-background-input-base: var(--modern-color-transparent);
185
180
  --sky-color-background-input-disabled: var(--modern-color-gray-07);
186
- --sky-color-background-list-active: var(--modern-color-transparent);
187
- --sky-color-background-list-base: var(--modern-color-transparent);
188
- --sky-color-background-list-disabled: var(--modern-color-gray-07);
189
- --sky-color-background-list-focus: var(--modern-color-transparent);
190
- --sky-color-background-list-hover: var(--modern-color-transparent);
191
181
  --sky-color-background-nav-active: var(--modern-color-transparent);
192
182
  --sky-color-background-nav-base: var(--modern-color-transparent);
193
183
  --sky-color-background-nav-disabled: var(--modern-color-gray-07);
194
184
  --sky-color-background-nav-focus: var(--modern-color-transparent);
195
185
  --sky-color-background-nav-hover: var(--modern-color-transparent);
196
186
  --sky-color-background-page: var(--modern-color-gray-005);
187
+ --sky-color-background-row-active: var(--modern-color-transparent);
188
+ --sky-color-background-row-base: var(--modern-color-transparent);
189
+ --sky-color-background-row-disabled: var(--modern-color-gray-07);
190
+ --sky-color-background-row-focus: var(--modern-color-transparent);
191
+ --sky-color-background-row-hover: var(--modern-color-transparent);
197
192
  --sky-color-background-scrim: var(--modern-color-scrim);
198
193
  --sky-color-background-selected-danger: var(--modern-color-red-30);
199
194
  --sky-color-background-selected-heavy: var(--modern-color-blue-05);
@@ -234,11 +229,6 @@
234
229
  --sky-color-border-action-tertiary-disabled: var(--modern-color-gray-15);
235
230
  --sky-color-border-action-tertiary-focus: var(--modern-color-blue-74);
236
231
  --sky-color-border-action-tertiary-hover: var(--modern-color-blue-74);
237
- --sky-color-border-action-toolbar-active: var(--modern-color-blue-74);
238
- --sky-color-border-action-toolbar-base: var(--modern-color-transparent);
239
- --sky-color-border-action-toolbar-disabled: var(--modern-color-gray-15);
240
- --sky-color-border-action-toolbar-focus: var(--modern-color-blue-74);
241
- --sky-color-border-action-toolbar-hover: var(--modern-color-blue-74);
242
232
  --sky-color-border-column_divider: var(--modern-color-gray-70);
243
233
  --sky-color-border-container-base: var(--modern-color-gray-15);
244
234
  --sky-color-border-danger: var(--modern-color-red-50);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blackbaud/skyux-design-tokens",
3
- "version": "2.0.0-alpha.3",
3
+ "version": "2.0.0-alpha.4",
4
4
  "description": "Design tokens for SKY UX",
5
5
  "homepage": "https://github.com/blackbaud/skyux-design-tokens",
6
6
  "license": "MIT",