@blackbaud/skyux-design-tokens 2.0.0-alpha.9 → 3.0.0-alpha.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 (10) hide show
  1. package/CHANGELOG.md +87 -0
  2. package/assets/assets.json +10 -2
  3. package/assets/images/favicon.ico +0 -0
  4. package/assets/scss/base.css +1276 -0
  5. package/assets/scss/blackbaud.css +95 -912
  6. package/assets/scss/modern.css +121 -121
  7. package/bundles/base.css +1276 -0
  8. package/bundles/blackbaud.css +480 -0
  9. package/bundles/modern.css +1010 -0
  10. package/package.json +11 -5
package/assets/scss/modern.css CHANGED
@@ -12,6 +12,8 @@
12
12
  --modern-border-style-dotted: dotted;
13
13
  --modern-border-style-solid: solid;
14
14
  --modern-brand-name: 'Blackbaud';
15
+ --modern-color-bb_green: #6de8ab;
16
+ --modern-color-bb_green_tint: #e7fbf1;
15
17
  --modern-color-black: #000000;
16
18
  --modern-color-blocking: rgba(255, 255, 255, 0.7);
17
19
  --modern-color-blue-05: #ebfbff;
@@ -44,6 +46,7 @@
44
46
  --modern-color-scrim: rgba(0, 0, 0, 0.5);
45
47
  --modern-color-shadow_color: rgba(0, 0, 0, 0.3);
46
48
  --modern-color-transparent: rgba(0, 0, 0, 0);
49
+ --modern-color-trusted_blue: #004054;
47
50
  --modern-color-white: #ffffff;
48
51
  --modern-color-yellow-30: #ffd597;
49
52
  --modern-color-yellow-40: #fcd085;
@@ -74,7 +77,7 @@
74
77
  --modern-font-weight-light: 300;
75
78
  --modern-font-weight-regular: 400;
76
79
  --modern-font-weight-semibold: 600;
77
- --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.9/assets/images/bb-logo.png');
80
+ --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0-alpha.0/assets/images/bb-logo.png');
78
81
  --modern-letter_spacing-normal: normal;
79
82
  --modern-line_height-110: 1.1;
80
83
  --modern-line_height-115: 1.15;
@@ -195,6 +198,8 @@
195
198
  --sky-color-background-selected-heavy: var(--modern-color-blue-05);
196
199
  --sky-color-background-selected-soft: var(--modern-color-blue-05);
197
200
  --sky-color-background-selected-success: var(--modern-color-green-30);
201
+ --sky-color-background-selected-switch-base: var(--modern-color-blue-05);
202
+ --sky-color-background-selected-switch-disabled: var(--modern-color-gray-07);
198
203
  --sky-color-background-selected-warning: var(--modern-color-yellow-30);
199
204
  --sky-color-background-tab-active: var(--modern-color-transparent);
200
205
  --sky-color-background-tab-base: var(--modern-color-transparent);
@@ -202,6 +207,7 @@
202
207
  --sky-color-background-tab-focus: var(--modern-color-transparent);
203
208
  --sky-color-background-tab-hover: var(--modern-color-transparent);
204
209
  --sky-color-background-tab-selected: var(--modern-color-transparent);
210
+ --sky-color-background-tab-wizard-disabled: var(--modern-color-transparent);
205
211
  --sky-color-background-text_highlight: var(--modern-color-yellow-40);
206
212
  --sky-color-background-thumb-base: var(--modern-color-white);
207
213
  --sky-color-background-thumb-disabled: var(--modern-color-gray-07);
@@ -270,6 +276,7 @@
270
276
  --sky-color-border-tab-disabled: var(--modern-color-transparent);
271
277
  --sky-color-border-tab-focus: var(--modern-color-blue-74);
272
278
  --sky-color-border-tab-hover: var(--modern-color-blue-50);
279
+ --sky-color-border-tab-wizard-disabled: var(--modern-color-transparent);
273
280
  --sky-color-border-text_highlight: var(--modern-color-yellow-80);
274
281
  --sky-color-border-warning: var(--modern-color-yellow-50);
275
282
  --sky-color-category-blue: var(--modern-color-category-sky_blue-40);
@@ -289,6 +296,10 @@
289
296
  --sky-color-icon-selected: var(--modern-color-blue-74);
