@blackbaud/skyux-design-tokens 3.1.1 → 3.2.0

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 +7 -0
  2. package/assets/assets.json +1 -1
  3. package/assets/scss/base.css +7 -1
  4. package/assets/scss/blackbaud.css +3 -1
  5. package/assets/scss/modern.css +1 -1
  6. package/bundles/base.css +7 -1
  7. package/bundles/blackbaud.css +3 -1
  8. package/bundles/modern.css +1 -1
  9. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,13 @@
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.2.0](https://github.com/blackbaud/skyux-design-tokens/compare/3.1.1...3.2.0) (2025-10-20)
6
+
7
+
8
+ ### Features
9
+
10
+ * add body.xs font ([#294](https://github.com/blackbaud/skyux-design-tokens/issues/294)) ([2f555fc](https://github.com/blackbaud/skyux-design-tokens/commit/2f555fc76068ff9436d22d67d755f447d842ce28))
11
+
5
12
  ## [3.1.1](https://github.com/blackbaud/skyux-design-tokens/compare/3.1.0...3.1.1) (2025-10-15)
6
13
 
7
14
 
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.1.1/assets/images/favicon.ico"
5
+ "src": "https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.2.0/assets/images/favicon.ico"
6
6
  }
7
7
  },
8
8
  "strings": {
package/assets/scss/base.css CHANGED
@@ -147,6 +147,7 @@
147
147
  --bb-font-blkb_sans-fallback: Helvetica Neue, Arial, sans-serif;
148
148
  --bb-font-blkb_sans-name: BLKB Sans;
149
149
  --bb-font-monospaced-family: Menlo, Monaco, Consolas, Courier New, monospace;
150
+ --bb-font-size-200: 0.6875rem;
150
151
  --bb-font-size-300: 0.8125rem;
151
152
  --bb-font-size-400: 0.9375rem;
152
153
  --bb-font-size-500: 1.0625rem;
@@ -169,9 +170,10 @@
169
170
  --bb-font-weight-light: 300;
170
171
  --bb-font-weight-regular: 400;
171
172
  --bb-font-weight-semibold: 600;
172
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.1/assets/images/bb-logo.png');
173
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.2.0/assets/images/bb-logo.png');
173
174
  --bb-letter_spacing-normal: normal;
174
175
  --bb-letter_spacing-wider: 0.16px;
176
+ --bb-line_height-200: calc(16/11);
175
177
  --bb-line_height-300: calc(18/13);
176
178
  --bb-line_height-400: calc(20/15);
177
179
  --bb-line_height-500: calc(24/17);
@@ -1168,6 +1170,7 @@
1168
1170
  --sky-font-line_height-body-l: var(--bb-line_height-500);
1169
1171
  --sky-font-line_height-body-m: var(--bb-line_height-400);
1170
1172
  --sky-font-line_height-body-s: var(--bb-line_height-300);
1173
+ --sky-font-line_height-body-xs: var(--bb-line_height-200);
1171
1174
  --sky-font-line_height-display-1: var(--bb-line_height-700);
1172
1175
  --sky-font-line_height-display-2: var(--bb-line_height-650);
1173
1176
  --sky-font-line_height-display-3: var(--bb-line_height-600);
@@ -1184,6 +1187,7 @@
1184
1187
  --sky-font-size-body-l: var(--bb-font-size-500);
1185
1188
  --sky-font-size-body-m: var(--bb-font-size-400);
1186
1189
  --sky-font-size-body-s: var(--bb-font-size-300);
1190
+ --sky-font-size-body-xs: var(--bb-font-size-200);
1187
1191
  --sky-font-size-display-1: var(--bb-font-size-700);
1188
1192
  --sky-font-size-display-2: var(--bb-font-size-650);
1189
1193
  --sky-font-size-display-3: var(--bb-font-size-600);
@@ -1200,6 +1204,7 @@
1200
1204
  --sky-font-style-body-l: var(--bb-font-style-regular);
1201
1205
  --sky-font-style-body-m: var(--bb-font-style-regular);
1202
1206
  --sky-font-style-body-s: var(--bb-font-style-regular);
1207
+ --sky-font-style-body-xs: var(--bb-font-style-regular);
1203
1208
  --sky-font-style-display-1: var(--bb-font-style-semibold);
1204
1209
  --sky-font-style-display-2: var(--bb-font-style-semibold);
1205
1210
  --sky-font-style-display-3: var(--bb-font-style-semibold);
@@ -1337,6 +1342,7 @@
1337
1342
  --sky-type-body-l: var(--sky-font-style-body-l) var(--sky-font-size-body-l)/var(--sky-font-line_height-body-l) var(--sky-font-family-primary);
1338
1343
  --sky-type-body-m: var(--sky-font-style-body-m) var(--sky-font-size-body-m)/var(--sky-font-line_height-body-m) var(--sky-font-family-primary);
1339
1344
  --sky-type-body-s: var(--sky-font-style-body-s) var(--sky-font-size-body-s)/var(--sky-font-line_height-body-s) var(--sky-font-family-primary);
1345
+ --sky-type-body-xs: var(--sky-font-style-body-xs) var(--sky-font-size-body-xs)/var(--sky-font-line_height-body-xs) var(--sky-font-family-primary);
1340
1346
  --sky-type-heading-1: var(--sky-font-style-heading-1) var(--sky-font-size-heading-1)/var(--sky-font-line_height-heading-1) var(--sky-font-family-primary);
1341
1347
  --sky-type-input-val: var(--sky-font-style-body-s) var(--sky-font-size-input-val)/var(--sky-font-line_height-input-val) var(--sky-font-family-primary);
1342
1348
  --sky-type-display-1: var(--sky-font-style-display-1) var(--sky-font-size-display-1)/var(--sky-font-line_height-display-1) var(--sky-font-family-primary);
package/assets/scss/blackbaud.css CHANGED
@@ -147,6 +147,7 @@
147
147
  --bb-font-blkb_sans-fallback: Helvetica Neue, Arial, sans-serif;
148
148
  --bb-font-blkb_sans-name: BLKB Sans;
149
149
  --bb-font-monospaced-family: Menlo, Monaco, Consolas, Courier New, monospace;
150
+ --bb-font-size-200: 0.6875rem;
150
151
  --bb-font-size-300: 0.8125rem;
151
152
  --bb-font-size-400: 0.9375rem;
152
153
  --bb-font-size-500: 1.0625rem;
@@ -169,9 +170,10 @@
169
170
  --bb-font-weight-light: 300;
170
171
  --bb-font-weight-regular: 400;
171
172
  --bb-font-weight-semibold: 600;
172
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.1/assets/images/bb-logo.png');
173
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.2.0/assets/images/bb-logo.png');
173
174
  --bb-letter_spacing-normal: normal;
174
175
  --bb-letter_spacing-wider: 0.16px;
176
+ --bb-line_height-200: calc(16/11);
175
177
  --bb-line_height-300: calc(18/13);
176
178
  --bb-line_height-400: calc(20/15);
177
179
  --bb-line_height-500: calc(24/17);
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.1.1/assets/images/bb-logo.png');
80
+ --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.2.0/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
@@ -147,6 +147,7 @@
147
147
  --bb-font-blkb_sans-fallback: Helvetica Neue, Arial, sans-serif;
148
148
  --bb-font-blkb_sans-name: BLKB Sans;
149
149
  --bb-font-monospaced-family: Menlo, Monaco, Consolas, Courier New, monospace;
150
+ --bb-font-size-200: 0.6875rem;
150
151
  --bb-font-size-300: 0.8125rem;
151
152
  --bb-font-size-400: 0.9375rem;
152
153
  --bb-font-size-500: 1.0625rem;
@@ -169,9 +170,10 @@
169
170
  --bb-font-weight-light: 300;
170
171
  --bb-font-weight-regular: 400;
171
172
  --bb-font-weight-semibold: 600;
172
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.1/assets/images/bb-logo.png');
173
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.2.0/assets/images/bb-logo.png');
173
174
  --bb-letter_spacing-normal: normal;
174
175
  --bb-letter_spacing-wider: 0.16px;
176
+ --bb-line_height-200: calc(16/11);
175
177
  --bb-line_height-300: calc(18/13);
176
178
  --bb-line_height-400: calc(20/15);
177
179
  --bb-line_height-500: calc(24/17);
@@ -1168,6 +1170,7 @@
1168
1170
  --sky-font-line_height-body-l: var(--bb-line_height-500);
1169
1171
  --sky-font-line_height-body-m: var(--bb-line_height-400);
1170
1172
  --sky-font-line_height-body-s: var(--bb-line_height-300);
1173
+ --sky-font-line_height-body-xs: var(--bb-line_height-200);
1171
1174
  --sky-font-line_height-display-1: var(--bb-line_height-700);
1172
1175
  --sky-font-line_height-display-2: var(--bb-line_height-650);
1173
1176
  --sky-font-line_height-display-3: var(--bb-line_height-600);
@@ -1184,6 +1187,7 @@
1184
1187
  --sky-font-size-body-l: var(--bb-font-size-500);
1185
1188
  --sky-font-size-body-m: var(--bb-font-size-400);
1186
1189
  --sky-font-size-body-s: var(--bb-font-size-300);
1190
+ --sky-font-size-body-xs: var(--bb-font-size-200);
1187
1191
  --sky-font-size-display-1: var(--bb-font-size-700);
1188
1192
  --sky-font-size-display-2: var(--bb-font-size-650);
1189
1193
  --sky-font-size-display-3: var(--bb-font-size-600);
@@ -1200,6 +1204,7 @@
1200
1204
  --sky-font-style-body-l: var(--bb-font-style-regular);
1201
1205
  --sky-font-style-body-m: var(--bb-font-style-regular);
1202
1206
  --sky-font-style-body-s: var(--bb-font-style-regular);
1207
+ --sky-font-style-body-xs: var(--bb-font-style-regular);
1203
1208
  --sky-font-style-display-1: var(--bb-font-style-semibold);
1204
1209
  --sky-font-style-display-2: var(--bb-font-style-semibold);
1205
1210
  --sky-font-style-display-3: var(--bb-font-style-semibold);
@@ -1337,6 +1342,7 @@
1337
1342
  --sky-type-body-l: var(--sky-font-style-body-l) var(--sky-font-size-body-l)/var(--sky-font-line_height-body-l) var(--sky-font-family-primary);
1338
1343
  --sky-type-body-m: var(--sky-font-style-body-m) var(--sky-font-size-body-m)/var(--sky-font-line_height-body-m) var(--sky-font-family-primary);
1339
1344
  --sky-type-body-s: var(--sky-font-style-body-s) var(--sky-font-size-body-s)/var(--sky-font-line_height-body-s) var(--sky-font-family-primary);
1345
+ --sky-type-body-xs: var(--sky-font-style-body-xs) var(--sky-font-size-body-xs)/var(--sky-font-line_height-body-xs) var(--sky-font-family-primary);
1340
1346
  --sky-type-heading-1: var(--sky-font-style-heading-1) var(--sky-font-size-heading-1)/var(--sky-font-line_height-heading-1) var(--sky-font-family-primary);
1341
1347
  --sky-type-input-val: var(--sky-font-style-body-s) var(--sky-font-size-input-val)/var(--sky-font-line_height-input-val) var(--sky-font-family-primary);
1342
1348
  --sky-type-display-1: var(--sky-font-style-display-1) var(--sky-font-size-display-1)/var(--sky-font-line_height-display-1) var(--sky-font-family-primary);
package/bundles/blackbaud.css CHANGED
@@ -147,6 +147,7 @@
147
147
  --bb-font-blkb_sans-fallback: Helvetica Neue, Arial, sans-serif;
148
148
  --bb-font-blkb_sans-name: BLKB Sans;
149
149
  --bb-font-monospaced-family: Menlo, Monaco, Consolas, Courier New, monospace;
150
+ --bb-font-size-200: 0.6875rem;
150
151
  --bb-font-size-300: 0.8125rem;
151
152
  --bb-font-size-400: 0.9375rem;
152
153
  --bb-font-size-500: 1.0625rem;
@@ -169,9 +170,10 @@
169
170
  --bb-font-weight-light: 300;
170
171
  --bb-font-weight-regular: 400;
171
172
  --bb-font-weight-semibold: 600;
172
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.1.1/assets/images/bb-logo.png');
173
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.2.0/assets/images/bb-logo.png');
173
174
  --bb-letter_spacing-normal: normal;
174
175
  --bb-letter_spacing-wider: 0.16px;
176
+ --bb-line_height-200: calc(16/11);
175
177
  --bb-line_height-300: calc(18/13);
176
178
  --bb-line_height-400: calc(20/15);
177
179
  --bb-line_height-500: calc(24/17);
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.1.1/assets/images/bb-logo.png');
80
+ --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.2.0/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.1.1",
3
+ "version": "3.2.0",
4
4
  "description": "Design tokens for SKY UX",
5
5
  "homepage": "https://github.com/blackbaud/skyux-design-tokens",
6
6
  "license": "MIT",