@blackbaud/skyux-design-tokens 2.0.0-alpha.1 → 2.0.0-alpha.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.
- package/CHANGELOG.md +8 -0
- package/assets/scss/blackbaud.css +11 -1
- package/assets/scss/modern.css +11 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,14 @@
|
|
|
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.2](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.1...2.0.0-alpha.2) (2025-07-16)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* add brand name ([#234](https://github.com/blackbaud/skyux-design-tokens/issues/234)) ([85a03c6](https://github.com/blackbaud/skyux-design-tokens/commit/85a03c6c17639f26a9f339972e1a1a3b1569684a))
|
|
11
|
+
* add split view drawer spacing ([#219](https://github.com/blackbaud/skyux-design-tokens/issues/219)) ([1d47046](https://github.com/blackbaud/skyux-design-tokens/commit/1d47046766fd9d1f9a93d021c942f3b462e58fc4))
|
|
12
|
+
|
|
5
13
|
## [2.0.0-alpha.1](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.0...2.0.0-alpha.1) (2025-07-10)
|
|
6
14
|
|
|
7
15
|
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
--bb-border-radius-round: 50%;
|
|
14
14
|
--bb-border-style-dotted: dotted;
|
|
15
15
|
--bb-border-style-solid: solid;
|
|
16
|
+
--bb-brand-name: Blackbaud;
|
|
16
17
|
--bb-color-black: #000000;
|
|
17
18
|
--bb-color-blocking: rgba(255, 255, 255, 0.7);
|
|
18
19
|
--bb-color-blue-100: #eef3fc;
|
|
@@ -149,7 +150,7 @@
|
|
|
149
150
|
--bb-font-weight-light: 300;
|
|
150
151
|
--bb-font-weight-regular: 400;
|
|
151
152
|
--bb-font-weight-semibold: 600;
|
|
152
|
-
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.
|
|
153
|
+
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.2/assets/images/bb-logo.png');
|
|
153
154
|
--bb-letter_spacing-normal: normal;
|
|
154
155
|
--bb-letter_spacing-wider: 0.16px;
|
|
155
156
|
--bb-line_height-300: calc(18/13);
|
|
@@ -412,6 +413,7 @@
|
|
|
412
413
|
--sky-elevation-raised-100: var(--bb-shadow-blue-100);
|
|
413
414
|
}
|
|
414
415
|
.sky-theme-modern.sky-theme-brand-base {
|
|
416
|
+
--sky-brand-name: var(--bb-brand-name);
|
|
415
417
|
--sky-color-background-action-danger-active: var(--bb-color-red-800);
|
|
416
418
|
--sky-color-background-action-danger-base: var(--bb-color-red-600);
|
|
417
419
|
--sky-color-background-action-danger-disabled: var(--bb-color-gray-50);
|
|
@@ -978,6 +980,14 @@
|
|
|
978
980
|
--sky-comp-selection_box-expanded-space-inset-left: var(--bb-size-fluid-150);
|
|
979
981
|
--sky-comp-selection_box-expanded-space-inset-right: var(--bb-size-fluid-150);
|
|
980
982
|
--sky-comp-selection_box-expanded-space-inset-top: var(--bb-size-fluid-150);
|
|
983
|
+
--sky-comp-split_view-drawer-space-inset-sm-bottom: var(--bb-size-fluid-75);
|
|
984
|
+
--sky-comp-split_view-drawer-space-inset-sm-left: var(--bb-size-fluid-75);
|
|
985
|
+
--sky-comp-split_view-drawer-space-inset-sm-right: var(--bb-size-0);
|
|
986
|
+
--sky-comp-split_view-drawer-space-inset-sm-top: var(--bb-size-fluid-75);
|
|
987
|
+
--sky-comp-split_view-drawer-space-inset-xs-bottom: var(--bb-size-fluid-50);
|
|
988
|
+
--sky-comp-split_view-drawer-space-inset-xs-left: var(--bb-size-fluid-50);
|
|
989
|
+
--sky-comp-split_view-drawer-space-inset-xs-right: var(--bb-size-0);
|
|
990
|
+
--sky-comp-split_view-drawer-space-inset-xs-top: var(--bb-size-fluid-50);
|
|
981
991
|
--sky-comp-split_view-footer-space-inset-bottom: var(--bb-size-fluid-50);
|
|
982
992
|
--sky-comp-split_view-footer-space-inset-left: var(--bb-size-fluid-50);
|
|
983
993
|
--sky-comp-split_view-footer-space-inset-right: var(--bb-size-fluid-50);
|
package/assets/scss/modern.css
CHANGED
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
--modern-border-radius-round: 50%;
|
|
12
12
|
--modern-border-style-dotted: dotted;
|
|
13
13
|
--modern-border-style-solid: solid;
|
|
14
|
+
--modern-brand-name: Blackbaud;
|
|
14
15
|
--modern-color-black: #000000;
|
|
15
16
|
--modern-color-blocking: rgba(255, 255, 255, 0.7);
|
|
16
17
|
--modern-color-blue-05: #ebfbff;
|
|
@@ -73,7 +74,7 @@
|
|
|
73
74
|
--modern-font-weight-light: 300;
|
|
74
75
|
--modern-font-weight-regular: 400;
|
|
75
76
|
--modern-font-weight-semibold: 600;
|
|
76
|
-
--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.2/assets/images/bb-logo.png');
|
|
77
78
|
--modern-letter_spacing-normal: normal;
|
|
78
79
|
--modern-line_height-110: 1.1;
|
|
79
80
|
--modern-line_height-115: 1.15;
|
|
@@ -136,6 +137,7 @@
|
|
|
136
137
|
--modern-shadow-size-8: 0 2px 15px 2px var(--modern-color-shadow_color);
|
|
137
138
|
}
|
|
138
139
|
.sky-theme-modern {
|
|
140
|
+
--sky-brand-name: var(--modern-brand-name);
|
|
139
141
|
--sky-color-background-action-danger-active: var(--modern-color-red-70);
|
|
140
142
|
--sky-color-background-action-danger-base: var(--modern-color-red-70);
|
|
141
143
|
--sky-color-background-action-danger-disabled: var(--modern-color-gray-07);
|
|
@@ -702,6 +704,14 @@
|
|
|
702
704
|
--sky-comp-selection_box-expanded-space-inset-left: var(--modern-space-xl);
|
|
703
705
|
--sky-comp-selection_box-expanded-space-inset-right: var(--modern-space-xl);
|
|
704
706
|
--sky-comp-selection_box-expanded-space-inset-top: var(--modern-space-xl);
|
|
707
|
+
--sky-comp-split_view-drawer-space-inset-sm-bottom: var(--modern-size-0);
|
|
708
|
+
--sky-comp-split_view-drawer-space-inset-sm-left: var(--modern-size-0);
|
|
709
|
+
--sky-comp-split_view-drawer-space-inset-sm-right: var(--modern-size-0);
|
|
710
|
+
--sky-comp-split_view-drawer-space-inset-sm-top: var(--modern-size-0);
|
|
711
|
+
--sky-comp-split_view-drawer-space-inset-xs-bottom: var(--modern-size-0);
|
|
712
|
+
--sky-comp-split_view-drawer-space-inset-xs-left: var(--modern-size-0);
|
|
713
|
+
--sky-comp-split_view-drawer-space-inset-xs-right: var(--modern-size-0);
|
|
714
|
+
--sky-comp-split_view-drawer-space-inset-xs-top: var(--modern-size-0);
|
|
705
715
|
--sky-comp-split_view-footer-space-inset-bottom: var(--modern-space-s);
|
|
706
716
|
--sky-comp-split_view-footer-space-inset-left: var(--modern-space-s);
|
|
707
717
|
--sky-comp-split_view-footer-space-inset-right: var(--modern-space-s);
|