290
297
  --sky-color-icon-success: var(--modern-color-green-50);
291
298
  --sky-color-icon-warning: var(--modern-color-yellow-50);
299
+ --sky-color-illustration-fill-heavy: var(--modern-color-bb_green);
300
+ --sky-color-illustration-fill-soft: var(--modern-color-bb_green_tint);
301
+ --sky-color-illustration-fill-softest: var(--modern-color-white);
302
+ --sky-color-illustration-stroke: var(--modern-color-trusted_blue);
292
303
  --sky-color-text-action: var(--modern-color-blue-74);
293
304
  --sky-color-text-action_contrast: var(--modern-color-blue-80);
294
305
  --sky-color-text-danger: var(--modern-color-red-70);
@@ -528,6 +539,106 @@
528
539
  --sky-comp-label-space-inset-left: var(--modern-size-15);
529
540
  --sky-comp-label-space-inset-right: var(--modern-size-15);
530
541
  --sky-comp-label-space-inset-top: var(--modern-size-4);
542
+ --sky-comp-layout-content-blocks-space-inset-sm-bottom: var(--modern-space-xl);
543
+ --sky-comp-layout-content-blocks-space-inset-sm-left: var(--modern-space-xl);
544
+ --sky-comp-layout-content-blocks-space-inset-sm-right: var(--modern-space-xl);
545
+ --sky-comp-layout-content-blocks-space-inset-sm-top: var(--modern-space-xl);
546
+ --sky-comp-layout-content-blocks-space-inset-xs-bottom: var(--modern-space-s);
547
+ --sky-comp-layout-content-blocks-space-inset-xs-left: var(--modern-space-s);
548
+ --sky-comp-layout-content-blocks-space-inset-xs-right: var(--modern-space-s);
549
+ --sky-comp-layout-content-blocks-space-inset-xs-top: var(--modern-space-s);
550
+ --sky-comp-layout-content-fit-space-inset-sm-bottom: var(--modern-size-0);
551
+ --sky-comp-layout-content-fit-space-inset-sm-left: var(--modern-space-xl);
552
+ --sky-comp-layout-content-fit-space-inset-sm-right: var(--modern-space-xl);
553
+ --sky-comp-layout-content-fit-space-inset-sm-top: var(--modern-size-0);
554
+ --sky-comp-layout-content-fit-space-inset-xs-bottom: var(--modern-size-0);
555
+ --sky-comp-layout-content-fit-space-inset-xs-left: var(--modern-space-s);
556
+ --sky-comp-layout-content-fit-space-inset-xs-right: var(--modern-space-s);
557
+ --sky-comp-layout-content-fit-space-inset-xs-top: var(--modern-size-0);
558
+ --sky-comp-layout-content-list-space-inset-sm-bottom: var(--modern-size-0);
559
+ --sky-comp-layout-content-list-space-inset-sm-left: var(--modern-space-xl);
560
+ --sky-comp-layout-content-list-space-inset-sm-right: var(--modern-space-xl);
561
+ --sky-comp-layout-content-list-space-inset-sm-top: var(--modern-size-0);
562
+ --sky-comp-layout-content-list-space-inset-xs-bottom: var(--modern-size-0);
563
+ --sky-comp-layout-content-list-space-inset-xs-left: var(--modern-space-s);
564
+ --sky-comp-layout-content-list-space-inset-xs-right: var(--modern-space-s);
565
+ --sky-comp-layout-content-list-space-inset-xs-top: var(--modern-size-0);
566
+ --sky-comp-layout-content-tabs-space-inset-sm-bottom: var(--modern-size-0);
567
+ --sky-comp-layout-content-tabs-space-inset-sm-left: var(--modern-size-0);
568
+ --sky-comp-layout-content-tabs-space-inset-sm-right: var(--modern-size-0);
569
+ --sky-comp-layout-content-tabs-space-inset-sm-top: var(--modern-size-0);
570
+ --sky-comp-layout-content-tabs-space-inset-xs-bottom: var(--modern-size-0);
571
+ --sky-comp-layout-content-tabs-space-inset-xs-left: var(--modern-size-0);
572
+ --sky-comp-layout-content-tabs-space-inset-xs-right: var(--modern-size-0);
573
+ --sky-comp-layout-content-tabs-space-inset-xs-top: var(--modern-size-0);
574
+ --sky-comp-layout-header-blocks-space-inset-sm-bottom: var(--modern-size-0);
575
+ --sky-comp-layout-header-blocks-space-inset-sm-left: var(--modern-space-xl);
576
+ --sky-comp-layout-header-blocks-space-inset-sm-right: var(--modern-space-xl);
577
+ --sky-comp-layout-header-blocks-space-inset-sm-top: var(--modern-space-xl);
578
+ --sky-comp-layout-header-blocks-space-inset-xs-bottom: var(--modern-space-lg);
579
+ --sky-comp-layout-header-blocks-space-inset-xs-left: var(--modern-space-s);
580
+ --sky-comp-layout-header-blocks-space-inset-xs-right: var(--modern-space-s);
581
+ --sky-comp-layout-header-blocks-space-inset-xs-top: var(--modern-space-lg);
582
+ --sky-comp-layout-header-fit-space-inset-sm-bottom: var(--modern-space-lg);
583
+ --sky-comp-layout-header-fit-space-inset-sm-left: var(--modern-space-xl);
584
+ --sky-comp-layout-header-fit-space-inset-sm-right: var(--modern-space-xl);
585
+ --sky-comp-layout-header-fit-space-inset-sm-top: var(--modern-space-xl);
586
+ --sky-comp-layout-header-fit-space-inset-xs-bottom: var(--modern-space-lg);
587
+ --sky-comp-layout-header-fit-space-inset-xs-left: var(--modern-space-s);
588
+ --sky-comp-layout-header-fit-space-inset-xs-right: var(--modern-space-s);
589
+ --sky-comp-layout-header-fit-space-inset-xs-top: var(--modern-space-lg);
590
+ --sky-comp-layout-header-list-space-inset-sm-bottom: var(--modern-space-lg);
591
+ --sky-comp-layout-header-list-space-inset-sm-left: var(--modern-space-xl);
592
+ --sky-comp-layout-header-list-space-inset-sm-right: var(--modern-space-xl);
593
+ --sky-comp-layout-header-list-space-inset-sm-top: var(--modern-space-xl);
594
+ --sky-comp-layout-header-list-space-inset-xs-bottom: var(--modern-space-lg);
595
+ --sky-comp-layout-header-list-space-inset-xs-left: var(--modern-space-s);
596
+ --sky-comp-layout-header-list-space-inset-xs-right: var(--modern-space-s);
597
+ --sky-comp-layout-header-list-space-inset-xs-top: var(--modern-space-lg);
598
+ --sky-comp-layout-header-tabs-space-inset-sm-bottom: var(--modern-space-lg);
599
+ --sky-comp-layout-header-tabs-space-inset-sm-left: var(--modern-space-xl);
600
+ --sky-comp-layout-header-tabs-space-inset-sm-right: var(--modern-space-xl);
601
+ --sky-comp-layout-header-tabs-space-inset-sm-top: var(--modern-space-xl);
602
+ --sky-comp-layout-header-tabs-space-inset-xs-bottom: var(--modern-space-lg);
603
+ --sky-comp-layout-header-tabs-space-inset-xs-left: var(--modern-space-s);
604
+ --sky-comp-layout-header-tabs-space-inset-xs-right: var(--modern-space-s);
605
+ --sky-comp-layout-header-tabs-space-inset-xs-top: var(--modern-space-lg);
606
+ --sky-comp-layout-links-blocks-space-inset-sm-bottom: var(--modern-space-xl);
607
+ --sky-comp-layout-links-blocks-space-inset-sm-left: var(--modern-space-xl);
608
+ --sky-comp-layout-links-blocks-space-inset-sm-right: var(--modern-space-xl);
609
+ --sky-comp-layout-links-blocks-space-inset-sm-top: var(--modern-space-xl);
610
+ --sky-comp-layout-links-blocks-space-inset-xs-bottom: var(--modern-space-xl);
611
+ --sky-comp-layout-links-blocks-space-inset-xs-left: var(--modern-space-s);
612
+ --sky-comp-layout-links-blocks-space-inset-xs-right: var(--modern-space-s);
613
+ --sky-comp-layout-links-blocks-space-inset-xs-top: var(--modern-space-xl);
614
+ --sky-comp-layout-links-list-space-inset-sm-bottom: var(--modern-space-xl);
615
+ --sky-comp-layout-links-list-space-inset-sm-left: var(--modern-space-xl);
616
+ --sky-comp-layout-links-list-space-inset-sm-right: var(--modern-space-xl);
617
+ --sky-comp-layout-links-list-space-inset-sm-top: var(--modern-space-xl);
618
+ --sky-comp-layout-links-list-space-inset-xs-bottom: var(--modern-space-xl);
619
+ --sky-comp-layout-links-list-space-inset-xs-left: var(--modern-space-s);
620
+ --sky-comp-layout-links-list-space-inset-xs-right: var(--modern-space-s);
621
+ --sky-comp-layout-links-list-space-inset-xs-top: var(--modern-space-xl);
622
+ --sky-comp-layout-links-tabs-space-inset-sm-bottom: var(--modern-space-xl);
623
+ --sky-comp-layout-links-tabs-space-inset-sm-left: var(--modern-space-xl);
624
+ --sky-comp-layout-links-tabs-space-inset-sm-right: var(--modern-space-xl);
625
+ --sky-comp-layout-links-tabs-space-inset-sm-top: var(--modern-space-xl);
626
+ --sky-comp-layout-links-tabs-space-inset-xs-bottom: var(--modern-space-xl);
627
+ --sky-comp-layout-links-tabs-space-inset-xs-left: var(--modern-space-s);
628
+ --sky-comp-layout-links-tabs-space-inset-xs-right: var(--modern-space-s);
629
+ --sky-comp-layout-links-tabs-space-inset-xs-top: var(--modern-space-xl);
630
+ --sky-comp-layout-tabset-tabs-space-inset-sm-bottom: var(--modern-size-0);
631
+ --sky-comp-layout-tabset-tabs-space-inset-sm-left: var(--modern-space-xl);
632
+ --sky-comp-layout-tabset-tabs-space-inset-sm-right: var(--modern-size-0);
633
+ --sky-comp-layout-tabset-tabs-space-inset-sm-top: var(--modern-size-0);
634
+ --sky-comp-layout-tabset-tabs-space-inset-xs-bottom: var(--modern-size-0);
635
+ --sky-comp-layout-tabset-tabs-space-inset-xs-left: var(--modern-space-md);
636
+ --sky-comp-layout-tabset-tabs-space-inset-xs-right: var(--modern-size-0);
637
+ --sky-comp-layout-tabset-tabs-space-inset-xs-top: var(--modern-size-0);
638
+ --sky-comp-list_summary-space-inset-bottom: var(--modern-size-5);
639
+ --sky-comp-list_summary-space-inset-left: var(--modern-size-10);
640
+ --sky-comp-list_summary-space-inset-right: var(--modern-size-10);
641
+ --sky-comp-list_summary-space-inset-top: var(--modern-size-5);
531
642
  --sky-comp-modal-content-space-inset-bottom: var(--modern-space-xl);
