@blackbaud/skyux-design-tokens 2.0.0-alpha.8 → 2.0.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.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,97 @@
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](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.16...2.0.0) (2025-08-06)
6
+
7
+
8
+ ### Features
9
+
10
+ * release 2.0.0 ([#269](https://github.com/blackbaud/skyux-design-tokens/issues/269)) ([fa5f433](https://github.com/blackbaud/skyux-design-tokens/commit/fa5f4338f897a994ebac3b1a002ba25a162b719d))
11
+
12
+ ## [2.0.0-alpha.16](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.15...2.0.0-alpha.16) (2025-08-06)
13
+
14
+
15
+ ### Features
16
+
17
+ * add support for favicon ([#267](https://github.com/blackbaud/skyux-design-tokens/issues/267)) ([ee8be86](https://github.com/blackbaud/skyux-design-tokens/commit/ee8be86a99d796ccfcaad64b448ac26a0beb422c))
18
+ * initial colors for illustrations ([#255](https://github.com/blackbaud/skyux-design-tokens/issues/255)) ([93039f6](https://github.com/blackbaud/skyux-design-tokens/commit/93039f6c9d2edd329af756c94ad4894cb2979cd6))
19
+ * list summary tokens ([#261](https://github.com/blackbaud/skyux-design-tokens/issues/261)) ([b0f3837](https://github.com/blackbaud/skyux-design-tokens/commit/b0f3837997cb2c2f7f3bb76a644e05f24effa247))
20
+ * publish stylesheets to bundles ([#265](https://github.com/blackbaud/skyux-design-tokens/issues/265)) ([2b53bd0](https://github.com/blackbaud/skyux-design-tokens/commit/2b53bd057bbe1ead0e48915d90e85e72506f79f5))
21
+
22
+ ## [2.0.0-alpha.15](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.14...2.0.0-alpha.15) (2025-08-04)
23
+
24
+
25
+ ### ⚠ BREAKING CHANGES
26
+
27
+ * add selected switch backgrounds ([#260](https://github.com/blackbaud/skyux-design-tokens/issues/260))
28
+
29
+ ### Features
30
+
31
+ * add selected switch backgrounds ([#260](https://github.com/blackbaud/skyux-design-tokens/issues/260)) ([341a4ec](https://github.com/blackbaud/skyux-design-tokens/commit/341a4eca483a3d4e295750464eb3776b681cab43))
32
+
33
+ ## [2.0.0-alpha.14](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.13...2.0.0-alpha.14) (2025-07-31)
34
+
35
+
36
+ ### ⚠ BREAKING CHANGES
37
+
38
+ * left and right padding for v2 toolbar button update ([#259](https://github.com/blackbaud/skyux-design-tokens/issues/259))
39
+
40
+ ### Bug Fixes
41
+
42
+ * left and right padding for v2 toolbar button update ([#259](https://github.com/blackbaud/skyux-design-tokens/issues/259)) ([32a23a8](https://github.com/blackbaud/skyux-design-tokens/commit/32a23a8e16073264f56baa32f307227c41fa45fa))
43
+
44
+ ## [2.0.0-alpha.13](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.12...2.0.0-alpha.13) (2025-07-29)
45
+
46
+
47
+ ### Features
48
+
49
+ * add component-specific border radius to checkbox ([#257](https://github.com/blackbaud/skyux-design-tokens/issues/257)) ([f04077c](https://github.com/blackbaud/skyux-design-tokens/commit/f04077cf5438f9dc8d81373f6ec193080429cc31))
50
+
51
+ ## [2.0.0-alpha.12](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.11...2.0.0-alpha.12) (2025-07-28)
52
+
53
+
54
+ ### ⚠ BREAKING CHANGES
55
+
56
+ * rename all comp.page tokens to comp.layout in both themes ([#228](https://github.com/blackbaud/skyux-design-tokens/issues/228))
57
+
58
+ ### Features
59
+
60
+ * rename all comp.page tokens to comp.layout in both themes ([#228](https://github.com/blackbaud/skyux-design-tokens/issues/228)) ([55ce452](https://github.com/blackbaud/skyux-design-tokens/commit/55ce452b1b53525e6712696f9f00d809e9aa2893))
61
+
62
+ ## [2.0.0-alpha.11](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.10...2.0.0-alpha.11) (2025-07-24)
63
+
64
+
65
+ ### ⚠ BREAKING CHANGES
66
+
67
+ * outset for repeater when in split view drawer ([#243](https://github.com/blackbaud/skyux-design-tokens/issues/243))
68
+
69
+ ### Features
70
+
71
+ * outset for repeater when in split view drawer ([#243](https://github.com/blackbaud/skyux-design-tokens/issues/243)) ([b67e368](https://github.com/blackbaud/skyux-design-tokens/commit/b67e36898f5c4dd969cb981d6b5ef3d89395f507))
72
+
73
+ ## [2.0.0-alpha.10](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.9...2.0.0-alpha.10) (2025-07-22)
74
+
75
+
76
+ ### ⚠ BREAKING CHANGES
77
+
78
+ * remove unneeded font-weight tokens ([#141](https://github.com/blackbaud/skyux-design-tokens/issues/141))
79
+
80
+ ### Features
81
+
82
+ * add colors for disabled wizard tabs ([#244](https://github.com/blackbaud/skyux-design-tokens/issues/244)) ([a4479c6](https://github.com/blackbaud/skyux-design-tokens/commit/a4479c69f3630313feaaedde7cf5b58b74ab9fe4))
83
+ * remove unneeded font-weight tokens ([#141](https://github.com/blackbaud/skyux-design-tokens/issues/141)) ([9f23375](https://github.com/blackbaud/skyux-design-tokens/commit/9f233751b8e6e57daf3cf1a1075da8a29abc49c5))
84
+
85
+ ## [2.0.0-alpha.9](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.8...2.0.0-alpha.9) (2025-07-22)
86
+
87
+
88
+ ### ⚠ BREAKING CHANGES
89
+
90
+ * letterbox spacing is now comp.grid.cell spacing ([#238](https://github.com/blackbaud/skyux-design-tokens/issues/238))
91
+
92
+ ### Bug Fixes
93
+
94
+ * letterbox spacing is now comp.grid.cell spacing ([#238](https://github.com/blackbaud/skyux-design-tokens/issues/238)) ([b9cde87](https://github.com/blackbaud/skyux-design-tokens/commit/b9cde879634668ea74047b4e5d06b48ae4a619c5))
95
+
5
96
  ## [2.0.0-alpha.8](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.7...2.0.0-alpha.8) (2025-07-18)
6
97
 
7
98
 
@@ -1,3 +1,11 @@
1
1
  {
2
- "fonts": []
3
- }
2
+ "fonts": [],
3
+ "images": {
4
+ "favicon": {
5
+ "src": "https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0/assets/images/favicon.ico"
6
+ }
7
+ },
8
+ "strings": {
9
+ "title": "Blackbaud"
10
+ }
11
+ }
Binary file
@@ -29,6 +29,7 @@
29
29
  --bb-color-blue-700: #2256aa;
30
30
  --bb-color-blue-800: #1a4080;
31
31
  --bb-color-blue-900: #112b55;
32
+ --bb-color-brand-trusted_blue: #004054;
32
33
  --bb-color-gray-100: #d3d5d6;
33
34
  --bb-color-gray-1000: #1e2229;
34
35
  --bb-color-gray-1100: #161a1f;
@@ -152,7 +153,7 @@
152
153
  --bb-font-weight-light: 300;
153
154
  --bb-font-weight-regular: 400;
154
155
  --bb-font-weight-semibold: 600;
155
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.8/assets/images/bb-logo.png');
156
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0/assets/images/bb-logo.png');
156
157
  --bb-letter_spacing-normal: normal;
157
158
  --bb-letter_spacing-wider: 0.16px;
158
159
  --bb-line_height-300: calc(18/13);
@@ -287,13 +288,13 @@
287
288
  --sky-color-background-input-disabled: var(--bb-color-gray-700);
288
289
  --sky-color-background-nav-active: var(--bb-color-transparent);
289
290
  --sky-color-background-nav-base: var(--bb-color-transparent);
290
- --sky-color-background-nav-disabled: var(--bb-color-gray-50);
291
+ --sky-color-background-nav-disabled: var(--bb-color-gray-700);
291
292
  --sky-color-background-nav-focus: var(--bb-color-transparent);
292
293
  --sky-color-background-nav-hover: var(--bb-color-transparent);
293
294
  --sky-color-background-page: var(--bb-color-gray-1100);
294
295
  --sky-color-background-row-active: var(--bb-color-transparent);
295
296
  --sky-color-background-row-base: var(--bb-color-gray-1000);
296
- --sky-color-background-row-disabled: var(--bb-color-gray-50);
297
+ --sky-color-background-row-disabled: var(--bb-color-gray-700);
297
298
  --sky-color-background-row-focus: var(--bb-color-transparent);
298
299
  --sky-color-background-row-hover: var(--bb-color-transparent);
299
300
  --sky-color-background-scrim: var(--bb-color-scrim);
@@ -301,6 +302,8 @@
301
302
  --sky-color-background-selected-heavy: var(--bb-color-blue-600);
302
303
  --sky-color-background-selected-soft: var(--bb-color-blue-900);
303
304
  --sky-color-background-selected-success: var(--bb-color-green-900);
305
+ --sky-color-background-selected-switch-base: var(--bb-color-blue-600);
306
+ --sky-color-background-selected-switch-disabled: var(--bb-color-gray-700);
304
307
  --sky-color-background-selected-warning: var(--bb-color-yellow-900);
305
308
  --sky-color-background-tab-active: var(--bb-color-transparent);
306
309
  --sky-color-background-tab-base: var(--bb-color-transparent);
@@ -308,6 +311,7 @@
308
311
  --sky-color-background-tab-focus: var(--bb-color-transparent);
309
312
  --sky-color-background-tab-hover: var(--bb-color-transparent);
310
313
  --sky-color-background-tab-selected: var(--bb-color-transparent);
314
+ --sky-color-background-tab-wizard-disabled: var(--bb-color-transparent);
311
315
  --sky-color-background-text_highlight: var(--bb-color-yellow-800);
312
316
  --sky-color-background-thumb-base: var(--bb-color-white);
313
317
  --sky-color-background-thumb-disabled: var(--bb-color-gray-600);
@@ -377,6 +381,7 @@
377
381
  --sky-color-border-tab-disabled: var(--bb-color-gray-800);
378
382
  --sky-color-border-tab-focus: var(--bb-color-sky-600);
379
383
  --sky-color-border-tab-hover: var(--bb-color-sky-600);
384
+ --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
380
385
  --sky-color-border-text_highlight: var(--bb-color-yellow-600);
381
386
  --sky-color-border-warning: var(--bb-color-yellow-400);
382
387
  --sky-color-icon-action: var(--bb-color-sky-600);
@@ -389,6 +394,10 @@
389
394
  --sky-color-icon-selected: var(--bb-color-blue-600);
390
395
  --sky-color-icon-success: var(--bb-color-green-700);
391
396
  --sky-color-icon-warning: var(--bb-color-yellow-600);
397
+ --sky-color-illustration-fill-heavy: var(--bb-color-green-700);
398
+ --sky-color-illustration-fill-soft: var(--bb-color-green-900);
399
+ --sky-color-illustration-fill-softest: var(--bb-color-gray-900);
400
+ --sky-color-illustration-stroke: var(--bb-color-green-200);
392
401
  --sky-color-text-action: var(--bb-color-sky-600);
393
402
  --sky-color-text-action_contrast: var(--bb-color-blue-300);
394
403
  --sky-color-text-danger: var(--bb-color-red-400);
@@ -466,6 +475,7 @@
466
475
  --sky-color-background-selected-heavy: var(--bb-color-blue-600);
467
476
  --sky-color-background-selected-soft: var(--bb-color-blue-100);
468
477
  --sky-color-background-selected-success: var(--bb-color-green-300);
478
+ --sky-color-background-selected-switch-disabled: var(--bb-color-gray-50);
469
479
  --sky-color-background-selected-warning: var(--bb-color-yellow-300);
470
480
  --sky-color-background-tab-active: var(--bb-color-transparent);
471
481
  --sky-color-background-tab-base: var(--bb-color-transparent);
@@ -473,6 +483,7 @@
473
483
  --sky-color-background-tab-focus: var(--bb-color-transparent);
474
484
  --sky-color-background-tab-hover: var(--bb-color-transparent);
475
485
  --sky-color-background-tab-selected: var(--bb-color-transparent);
486
+ --sky-color-background-tab-wizard-disabled: var(--bb-color-transparent);
476
487
  --sky-color-background-text_highlight: var(--bb-color-yellow-400);
477
488
  --sky-color-background-thumb-base: var(--bb-color-white);
478
489
  --sky-color-background-thumb-disabled: var(--bb-color-gray-25);
@@ -541,6 +552,7 @@
541
552
  --sky-color-border-tab-disabled: var(--bb-color-gray-200);
542
553
  --sky-color-border-tab-focus: var(--bb-color-blue-600);
543
554
  --sky-color-border-tab-hover: var(--bb-color-blue-600);
555
+ --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
544
556
  --sky-color-border-text_highlight: var(--bb-color-yellow-800);
545
557
  --sky-color-border-warning: var(--bb-color-yellow-600);
546
558
  --sky-color-category-blue: var(--bb-color-sky-300);
@@ -560,6 +572,10 @@
560
572
  --sky-color-icon-selected: var(--bb-color-blue-600);
561
573
  --sky-color-icon-success: var(--bb-color-green-700);
562
574
  --sky-color-icon-warning: var(--bb-color-yellow-600);
575
+ --sky-color-illustration-fill-heavy: var(--bb-color-green-400);
576
+ --sky-color-illustration-fill-soft: var(--bb-color-green-100);
577
+ --sky-color-illustration-fill-softest: var(--bb-color-white);
578
+ --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
563
579
  --sky-color-text-action: var(--bb-color-blue-600);
564
580
  --sky-color-text-action_contrast: var(--bb-color-blue-700);
565
581
  --sky-color-text-danger: var(--bb-color-red-600);
@@ -587,6 +603,7 @@
587
603
  --sky-elevation-none: var(--bb-shadow-blue-0);
588
604
  --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
589
605
  --sky-opacity-wait: var(--bb-opacity-600);
606
+ --sky-color-background-selected-switch-base: var(--bb-color-gradient-blue);
590
607
  --sky-elevation-action-danger-base: var(--bb-shadow-blue-50);
591
608
  --sky-elevation-action-danger-focus: var(--bb-shadow-blue-50);
592
609
  --sky-elevation-action-danger-hover: var(--bb-shadow-blue-50);
@@ -775,6 +792,10 @@
775
792
  --sky-comp-flyout-header-space-inset-left: var(--bb-size-fluid-50);
776
793
  --sky-comp-flyout-header-space-inset-right: var(--bb-size-fluid-50);
777
794
  --sky-comp-flyout-header-space-inset-top: var(--bb-size-fluid-75);
795
+ --sky-comp-grid-cell-space-inset-bottom: var(--bb-size-fluid-75);
796
+ --sky-comp-grid-cell-space-inset-left: var(--bb-size-fluid-50);
797
+ --sky-comp-grid-cell-space-inset-right: var(--bb-size-fluid-50);
798
+ --sky-comp-grid-cell-space-inset-top: var(--bb-size-fluid-75);
778
799
  --sky-comp-help_inline-space-inset-bottom: var(--bb-size-fluid-6);
779
800
  --sky-comp-help_inline-space-inset-left: var(--bb-size-fluid-25);
780
801
  --sky-comp-help_inline-space-inset-right: var(--bb-size-fluid-25);
@@ -795,6 +816,106 @@
795
816
  --sky-comp-label-space-inset-left: var(--bb-size-fluid-50);
796
817
  --sky-comp-label-space-inset-right: var(--bb-size-fluid-50);
797
818
  --sky-comp-label-space-inset-top: var(--bb-size-fluid-12);
819
+ --sky-comp-layout-content-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
820
+ --sky-comp-layout-content-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
821
+ --sky-comp-layout-content-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
822
+ --sky-comp-layout-content-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
823
+ --sky-comp-layout-content-blocks-space-inset-xs-bottom: var(--bb-size-fluid-50);
824
+ --sky-comp-layout-content-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
825
+ --sky-comp-layout-content-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
826
+ --sky-comp-layout-content-blocks-space-inset-xs-top: var(--bb-size-fluid-50);
827
+ --sky-comp-layout-content-fit-space-inset-sm-bottom: var(--bb-size-0);
828
+ --sky-comp-layout-content-fit-space-inset-sm-left: var(--bb-size-0);
829
+ --sky-comp-layout-content-fit-space-inset-sm-right: var(--bb-size-0);
830
+ --sky-comp-layout-content-fit-space-inset-sm-top: var(--bb-size-0);
831
+ --sky-comp-layout-content-fit-space-inset-xs-bottom: var(--bb-size-0);
832
+ --sky-comp-layout-content-fit-space-inset-xs-left: var(--bb-size-0);
833
+ --sky-comp-layout-content-fit-space-inset-xs-right: var(--bb-size-0);
834
+ --sky-comp-layout-content-fit-space-inset-xs-top: var(--bb-size-0);
835
+ --sky-comp-layout-content-list-space-inset-sm-bottom: var(--bb-size-0);
836
+ --sky-comp-layout-content-list-space-inset-sm-left: var(--bb-size-0);
837
+ --sky-comp-layout-content-list-space-inset-sm-right: var(--bb-size-0);
838
+ --sky-comp-layout-content-list-space-inset-sm-top: var(--bb-size-0);
839
+ --sky-comp-layout-content-list-space-inset-xs-bottom: var(--bb-size-0);
840
+ --sky-comp-layout-content-list-space-inset-xs-left: var(--bb-size-0);
841
+ --sky-comp-layout-content-list-space-inset-xs-right: var(--bb-size-0);
842
+ --sky-comp-layout-content-list-space-inset-xs-top: var(--bb-size-0);
843
+ --sky-comp-layout-content-tabs-space-inset-sm-bottom: var(--bb-size-0);
844
+ --sky-comp-layout-content-tabs-space-inset-sm-left: var(--bb-size-0);
845
+ --sky-comp-layout-content-tabs-space-inset-sm-right: var(--bb-size-0);
846
+ --sky-comp-layout-content-tabs-space-inset-sm-top: var(--bb-size-0);
847
+ --sky-comp-layout-content-tabs-space-inset-xs-bottom: var(--bb-size-0);
848
+ --sky-comp-layout-content-tabs-space-inset-xs-left: var(--bb-size-0);
849
+ --sky-comp-layout-content-tabs-space-inset-xs-right: var(--bb-size-0);
850
+ --sky-comp-layout-content-tabs-space-inset-xs-top: var(--bb-size-0);
851
+ --sky-comp-layout-header-blocks-space-inset-sm-bottom: var(--bb-size-0);
852
+ --sky-comp-layout-header-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
853
+ --sky-comp-layout-header-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
854
+ --sky-comp-layout-header-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
855
+ --sky-comp-layout-header-blocks-space-inset-xs-bottom: var(--bb-size-fluid-100);
856
+ --sky-comp-layout-header-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
857
+ --sky-comp-layout-header-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
858
+ --sky-comp-layout-header-blocks-space-inset-xs-top: var(--bb-size-fluid-100);
859
+ --sky-comp-layout-header-fit-space-inset-sm-bottom: var(--bb-size-fluid-100);
860
+ --sky-comp-layout-header-fit-space-inset-sm-left: var(--bb-size-fluid-150);
861
+ --sky-comp-layout-header-fit-space-inset-sm-right: var(--bb-size-fluid-150);
862
+ --sky-comp-layout-header-fit-space-inset-sm-top: var(--bb-size-fluid-150);
863
+ --sky-comp-layout-header-fit-space-inset-xs-bottom: var(--bb-size-fluid-100);
864
+ --sky-comp-layout-header-fit-space-inset-xs-left: var(--bb-size-fluid-50);
865
+ --sky-comp-layout-header-fit-space-inset-xs-right: var(--bb-size-fluid-50);
866
+ --sky-comp-layout-header-fit-space-inset-xs-top: var(--bb-size-fluid-100);
867
+ --sky-comp-layout-header-list-space-inset-sm-bottom: var(--bb-size-fluid-100);
868
+ --sky-comp-layout-header-list-space-inset-sm-left: var(--bb-size-fluid-150);
869
+ --sky-comp-layout-header-list-space-inset-sm-right: var(--bb-size-fluid-150);
870
+ --sky-comp-layout-header-list-space-inset-sm-top: var(--bb-size-fluid-150);
871
+ --sky-comp-layout-header-list-space-inset-xs-bottom: var(--bb-size-fluid-100);
872
+ --sky-comp-layout-header-list-space-inset-xs-left: var(--bb-size-fluid-50);
873
+ --sky-comp-layout-header-list-space-inset-xs-right: var(--bb-size-fluid-50);
874
+ --sky-comp-layout-header-list-space-inset-xs-top: var(--bb-size-fluid-100);
875
+ --sky-comp-layout-header-tabs-space-inset-sm-bottom: var(--bb-size-fluid-100);
876
+ --sky-comp-layout-header-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
877
+ --sky-comp-layout-header-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
878
+ --sky-comp-layout-header-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
879
+ --sky-comp-layout-header-tabs-space-inset-xs-bottom: var(--bb-size-fluid-100);
880
+ --sky-comp-layout-header-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
881
+ --sky-comp-layout-header-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
882
+ --sky-comp-layout-header-tabs-space-inset-xs-top: var(--bb-size-fluid-100);
883
+ --sky-comp-layout-links-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
884
+ --sky-comp-layout-links-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
885
+ --sky-comp-layout-links-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
886
+ --sky-comp-layout-links-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
887
+ --sky-comp-layout-links-blocks-space-inset-xs-bottom: var(--bb-size-fluid-150);
888
+ --sky-comp-layout-links-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
889
+ --sky-comp-layout-links-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
890
+ --sky-comp-layout-links-blocks-space-inset-xs-top: var(--bb-size-fluid-150);
891
+ --sky-comp-layout-links-list-space-inset-sm-bottom: var(--bb-size-fluid-150);
892
+ --sky-comp-layout-links-list-space-inset-sm-left: var(--bb-size-fluid-150);
893
+ --sky-comp-layout-links-list-space-inset-sm-right: var(--bb-size-fluid-150);
894
+ --sky-comp-layout-links-list-space-inset-sm-top: var(--bb-size-fluid-150);
895
+ --sky-comp-layout-links-list-space-inset-xs-bottom: var(--bb-size-fluid-150);
896
+ --sky-comp-layout-links-list-space-inset-xs-left: var(--bb-size-fluid-50);
897
+ --sky-comp-layout-links-list-space-inset-xs-right: var(--bb-size-fluid-50);
898
+ --sky-comp-layout-links-list-space-inset-xs-top: var(--bb-size-fluid-150);
899
+ --sky-comp-layout-links-tabs-space-inset-sm-bottom: var(--bb-size-fluid-150);
900
+ --sky-comp-layout-links-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
901
+ --sky-comp-layout-links-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
902
+ --sky-comp-layout-links-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
903
+ --sky-comp-layout-links-tabs-space-inset-xs-bottom: var(--bb-size-fluid-150);
904
+ --sky-comp-layout-links-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
905
+ --sky-comp-layout-links-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
906
+ --sky-comp-layout-links-tabs-space-inset-xs-top: var(--bb-size-fluid-150);
907
+ --sky-comp-layout-tabset-tabs-space-inset-sm-bottom: var(--bb-size-0);
908
+ --sky-comp-layout-tabset-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
909
+ --sky-comp-layout-tabset-tabs-space-inset-sm-right: var(--bb-size-0);
910
+ --sky-comp-layout-tabset-tabs-space-inset-sm-top: var(--bb-size-0);
911
+ --sky-comp-layout-tabset-tabs-space-inset-xs-bottom: var(--bb-size-0);
912
+ --sky-comp-layout-tabset-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
913
+ --sky-comp-layout-tabset-tabs-space-inset-xs-right: var(--bb-size-0);
914
+ --sky-comp-layout-tabset-tabs-space-inset-xs-top: var(--bb-size-0);
915
+ --sky-comp-list_summary-space-inset-bottom: var(--bb-size-fluid-25);
916
+ --sky-comp-list_summary-space-inset-left: var(--bb-size-fluid-50);
917
+ --sky-comp-list_summary-space-inset-right: var(--bb-size-fluid-50);
918
+ --sky-comp-list_summary-space-inset-top: var(--bb-size-fluid-25);
798
919
  --sky-comp-modal-content-space-inset-bottom: var(--bb-size-fluid-150);
799
920
  --sky-comp-modal-content-space-inset-left: var(--bb-size-fluid-150);
800
921
  --sky-comp-modal-content-space-inset-right: var(--bb-size-fluid-150);
@@ -827,102 +948,6 @@
827
948
  --sky-comp-navbar_item-space-inset-left: var(--bb-size-fluid-50);
828
949
  --sky-comp-navbar_item-space-inset-right: var(--bb-size-fluid-50);
829
950
  --sky-comp-navbar_item-space-inset-top: var(--bb-size-fluid-75);
830
- --sky-comp-page-content-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
831
- --sky-comp-page-content-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
832
- --sky-comp-page-content-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
833
- --sky-comp-page-content-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
834
- --sky-comp-page-content-blocks-space-inset-xs-bottom: var(--bb-size-fluid-50);
835
- --sky-comp-page-content-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
836
- --sky-comp-page-content-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
837
- --sky-comp-page-content-blocks-space-inset-xs-top: var(--bb-size-fluid-50);
838
- --sky-comp-page-content-fit-space-inset-sm-bottom: var(--bb-size-0);
839
- --sky-comp-page-content-fit-space-inset-sm-left: var(--bb-size-0);
840
- --sky-comp-page-content-fit-space-inset-sm-right: var(--bb-size-0);
841
- --sky-comp-page-content-fit-space-inset-sm-top: var(--bb-size-0);
842
- --sky-comp-page-content-fit-space-inset-xs-bottom: var(--bb-size-0);
843
- --sky-comp-page-content-fit-space-inset-xs-left: var(--bb-size-0);
844
- --sky-comp-page-content-fit-space-inset-xs-right: var(--bb-size-0);
845
- --sky-comp-page-content-fit-space-inset-xs-top: var(--bb-size-0);
846
- --sky-comp-page-content-list-space-inset-sm-bottom: var(--bb-size-0);
847
- --sky-comp-page-content-list-space-inset-sm-left: var(--bb-size-0);
848
- --sky-comp-page-content-list-space-inset-sm-right: var(--bb-size-0);
849
- --sky-comp-page-content-list-space-inset-sm-top: var(--bb-size-0);
850
- --sky-comp-page-content-list-space-inset-xs-bottom: var(--bb-size-0);
851
- --sky-comp-page-content-list-space-inset-xs-left: var(--bb-size-0);
852
- --sky-comp-page-content-list-space-inset-xs-right: var(--bb-size-0);
853
- --sky-comp-page-content-list-space-inset-xs-top: var(--bb-size-0);
854
- --sky-comp-page-content-tabs-space-inset-sm-bottom: var(--bb-size-0);
855
- --sky-comp-page-content-tabs-space-inset-sm-left: var(--bb-size-0);
856
- --sky-comp-page-content-tabs-space-inset-sm-right: var(--bb-size-0);
857
- --sky-comp-page-content-tabs-space-inset-sm-top: var(--bb-size-0);
858
- --sky-comp-page-content-tabs-space-inset-xs-bottom: var(--bb-size-0);
859
- --sky-comp-page-content-tabs-space-inset-xs-left: var(--bb-size-0);
860
- --sky-comp-page-content-tabs-space-inset-xs-right: var(--bb-size-0);
861
- --sky-comp-page-content-tabs-space-inset-xs-top: var(--bb-size-0);
862
- --sky-comp-page-header-blocks-space-inset-sm-bottom: var(--bb-size-0);
863
- --sky-comp-page-header-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
864
- --sky-comp-page-header-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
865
- --sky-comp-page-header-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
866
- --sky-comp-page-header-blocks-space-inset-xs-bottom: var(--bb-size-fluid-100);
867
- --sky-comp-page-header-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
868
- --sky-comp-page-header-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
869
- --sky-comp-page-header-blocks-space-inset-xs-top: var(--bb-size-fluid-100);
870
- --sky-comp-page-header-fit-space-inset-sm-bottom: var(--bb-size-fluid-100);
871
- --sky-comp-page-header-fit-space-inset-sm-left: var(--bb-size-fluid-150);
872
- --sky-comp-page-header-fit-space-inset-sm-right: var(--bb-size-fluid-150);
873
- --sky-comp-page-header-fit-space-inset-sm-top: var(--bb-size-fluid-150);
874
- --sky-comp-page-header-fit-space-inset-xs-bottom: var(--bb-size-fluid-100);
875
- --sky-comp-page-header-fit-space-inset-xs-left: var(--bb-size-fluid-50);
876
- --sky-comp-page-header-fit-space-inset-xs-right: var(--bb-size-fluid-50);
877
- --sky-comp-page-header-fit-space-inset-xs-top: var(--bb-size-fluid-100);
878
- --sky-comp-page-header-list-space-inset-sm-bottom: var(--bb-size-fluid-100);
879
- --sky-comp-page-header-list-space-inset-sm-left: var(--bb-size-fluid-150);
880
- --sky-comp-page-header-list-space-inset-sm-right: var(--bb-size-fluid-150);
881
- --sky-comp-page-header-list-space-inset-sm-top: var(--bb-size-fluid-150);
882
- --sky-comp-page-header-list-space-inset-xs-bottom: var(--bb-size-fluid-100);
883
- --sky-comp-page-header-list-space-inset-xs-left: var(--bb-size-fluid-50);
884
- --sky-comp-page-header-list-space-inset-xs-right: var(--bb-size-fluid-50);
885
- --sky-comp-page-header-list-space-inset-xs-top: var(--bb-size-fluid-100);
886
- --sky-comp-page-header-tabs-space-inset-sm-bottom: var(--bb-size-fluid-100);
887
- --sky-comp-page-header-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
888
- --sky-comp-page-header-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
889
- --sky-comp-page-header-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
890
- --sky-comp-page-header-tabs-space-inset-xs-bottom: var(--bb-size-fluid-100);
891
- --sky-comp-page-header-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
892
- --sky-comp-page-header-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
893
- --sky-comp-page-header-tabs-space-inset-xs-top: var(--bb-size-fluid-100);
894
- --sky-comp-page-links-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
895
- --sky-comp-page-links-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
896
- --sky-comp-page-links-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
897
- --sky-comp-page-links-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
898
- --sky-comp-page-links-blocks-space-inset-xs-bottom: var(--bb-size-fluid-150);
899
- --sky-comp-page-links-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
900
- --sky-comp-page-links-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
901
- --sky-comp-page-links-blocks-space-inset-xs-top: var(--bb-size-fluid-150);
902
- --sky-comp-page-links-list-space-inset-sm-bottom: var(--bb-size-fluid-150);
903
- --sky-comp-page-links-list-space-inset-sm-left: var(--bb-size-fluid-150);
904
- --sky-comp-page-links-list-space-inset-sm-right: var(--bb-size-fluid-150);
905
- --sky-comp-page-links-list-space-inset-sm-top: var(--bb-size-fluid-150);
906
- --sky-comp-page-links-list-space-inset-xs-bottom: var(--bb-size-fluid-150);
907
- --sky-comp-page-links-list-space-inset-xs-left: var(--bb-size-fluid-50);
908
- --sky-comp-page-links-list-space-inset-xs-right: var(--bb-size-fluid-50);
909
- --sky-comp-page-links-list-space-inset-xs-top: var(--bb-size-fluid-150);
910
- --sky-comp-page-links-tabs-space-inset-sm-bottom: var(--bb-size-fluid-150);
911
- --sky-comp-page-links-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
912
- --sky-comp-page-links-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
913
- --sky-comp-page-links-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
914
- --sky-comp-page-links-tabs-space-inset-xs-bottom: var(--bb-size-fluid-150);
915
- --sky-comp-page-links-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
916
- --sky-comp-page-links-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
917
- --sky-comp-page-links-tabs-space-inset-xs-top: var(--bb-size-fluid-150);
918
- --sky-comp-page-tabset-tabs-space-inset-sm-bottom: var(--bb-size-0);
919
- --sky-comp-page-tabset-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
920
- --sky-comp-page-tabset-tabs-space-inset-sm-right: var(--bb-size-0);
921
- --sky-comp-page-tabset-tabs-space-inset-sm-top: var(--bb-size-0);
922
- --sky-comp-page-tabset-tabs-space-inset-xs-bottom: var(--bb-size-0);
923
- --sky-comp-page-tabset-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
924
- --sky-comp-page-tabset-tabs-space-inset-xs-right: var(--bb-size-0);
925
- --sky-comp-page-tabset-tabs-space-inset-xs-top: var(--bb-size-0);
926
951
  --sky-comp-paging_button-space-inset-bottom: var(--bb-size-fluid-25);
927
952
  --sky-comp-paging_button-space-inset-left: var(--bb-size-fluid-50);
928
953
  --sky-comp-paging_button-space-inset-right: var(--bb-size-fluid-50);
@@ -971,14 +996,14 @@
971
996
  --sky-comp-selection_box-expanded-space-inset-left: var(--bb-size-fluid-150);
972
997
  --sky-comp-selection_box-expanded-space-inset-right: var(--bb-size-fluid-150);
973
998
  --sky-comp-selection_box-expanded-space-inset-top: var(--bb-size-fluid-150);
974
- --sky-comp-split_view-drawer-space-inset-sm-bottom: var(--bb-size-fluid-75);
975
- --sky-comp-split_view-drawer-space-inset-sm-left: var(--bb-size-fluid-75);
976
- --sky-comp-split_view-drawer-space-inset-sm-right: var(--bb-size-0);
977
- --sky-comp-split_view-drawer-space-inset-sm-top: var(--bb-size-fluid-75);
978
- --sky-comp-split_view-drawer-space-inset-xs-bottom: var(--bb-size-fluid-50);
979
- --sky-comp-split_view-drawer-space-inset-xs-left: var(--bb-size-fluid-50);
980
- --sky-comp-split_view-drawer-space-inset-xs-right: var(--bb-size-0);
981
- --sky-comp-split_view-drawer-space-inset-xs-top: var(--bb-size-fluid-50);
999
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-bottom: var(--bb-size-fluid-75);
1000
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-left: var(--bb-size-fluid-75);
1001
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-right: var(--bb-size-0);
1002
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-top: var(--bb-size-fluid-75);
1003
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-bottom: var(--bb-size-fluid-50);
1004
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-left: var(--bb-size-fluid-50);
1005
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-right: var(--bb-size-0);
1006
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-top: var(--bb-size-fluid-50);
982
1007
  --sky-comp-split_view-footer-space-inset-bottom: var(--bb-size-fluid-50);
983
1008
  --sky-comp-split_view-footer-space-inset-left: var(--bb-size-fluid-50);
984
1009
  --sky-comp-split_view-footer-space-inset-right: var(--bb-size-fluid-50);
@@ -1068,8 +1093,8 @@
1068
1093
  --sky-comp-token-space-inset-right: var(--bb-size-fluid-25);
1069
1094
  --sky-comp-token-space-inset-top: var(--bb-size-fluid-6);
1070
1095
  --sky-comp-toolbar-space-inset-bottom: var(--bb-size-fluid-50);
1071
- --sky-comp-toolbar-space-inset-left: var(--bb-size-0);
1072
- --sky-comp-toolbar-space-inset-right: var(--bb-size-0);
1096
+ --sky-comp-toolbar-space-inset-left: var(--bb-size-fluid-50);
1097
+ --sky-comp-toolbar-space-inset-right: var(--bb-size-fluid-50);
1073
1098
  --sky-comp-toolbar-space-inset-top: var(--bb-size-fluid-50);
1074
1099
  --sky-comp-tree-child-space-inset-bottom: var(--bb-size-0);
1075
1100
  --sky-comp-tree-child-space-inset-left: var(--bb-size-fluid-150);
@@ -1136,22 +1161,6 @@
1136
1161
  --sky-font-style-heading-4: var(--bb-font-style-semibold);
1137
1162
  --sky-font-style-heading-5: var(--bb-font-style-semibold);
1138
1163
  --sky-font-style-input-label: var(--bb-font-style-regular);
1139
- --sky-font-weight-body-l: var(--bb-font-weight-regular);
1140
- --sky-font-weight-body-m: var(--bb-font-weight-regular);
1141
- --sky-font-weight-body-s: var(--bb-font-weight-regular);
1142
- --sky-font-weight-display-1: var(--bb-font-weight-semibold);
1143
- --sky-font-weight-display-2: var(--bb-font-weight-semibold);
1144
- --sky-font-weight-display-3: var(--bb-font-weight-semibold);
1145
- --sky-font-weight-display-4: var(--bb-font-weight-semibold);
1146
- --sky-font-weight-emphasized: var(--bb-font-weight-semibold);
1147
- --sky-font-weight-heading-1: var(--bb-font-weight-regular);
1148
- --sky-font-weight-heading-2: var(--bb-font-weight-semibold);
1149
- --sky-font-weight-heading-3: var(--bb-font-weight-semibold);
1150
- --sky-font-weight-heading-4: var(--bb-font-weight-semibold);
1151
- --sky-font-weight-heading-5: var(--bb-font-weight-semibold);
1152
- --sky-font-weight-hint-m: var(--bb-font-weight-regular);
1153
- --sky-font-weight-hint-s: var(--bb-font-weight-regular);
1154
- --sky-font-weight-input-label: var(--bb-font-weight-regular);
1155
1164
  --sky-size-avatar-l: var(--bb-size-fluid-550);
1156
1165
  --sky-size-avatar-m: var(--bb-size-fluid-350);
1157
1166
  --sky-size-avatar-s: var(--bb-size-fluid-200);
@@ -1240,10 +1249,6 @@
1240
1249
  --sky-space-inset-horizontal-top-m: var(--bb-size-0);
1241
1250
  --sky-space-inset-horizontal-top-s: var(--bb-size-0);
1242
1251
  --sky-space-inset-horizontal-top-xl: var(--bb-size-0);
1243
- --sky-space-inset-letterbox-2_3-bottom-m: var(--bb-size-fluid-75);
1244
- --sky-space-inset-letterbox-2_3-left-m: var(--bb-size-fluid-50);
1245
- --sky-space-inset-letterbox-2_3-right-m: var(--bb-size-fluid-50);
1246
- --sky-space-inset-letterbox-2_3-top-m: var(--bb-size-fluid-75);
1247
1252
  --sky-space-inset-thumb: var(--bb-size-fixed-6);
1248
1253
  --sky-space-inset-thumbnail_matte-l: var(--bb-size-fluid-25);
1249
1254
  --sky-space-inset-thumbnail_matte-m: var(--bb-size-fluid-18);
@@ -1276,6 +1281,7 @@
1276
1281
  --sky-space-stacked-xl: var(--bb-size-fluid-150);
1277
1282
  --sky-space-stacked-xs: var(--bb-size-fluid-25);
1278
1283
  --sky-space-stacked-xxl: var(--bb-size-fluid-300);
1284
+ --sky-comp-checkbox-border-radius: var(--sky-border-radius-s);
1279
1285
  --sky-font-family-primary: var(--bb-font-blkb_sans-family);
1280
1286
  --sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
1281
1287
  --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);