@blackbaud/skyux-design-tokens 0.0.35 → 0.0.36

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 +9 -0
  2. package/package.json +1 -1
  3. package/scss/blackbaud.css +4 -22
  4. package/scss/modern.css +31 -48
package/CHANGELOG.md CHANGED
@@ -2,6 +2,15 @@
2
2
 
3
3
  - Added `neutral-medium-dark` token in modern. [#64](https://github.com/blackbaud/skyux-design-tokens/pull/64)
4
4
 
5
+ ## [0.0.36](https://github.com/blackbaud/skyux-design-tokens/compare/0.0.35...0.0.36) (2024-10-04)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * line heights and border radii ([#98](https://github.com/blackbaud/skyux-design-tokens/issues/98)) ([842e517](https://github.com/blackbaud/skyux-design-tokens/commit/842e517242f697312cc407a525c73dd4ff259f5c))
11
+ * remove tokens used for font-face at-rules ([#97](https://github.com/blackbaud/skyux-design-tokens/issues/97)) ([1a92a4a](https://github.com/blackbaud/skyux-design-tokens/commit/1a92a4adeddf14f3828ce2581d87b1ac0b1ef5e9))
12
+ * update heading 2 to regular weight ([#100](https://github.com/blackbaud/skyux-design-tokens/issues/100)) ([52af2b3](https://github.com/blackbaud/skyux-design-tokens/commit/52af2b36fa62c62370b3d2eecf3c033b1a31e885))
13
+
5
14
  ## [0.0.35](https://github.com/blackbaud/skyux-design-tokens/compare/0.0.34...0.0.35) (2024-10-02)
6
15
 
7
16
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blackbaud/skyux-design-tokens",
3
- "version": "0.0.35",
3
+ "version": "0.0.36",
4
4
  "description": "Design tokens for SKY UX",
5
5
  "homepage": "https://github.com/blackbaud/skyux-design-tokens",
6
6
  "license": "MIT",
package/scss/blackbaud.css CHANGED
@@ -114,7 +114,7 @@
114
114
  --bb-border-radius-pill: 999rem;
115
115
  --bb-border-radius-050: 0.5rem;
116
116
  --bb-border-radius-025: 0.25rem;
117
- --bb-border-radius-none: 0rem;
117
+ --bb-border-radius-0: 0rem;
118
118
  --bb-line_height-1000: 1.2308;
119
119
  --bb-line_height-900: 1.1429;
120
120
  --bb-line_height-800: 1.1111;
@@ -300,25 +300,6 @@
300
300
  --sky-color-text-default: var(--bb-color-gray-900);
301
301
  }
302
302
  .sky-theme-modern.sky-theme-brand-blackbaud {
303
- --sky-font_face-blkb_sans-bold-src: url(https://sky.blackbaudcdn.net/static/skyux-fonts/2.0.0/assets/BLKBSans-Bold.woff) format("woff");
304
- --sky-font_face-blkb_sans-bold-weight: 700;
305
- --sky-font_face-blkb_sans-bold-style: normal;
306
- --sky-font_face-blkb_sans-semibold-src: url(https://sky.blackbaudcdn.net/static/skyux-fonts/2.0.0/assets/BLKBSans-Semibold.woff) format("woff");
307
- --sky-font_face-blkb_sans-semibold-weight: 600;
308
- --sky-font_face-blkb_sans-semibold-style: normal;
309
- --sky-font_face-blkb_sans-light-src: url(https://sky.blackbaudcdn.net/static/skyux-fonts/2.0.0/assets/BLKBSans-Light.woff) format("woff");
310
- --sky-font_face-blkb_sans-light-weight: 300;
311
- --sky-font_face-blkb_sans-light-style: normal;
312
- --sky-font_face-blkb_sans-thin-src: url(https://sky.blackbaudcdn.net/static/skyux-fonts/2.0.0/assets/BLKBSans-Thin.woff) format("woff");
313
- --sky-font_face-blkb_sans-thin-weight: 100;
314
- --sky-font_face-blkb_sans-thin-style: normal;
315
- --sky-font_face-blkb_sans-italic-src: url(https://sky.blackbaudcdn.net/static/skyux-fonts/2.0.0/assets/BLKBSans-Italic.woff) format("woff");
316
- --sky-font_face-blkb_sans-italic-weight: 400;
317
- --sky-font_face-blkb_sans-italic-style: italic;
318
- --sky-font_face-blkb_sans-regular-src: url("https://sky.blackbaudcdn.net/static/skyux-fonts/2.0.0/assets/BLKBSans-Regular.woff") format("woff");
319
- --sky-font_face-blkb_sans-regular-weight: 400;
320
- --sky-font_face-blkb_sans-regular-style: normal;
321
- --sky-font_face-blkb_sans-name: var(--bb-font-blkb_sans-name);
322
303
  --sky-border-style-separator-row: var(--bb-border-style-dotted);
323
304
  --sky-border-style-separator-dark: var(--bb-border-style-solid);
324
305
  --sky-border-style-elevation: var(--bb-border-style-solid);
@@ -347,8 +328,9 @@
347
328
  --sky-border-width-divider: var(--bb-size-fixed-6);
348
329
  --sky-border-width-accent: var(--bb-size-fixed-37);
349
330
  --sky-border-radius-pill: var(--bb-border-radius-pill);
350
- --sky-border-radius-m: var(--bb-size-fluid-50);
351
- --sky-border-radius-s: var(--bb-size-fluid-25);
331
+ --sky-border-radius-m: var(--bb-border-radius-050);
332
+ --sky-border-radius-s: var(--bb-border-radius-025);
333
+ --sky-border-radius-0: var(--bb-border-radius-0);
352
334
  --sky-font-text_decoration-inline_link-disabled: none;
353
335
  --sky-font-text_decoration-inline_link-focus: none;
354
336
  --sky-font-text_decoration-inline_link-active: underline;
package/scss/modern.css CHANGED
@@ -3,6 +3,7 @@
3
3
  --modern-border-style-solid: solid;
4
4
  --modern-border-radius-pill: 10rem;
5
5
  --modern-border-radius-md: 6px;
6
+ --modern-border-radius-0: 0rem;
6
7
  --modern-shadow-size-24: 0 7px 27px 3px var(--modern-color-shadow_color);
7
8
  --modern-shadow-size-16: 0 3px 25px 2px var(--modern-color-shadow_color);
8
9
  --modern-shadow-size-8: 0 2px 15px 2px var(--modern-color-shadow_color);
@@ -11,11 +12,11 @@
11
12
  --modern-shadow-size-1: 0 1px 3px 0 var(--modern-color-shadow_color);
12
13
  --modern-shadow-size-0: 0 0 0 0 #000000;
13
14
  --modern-letter_spacing-normal: normal;
14
- --modern-line-height-normal: normal;
15
- --modern-line-height-150: 1.5;
16
- --modern-line-height-115: 1.15;
17
- --modern-line-height-110: 1.1;
18
- --modern-line-height-20: 20px;
15
+ --modern-line_height-normal: normal;
16
+ --modern-line_height-150: 1.5;
17
+ --modern-line_height-115: 1.15;
18
+ --modern-line_height-110: 1.1;
19
+ --modern-line_height-20: 20px;
19
20
  --modern-font-blkb_sans-family: var(--modern-font-blkb_sans-name), var(--modern-font-blkb_sans-fallback);
20
21
  --modern-font-blkb_sans-fallback: Helvetica Neue, Arial, sans-serif;
21
22
  --modern-font-blkb_sans-name: BLKB Sans;
@@ -208,33 +209,15 @@
208
209
  --sky-color-text-default: var(--modern-color-gray-105);
209
210
  }
210
211
  .sky-theme-modern {
211
- --sky-font_face-blkb_sans-bold-src: url(https://sky.blackbaudcdn.net/static/skyux-fonts/2.0.0/assets/BLKBSans-Bold.woff) format("woff");
212
- --sky-font_face-blkb_sans-bold-weight: 700;
213
- --sky-font_face-blkb_sans-bold-style: normal;
214
- --sky-font_face-blkb_sans-semibold-src: url(https://sky.blackbaudcdn.net/static/skyux-fonts/2.0.0/assets/BLKBSans-Semibold.woff) format("woff");
215
- --sky-font_face-blkb_sans-semibold-weight: 600;
216
- --sky-font_face-blkb_sans-semibold-style: normal;
217
- --sky-font_face-blkb_sans-light-src: url(https://sky.blackbaudcdn.net/static/skyux-fonts/2.0.0/assets/BLKBSans-Light.woff) format("woff");
218
- --sky-font_face-blkb_sans-light-weight: 300;
219
- --sky-font_face-blkb_sans-light-style: normal;
220
- --sky-font_face-blkb_sans-thin-src: url(https://sky.blackbaudcdn.net/static/skyux-fonts/2.0.0/assets/BLKBSans-Thin.woff) format("woff");
221
- --sky-font_face-blkb_sans-thin-weight: 100;
222
- --sky-font_face-blkb_sans-thin-style: normal;
223
- --sky-font_face-blkb_sans-italic-src: url(https://sky.blackbaudcdn.net/static/skyux-fonts/2.0.0/assets/BLKBSans-Italic.woff) format("woff");
224
- --sky-font_face-blkb_sans-italic-weight: 400;
225
- --sky-font_face-blkb_sans-italic-style: italic;
226
- --sky-font_face-blkb_sans-regular-src: url("https://sky.blackbaudcdn.net/static/skyux-fonts/2.0.0/assets/BLKBSans-Regular.woff") format("woff");
227
- --sky-font_face-blkb_sans-regular-weight: 400;
228
- --sky-font_face-blkb_sans-regular-style: normal;
229
- --sky-font_face-blkb_sans-name: var(--modern-font-blkb_sans-name);
230
212
  --sky-border-style-separator-row: var(--modern-border-style-dotted);
231
213
  --sky-border-style-separator-dark: var(--modern-border-style-solid);
232
214
  --sky-border-style-elevation: var(--modern-border-style-solid);
233
215
  --sky-border-style-divider: var(--modern-border-style-solid);
234
216
  --sky-border-style-accent: var(--modern-border-style-solid);
235
217
  --sky-border-radius-pill: var(--modern-border-radius-pill);
236
- --sky-border-radius-m: var(--modern-size-6);
237
- --sky-border-radius-s: var(--modern-size-6);
218
+ --sky-border-radius-m: var(--modern-border-radius-md);
219
+ --sky-border-radius-s: var(--modern-border-radius-md);
220
+ --sky-border-radius-0: var(--modern-border-radius-0);
238
221
  --sky-border-width-separator-row: var(--modern-size-1);
239
222
  --sky-border-width-separator-dark: var(--modern-size-1);
240
223
  --sky-border-width-input-disabled: var(--modern-size-1);
@@ -412,7 +395,7 @@
412
395
  --sky-font-weight-heading-5: var(--modern-font-weight-semibold);
413
396
  --sky-font-weight-heading-4: var(--modern-font-weight-semibold);
414
397
  --sky-font-weight-heading-3: var(--modern-font-weight-regular);
415
- --sky-font-weight-heading-2: var(--modern-font-weight-light);
398
+ --sky-font-weight-heading-2: var(--modern-font-weight-regular);
416
399
  --sky-font-weight-heading-1: var(--modern-font-weight-light);
417
400
  --sky-font-weight-display-4: var(--modern-font-weight-bold);
418
401
  --sky-font-weight-display-3: var(--modern-font-weight-regular);
@@ -438,7 +421,7 @@
438
421
  --sky-font-style-heading-5: var(--modern-font-style-semibold);
439
422
  --sky-font-style-heading-4: var(--modern-font-style-semibold);
440
423
  --sky-font-style-heading-3: var(--modern-font-style-regular);
441
- --sky-font-style-heading-2: var(--modern-font-style-light);
424
+ --sky-font-style-heading-2: var(--modern-font-style-regular);
442
425
  --sky-font-style-heading-1: var(--modern-font-style-light);
443
426
  --sky-font-style-display-4: var(--modern-font-style-bold);
444
427
  --sky-font-style-display-3: var(--modern-font-style-regular);
@@ -451,26 +434,26 @@
451
434
  --sky-font-style-emphasized: var(--modern-font-style-semibold);
452
435
  --sky-font-style-deemphasized-style: italic;
453
436
  --sky-font-style-deemphasized-weight: 400;
454
- --sky-font-line_height-metric-l: var(--modern-line-height-normal);
455
- --sky-font-line_height-metric-m: var(--modern-line-height-normal);
456
- --sky-font-line_height-metric-s: var(--modern-line-height-normal);
457
- --sky-font-line_height-input-val: var(--modern-line-height-20);
458
- --sky-font-line_height-input-label: var(--modern-line-height-normal);
459
- --sky-font-line_height-hint-m: var(--modern-line-height-normal);
460
- --sky-font-line_height-hint-s: var(--modern-line-height-normal);
461
- --sky-font-line_height-heading-5: var(--modern-line-height-110);
462
- --sky-font-line_height-heading-4: var(--modern-line-height-110);
463
- --sky-font-line_height-heading-3: var(--modern-line-height-110);
464
- --sky-font-line_height-heading-2: var(--modern-line-height-110);
465
- --sky-font-line_height-heading-1: var(--modern-line-height-110);
466
- --sky-font-line_height-display-4: var(--modern-line-height-110);
467
- --sky-font-line_height-display-3: var(--modern-line-height-110);
468
- --sky-font-line_height-display-2: var(--modern-line-height-110);
469
- --sky-font-line_height-display-1: var(--modern-line-height-110);
470
- --sky-font-line_height-body-l: var(--modern-line-height-normal);
471
- --sky-font-line_height-body-m: var(--modern-line-height-150);
472
- --sky-font-line_height-body-s: var(--modern-line-height-normal);
473
- --sky-font-line_height-data_label: var(--modern-line-height-normal);
437
+ --sky-font-line_height-metric-l: var(--modern-line_height-normal);
438
+ --sky-font-line_height-metric-m: var(--modern-line_height-normal);
439
+ --sky-font-line_height-metric-s: var(--modern-line_height-normal);
440
+ --sky-font-line_height-input-val: var(--modern-line_height-20);
441
+ --sky-font-line_height-input-label: var(--modern-line_height-normal);
442
+ --sky-font-line_height-hint-m: var(--modern-line_height-normal);
443
+ --sky-font-line_height-hint-s: var(--modern-line_height-normal);
444
+ --sky-font-line_height-heading-5: var(--modern-line_height-110);
445
+ --sky-font-line_height-heading-4: var(--modern-line_height-110);
446
+ --sky-font-line_height-heading-3: var(--modern-line_height-110);
447
+ --sky-font-line_height-heading-2: var(--modern-line_height-110);
448
+ --sky-font-line_height-heading-1: var(--modern-line_height-110);
449
+ --sky-font-line_height-display-4: var(--modern-line_height-110);
450
+ --sky-font-line_height-display-3: var(--modern-line_height-110);
451
+ --sky-font-line_height-display-2: var(--modern-line_height-110);
452
+ --sky-font-line_height-display-1: var(--modern-line_height-110);
453
+ --sky-font-line_height-body-l: var(--modern-line_height-normal);
454
+ --sky-font-line_height-body-m: var(--modern-line_height-150);
455
+ --sky-font-line_height-body-s: var(--modern-line_height-normal);
456
+ --sky-font-line_height-data_label: var(--modern-line_height-normal);
474
457
  --sky-font-size-metric-l: var(--sky-font-size-display-1);
475
458
  --sky-font-size-metric-m: var(--sky-font-size-display-3);
476
459
  --sky-font-size-metric-s: var(--sky-font-size-display-4);