532
643
  --sky-comp-modal-content-space-inset-left: var(--modern-space-xl);
533
644
  --sky-comp-modal-content-space-inset-right: var(--modern-space-xl);
@@ -560,102 +671,6 @@
560
671
  --sky-comp-navbar_item-space-inset-left: var(--modern-space-s);
561
672
  --sky-comp-navbar_item-space-inset-right: var(--modern-space-s);
562
673
  --sky-comp-navbar_item-space-inset-top: var(--modern-space-md);
563
- --sky-comp-page-content-blocks-space-inset-sm-bottom: var(--modern-space-xl);
564
- --sky-comp-page-content-blocks-space-inset-sm-left: var(--modern-space-xl);
565
- --sky-comp-page-content-blocks-space-inset-sm-right: var(--modern-space-xl);
566
- --sky-comp-page-content-blocks-space-inset-sm-top: var(--modern-space-xl);
567
- --sky-comp-page-content-blocks-space-inset-xs-bottom: var(--modern-space-s);
568
- --sky-comp-page-content-blocks-space-inset-xs-left: var(--modern-space-s);
569
- --sky-comp-page-content-blocks-space-inset-xs-right: var(--modern-space-s);
570
- --sky-comp-page-content-blocks-space-inset-xs-top: var(--modern-space-s);
571
- --sky-comp-page-content-fit-space-inset-sm-bottom: var(--modern-size-0);
572
- --sky-comp-page-content-fit-space-inset-sm-left: var(--modern-space-xl);
573
- --sky-comp-page-content-fit-space-inset-sm-right: var(--modern-space-xl);
574
- --sky-comp-page-content-fit-space-inset-sm-top: var(--modern-size-0);
575
- --sky-comp-page-content-fit-space-inset-xs-bottom: var(--modern-size-0);
576
- --sky-comp-page-content-fit-space-inset-xs-left: var(--modern-space-s);
577
- --sky-comp-page-content-fit-space-inset-xs-right: var(--modern-space-s);
578
- --sky-comp-page-content-fit-space-inset-xs-top: var(--modern-size-0);
579
- --sky-comp-page-content-list-space-inset-sm-bottom: var(--modern-size-0);
580
- --sky-comp-page-content-list-space-inset-sm-left: var(--modern-space-xl);
581
- --sky-comp-page-content-list-space-inset-sm-right: var(--modern-space-xl);
582
- --sky-comp-page-content-list-space-inset-sm-top: var(--modern-size-0);
583
- --sky-comp-page-content-list-space-inset-xs-bottom: var(--modern-size-0);
584
- --sky-comp-page-content-list-space-inset-xs-left: var(--modern-space-s);
585
- --sky-comp-page-content-list-space-inset-xs-right: var(--modern-space-s);
586
- --sky-comp-page-content-list-space-inset-xs-top: var(--modern-size-0);
587
- --sky-comp-page-content-tabs-space-inset-sm-bottom: var(--modern-size-0);
588
- --sky-comp-page-content-tabs-space-inset-sm-left: var(--modern-size-0);
589
- --sky-comp-page-content-tabs-space-inset-sm-right: var(--modern-size-0);
590
- --sky-comp-page-content-tabs-space-inset-sm-top: var(--modern-size-0);
591
- --sky-comp-page-content-tabs-space-inset-xs-bottom: var(--modern-size-0);
592
- --sky-comp-page-content-tabs-space-inset-xs-left: var(--modern-size-0);
593
- --sky-comp-page-content-tabs-space-inset-xs-right: var(--modern-size-0);
594
- --sky-comp-page-content-tabs-space-inset-xs-top: var(--modern-size-0);
595
- --sky-comp-page-header-blocks-space-inset-sm-bottom: var(--modern-size-0);
596
- --sky-comp-page-header-blocks-space-inset-sm-left: var(--modern-space-xl);
597
- --sky-comp-page-header-blocks-space-inset-sm-right: var(--modern-space-xl);
598
- --sky-comp-page-header-blocks-space-inset-sm-top: var(--modern-space-xl);
599
- --sky-comp-page-header-blocks-space-inset-xs-bottom: var(--modern-space-lg);
600
- --sky-comp-page-header-blocks-space-inset-xs-left: var(--modern-space-s);
601
- --sky-comp-page-header-blocks-space-inset-xs-right: var(--modern-space-s);
602
- --sky-comp-page-header-blocks-space-inset-xs-top: var(--modern-space-lg);
603
- --sky-comp-page-header-fit-space-inset-sm-bottom: var(--modern-space-lg);
604
- --sky-comp-page-header-fit-space-inset-sm-left: var(--modern-space-xl);
605
- --sky-comp-page-header-fit-space-inset-sm-right: var(--modern-space-xl);
606
- --sky-comp-page-header-fit-space-inset-sm-top: var(--modern-space-xl);
607
- --sky-comp-page-header-fit-space-inset-xs-bottom: var(--modern-space-lg);
608
- --sky-comp-page-header-fit-space-inset-xs-left: var(--modern-space-s);
609
- --sky-comp-page-header-fit-space-inset-xs-right: var(--modern-space-s);
610
- --sky-comp-page-header-fit-space-inset-xs-top: var(--modern-space-lg);
611
- --sky-comp-page-header-list-space-inset-sm-bottom: var(--modern-space-lg);
612
- --sky-comp-page-header-list-space-inset-sm-left: var(--modern-space-xl);
613
- --sky-comp-page-header-list-space-inset-sm-right: var(--modern-space-xl);
614
- --sky-comp-page-header-list-space-inset-sm-top: var(--modern-space-xl);
615
- --sky-comp-page-header-list-space-inset-xs-bottom: var(--modern-space-lg);
616
- --sky-comp-page-header-list-space-inset-xs-left: var(--modern-space-s);
617
- --sky-comp-page-header-list-space-inset-xs-right: var(--modern-space-s);
618
- --sky-comp-page-header-list-space-inset-xs-top: var(--modern-space-lg);
619
- --sky-comp-page-header-tabs-space-inset-sm-bottom: var(--modern-space-lg);
620
- --sky-comp-page-header-tabs-space-inset-sm-left: var(--modern-space-xl);
621
- --sky-comp-page-header-tabs-space-inset-sm-right: var(--modern-space-xl);
622
- --sky-comp-page-header-tabs-space-inset-sm-top: var(--modern-space-xl);
623
- --sky-comp-page-header-tabs-space-inset-xs-bottom: var(--modern-space-lg);
624
- --sky-comp-page-header-tabs-space-inset-xs-left: var(--modern-space-s);
625
- --sky-comp-page-header-tabs-space-inset-xs-right: var(--modern-space-s);
626
- --sky-comp-page-header-tabs-space-inset-xs-top: var(--modern-space-lg);
627
- --sky-comp-page-links-blocks-space-inset-sm-bottom: var(--modern-space-xl);
628
- --sky-comp-page-links-blocks-space-inset-sm-left: var(--modern-space-xl);
629
- --sky-comp-page-links-blocks-space-inset-sm-right: var(--modern-space-xl);
630
- --sky-comp-page-links-blocks-space-inset-sm-top: var(--modern-space-xl);
631
- --sky-comp-page-links-blocks-space-inset-xs-bottom: var(--modern-space-xl);
632
- --sky-comp-page-links-blocks-space-inset-xs-left: var(--modern-space-s);
633
- --sky-comp-page-links-blocks-space-inset-xs-right: var(--modern-space-s);
634
- --sky-comp-page-links-blocks-space-inset-xs-top: var(--modern-space-xl);
635
- --sky-comp-page-links-list-space-inset-sm-bottom: var(--modern-space-xl);
636
- --sky-comp-page-links-list-space-inset-sm-left: var(--modern-space-xl);
637
- --sky-comp-page-links-list-space-inset-sm-right: var(--modern-space-xl);
638
- --sky-comp-page-links-list-space-inset-sm-top: var(--modern-space-xl);
639
- --sky-comp-page-links-list-space-inset-xs-bottom: var(--modern-space-xl);
640
- --sky-comp-page-links-list-space-inset-xs-left: var(--modern-space-s);
641
- --sky-comp-page-links-list-space-inset-xs-right: var(--modern-space-s);
642
- --sky-comp-page-links-list-space-inset-xs-top: var(--modern-space-xl);
643
- --sky-comp-page-links-tabs-space-inset-sm-bottom: var(--modern-space-xl);
644
- --sky-comp-page-links-tabs-space-inset-sm-left: var(--modern-space-xl);
645
- --sky-comp-page-links-tabs-space-inset-sm-right: var(--modern-space-xl);
646
- --sky-comp-page-links-tabs-space-inset-sm-top: var(--modern-space-xl);
647
- --sky-comp-page-links-tabs-space-inset-xs-bottom: var(--modern-space-xl);
648
- --sky-comp-page-links-tabs-space-inset-xs-left: var(--modern-space-s);
649
- --sky-comp-page-links-tabs-space-inset-xs-right: var(--modern-space-s);
650
- --sky-comp-page-links-tabs-space-inset-xs-top: var(--modern-space-xl);
651
- --sky-comp-page-tabset-tabs-space-inset-sm-bottom: var(--modern-size-0);
652
- --sky-comp-page-tabset-tabs-space-inset-sm-left: var(--modern-space-xl);
653
- --sky-comp-page-tabset-tabs-space-inset-sm-right: var(--modern-size-0);
654
- --sky-comp-page-tabset-tabs-space-inset-sm-top: var(--modern-size-0);
655
- --sky-comp-page-tabset-tabs-space-inset-xs-bottom: var(--modern-size-0);
656
- --sky-comp-page-tabset-tabs-space-inset-xs-left: var(--modern-space-md);
657
- --sky-comp-page-tabset-tabs-space-inset-xs-right: var(--modern-size-0);
658
- --sky-comp-page-tabset-tabs-space-inset-xs-top: var(--modern-size-0);
659
674
  --sky-comp-paging_button-space-inset-bottom: var(--modern-size-4);
