@blackbaud/skyux-design-tokens 0.0.42 → 0.0.44

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 +14 -0
  2. package/package.json +1 -1
  3. package/scss/blackbaud.css +17 -12
  4. package/scss/modern.css +18 -4
package/CHANGELOG.md CHANGED
@@ -2,6 +2,20 @@
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.44](https://github.com/blackbaud/skyux-design-tokens/compare/0.0.43...0.0.44) (2025-02-03)
6
+
7
+
8
+ ### Features
9
+
10
+ * resize handle token ([#129](https://github.com/blackbaud/skyux-design-tokens/issues/129)) ([225bc52](https://github.com/blackbaud/skyux-design-tokens/commit/225bc5295f496182d54766df9af24326deda27c4))
11
+
12
+ ## [0.0.43](https://github.com/blackbaud/skyux-design-tokens/compare/0.0.42...0.0.43) (2025-01-14)
13
+
14
+
15
+ ### Features
16
+
17
+ * page tokens ([#127](https://github.com/blackbaud/skyux-design-tokens/issues/127)) ([2b34669](https://github.com/blackbaud/skyux-design-tokens/commit/2b34669645e3fae9e725c317157d376c28cf49ae))
18
+
5
19
  ## [0.0.42](https://github.com/blackbaud/skyux-design-tokens/compare/0.0.41...0.0.42) (2024-11-19)
6
20
 
7
21
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blackbaud/skyux-design-tokens",
3
- "version": "0.0.42",
3
+ "version": "0.0.44",
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
@@ -474,6 +474,7 @@
474
474
  --sky-type-data_label: var(--sky-font-style-data_label) var(--sky-font-size-data_label)/var(--sky-font-line_height-data_label) var(--sky-font-family-primary);
475
475
  --sky-size-thumbnail-l: var(--bb-size-fixed-600);
476
476
  --sky-size-max_width-overlay_message: var(--bb-size-reading_container-max_width);
477
+ --sky-size-width-resize_handle: var(--bb-size-fixed-150);
477
478
  --sky-size-width-viewport-smallest: var(--bb-size-fixed-2000);
478
479
  --sky-size-illustration-xl: var(--bb-size-fluid-600);
479
480
  --sky-size-illustration-l: var(--bb-size-fluid-500);
@@ -570,6 +571,10 @@
570
571
  --sky-space-inset-tabs-l: var(--bb-size-fluid-100);
571
572
  --sky-space-inset-tabs-m: var(--bb-size-fluid-75);
572
573
  --sky-space-inset-tabs-s: var(--bb-size-fluid-50);
574
+ --sky-space-inset-sunk-left-l: var(--bb-size-fluid-150);
575
+ --sky-space-inset-sunk-bottom-l: var(--bb-size-fluid-100);
576
+ --sky-space-inset-sunk-right-l: var(--bb-size-fluid-150);
577
+ --sky-space-inset-sunk-top-l: var(--bb-size-fluid-150);
573
578
  --sky-space-inset-pillarbox-2_3-left-l: var(--bb-size-fluid-150);
574
579
  --sky-space-inset-pillarbox-2_3-left-m: var(--bb-size-fluid-75);
575
580
  --sky-space-inset-pillarbox-2_3-bottom-l: var(--bb-size-fluid-100);
@@ -602,18 +607,18 @@
602
607
  --sky-space-inset-pillarbox-1_4-right-xs: var(--bb-size-fluid-25);
603
608
  --sky-space-inset-pillarbox-1_4-top-s: var(--bb-size-fluid-12);
604
609
  --sky-space-inset-pillarbox-1_4-top-xs: var(--bb-size-fluid-6);
605
- --sky-space-inset-letterbox-left-l: var(--bb-size-fluid-100);
606
- --sky-space-inset-letterbox-left-m: var(--bb-size-fluid-50);
607
- --sky-space-inset-letterbox-left-s: var(--bb-size-fluid-25);
608
- --sky-space-inset-letterbox-bottom-l: var(--bb-size-fluid-150);
609
- --sky-space-inset-letterbox-bottom-m: var(--bb-size-fluid-100);
610
- --sky-space-inset-letterbox-bottom-s: var(--bb-size-fluid-50);
611
- --sky-space-inset-letterbox-right-l: var(--bb-size-fluid-100);
612
- --sky-space-inset-letterbox-right-m: var(--bb-size-fluid-50);
613
- --sky-space-inset-letterbox-right-s: var(--bb-size-fluid-25);
614
- --sky-space-inset-letterbox-top-l: var(--bb-size-fluid-150);
615
- --sky-space-inset-letterbox-top-m: var(--bb-size-fluid-100);
616
- --sky-space-inset-letterbox-top-s: var(--bb-size-fluid-50);
610
+ --sky-space-inset-letterbox-2_3-left-m: var(--bb-size-fluid-50);
611
+ --sky-space-inset-letterbox-2_3-bottom-m: var(--bb-size-fluid-75);
612
+ --sky-space-inset-letterbox-2_3-right-m: var(--bb-size-fluid-50);
613
+ --sky-space-inset-letterbox-2_3-top-m: var(--bb-size-fluid-75);
614
+ --sky-space-inset-letterbox-1_2-left-m: var(--bb-size-fluid-50);
615
+ --sky-space-inset-letterbox-1_2-bottom-m: var(--bb-size-fluid-100);
616
+ --sky-space-inset-letterbox-1_2-right-m: var(--bb-size-fluid-50);
617
+ --sky-space-inset-letterbox-1_2-top-m: var(--bb-size-fluid-100);
618
+ --sky-space-inset-letterbox-1_3-left-m: var(--bb-size-fluid-50);
619
+ --sky-space-inset-letterbox-1_3-bottom-m: var(--bb-size-fluid-150);
620
+ --sky-space-inset-letterbox-1_3-right-m: var(--bb-size-fluid-50);
621
+ --sky-space-inset-letterbox-1_3-top-m: var(--bb-size-fluid-150);
617
622
  --sky-space-inset-input_label-bottom-m: var(--bb-size-fluid-12);
618
623
  --sky-space-inset-input_label-top-m: var(--bb-size-fluid-37);
619
624
  --sky-space-inset-input-left-m: var(--bb-size-fluid-100);
package/scss/modern.css CHANGED
@@ -64,6 +64,7 @@
64
64
  --modern-size-20: 20px;
65
65
  --modern-size-16: 16px;
66
66
  --modern-size-15: 15px;
67
+ --modern-size-14: 14px;
67
68
  --modern-size-13: 13px;
68
69
  --modern-size-12: 12px;
69
70
  --modern-size-10: 10px;
@@ -278,6 +279,7 @@
278
279
  --sky-border-width-accent: var(--modern-size-7);
279
280
  --sky-size-thumbnail-l: var(--modern-size-100);
280
281
  --sky-size-max_width-overlay_message: var(--modern-size-236);
282
+ --sky-size-width-resize_handle: var(--modern-size-14);
281
283
  --sky-size-width-viewport-smallest: var(--modern-size-296);
282
284
  --sky-size-illustration-xl: var(--modern-size-96);
283
285
  --sky-size-illustration-l: var(--modern-size-80);
@@ -374,6 +376,10 @@
374
376
  --sky-space-inset-tabs-l: var(--modern-space-lg);
375
377
  --sky-space-inset-tabs-m: var(--modern-space-md);
376
378
  --sky-space-inset-tabs-s: var(--modern-space-s);
379
+ --sky-space-inset-sunk-left-l: var(--modern-space-xl);
380
+ --sky-space-inset-sunk-bottom-l: var(--modern-space-lg);
381
+ --sky-space-inset-sunk-right-l: var(--modern-space-xl);
382
+ --sky-space-inset-sunk-top-l: var(--modern-space-xl);
377
383
  --sky-space-inset-pillarbox-2_3-left-l: var(--modern-size-30);
378
384
  --sky-space-inset-pillarbox-2_3-left-m: var(--modern-size-15);
379
385
  --sky-space-inset-pillarbox-2_3-bottom-l: var(--modern-size-20);
@@ -406,10 +412,18 @@
406
412
  --sky-space-inset-pillarbox-1_4-right-xs: var(--modern-size-5);
407
413
  --sky-space-inset-pillarbox-1_4-top-s: var(--modern-size-4);
408
414
  --sky-space-inset-pillarbox-1_4-top-xs: var(--modern-size-1);
409
- --sky-space-inset-letterbox-left-m: var(--modern-space-s);
410
- --sky-space-inset-letterbox-bottom-m: var(--modern-space-lg);
411
- --sky-space-inset-letterbox-right-m: var(--modern-space-s);
412
- --sky-space-inset-letterbox-top-m: var(--modern-space-lg);
415
+ --sky-space-inset-letterbox-2_3-left-m: var(--modern-space-s);
416
+ --sky-space-inset-letterbox-2_3-bottom-m: var(--modern-space-md);
417
+ --sky-space-inset-letterbox-2_3-right-m: var(--modern-space-s);
418
+ --sky-space-inset-letterbox-2_3-top-m: var(--modern-space-md);
419
+ --sky-space-inset-letterbox-1_2-left-m: var(--modern-space-s);
420
+ --sky-space-inset-letterbox-1_2-bottom-m: var(--modern-space-lg);
421
+ --sky-space-inset-letterbox-1_2-right-m: var(--modern-space-s);
422
+ --sky-space-inset-letterbox-1_2-top-m: var(--modern-space-lg);
423
+ --sky-space-inset-letterbox-1_3-left-m: var(--modern-space-s);
424
+ --sky-space-inset-letterbox-1_3-bottom-m: var(--modern-space-xl);
425
+ --sky-space-inset-letterbox-1_3-right-m: var(--modern-space-s);
426
+ --sky-space-inset-letterbox-1_3-top-m: var(--modern-space-xl);
413
427
  --sky-space-inset-input_label-bottom-m: var(--modern-size-2);
414
428
  --sky-space-inset-input_label-top-m: var(--modern-size-6);
415
429
  --sky-space-inset-input-left-m: var(--modern-size-15);