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

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 +19 -0
  2. package/assets/scss/blackbaud.css +20 -16
  3. package/assets/scss/modern.css +2 -1
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,25 @@
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.5](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.4...2.0.0-alpha.5) (2025-07-17)
6
+
7
+
8
+ ### ⚠ BREAKING CHANGES
9
+
10
+ * tab selected background color ([#239](https://github.com/blackbaud/skyux-design-tokens/issues/239))
11
+ * display type update ([#241](https://github.com/blackbaud/skyux-design-tokens/issues/241))
12
+ * change color of disabled toggle switch thumb ([#237](https://github.com/blackbaud/skyux-design-tokens/issues/237))
13
+
14
+ ### Features
15
+
16
+ * display type update ([#241](https://github.com/blackbaud/skyux-design-tokens/issues/241)) ([83233d5](https://github.com/blackbaud/skyux-design-tokens/commit/83233d5a04f826f51a4ad824ce0b6a17b54b5f1b))
17
+ * tab selected background color ([#239](https://github.com/blackbaud/skyux-design-tokens/issues/239)) ([942f688](https://github.com/blackbaud/skyux-design-tokens/commit/942f6887e4e10e9492c68a84c6d290d55f9c7ca2))
18
+
19
+
20
+ ### Bug Fixes
21
+
22
+ * change color of disabled toggle switch thumb ([#237](https://github.com/blackbaud/skyux-design-tokens/issues/237)) ([b4d1476](https://github.com/blackbaud/skyux-design-tokens/commit/b4d1476a2f930e99f695dfd6c8ac2eef2f67a1b6))
23
+
5
24
  ## [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
25
 
7
26
 
package/assets/scss/blackbaud.css CHANGED
@@ -134,6 +134,7 @@
134
134
  --bb-font-size-400: 0.9375rem;
135
135
  --bb-font-size-500: 1.0625rem;
136
136
  --bb-font-size-600: 1.1875rem;
137
+ --bb-font-size-650: 1.3125rem;
137
138
  --bb-font-size-700: 1.5rem;
138
139
  --bb-font-size-800: 1.6875rem;
139
140
  --bb-font-style-italic-style: italic;
@@ -151,15 +152,16 @@
151
152
  --bb-font-weight-light: 300;
152
153
  --bb-font-weight-regular: 400;
153
154
  --bb-font-weight-semibold: 600;
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
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.5/assets/images/bb-logo.png');
155
156
  --bb-letter_spacing-normal: normal;
156
157
  --bb-letter_spacing-wider: 0.16px;
157
158
  --bb-line_height-300: calc(18/13);
158
159
  --bb-line_height-400: calc(20/15);
159
160
  --bb-line_height-500: calc(24/17);
160
161
  --bb-line_height-600: calc(28/19);
162
+ --bb-line_height-650: calc(28/21);
161
163
  --bb-line_height-700: calc(32/24);
162
- --bb-line_height-800: calc(36/26);
164
+ --bb-line_height-800: calc(36/27);
163
165
  --bb-opacity-600: .6;
164
166
  --bb-shadow-blue-0: 0 0 0 0 rgba(0, 0, 0, 0);
165
167
  --bb-size-0: 0rem;
@@ -304,9 +306,10 @@
304
306
  --sky-color-background-tab-disabled: var(--bb-color-gray-700);
305
307
  --sky-color-background-tab-focus: var(--bb-color-transparent);
306
308
  --sky-color-background-tab-hover: var(--bb-color-transparent);
309
+ --sky-color-background-tab-selected: var(--bb-color-transparent);
307
310
  --sky-color-background-text_highlight: var(--bb-color-yellow-800);
308
311
  --sky-color-background-thumb-base: var(--bb-color-white);
309
- --sky-color-background-thumb-disabled: var(--bb-color-gray-50);
312
+ --sky-color-background-thumb-disabled: var(--bb-color-gray-600);
310
313
  --sky-color-background-thumbnail_matte: var(--bb-color-white);
311
314
  --sky-color-border-action-danger-active: var(--bb-color-red-200);
312
315
  --sky-color-border-action-danger-base: var(--bb-color-red-600);
@@ -467,9 +470,10 @@
467
470
  --sky-color-background-tab-disabled: var(--bb-color-gray-50);
468
471
  --sky-color-background-tab-focus: var(--bb-color-transparent);
469
472
  --sky-color-background-tab-hover: var(--bb-color-transparent);
473
+ --sky-color-background-tab-selected: var(--bb-color-transparent);
470
474
  --sky-color-background-text_highlight: var(--bb-color-yellow-400);
471
475
  --sky-color-background-thumb-base: var(--bb-color-white);
472
- --sky-color-background-thumb-disabled: var(--bb-color-gray-50);
476
+ --sky-color-background-thumb-disabled: var(--bb-color-gray-25);
473
477
  --sky-color-background-thumbnail_matte: var(--bb-color-white);
474
478
  --sky-color-border-action-danger-active: var(--bb-color-red-1000);
475
479
  --sky-color-border-action-danger-base: var(--bb-color-red-600);
@@ -1084,9 +1088,9 @@
1084
1088
  --sky-font-line_height-body-m: var(--bb-line_height-400);
1085
1089
  --sky-font-line_height-body-s: var(--bb-line_height-300);
1086
1090
  --sky-font-line_height-display-1: var(--bb-line_height-700);
1087
- --sky-font-line_height-display-2: var(--bb-line_height-600);
1088
- --sky-font-line_height-display-3: var(--bb-line_height-500);
1089
- --sky-font-line_height-display-4: var(--bb-line_height-400);
1091
+ --sky-font-line_height-display-2: var(--bb-line_height-650);
1092
+ --sky-font-line_height-display-3: var(--bb-line_height-600);
1093
+ --sky-font-line_height-display-4: var(--bb-line_height-500);
1090
1094
  --sky-font-line_height-heading-1: var(--bb-line_height-800);
1091
1095
  --sky-font-line_height-heading-2: var(--bb-line_height-600);
1092
1096
  --sky-font-line_height-heading-3: var(--bb-line_height-500);
@@ -1100,9 +1104,9 @@
1100
1104
  --sky-font-size-body-m: var(--bb-font-size-400);
1101
1105
  --sky-font-size-body-s: var(--bb-font-size-300);
1102
1106
  --sky-font-size-display-1: var(--bb-font-size-700);
1103
- --sky-font-size-display-2: var(--bb-font-size-600);
1104
- --sky-font-size-display-3: var(--bb-font-size-500);
1105
- --sky-font-size-display-4: var(--bb-font-size-400);
1107
+ --sky-font-size-display-2: var(--bb-font-size-650);
1108
+ --sky-font-size-display-3: var(--bb-font-size-600);
1109
+ --sky-font-size-display-4: var(--bb-font-size-500);
1106
1110
  --sky-font-size-heading-1: var(--bb-font-size-800);
1107
1111
  --sky-font-size-heading-2: var(--bb-font-size-600);
1108
1112
  --sky-font-size-heading-3: var(--bb-font-size-500);
@@ -1115,10 +1119,10 @@
1115
1119
  --sky-font-style-body-l: var(--bb-font-style-regular);
1116
1120
  --sky-font-style-body-m: var(--bb-font-style-regular);
1117
1121
  --sky-font-style-body-s: var(--bb-font-style-regular);
1118
- --sky-font-style-display-1: var(--bb-font-style-regular);
1119
- --sky-font-style-display-2: var(--bb-font-style-regular);
1120
- --sky-font-style-display-3: var(--bb-font-style-regular);
1121
- --sky-font-style-display-4: var(--bb-font-style-regular);
1122
+ --sky-font-style-display-1: var(--bb-font-style-semibold);
1123
+ --sky-font-style-display-2: var(--bb-font-style-semibold);
1124
+ --sky-font-style-display-3: var(--bb-font-style-semibold);
1125
+ --sky-font-style-display-4: var(--bb-font-style-semibold);
1122
1126
  --sky-font-style-emphasized: var(--bb-font-style-semibold);
1123
1127
  --sky-font-style-heading-1: var(--bb-font-style-regular);
1124
1128
  --sky-font-style-heading-2: var(--bb-font-style-semibold);
@@ -1129,8 +1133,8 @@
1129
1133
  --sky-font-weight-body-l: var(--bb-font-weight-regular);
1130
1134
  --sky-font-weight-body-m: var(--bb-font-weight-regular);
1131
1135
  --sky-font-weight-body-s: var(--bb-font-weight-semibold);
1132
- --sky-font-weight-display-1: var(--bb-font-weight-regular);
1133
- --sky-font-weight-display-2: var(--bb-font-weight-regular);
1136
+ --sky-font-weight-display-1: var(--bb-font-weight-semibold);
1137
+ --sky-font-weight-display-2: var(--bb-font-weight-semibold);
1134
1138
  --sky-font-weight-display-3: var(--bb-font-weight-semibold);
1135
1139
  --sky-font-weight-display-4: var(--bb-font-weight-semibold);
1136
1140
  --sky-font-weight-emphasized: var(--bb-font-weight-semibold);
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.4/assets/images/bb-logo.png');
77
+ --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.5/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;
@@ -200,6 +200,7 @@
200
200
  --sky-color-background-tab-disabled: var(--modern-color-transparent);
201
201
  --sky-color-background-tab-focus: var(--modern-color-transparent);
202
202
  --sky-color-background-tab-hover: var(--modern-color-transparent);
203
+ --sky-color-background-tab-selected: var(--modern-color-transparent);
203
204
  --sky-color-background-text_highlight: var(--modern-color-yellow-40);
204
205
  --sky-color-background-thumb-base: var(--modern-color-white);
205
206
  --sky-color-background-thumb-disabled: var(--modern-color-gray-07);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blackbaud/skyux-design-tokens",
3
- "version": "2.0.0-alpha.4",
3
+ "version": "2.0.0-alpha.5",
4
4
  "description": "Design tokens for SKY UX",
5
5
  "homepage": "https://github.com/blackbaud/skyux-design-tokens",
6
6
  "license": "MIT",