660
675
  --sky-comp-paging_button-space-inset-left: var(--modern-size-15);
661
676
  --sky-comp-paging_button-space-inset-right: var(--modern-size-15);
@@ -704,14 +719,14 @@
704
719
  --sky-comp-selection_box-expanded-space-inset-left: var(--modern-space-xl);
705
720
  --sky-comp-selection_box-expanded-space-inset-right: var(--modern-space-xl);
706
721
  --sky-comp-selection_box-expanded-space-inset-top: var(--modern-space-xl);
707
- --sky-comp-split_view-drawer-space-inset-sm-bottom: var(--modern-size-0);
708
- --sky-comp-split_view-drawer-space-inset-sm-left: var(--modern-size-0);
709
- --sky-comp-split_view-drawer-space-inset-sm-right: var(--modern-size-0);
710
- --sky-comp-split_view-drawer-space-inset-sm-top: var(--modern-size-0);
711
- --sky-comp-split_view-drawer-space-inset-xs-bottom: var(--modern-size-0);
712
- --sky-comp-split_view-drawer-space-inset-xs-left: var(--modern-size-0);
713
- --sky-comp-split_view-drawer-space-inset-xs-right: var(--modern-size-0);
714
- --sky-comp-split_view-drawer-space-inset-xs-top: var(--modern-size-0);
722
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-bottom: var(--modern-size-0);
723
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-left: var(--modern-size-0);
724
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-right: var(--modern-size-0);
725
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-top: var(--modern-size-0);
726
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-bottom: var(--modern-size-0);
727
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-left: var(--modern-size-0);
728
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-right: var(--modern-size-0);
729
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-top: var(--modern-size-0);
715
730
  --sky-comp-split_view-footer-space-inset-bottom: var(--modern-space-s);
