@blackbaud/skyux-design-tokens 2.0.0-alpha.13 → 2.0.0-alpha.15
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.
- package/CHANGELOG.md +22 -0
- package/assets/scss/blackbaud.css +9 -5
- package/assets/scss/modern.css +3 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,28 @@
|
|
|
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.15](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.14...2.0.0-alpha.15) (2025-08-04)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### ⚠ BREAKING CHANGES
|
|
9
|
+
|
|
10
|
+
* add selected switch backgrounds ([#260](https://github.com/blackbaud/skyux-design-tokens/issues/260))
|
|
11
|
+
|
|
12
|
+
### Features
|
|
13
|
+
|
|
14
|
+
* add selected switch backgrounds ([#260](https://github.com/blackbaud/skyux-design-tokens/issues/260)) ([341a4ec](https://github.com/blackbaud/skyux-design-tokens/commit/341a4eca483a3d4e295750464eb3776b681cab43))
|
|
15
|
+
|
|
16
|
+
## [2.0.0-alpha.14](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.13...2.0.0-alpha.14) (2025-07-31)
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
### ⚠ BREAKING CHANGES
|
|
20
|
+
|
|
21
|
+
* left and right padding for v2 toolbar button update ([#259](https://github.com/blackbaud/skyux-design-tokens/issues/259))
|
|
22
|
+
|
|
23
|
+
### Bug Fixes
|
|
24
|
+
|
|
25
|
+
* left and right padding for v2 toolbar button update ([#259](https://github.com/blackbaud/skyux-design-tokens/issues/259)) ([32a23a8](https://github.com/blackbaud/skyux-design-tokens/commit/32a23a8e16073264f56baa32f307227c41fa45fa))
|
|
26
|
+
|
|
5
27
|
## [2.0.0-alpha.13](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.12...2.0.0-alpha.13) (2025-07-29)
|
|
6
28
|
|
|
7
29
|
|
|
@@ -152,7 +152,7 @@
|
|
|
152
152
|
--bb-font-weight-light: 300;
|
|
153
153
|
--bb-font-weight-regular: 400;
|
|
154
154
|
--bb-font-weight-semibold: 600;
|
|
155
|
-
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.
|
|
155
|
+
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.15/assets/images/bb-logo.png');
|
|
156
156
|
--bb-letter_spacing-normal: normal;
|
|
157
157
|
--bb-letter_spacing-wider: 0.16px;
|
|
158
158
|
--bb-line_height-300: calc(18/13);
|
|
@@ -287,13 +287,13 @@
|
|
|
287
287
|
--sky-color-background-input-disabled: var(--bb-color-gray-700);
|
|
288
288
|
--sky-color-background-nav-active: var(--bb-color-transparent);
|
|
289
289
|
--sky-color-background-nav-base: var(--bb-color-transparent);
|
|
290
|
-
--sky-color-background-nav-disabled: var(--bb-color-gray-
|
|
290
|
+
--sky-color-background-nav-disabled: var(--bb-color-gray-700);
|
|
291
291
|
--sky-color-background-nav-focus: var(--bb-color-transparent);
|
|
292
292
|
--sky-color-background-nav-hover: var(--bb-color-transparent);
|
|
293
293
|
--sky-color-background-page: var(--bb-color-gray-1100);
|
|
294
294
|
--sky-color-background-row-active: var(--bb-color-transparent);
|
|
295
295
|
--sky-color-background-row-base: var(--bb-color-gray-1000);
|
|
296
|
-
--sky-color-background-row-disabled: var(--bb-color-gray-
|
|
296
|
+
--sky-color-background-row-disabled: var(--bb-color-gray-700);
|
|
297
297
|
--sky-color-background-row-focus: var(--bb-color-transparent);
|
|
298
298
|
--sky-color-background-row-hover: var(--bb-color-transparent);
|
|
299
299
|
--sky-color-background-scrim: var(--bb-color-scrim);
|
|
@@ -301,6 +301,8 @@
|
|
|
301
301
|
--sky-color-background-selected-heavy: var(--bb-color-blue-600);
|
|
302
302
|
--sky-color-background-selected-soft: var(--bb-color-blue-900);
|
|
303
303
|
--sky-color-background-selected-success: var(--bb-color-green-900);
|
|
304
|
+
--sky-color-background-selected-switch-base: var(--bb-color-blue-600);
|
|
305
|
+
--sky-color-background-selected-switch-disabled: var(--bb-color-gray-700);
|
|
304
306
|
--sky-color-background-selected-warning: var(--bb-color-yellow-900);
|
|
305
307
|
--sky-color-background-tab-active: var(--bb-color-transparent);
|
|
306
308
|
--sky-color-background-tab-base: var(--bb-color-transparent);
|
|
@@ -468,6 +470,7 @@
|
|
|
468
470
|
--sky-color-background-selected-heavy: var(--bb-color-blue-600);
|
|
469
471
|
--sky-color-background-selected-soft: var(--bb-color-blue-100);
|
|
470
472
|
--sky-color-background-selected-success: var(--bb-color-green-300);
|
|
473
|
+
--sky-color-background-selected-switch-disabled: var(--bb-color-gray-50);
|
|
471
474
|
--sky-color-background-selected-warning: var(--bb-color-yellow-300);
|
|
472
475
|
--sky-color-background-tab-active: var(--bb-color-transparent);
|
|
473
476
|
--sky-color-background-tab-base: var(--bb-color-transparent);
|
|
@@ -591,6 +594,7 @@
|
|
|
591
594
|
--sky-elevation-none: var(--bb-shadow-blue-0);
|
|
592
595
|
--sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
|
|
593
596
|
--sky-opacity-wait: var(--bb-opacity-600);
|
|
597
|
+
--sky-color-background-selected-switch-base: var(--bb-color-gradient-blue);
|
|
594
598
|
--sky-elevation-action-danger-base: var(--bb-shadow-blue-50);
|
|
595
599
|
--sky-elevation-action-danger-focus: var(--bb-shadow-blue-50);
|
|
596
600
|
--sky-elevation-action-danger-hover: var(--bb-shadow-blue-50);
|
|
@@ -1076,8 +1080,8 @@
|
|
|
1076
1080
|
--sky-comp-token-space-inset-right: var(--bb-size-fluid-25);
|
|
1077
1081
|
--sky-comp-token-space-inset-top: var(--bb-size-fluid-6);
|
|
1078
1082
|
--sky-comp-toolbar-space-inset-bottom: var(--bb-size-fluid-50);
|
|
1079
|
-
--sky-comp-toolbar-space-inset-left: var(--bb-size-
|
|
1080
|
-
--sky-comp-toolbar-space-inset-right: var(--bb-size-
|
|
1083
|
+
--sky-comp-toolbar-space-inset-left: var(--bb-size-fluid-50);
|
|
1084
|
+
--sky-comp-toolbar-space-inset-right: var(--bb-size-fluid-50);
|
|
1081
1085
|
--sky-comp-toolbar-space-inset-top: var(--bb-size-fluid-50);
|
|
1082
1086
|
--sky-comp-tree-child-space-inset-bottom: var(--bb-size-0);
|
|
1083
1087
|
--sky-comp-tree-child-space-inset-left: var(--bb-size-fluid-150);
|
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.
|
|
77
|
+
--modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.15/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;
|
|
@@ -195,6 +195,8 @@
|
|
|
195
195
|
--sky-color-background-selected-heavy: var(--modern-color-blue-05);
|
|
196
196
|
--sky-color-background-selected-soft: var(--modern-color-blue-05);
|
|
197
197
|
--sky-color-background-selected-success: var(--modern-color-green-30);
|
|
198
|
+
--sky-color-background-selected-switch-base: var(--modern-color-blue-05);
|
|
199
|
+
--sky-color-background-selected-switch-disabled: var(--modern-color-gray-07);
|
|
198
200
|
--sky-color-background-selected-warning: var(--modern-color-yellow-30);
|
|
199
201
|
--sky-color-background-tab-active: var(--modern-color-transparent);
|
|
200
202
|
--sky-color-background-tab-base: var(--modern-color-transparent);
|