716
731
  --sky-comp-split_view-footer-space-inset-left: var(--modern-space-s);
717
732
  --sky-comp-split_view-footer-space-inset-right: var(--modern-space-s);
@@ -869,22 +884,6 @@
869
884
  --sky-font-style-heading-4: var(--modern-font-style-semibold);
870
885
  --sky-font-style-heading-5: var(--modern-font-style-semibold);
871
886
  --sky-font-style-input-label: var(--modern-font-style-regular);
872
- --sky-font-weight-body-l: var(--modern-font-weight-light);
873
- --sky-font-weight-body-m: var(--modern-font-weight-regular);
874
- --sky-font-weight-body-s: var(--modern-font-weight-regular);
875
- --sky-font-weight-display-1: var(--modern-font-weight-regular);
876
- --sky-font-weight-display-2: var(--modern-font-weight-regular);
877
- --sky-font-weight-display-3: var(--modern-font-weight-regular);
878
- --sky-font-weight-display-4: var(--modern-font-weight-bold);
879
- --sky-font-weight-emphasized: var(--modern-font-weight-bold);
880
- --sky-font-weight-heading-1: var(--modern-font-weight-light);
881
- --sky-font-weight-heading-2: var(--modern-font-weight-regular);
882
- --sky-font-weight-heading-3: var(--modern-font-weight-regular);
883
- --sky-font-weight-heading-4: var(--modern-font-weight-semibold);
884
- --sky-font-weight-heading-5: var(--modern-font-weight-semibold);
885
- --sky-font-weight-hint-m: var(--modern-font-weight-regular);
886
- --sky-font-weight-hint-s: var(--modern-font-weight-regular);
887
- --sky-font-weight-input-label: var(--modern-font-weight-regular);
888
887
  --sky-size-avatar-l: var(--modern-size-100);
889
888
  --sky-size-avatar-m: var(--modern-size-65);
890
889
  --sky-size-avatar-s: var(--modern-size-32);
@@ -1005,6 +1004,7 @@
1005
1004
  --sky-space-stacked-xl: var(--modern-space-xl);
1006
1005
  --sky-space-stacked-xs: var(--modern-space-xs);
1007
1006
  --sky-space-stacked-xxl: var(--modern-space-xxl);
1007
+ --sky-comp-checkbox-border-radius: var(--sky-border-radius-s);
1008
1008
  --sky-font-family-primary: var(--modern-font-blkb_sans-family);
1009
1009
  --sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
1010
1010
  }