@blackbaud/skyux-design-tokens 0.0.57 → 0.0.58

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 +8 -0
  2. package/assets/scss/blackbaud.css +300 -5
  3. package/assets/scss/modern.css +300 -4
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,14 @@
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.58](https://github.com/blackbaud/skyux-design-tokens/compare/0.0.57...0.0.58) (2025-05-29)
6
+
7
+
8
+ ### Features
9
+
10
+ * remove data_label font styles ([#174](https://github.com/blackbaud/skyux-design-tokens/issues/174)) ([f6f2bce](https://github.com/blackbaud/skyux-design-tokens/commit/f6f2bcee59ed523d3295373a7ae7f1dd22ce6297))
11
+ * spacing refactor ([#173](https://github.com/blackbaud/skyux-design-tokens/issues/173)) ([c7feebc](https://github.com/blackbaud/skyux-design-tokens/commit/c7feebc1b85d544c10bd3c0a78ac17d925f4ed42))
12
+
5
13
  ## [0.0.57](https://github.com/blackbaud/skyux-design-tokens/compare/0.0.56...0.0.57) (2025-05-27)
6
14
 
7
15
 
package/assets/scss/blackbaud.css CHANGED
@@ -470,13 +470,308 @@
470
470
  --sky-border-width-separator-light: var(--bb-size-fixed-6);
471
471
  --sky-border-width-separator-row: var(--bb-size-fixed-6);
472
472
  --sky-border-width-text_highlight: var(--bb-size-fixed-6);
473
+ --sky-comp-action_button-space-inset-bottom: var(--bb-size-fluid-150);
474
+ --sky-comp-action_button-space-inset-left: var(--bb-size-fluid-150);
475
+ --sky-comp-action_button-space-inset-right: var(--bb-size-fluid-150);
476
+ --sky-comp-action_button-space-inset-top: var(--bb-size-fluid-150);
477
+ --sky-comp-alert-space-inset-bottom: var(--bb-size-fluid-50);
478
+ --sky-comp-alert-space-inset-left: var(--bb-size-fluid-50);
479
+ --sky-comp-alert-space-inset-right: var(--bb-size-fluid-50);
480
+ --sky-comp-alert-space-inset-top: var(--bb-size-fluid-50);
481
+ --sky-comp-back_to_top-space-inset-bottom: var(--bb-size-fluid-50);
482
+ --sky-comp-back_to_top-space-inset-left: var(--bb-size-fluid-150);
483
+ --sky-comp-back_to_top-space-inset-right: var(--bb-size-fluid-150);
484
+ --sky-comp-back_to_top-space-inset-top: var(--bb-size-fluid-50);
485
+ --sky-comp-box-content-space-inset-bottom: var(--bb-size-fluid-150);
486
+ --sky-comp-box-content-space-inset-left: var(--bb-size-fluid-150);
487
+ --sky-comp-box-content-space-inset-right: var(--bb-size-fluid-150);
488
+ --sky-comp-box-content-space-inset-top: var(--bb-size-fluid-150);
489
+ --sky-comp-box-heading-space-inset-bottom: var(--bb-size-0);
490
+ --sky-comp-box-heading-space-inset-left: var(--bb-size-fluid-150);
491
+ --sky-comp-box-heading-space-inset-right: var(--bb-size-fluid-150);
492
+ --sky-comp-box-heading-space-inset-top: var(--bb-size-fluid-150);
493
+ --sky-comp-button-block-space-inset-bottom: var(--bb-size-fluid-50);
494
+ --sky-comp-button-block-space-inset-left: var(--bb-size-fluid-100);
495
+ --sky-comp-button-block-space-inset-right: var(--bb-size-fluid-100);
496
+ --sky-comp-button-block-space-inset-top: var(--bb-size-fluid-50);
497
+ --sky-comp-button-borderless-space-inset-bottom: var(--bb-size-fluid-25);
498
+ --sky-comp-button-borderless-space-inset-left: var(--bb-size-fluid-25);
499
+ --sky-comp-button-borderless-space-inset-right: var(--bb-size-fluid-25);
500
+ --sky-comp-button-borderless-space-inset-top: var(--bb-size-fluid-25);
501
+ --sky-comp-button-icon-space-inset-bottom: var(--bb-size-fluid-50);
502
+ --sky-comp-button-icon-space-inset-left: var(--bb-size-fluid-50);
503
+ --sky-comp-button-icon-space-inset-right: var(--bb-size-fluid-50);
504
+ --sky-comp-button-icon-space-inset-top: var(--bb-size-fluid-50);
505
+ --sky-comp-button-space-inset-bottom: var(--bb-size-fluid-50);
506
+ --sky-comp-button-space-inset-left: var(--bb-size-fluid-100);
507
+ --sky-comp-button-space-inset-right: var(--bb-size-fluid-100);
508
+ --sky-comp-button-space-inset-top: var(--bb-size-fluid-50);
509
+ --sky-comp-button-toolbar-space-inset-bottom: var(--bb-size-fluid-50);
510
+ --sky-comp-button-toolbar-space-inset-left: var(--bb-size-fluid-50);
511
+ --sky-comp-button-toolbar-space-inset-right: var(--bb-size-fluid-50);
512
+ --sky-comp-button-toolbar-space-inset-top: var(--bb-size-fluid-50);
513
+ --sky-comp-colorpicker-content-space-inset-bottom: var(--bb-size-fluid-50);
514
+ --sky-comp-colorpicker-content-space-inset-left: var(--bb-size-fluid-75);
515
+ --sky-comp-colorpicker-content-space-inset-right: var(--bb-size-fluid-75);
516
+ --sky-comp-colorpicker-content-space-inset-top: var(--bb-size-fluid-50);
517
+ --sky-comp-datepicker-calendar-space-inset-bottom: var(--bb-size-fluid-75);
518
+ --sky-comp-datepicker-calendar-space-inset-left: var(--bb-size-fluid-75);
519
+ --sky-comp-datepicker-calendar-space-inset-right: var(--bb-size-fluid-75);
520
+ --sky-comp-datepicker-calendar-space-inset-top: var(--bb-size-fluid-75);
521
+ --sky-comp-datepicker-header-space-inset-bottom: var(--bb-size-0);
522
+ --sky-comp-datepicker-header-space-inset-left: var(--bb-size-fluid-75);
523
+ --sky-comp-datepicker-header-space-inset-right: var(--bb-size-fluid-75);
524
+ --sky-comp-datepicker-header-space-inset-top: var(--bb-size-fluid-75);
525
+ --sky-comp-dropdown-menu-space-inset-bottom: var(--bb-size-fluid-50);
526
+ --sky-comp-dropdown-menu-space-inset-left: var(--bb-size-fluid-50);
527
+ --sky-comp-dropdown-menu-space-inset-right: var(--bb-size-fluid-50);
528
+ --sky-comp-dropdown-menu-space-inset-top: var(--bb-size-fluid-50);
529
+ --sky-comp-dropdown-option-space-inset-bottom: var(--bb-size-fluid-50);
530
+ --sky-comp-dropdown-option-space-inset-left: var(--bb-size-fluid-100);
531
+ --sky-comp-dropdown-option-space-inset-right: var(--bb-size-fluid-100);
532
+ --sky-comp-dropdown-option-space-inset-top: var(--bb-size-fluid-50);
533
+ --sky-comp-file_drop-content-space-inset-bottom: var(--bb-size-fluid-50);
534
+ --sky-comp-file_drop-content-space-inset-left: var(--bb-size-fluid-50);
535
+ --sky-comp-file_drop-content-space-inset-right: var(--bb-size-fluid-50);
536
+ --sky-comp-file_drop-content-space-inset-top: var(--bb-size-fluid-50);
537
+ --sky-comp-filter_bar-space-inset-bottom: var(--bb-size-fluid-50);
538
+ --sky-comp-filter_bar-space-inset-left: var(--bb-size-fluid-50);
539
+ --sky-comp-filter_bar-space-inset-right: var(--bb-size-fluid-50);
540
+ --sky-comp-filter_bar-space-inset-top: var(--bb-size-fluid-50);
541
+ --sky-comp-flyout-header-space-inset-bottom: var(--bb-size-fluid-75);
542
+ --sky-comp-flyout-header-space-inset-left: var(--bb-size-fluid-50);
543
+ --sky-comp-flyout-header-space-inset-right: var(--bb-size-fluid-50);
544
+ --sky-comp-flyout-header-space-inset-top: var(--bb-size-fluid-75);
545
+ --sky-comp-help_inline-space-inset-bottom: var(--bb-size-fluid-6);
546
+ --sky-comp-help_inline-space-inset-left: var(--bb-size-fluid-25);
547
+ --sky-comp-help_inline-space-inset-right: var(--bb-size-fluid-25);
548
+ --sky-comp-help_inline-space-inset-top: var(--bb-size-fluid-6);
549
+ --sky-comp-inline_form-space-inset-bottom: var(--bb-size-fluid-75);
550
+ --sky-comp-inline_form-space-inset-left: var(--bb-size-fluid-75);
551
+ --sky-comp-inline_form-space-inset-right: var(--bb-size-fluid-75);
552
+ --sky-comp-inline_form-space-inset-top: var(--bb-size-fluid-75);
553
+ --sky-comp-input-label-space-inset-bottom: var(--bb-size-fluid-12);
554
+ --sky-comp-input-label-space-inset-left: var(--bb-size-fluid-100);
555
+ --sky-comp-input-label-space-inset-right: var(--bb-size-fluid-100);
556
+ --sky-comp-input-label-space-inset-top: var(--bb-size-fluid-37);
557
+ --sky-comp-input-value-space-inset-bottom: var(--bb-size-fluid-50);
558
+ --sky-comp-input-value-space-inset-left: var(--bb-size-fluid-50);
559
+ --sky-comp-input-value-space-inset-right: var(--bb-size-fluid-100);
560
+ --sky-comp-input-value-space-inset-top: var(--bb-size-fluid-50);
561
+ --sky-comp-label-space-inset-bottom: var(--bb-size-fluid-12);
562
+ --sky-comp-label-space-inset-left: var(--bb-size-fluid-50);
563
+ --sky-comp-label-space-inset-right: var(--bb-size-fluid-50);
564
+ --sky-comp-label-space-inset-top: var(--bb-size-fluid-12);
565
+ --sky-comp-modal-content-space-inset-bottom: var(--bb-size-fluid-150);
566
+ --sky-comp-modal-content-space-inset-left: var(--bb-size-fluid-150);
567
+ --sky-comp-modal-content-space-inset-right: var(--bb-size-fluid-150);
568
+ --sky-comp-modal-content-space-inset-top: var(--bb-size-fluid-50);
569
+ --sky-comp-modal-footer-space-inset-bottom: var(--bb-size-fluid-100);
570
+ --sky-comp-modal-footer-space-inset-left: var(--bb-size-fluid-150);
571
+ --sky-comp-modal-footer-space-inset-right: var(--bb-size-fluid-150);
572
+ --sky-comp-modal-footer-space-inset-top: var(--bb-size-fluid-100);
573
+ --sky-comp-modal-fullscreen-space-offset-bottom: var(--bb-size-fixed-50);
574
+ --sky-comp-modal-fullscreen-space-offset-left: var(--bb-size-fixed-50);
575
+ --sky-comp-modal-fullscreen-space-offset-right: var(--bb-size-fixed-50);
576
+ --sky-comp-modal-fullscreen-space-offset-top: var(--bb-size-fixed-50);
577
+ --sky-comp-modal-header-space-inset-bottom: var(--bb-size-fluid-75);
578
+ --sky-comp-modal-header-space-inset-left: var(--bb-size-fluid-150);
579
+ --sky-comp-modal-header-space-inset-right: var(--bb-size-fluid-150);
580
+ --sky-comp-modal-header-space-inset-top: var(--bb-size-fluid-75);
581
+ --sky-comp-modal-space-offset-bottom: var(--bb-size-fixed-50);
582
+ --sky-comp-modal-space-offset-left: var(--bb-size-fixed-50);
583
+ --sky-comp-modal-space-offset-right: var(--bb-size-fixed-50);
584
+ --sky-comp-modal-space-offset-top: var(--bb-size-fixed-50);
585
+ --sky-comp-navbar_item-space-inset-bottom: var(--bb-size-fluid-75);
586
+ --sky-comp-navbar_item-space-inset-left: var(--bb-size-fluid-50);
587
+ --sky-comp-navbar_item-space-inset-right: var(--bb-size-fluid-50);
588
+ --sky-comp-navbar_item-space-inset-top: var(--bb-size-fluid-75);
589
+ --sky-comp-page-content-blocks-space-inset-bottom: var(--bb-size-fluid-50);
590
+ --sky-comp-page-content-blocks-space-inset-left: var(--bb-size-fluid-50);
591
+ --sky-comp-page-content-blocks-space-inset-right: var(--bb-size-fluid-50);
592
+ --sky-comp-page-content-blocks-space-inset-top: var(--bb-size-fluid-50);
593
+ --sky-comp-page-content-fit-space-inset-bottom: var(--bb-size-0);
594
+ --sky-comp-page-content-fit-space-inset-left: var(--bb-size-fluid-50);
595
+ --sky-comp-page-content-fit-space-inset-right: var(--bb-size-fluid-50);
596
+ --sky-comp-page-content-fit-space-inset-top: var(--bb-size-0);
597
+ --sky-comp-page-content-list-space-inset-bottom: var(--bb-size-0);
598
+ --sky-comp-page-content-list-space-inset-left: var(--bb-size-fluid-50);
599
+ --sky-comp-page-content-list-space-inset-right: var(--bb-size-fluid-50);
600
+ --sky-comp-page-content-list-space-inset-top: var(--bb-size-0);
601
+ --sky-comp-page-content-tabs-space-inset-bottom: var(--bb-size-0);
602
+ --sky-comp-page-content-tabs-space-inset-left: var(--bb-size-0);
603
+ --sky-comp-page-content-tabs-space-inset-right: var(--bb-size-0);
604
+ --sky-comp-page-content-tabs-space-inset-top: var(--bb-size-0);
605
+ --sky-comp-page-header-blocks-space-inset-bottom: var(--bb-size-fluid-100);
606
+ --sky-comp-page-header-blocks-space-inset-left: var(--bb-size-fluid-50);
607
+ --sky-comp-page-header-blocks-space-inset-right: var(--bb-size-fluid-50);
608
+ --sky-comp-page-header-blocks-space-inset-top: var(--bb-size-fluid-100);
609
+ --sky-comp-page-header-fit-space-inset-bottom: var(--bb-size-fluid-100);
610
+ --sky-comp-page-header-fit-space-inset-left: var(--bb-size-fluid-50);
611
+ --sky-comp-page-header-fit-space-inset-right: var(--bb-size-fluid-50);
612
+ --sky-comp-page-header-fit-space-inset-top: var(--bb-size-fluid-100);
613
+ --sky-comp-page-header-list-space-inset-bottom: var(--bb-size-fluid-100);
614
+ --sky-comp-page-header-list-space-inset-left: var(--bb-size-fluid-50);
615
+ --sky-comp-page-header-list-space-inset-right: var(--bb-size-fluid-50);
616
+ --sky-comp-page-header-list-space-inset-top: var(--bb-size-fluid-100);
617
+ --sky-comp-page-header-tabs-space-inset-bottom: var(--bb-size-fluid-100);
618
+ --sky-comp-page-header-tabs-space-inset-left: var(--bb-size-fluid-50);
619
+ --sky-comp-page-header-tabs-space-inset-right: var(--bb-size-fluid-50);
620
+ --sky-comp-page-header-tabs-space-inset-top: var(--bb-size-fluid-100);
621
+ --sky-comp-page-links-blocks-space-inset-bottom: var(--bb-size-fluid-150);
622
+ --sky-comp-page-links-blocks-space-inset-left: var(--bb-size-fluid-50);
623
+ --sky-comp-page-links-blocks-space-inset-right: var(--bb-size-fluid-50);
624
+ --sky-comp-page-links-blocks-space-inset-top: var(--bb-size-fluid-150);
625
+ --sky-comp-page-links-list-space-inset-bottom: var(--bb-size-fluid-150);
626
+ --sky-comp-page-links-list-space-inset-left: var(--bb-size-fluid-50);
627
+ --sky-comp-page-links-list-space-inset-right: var(--bb-size-fluid-50);
628
+ --sky-comp-page-links-list-space-inset-top: var(--bb-size-fluid-150);
629
+ --sky-comp-page-links-tabs-space-inset-bottom: var(--bb-size-fluid-150);
630
+ --sky-comp-page-links-tabs-space-inset-left: var(--bb-size-fluid-50);
631
+ --sky-comp-page-links-tabs-space-inset-right: var(--bb-size-fluid-50);
632
+ --sky-comp-page-links-tabs-space-inset-top: var(--bb-size-fluid-150);
633
+ --sky-comp-page-tabset-tabs-space-inset-bottom: var(--bb-size-0);
634
+ --sky-comp-page-tabset-tabs-space-inset-left: var(--bb-size-fluid-50);
635
+ --sky-comp-page-tabset-tabs-space-inset-right: var(--bb-size-0);
636
+ --sky-comp-page-tabset-tabs-space-inset-top: var(--bb-size-0);
637
+ --sky-comp-paging_button-space-inset-bottom: var(--bb-size-fluid-12);
638
+ --sky-comp-paging_button-space-inset-left: var(--bb-size-fluid-50);
639
+ --sky-comp-paging_button-space-inset-right: var(--bb-size-fluid-50);
640
+ --sky-comp-paging_button-space-inset-top: var(--bb-size-fluid-12);
641
+ --sky-comp-popover-content-space-inset-bottom: var(--bb-size-fluid-100);
642
+ --sky-comp-popover-content-space-inset-left: var(--bb-size-fluid-100);
643
+ --sky-comp-popover-content-space-inset-right: var(--bb-size-fluid-100);
644
+ --sky-comp-popover-content-space-inset-top: var(--bb-size-fluid-100);
645
+ --sky-comp-popover-header-space-inset-bottom: var(--bb-size-0);
646
+ --sky-comp-popover-header-space-inset-left: var(--bb-size-fluid-100);
647
+ --sky-comp-popover-header-space-inset-right: var(--bb-size-fluid-100);
648
+ --sky-comp-popover-header-space-inset-top: var(--bb-size-fluid-100);
649
+ --sky-comp-repeater_item-space-inset-bottom: var(--bb-size-fluid-75);
650
+ --sky-comp-repeater_item-space-inset-left: var(--bb-size-fluid-50);
651
+ --sky-comp-repeater_item-space-inset-right: var(--bb-size-fluid-50);
652
+ --sky-comp-repeater_item-space-inset-top: var(--bb-size-fluid-75);
653
+ --sky-comp-sab-actions-space-inset-bottom: var(--bb-size-fluid-100);
654
+ --sky-comp-sab-actions-space-inset-left: var(--bb-size-fluid-150);
655
+ --sky-comp-sab-actions-space-inset-right: var(--bb-size-fluid-150);
656
+ --sky-comp-sab-actions-space-inset-top: var(--bb-size-fluid-100);
657
+ --sky-comp-sab-summary-expanded-space-inset-bottom: var(--bb-size-fluid-100);
658
+ --sky-comp-sab-summary-expanded-space-inset-left: var(--bb-size-fluid-150);
659
+ --sky-comp-sab-summary-expanded-space-inset-right: var(--bb-size-fluid-150);
660
+ --sky-comp-sab-summary-expanded-space-inset-top: var(--bb-size-fluid-100);
661
+ --sky-comp-sab-summary-inline-space-inset-bottom: var(--bb-size-fluid-50);
662
+ --sky-comp-sab-summary-inline-space-inset-left: var(--bb-size-fluid-150);
663
+ --sky-comp-sab-summary-inline-space-inset-right: var(--bb-size-fluid-150);
664
+ --sky-comp-sab-summary-inline-space-inset-top: var(--bb-size-fluid-50);
665
+ --sky-comp-search-space-inset-bottom: var(--bb-size-fluid-50);
666
+ --sky-comp-search-space-inset-left: var(--bb-size-fluid-100);
667
+ --sky-comp-search-space-inset-right: var(--bb-size-fluid-100);
668
+ --sky-comp-search-space-inset-top: var(--bb-size-fluid-50);
669
+ --sky-comp-selection_box-collapsed-space-inset-bottom: var(--bb-size-fluid-75);
670
+ --sky-comp-selection_box-collapsed-space-inset-left: var(--bb-size-fluid-75);
671
+ --sky-comp-selection_box-collapsed-space-inset-right: var(--bb-size-fluid-75);
672
+ --sky-comp-selection_box-collapsed-space-inset-top: var(--bb-size-fluid-75);
673
+ --sky-comp-selection_box-expanded-space-inset-bottom: var(--bb-size-fluid-150);
674
+ --sky-comp-selection_box-expanded-space-inset-left: var(--bb-size-fluid-150);
675
+ --sky-comp-selection_box-expanded-space-inset-right: var(--bb-size-fluid-150);
676
+ --sky-comp-selection_box-expanded-space-inset-top: var(--bb-size-fluid-150);
677
+ --sky-comp-split_view-footer-space-inset-bottom: var(--bb-size-fluid-50);
678
+ --sky-comp-split_view-footer-space-inset-left: var(--bb-size-fluid-50);
679
+ --sky-comp-split_view-footer-space-inset-right: var(--bb-size-fluid-50);
680
+ --sky-comp-split_view-footer-space-inset-top: var(--bb-size-fluid-50);
681
+ --sky-comp-tab-horizontal-space-inset-bottom: var(--bb-size-fluid-50);
682
+ --sky-comp-tab-horizontal-space-inset-left: var(--bb-size-fluid-75);
683
+ --sky-comp-tab-horizontal-space-inset-right: var(--bb-size-fluid-75);
684
+ --sky-comp-tab-horizontal-space-inset-top: var(--bb-size-fluid-50);
685
+ --sky-comp-tab-vertical-group-button-space-inset-bottom: var(--bb-size-fluid-50);
686
+ --sky-comp-tab-vertical-group-button-space-inset-left: var(--bb-size-fluid-50);
687
+ --sky-comp-tab-vertical-group-button-space-inset-right: var(--bb-size-fluid-50);
688
+ --sky-comp-tab-vertical-group-button-space-inset-top: var(--bb-size-fluid-50);
689
+ --sky-comp-tab-vertical-group-space-inset-bottom: var(--bb-size-fluid-75);
690
+ --sky-comp-tab-vertical-group-space-inset-left: var(--bb-size-0);
691
+ --sky-comp-tab-vertical-group-space-inset-right: var(--bb-size-0);
692
+ --sky-comp-tab-vertical-group-space-inset-top: var(--bb-size-fluid-75);
693
+ --sky-comp-tab-vertical-space-inset-bottom: var(--bb-size-fluid-50);
694
+ --sky-comp-tab-vertical-space-inset-left: var(--bb-size-fluid-75);
695
+ --sky-comp-tab-vertical-space-inset-right: var(--bb-size-fluid-75);
696
+ --sky-comp-tab-vertical-space-inset-top: var(--bb-size-fluid-50);
697
+ --sky-comp-tabset-button-space-inset-bottom: var(--bb-size-fluid-25);
698
+ --sky-comp-tabset-button-space-inset-left: var(--bb-size-fluid-25);
699
+ --sky-comp-tabset-button-space-inset-right: var(--bb-size-fluid-25);
700
+ --sky-comp-tabset-button-space-inset-top: var(--bb-size-fluid-25);
701
+ --sky-comp-tabset-tabs-space-inset-bottom: var(--bb-size-0);
702
+ --sky-comp-tabset-tabs-space-inset-left: var(--bb-size-fluid-75);
703
+ --sky-comp-tabset-tabs-space-inset-right: var(--bb-size-0);
704
+ --sky-comp-tabset-tabs-space-inset-top: var(--bb-size-0);
705
+ --sky-comp-text_editor-space-inset-bottom: var(--bb-size-fluid-75);
706
+ --sky-comp-text_editor-space-inset-left: var(--bb-size-fluid-75);
707
+ --sky-comp-text_editor-space-inset-right: var(--bb-size-fluid-75);
708
+ --sky-comp-text_editor-space-inset-top: var(--bb-size-fluid-75);
709
+ --sky-comp-tile-dashboard-column-space-inset-bottom: var(--bb-size-0);
710
+ --sky-comp-tile-dashboard-column-space-inset-left: var(--bb-size-0);
711
+ --sky-comp-tile-dashboard-column-space-inset-right: var(--bb-size-0);
712
+ --sky-comp-tile-dashboard-column-space-inset-top: var(--bb-size-0);
713
+ --sky-comp-tile-dashboard-space-inset-bottom: var(--bb-size-0);
714
+ --sky-comp-tile-dashboard-space-inset-left: var(--bb-size-0);
715
+ --sky-comp-tile-dashboard-space-inset-right: var(--bb-size-0);
716
+ --sky-comp-tile-dashboard-space-inset-top: var(--bb-size-0);
717
+ --sky-comp-tile-section-space-inset-bottom: var(--bb-size-fluid-75);
718
+ --sky-comp-tile-section-space-inset-left: var(--bb-size-0);
719
+ --sky-comp-tile-section-space-inset-right: var(--bb-size-0);
720
+ --sky-comp-tile-section-space-inset-top: var(--bb-size-fluid-75);
721
+ --sky-comp-tile-space-inset-bottom: var(--bb-size-fluid-150);
722
+ --sky-comp-tile-space-inset-left: var(--bb-size-fluid-150);
723
+ --sky-comp-tile-space-inset-right: var(--bb-size-fluid-150);
724
+ --sky-comp-tile-space-inset-top: var(--bb-size-fluid-150);
725
+ --sky-comp-timepicker-content-space-inset-bottom: var(--bb-size-fluid-75);
726
+ --sky-comp-timepicker-content-space-inset-left: var(--bb-size-fluid-75);
727
+ --sky-comp-timepicker-content-space-inset-right: var(--bb-size-fluid-75);
728
+ --sky-comp-timepicker-content-space-inset-top: var(--bb-size-fluid-75);
729
+ --sky-comp-timepicker-footer-space-inset-bottom: var(--bb-size-fluid-50);
730
+ --sky-comp-timepicker-footer-space-inset-left: var(--bb-size-fluid-75);
731
+ --sky-comp-timepicker-footer-space-inset-right: var(--bb-size-fluid-75);
732
+ --sky-comp-timepicker-footer-space-inset-top: var(--bb-size-fluid-50);
733
+ --sky-comp-toast-space-inset-bottom: var(--bb-size-fluid-75);
734
+ --sky-comp-toast-space-inset-left: var(--bb-size-fluid-75);
735
+ --sky-comp-toast-space-inset-right: var(--bb-size-fluid-75);
736
+ --sky-comp-toast-space-inset-top: var(--bb-size-fluid-75);
737
+ --sky-comp-toaster-space-inset-bottom: var(--bb-size-0);
738
+ --sky-comp-toaster-space-inset-left: var(--bb-size-fluid-150);
739
+ --sky-comp-toaster-space-inset-right: var(--bb-size-fluid-150);
740
+ --sky-comp-toaster-space-inset-top: var(--bb-size-fluid-150);
741
+ --sky-comp-token-close-space-inset-bottom: var(--bb-size-fluid-12);
742
+ --sky-comp-token-close-space-inset-left: var(--bb-size-fluid-12);
743
+ --sky-comp-token-close-space-inset-right: var(--bb-size-fluid-12);
744
+ --sky-comp-token-close-space-inset-top: var(--bb-size-fluid-12);
745
+ --sky-comp-token-space-inset-bottom: var(--bb-size-fluid-6);
746
+ --sky-comp-token-space-inset-left: var(--bb-size-fluid-25);
747
+ --sky-comp-token-space-inset-right: var(--bb-size-fluid-25);
748
+ --sky-comp-token-space-inset-top: var(--bb-size-fluid-6);
749
+ --sky-comp-toolbar-space-inset-bottom: var(--bb-size-fluid-50);
750
+ --sky-comp-toolbar-space-inset-left: var(--bb-size-0);
751
+ --sky-comp-toolbar-space-inset-right: var(--bb-size-0);
752
+ --sky-comp-toolbar-space-inset-top: var(--bb-size-fluid-50);
753
+ --sky-comp-tree-child-space-inset-bottom: var(--bb-size-0);
754
+ --sky-comp-tree-child-space-inset-left: var(--bb-size-fluid-150);
755
+ --sky-comp-tree-child-space-inset-right: var(--bb-size-0);
756
+ --sky-comp-tree-child-space-inset-top: var(--bb-size-0);
757
+ --sky-comp-tree-node-space-inset-bottom: var(--bb-size-fluid-25);
758
+ --sky-comp-tree-node-space-inset-left: var(--bb-size-fluid-25);
759
+ --sky-comp-tree-node-space-inset-right: var(--bb-size-fluid-25);
760
+ --sky-comp-tree-node-space-inset-top: var(--bb-size-fluid-25);
761
+ --sky-comp-wizard-tabset-space-inset-bottom: var(--bb-size-fluid-150);
762
+ --sky-comp-wizard-tabset-space-inset-left: var(--bb-size-fluid-150);
763
+ --sky-comp-wizard-tabset-space-inset-right: var(--bb-size-fluid-150);
764
+ --sky-comp-wizard-tabset-space-inset-top: var(--bb-size-fluid-50);
765
+ --sky-comp-wizard-tabset-tabs-space-inset-bottom: var(--bb-size-0);
766
+ --sky-comp-wizard-tabset-tabs-space-inset-left: var(--bb-size-fluid-150);
767
+ --sky-comp-wizard-tabset-tabs-space-inset-right: var(--bb-size-fluid-150);
768
+ --sky-comp-wizard-tabset-tabs-space-inset-top: var(--bb-size-0);
473
769
  --sky-font-family-monospaced: var(--bb-font-monospaced-family);
474
770
  --sky-font-letter_spacing-hint-s: var(--bb-letter_spacing-normal);
475
771
  --sky-font-letter_spacing-input-label: var(--bb-letter_spacing-wider);
476
772
  --sky-font-line_height-body-l: var(--bb-line_height-300);
477
773
  --sky-font-line_height-body-m: var(--bb-line_height-200);
478
774
  --sky-font-line_height-body-s: var(--bb-line_height-100);
479
- --sky-font-line_height-data_label: var(--bb-line_height-200);
480
775
  --sky-font-line_height-display-1: var(--bb-line_height-800);
481
776
  --sky-font-line_height-display-2: var(--bb-line_height-500);
482
777
  --sky-font-line_height-display-3: var(--bb-line_height-300);
@@ -493,7 +788,6 @@
493
788
  --sky-font-size-body-l: var(--bb-font-size-300);
494
789
  --sky-font-size-body-m: var(--bb-font-size-200);
495
790
  --sky-font-size-body-s: var(--bb-font-size-100);
496
- --sky-font-size-data_label: var(--bb-font-size-200);
497
791
  --sky-font-size-display-1: var(--bb-font-size-800);
498
792
  --sky-font-size-display-2: var(--bb-font-size-500);
499
793
  --sky-font-size-display-3: var(--bb-font-size-300);
@@ -510,7 +804,6 @@
510
804
  --sky-font-style-body-l: var(--bb-font-style-regular);
511
805
  --sky-font-style-body-m: var(--bb-font-style-regular);
512
806
  --sky-font-style-body-s: var(--bb-font-style-regular);
513
- --sky-font-style-data_label: var(--bb-font-style-regular);
514
807
  --sky-font-style-display-1: var(--bb-font-style-light);
515
808
  --sky-font-style-display-2: var(--bb-font-style-light);
516
809
  --sky-font-style-display-3: var(--bb-font-style-light);
@@ -525,7 +818,6 @@
525
818
  --sky-font-weight-body-l: var(--bb-font-weight-regular);
526
819
  --sky-font-weight-body-m: var(--bb-font-weight-regular);
527
820
  --sky-font-weight-body-s: var(--bb-font-weight-regular);
528
- --sky-font-weight-data_label: var(--bb-font-weight-regular);
529
821
  --sky-font-weight-display-1: var(--bb-font-weight-light);
530
822
  --sky-font-weight-display-2: var(--bb-font-weight-light);
531
823
  --sky-font-weight-display-3: var(--bb-font-weight-light);
@@ -704,6 +996,10 @@
704
996
  --sky-space-inset-sunk-left-l: var(--bb-size-fluid-150);
705
997
  --sky-space-inset-sunk-right-l: var(--bb-size-fluid-150);
706
998
  --sky-space-inset-sunk-top-l: var(--bb-size-fluid-150);
999
+ --sky-space-inset-switch_icon-bottom: var(--bb-size-fluid-50);
1000
+ --sky-space-inset-switch_icon-left: var(--bb-size-fluid-50);
1001
+ --sky-space-inset-switch_icon-right: var(--bb-size-fluid-50);
1002
+ --sky-space-inset-switch_icon-top: var(--bb-size-fluid-50);
707
1003
  --sky-space-inset-tabs-l: var(--bb-size-fluid-100);
708
1004
  --sky-space-inset-tabs-m: var(--bb-size-fluid-75);
709
1005
  --sky-space-inset-tabs-s: var(--bb-size-fluid-50);
@@ -749,7 +1045,6 @@
749
1045
  --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);
750
1046
  --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);
751
1047
  --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);
752
- --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);
753
1048
  --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);
754
1049
  --sky-type-display-2: var(--sky-font-style-display-2) var(--sky-font-size-display-2)/var(--sky-font-line_height-display-2) var(--sky-font-family-primary);
755
1050
  --sky-type-display-3: var(--sky-font-style-display-3) var(--sky-font-size-display-3)/var(--sky-font-line_height-display-3) var(--sky-font-family-primary);
package/assets/scss/modern.css CHANGED
@@ -341,13 +341,308 @@
341
341
  --sky-border-width-separator-light: var(--modern-size-1);
342
342
  --sky-border-width-separator-row: var(--modern-size-1);
343
343
  --sky-border-width-text_highlight: var(--modern-size-1);
344
+ --sky-comp-action_button-space-inset-bottom: var(--modern-space-xl);
345
+ --sky-comp-action_button-space-inset-left: var(--modern-space-xl);
346
+ --sky-comp-action_button-space-inset-right: var(--modern-space-xl);
347
+ --sky-comp-action_button-space-inset-top: var(--modern-space-xl);
348
+ --sky-comp-alert-space-inset-bottom: var(--modern-size-10);
349
+ --sky-comp-alert-space-inset-left: var(--modern-size-10);
350
+ --sky-comp-alert-space-inset-right: var(--modern-size-10);
351
+ --sky-comp-alert-space-inset-top: var(--modern-size-10);
352
+ --sky-comp-back_to_top-space-inset-bottom: var(--modern-size-10);
353
+ --sky-comp-back_to_top-space-inset-left: var(--modern-size-30);
354
+ --sky-comp-back_to_top-space-inset-right: var(--modern-size-30);
355
+ --sky-comp-back_to_top-space-inset-top: var(--modern-size-10);
356
+ --sky-comp-box-content-space-inset-bottom: var(--modern-space-xl);
357
+ --sky-comp-box-content-space-inset-left: var(--modern-space-xl);
358
+ --sky-comp-box-content-space-inset-right: var(--modern-space-xl);
359
+ --sky-comp-box-content-space-inset-top: var(--modern-space-xl);
360
+ --sky-comp-box-header-space-inset-bottom: var(--modern-size-0);
361
+ --sky-comp-box-header-space-inset-left: var(--modern-space-xl);
362
+ --sky-comp-box-header-space-inset-right: var(--modern-space-xl);
363
+ --sky-comp-box-header-space-inset-top: var(--modern-space-xl);
364
+ --sky-comp-button-block-space-inset-bottom: var(--modern-size-10);
365
+ --sky-comp-button-block-space-inset-left: var(--modern-size-20);
366
+ --sky-comp-button-block-space-inset-right: var(--modern-size-20);
367
+ --sky-comp-button-block-space-inset-top: var(--modern-size-10);
368
+ --sky-comp-button-borderless-space-inset-bottom: var(--modern-size-5);
369
+ --sky-comp-button-borderless-space-inset-left: var(--modern-size-5);
370
+ --sky-comp-button-borderless-space-inset-right: var(--modern-size-5);
371
+ --sky-comp-button-borderless-space-inset-top: var(--modern-size-5);
372
+ --sky-comp-button-icon-space-inset-bottom: var(--modern-size-10);
373
+ --sky-comp-button-icon-space-inset-left: var(--modern-size-10);
374
+ --sky-comp-button-icon-space-inset-right: var(--modern-size-10);
375
+ --sky-comp-button-icon-space-inset-top: var(--modern-size-10);
376
+ --sky-comp-button-space-inset-bottom: var(--modern-size-10);
377
+ --sky-comp-button-space-inset-left: var(--modern-size-20);
378
+ --sky-comp-button-space-inset-right: var(--modern-size-20);
379
+ --sky-comp-button-space-inset-top: var(--modern-size-10);
380
+ --sky-comp-button-toolbar-space-inset-bottom: var(--modern-size-10);
381
+ --sky-comp-button-toolbar-space-inset-left: var(--modern-size-10);
382
+ --sky-comp-button-toolbar-space-inset-right: var(--modern-size-10);
383
+ --sky-comp-button-toolbar-space-inset-top: var(--modern-size-10);
384
+ --sky-comp-colorpicker-content-space-inset-bottom: var(--modern-size-15);
385
+ --sky-comp-colorpicker-content-space-inset-left: var(--modern-size-30);
386
+ --sky-comp-colorpicker-content-space-inset-right: var(--modern-size-30);
387
+ --sky-comp-colorpicker-content-space-inset-top: var(--modern-size-15);
388
+ --sky-comp-datepicker-calendar-space-inset-bottom: var(--modern-space-md);
389
+ --sky-comp-datepicker-calendar-space-inset-left: var(--modern-space-md);
390
+ --sky-comp-datepicker-calendar-space-inset-right: var(--modern-space-md);
391
+ --sky-comp-datepicker-calendar-space-inset-top: var(--modern-space-md);
392
+ --sky-comp-datepicker-header-space-inset-bottom: var(--modern-size-0);
393
+ --sky-comp-datepicker-header-space-inset-left: var(--modern-size-15);
394
+ --sky-comp-datepicker-header-space-inset-right: var(--modern-size-15);
395
+ --sky-comp-datepicker-header-space-inset-top: var(--modern-size-15);
396
+ --sky-comp-dropdown-menu-space-inset-bottom: var(--modern-size-10);
397
+ --sky-comp-dropdown-menu-space-inset-left: var(--modern-size-0);
398
+ --sky-comp-dropdown-menu-space-inset-right: var(--modern-size-0);
399
+ --sky-comp-dropdown-menu-space-inset-top: var(--modern-size-10);
400
+ --sky-comp-dropdown-option-space-inset-bottom: var(--modern-size-10);
401
+ --sky-comp-dropdown-option-space-inset-left: var(--modern-size-20);
402
+ --sky-comp-dropdown-option-space-inset-right: var(--modern-size-20);
403
+ --sky-comp-dropdown-option-space-inset-top: var(--modern-size-10);
404
+ --sky-comp-file_drop-content-space-inset-bottom: var(--modern-space-s);
405
+ --sky-comp-file_drop-content-space-inset-left: var(--modern-space-s);
406
+ --sky-comp-file_drop-content-space-inset-right: var(--modern-space-s);
407
+ --sky-comp-file_drop-content-space-inset-top: var(--modern-space-s);
408
+ --sky-comp-filter_bar-space-inset-bottom: var(--modern-space-s);
409
+ --sky-comp-filter_bar-space-inset-left: var(--modern-space-s);
410
+ --sky-comp-filter_bar-space-inset-right: var(--modern-space-s);
411
+ --sky-comp-filter_bar-space-inset-top: var(--modern-space-s);
412
+ --sky-comp-flyout-header-space-inset-bottom: var(--modern-space-md);
413
+ --sky-comp-flyout-header-space-inset-left: var(--modern-space-s);
414
+ --sky-comp-flyout-header-space-inset-right: var(--modern-space-s);
415
+ --sky-comp-flyout-header-space-inset-top: var(--modern-space-md);
416
+ --sky-comp-help_inline-space-inset-bottom: var(--modern-size-1);
417
+ --sky-comp-help_inline-space-inset-left: var(--modern-size-5);
418
+ --sky-comp-help_inline-space-inset-right: var(--modern-size-5);
419
+ --sky-comp-help_inline-space-inset-top: var(--modern-size-1);
420
+ --sky-comp-inline_form-space-inset-bottom: var(--modern-space-md);
421
+ --sky-comp-inline_form-space-inset-left: var(--modern-space-md);
422
+ --sky-comp-inline_form-space-inset-right: var(--modern-space-md);
423
+ --sky-comp-inline_form-space-inset-top: var(--modern-space-md);
424
+ --sky-comp-input-label-space-inset-bottom: var(--modern-size-2);
425
+ --sky-comp-input-label-space-inset-left: var(--modern-size-15);
426
+ --sky-comp-input-label-space-inset-right: var(--modern-size-15);
427
+ --sky-comp-input-label-space-inset-top: var(--modern-size-6);
428
+ --sky-comp-input-value-space-inset-bottom: var(--modern-size-9);
429
+ --sky-comp-input-value-space-inset-left: var(--modern-size-15);
430
+ --sky-comp-input-value-space-inset-right: var(--modern-size-15);
431
+ --sky-comp-input-value-space-inset-top: var(--modern-size-9);
432
+ --sky-comp-label-space-inset-bottom: var(--modern-size-4);
433
+ --sky-comp-label-space-inset-left: var(--modern-size-15);
434
+ --sky-comp-label-space-inset-right: var(--modern-size-15);
435
+ --sky-comp-label-space-inset-top: var(--modern-size-4);
436
+ --sky-comp-modal-content-space-inset-bottom: var(--modern-space-xl);
437
+ --sky-comp-modal-content-space-inset-left: var(--modern-space-xl);
438
+ --sky-comp-modal-content-space-inset-right: var(--modern-space-xl);
439
+ --sky-comp-modal-content-space-inset-top: var(--modern-space-s);
440
+ --sky-comp-modal-footer-space-inset-bottom: var(--modern-size-20);
441
+ --sky-comp-modal-footer-space-inset-left: var(--modern-size-30);
442
+ --sky-comp-modal-footer-space-inset-right: var(--modern-size-30);
443
+ --sky-comp-modal-footer-space-inset-top: var(--modern-size-20);
444
+ --sky-comp-modal-fullscreen-space-offset-bottom: var(--modern-size-10);
445
+ --sky-comp-modal-fullscreen-space-offset-left: var(--modern-size-10);
446
+ --sky-comp-modal-fullscreen-space-offset-right: var(--modern-size-10);
447
+ --sky-comp-modal-fullscreen-space-offset-top: var(--modern-size-10);
448
+ --sky-comp-modal-header-space-inset-bottom: var(--modern-size-15);
449
+ --sky-comp-modal-header-space-inset-left: var(--modern-size-30);
450
+ --sky-comp-modal-header-space-inset-right: var(--modern-size-30);
451
+ --sky-comp-modal-header-space-inset-top: var(--modern-size-15);
452
+ --sky-comp-modal-space-offset-bottom: var(--modern-size-10);
453
+ --sky-comp-modal-space-offset-left: var(--modern-size-10);
454
+ --sky-comp-modal-space-offset-right: var(--modern-size-10);
455
+ --sky-comp-modal-space-offset-top: var(--modern-size-10);
456
+ --sky-comp-navbar_item-space-inset-bottom: var(--modern-space-md);
457
+ --sky-comp-navbar_item-space-inset-left: var(--modern-space-s);
458
+ --sky-comp-navbar_item-space-inset-right: var(--modern-space-s);
459
+ --sky-comp-navbar_item-space-inset-top: var(--modern-space-md);
460
+ --sky-comp-page-content-blocks-space-inset-bottom: var(--modern-space-s);
461
+ --sky-comp-page-content-blocks-space-inset-left: var(--modern-space-s);
462
+ --sky-comp-page-content-blocks-space-inset-right: var(--modern-space-s);
463
+ --sky-comp-page-content-blocks-space-inset-top: var(--modern-space-s);
464
+ --sky-comp-page-content-fit-space-inset-bottom: var(--modern-size-0);
465
+ --sky-comp-page-content-fit-space-inset-left: var(--modern-space-s);
466
+ --sky-comp-page-content-fit-space-inset-right: var(--modern-space-s);
467
+ --sky-comp-page-content-fit-space-inset-top: var(--modern-size-0);
468
+ --sky-comp-page-content-list-space-inset-bottom: var(--modern-size-0);
469
+ --sky-comp-page-content-list-space-inset-left: var(--modern-space-s);
470
+ --sky-comp-page-content-list-space-inset-right: var(--modern-space-s);
471
+ --sky-comp-page-content-list-space-inset-top: var(--modern-size-0);
472
+ --sky-comp-page-content-tabs-space-inset-bottom: var(--modern-size-0);
473
+ --sky-comp-page-content-tabs-space-inset-left: var(--modern-size-0);
474
+ --sky-comp-page-content-tabs-space-inset-right: var(--modern-size-0);
475
+ --sky-comp-page-content-tabs-space-inset-top: var(--modern-size-0);
476
+ --sky-comp-page-header-blocks-space-inset-bottom: var(--modern-space-lg);
477
+ --sky-comp-page-header-blocks-space-inset-left: var(--modern-space-s);
478
+ --sky-comp-page-header-blocks-space-inset-right: var(--modern-space-s);
479
+ --sky-comp-page-header-blocks-space-inset-top: var(--modern-space-lg);
480
+ --sky-comp-page-header-fit-space-inset-bottom: var(--modern-space-lg);
481
+ --sky-comp-page-header-fit-space-inset-left: var(--modern-space-s);
482
+ --sky-comp-page-header-fit-space-inset-right: var(--modern-space-s);
483
+ --sky-comp-page-header-fit-space-inset-top: var(--modern-space-lg);
484
+ --sky-comp-page-header-list-space-inset-bottom: var(--modern-space-lg);
485
+ --sky-comp-page-header-list-space-inset-left: var(--modern-space-s);
486
+ --sky-comp-page-header-list-space-inset-right: var(--modern-space-s);
487
+ --sky-comp-page-header-list-space-inset-top: var(--modern-space-lg);
488
+ --sky-comp-page-header-tabs-space-inset-bottom: var(--modern-space-lg);
489
+ --sky-comp-page-header-tabs-space-inset-left: var(--modern-space-s);
490
+ --sky-comp-page-header-tabs-space-inset-right: var(--modern-space-s);
491
+ --sky-comp-page-header-tabs-space-inset-top: var(--modern-space-lg);
492
+ --sky-comp-page-links-blocks-space-inset-bottom: var(--modern-space-xl);
493
+ --sky-comp-page-links-blocks-space-inset-left: var(--modern-space-s);
494
+ --sky-comp-page-links-blocks-space-inset-right: var(--modern-space-s);
495
+ --sky-comp-page-links-blocks-space-inset-top: var(--modern-space-xl);
496
+ --sky-comp-page-links-list-space-inset-bottom: var(--modern-space-xl);
497
+ --sky-comp-page-links-list-space-inset-left: var(--modern-space-s);
498
+ --sky-comp-page-links-list-space-inset-right: var(--modern-space-s);
499
+ --sky-comp-page-links-list-space-inset-top: var(--modern-space-xl);
500
+ --sky-comp-page-links-tabs-space-inset-bottom: var(--modern-space-xl);
501
+ --sky-comp-page-links-tabs-space-inset-left: var(--modern-space-s);
502
+ --sky-comp-page-links-tabs-space-inset-right: var(--modern-space-s);
503
+ --sky-comp-page-links-tabs-space-inset-top: var(--modern-space-xl);
504
+ --sky-comp-page-tabset-tabs-space-inset-bottom: var(--modern-size-0);
505
+ --sky-comp-page-tabset-tabs-space-inset-left: var(--modern-space-md);
506
+ --sky-comp-page-tabset-tabs-space-inset-right: var(--modern-size-0);
507
+ --sky-comp-page-tabset-tabs-space-inset-top: var(--modern-size-0);
508
+ --sky-comp-paging_button-space-inset-bottom: var(--modern-size-4);
509
+ --sky-comp-paging_button-space-inset-left: var(--modern-size-15);
510
+ --sky-comp-paging_button-space-inset-right: var(--modern-size-15);
511
+ --sky-comp-paging_button-space-inset-top: var(--modern-size-4);
512
+ --sky-comp-popover-content-space-inset-bottom: var(--modern-size-20);
513
+ --sky-comp-popover-content-space-inset-left: var(--modern-size-20);
514
+ --sky-comp-popover-content-space-inset-right: var(--modern-size-20);
515
+ --sky-comp-popover-content-space-inset-top: var(--modern-size-20);
516
+ --sky-comp-popover-header-space-inset-bottom: var(--modern-size-0);
517
+ --sky-comp-popover-header-space-inset-left: var(--modern-space-lg);
518
+ --sky-comp-popover-header-space-inset-right: var(--modern-space-lg);
519
+ --sky-comp-popover-header-space-inset-top: var(--modern-space-lg);
520
+ --sky-comp-repeater_item-space-inset-bottom: var(--modern-space-md);
521
+ --sky-comp-repeater_item-space-inset-left: var(--modern-space-s);
522
+ --sky-comp-repeater_item-space-inset-right: var(--modern-space-s);
523
+ --sky-comp-repeater_item-space-inset-top: var(--modern-space-md);
524
+ --sky-comp-sab-actions-space-inset-bottom: var(--modern-size-20);
525
+ --sky-comp-sab-actions-space-inset-left: var(--modern-size-30);
526
+ --sky-comp-sab-actions-space-inset-right: var(--modern-size-30);
527
+ --sky-comp-sab-actions-space-inset-top: var(--modern-size-20);
528
+ --sky-comp-sab-summary-expanded-space-inset-bottom: var(--modern-size-20);
529
+ --sky-comp-sab-summary-expanded-space-inset-left: var(--modern-size-30);
530
+ --sky-comp-sab-summary-expanded-space-inset-right: var(--modern-size-30);
531
+ --sky-comp-sab-summary-expanded-space-inset-top: var(--modern-size-20);
532
+ --sky-comp-sab-summary-inline-space-inset-bottom: var(--modern-size-10);
533
+ --sky-comp-sab-summary-inline-space-inset-left: var(--modern-size-30);
534
+ --sky-comp-sab-summary-inline-space-inset-right: var(--modern-size-30);
535
+ --sky-comp-sab-summary-inline-space-inset-top: var(--modern-size-10);
536
+ --sky-comp-search-space-inset-bottom: var(--modern-size-10);
537
+ --sky-comp-search-space-inset-left: var(--modern-size-20);
538
+ --sky-comp-search-space-inset-right: var(--modern-size-20);
539
+ --sky-comp-search-space-inset-top: var(--modern-size-10);
540
+ --sky-comp-selection_box-collapsed-space-inset-bottom: var(--modern-space-md);
541
+ --sky-comp-selection_box-collapsed-space-inset-left: var(--modern-space-md);
542
+ --sky-comp-selection_box-collapsed-space-inset-right: var(--modern-space-md);
543
+ --sky-comp-selection_box-collapsed-space-inset-top: var(--modern-space-md);
544
+ --sky-comp-selection_box-expanded-space-inset-bottom: var(--modern-space-xl);
545
+ --sky-comp-selection_box-expanded-space-inset-left: var(--modern-space-xl);
546
+ --sky-comp-selection_box-expanded-space-inset-right: var(--modern-space-xl);
547
+ --sky-comp-selection_box-expanded-space-inset-top: var(--modern-space-xl);
548
+ --sky-comp-split_view-footer-space-inset-bottom: var(--modern-space-s);
549
+ --sky-comp-split_view-footer-space-inset-left: var(--modern-space-s);
550
+ --sky-comp-split_view-footer-space-inset-right: var(--modern-space-s);
551
+ --sky-comp-split_view-footer-space-inset-top: var(--modern-space-s);
552
+ --sky-comp-tab-horizontal-space-inset-bottom: var(--modern-size-10);
553
+ --sky-comp-tab-horizontal-space-inset-left: var(--modern-size-15);
554
+ --sky-comp-tab-horizontal-space-inset-right: var(--modern-size-15);
555
+ --sky-comp-tab-horizontal-space-inset-top: var(--modern-size-10);
556
+ --sky-comp-tab-vertical-group-button-space-inset-bottom: var(--modern-space-s);
557
+ --sky-comp-tab-vertical-group-button-space-inset-left: var(--modern-space-s);
558
+ --sky-comp-tab-vertical-group-button-space-inset-right: var(--modern-space-s);
559
+ --sky-comp-tab-vertical-group-button-space-inset-top: var(--modern-space-s);
560
+ --sky-comp-tab-vertical-group-space-inset-bottom: var(--modern-space-md);
561
+ --sky-comp-tab-vertical-group-space-inset-left: var(--modern-size-0);
562
+ --sky-comp-tab-vertical-group-space-inset-right: var(--modern-size-0);
563
+ --sky-comp-tab-vertical-group-space-inset-top: var(--modern-space-md);
564
+ --sky-comp-tab-vertical-space-inset-bottom: var(--modern-size-10);
565
+ --sky-comp-tab-vertical-space-inset-left: var(--modern-size-15);
566
+ --sky-comp-tab-vertical-space-inset-right: var(--modern-size-15);
567
+ --sky-comp-tab-vertical-space-inset-top: var(--modern-size-10);
568
+ --sky-comp-tabset-button-space-inset-bottom: var(--modern-size-5);
569
+ --sky-comp-tabset-button-space-inset-left: var(--modern-size-5);
570
+ --sky-comp-tabset-button-space-inset-right: var(--modern-size-5);
571
+ --sky-comp-tabset-button-space-inset-top: var(--modern-size-5);
572
+ --sky-comp-tabset-tabs-space-inset-bottom: var(--modern-size-0);
573
+ --sky-comp-tabset-tabs-space-inset-left: var(--modern-space-s);
574
+ --sky-comp-tabset-tabs-space-inset-right: var(--modern-size-0);
575
+ --sky-comp-tabset-tabs-space-inset-top: var(--modern-size-0);
576
+ --sky-comp-text_editor-space-inset-bottom: var(--modern-space-md);
577
+ --sky-comp-text_editor-space-inset-left: var(--modern-space-md);
578
+ --sky-comp-text_editor-space-inset-right: var(--modern-space-md);
579
+ --sky-comp-text_editor-space-inset-top: var(--modern-space-md);
580
+ --sky-comp-tile-dashboard-column-space-inset-bottom: var(--modern-size-0);
581
+ --sky-comp-tile-dashboard-column-space-inset-left: var(--modern-size-0);
582
+ --sky-comp-tile-dashboard-column-space-inset-right: var(--modern-size-0);
583
+ --sky-comp-tile-dashboard-column-space-inset-top: var(--modern-size-0);
584
+ --sky-comp-tile-dashboard-space-inset-bottom: var(--modern-size-0);
585
+ --sky-comp-tile-dashboard-space-inset-left: var(--modern-size-0);
586
+ --sky-comp-tile-dashboard-space-inset-right: var(--modern-size-0);
587
+ --sky-comp-tile-dashboard-space-inset-top: var(--modern-size-0);
588
+ --sky-comp-tile-section-space-inset-bottom: var(--modern-space-md);
589
+ --sky-comp-tile-section-space-inset-left: var(--modern-size-0);
590
+ --sky-comp-tile-section-space-inset-right: var(--modern-size-0);
591
+ --sky-comp-tile-section-space-inset-top: var(--modern-space-md);
592
+ --sky-comp-tile-space-inset-bottom: var(--modern-size-30);
593
+ --sky-comp-tile-space-inset-left: var(--modern-size-30);
594
+ --sky-comp-tile-space-inset-right: var(--modern-size-30);
595
+ --sky-comp-tile-space-inset-top: var(--modern-size-30);
596
+ --sky-comp-timepicker-content-space-inset-bottom: var(--modern-space-md);
597
+ --sky-comp-timepicker-content-space-inset-left: var(--modern-space-md);
598
+ --sky-comp-timepicker-content-space-inset-right: var(--modern-space-md);
599
+ --sky-comp-timepicker-content-space-inset-top: var(--modern-space-md);
600
+ --sky-comp-timepicker-footer-space-inset-bottom: var(--modern-size-10);
601
+ --sky-comp-timepicker-footer-space-inset-left: var(--modern-size-15);
602
+ --sky-comp-timepicker-footer-space-inset-right: var(--modern-size-15);
603
+ --sky-comp-timepicker-footer-space-inset-top: var(--modern-size-10);
604
+ --sky-comp-toast-space-inset-bottom: var(--modern-size-15);
605
+ --sky-comp-toast-space-inset-left: var(--modern-size-15);
606
+ --sky-comp-toast-space-inset-right: var(--modern-size-15);
607
+ --sky-comp-toast-space-inset-top: var(--modern-size-15);
608
+ --sky-comp-toaster-space-inset-bottom: var(--modern-size-0);
609
+ --sky-comp-toaster-space-inset-left: var(--modern-size-30);
610
+ --sky-comp-toaster-space-inset-right: var(--modern-size-30);
611
+ --sky-comp-toaster-space-inset-top: var(--modern-size-30);
612
+ --sky-comp-token-close-space-inset-bottom: var(--modern-size-2);
613
+ --sky-comp-token-close-space-inset-left: var(--modern-size-2);
614
+ --sky-comp-token-close-space-inset-right: var(--modern-size-2);
615
+ --sky-comp-token-close-space-inset-top: var(--modern-size-2);
616
+ --sky-comp-token-space-inset-bottom: var(--modern-size-1);
617
+ --sky-comp-token-space-inset-left: var(--modern-size-5);
618
+ --sky-comp-token-space-inset-right: var(--modern-size-5);
619
+ --sky-comp-token-space-inset-top: var(--modern-size-1);
620
+ --sky-comp-toolbar-space-inset-bottom: var(--modern-space-s);
621
+ --sky-comp-toolbar-space-inset-left: var(--modern-size-0);
622
+ --sky-comp-toolbar-space-inset-right: var(--modern-size-0);
623
+ --sky-comp-toolbar-space-inset-top: var(--modern-space-s);
624
+ --sky-comp-tree-child-space-inset-bottom: var(--modern-size-0);
625
+ --sky-comp-tree-child-space-inset-left: var(--modern-space-xl);
626
+ --sky-comp-tree-child-space-inset-right: var(--modern-size-0);
627
+ --sky-comp-tree-child-space-inset-top: var(--modern-size-0);
628
+ --sky-comp-tree-node-space-inset-bottom: var(--modern-space-xs);
629
+ --sky-comp-tree-node-space-inset-left: var(--modern-space-xs);
630
+ --sky-comp-tree-node-space-inset-right: var(--modern-space-xs);
631
+ --sky-comp-tree-node-space-inset-top: var(--modern-space-xs);
632
+ --sky-comp-wizard-tabset-space-inset-bottom: var(--modern-space-xl);
633
+ --sky-comp-wizard-tabset-space-inset-left: var(--modern-space-xl);
634
+ --sky-comp-wizard-tabset-space-inset-right: var(--modern-space-xl);
635
+ --sky-comp-wizard-tabset-space-inset-top: var(--modern-space-s);
636
+ --sky-comp-wizard-tabset-tabs-space-inset-bottom: var(--modern-size-0);
637
+ --sky-comp-wizard-tabset-tabs-space-inset-left: var(--modern-space-xl);
638
+ --sky-comp-wizard-tabset-tabs-space-inset-right: var(--modern-space-xl);
639
+ --sky-comp-wizard-tabset-tabs-space-inset-top: var(--modern-size-0);
344
640
  --sky-font-family-monospaced: var(--modern-font-monospaced-family);
345
641
  --sky-font-letter_spacing-hint-s: var(--modern-letter_spacing-normal);
346
642
  --sky-font-letter_spacing-input-label: var(--modern-letter_spacing-normal);
347
643
  --sky-font-line_height-body-l: var(--modern-line_height-normal);
348
644
  --sky-font-line_height-body-m: var(--modern-line_height-150);
349
645
  --sky-font-line_height-body-s: var(--modern-line_height-normal);
350
- --sky-font-line_height-data_label: var(--modern-line_height-normal);
351
646
  --sky-font-line_height-display-1: var(--modern-line_height-110);
352
647
  --sky-font-line_height-display-2: var(--modern-line_height-110);
353
648
  --sky-font-line_height-display-3: var(--modern-line_height-110);
@@ -364,7 +659,6 @@
364
659
  --sky-font-size-body-l: var(--modern-font-size-250);
365
660
  --sky-font-size-body-m: var(--modern-font-size-200);
366
661
  --sky-font-size-body-s: var(--modern-font-size-125);
367
- --sky-font-size-data_label: var(--modern-font-size-200);
368
662
  --sky-font-size-display-1: var(--modern-font-size-800);
369
663
  --sky-font-size-display-2: var(--modern-font-size-500);
370
664
  --sky-font-size-display-3: var(--modern-font-size-300);
@@ -381,7 +675,6 @@
381
675
  --sky-font-style-body-l: var(--modern-font-style-light);
382
676
  --sky-font-style-body-m: var(--modern-font-style-regular);
383
677
  --sky-font-style-body-s: var(--modern-font-style-regular);
384
- --sky-font-style-data_label: var(--modern-font-style-regular);
385
678
  --sky-font-style-display-1: var(--modern-font-style-regular);
386
679
  --sky-font-style-display-2: var(--modern-font-style-regular);
387
680
  --sky-font-style-display-3: var(--modern-font-style-regular);
@@ -396,7 +689,6 @@
396
689
  --sky-font-weight-body-l: var(--modern-font-weight-light);
397
690
  --sky-font-weight-body-m: var(--modern-font-weight-regular);
398
691
  --sky-font-weight-body-s: var(--modern-font-weight-regular);
399
- --sky-font-weight-data_label: var(--modern-font-weight-regular);
400
692
  --sky-font-weight-display-1: var(--modern-font-weight-regular);
401
693
  --sky-font-weight-display-2: var(--modern-font-weight-regular);
402
694
  --sky-font-weight-display-3: var(--modern-font-weight-regular);
@@ -576,6 +868,10 @@
576
868
  --sky-space-inset-sunk-left-l: var(--modern-space-xl);
577
869
  --sky-space-inset-sunk-right-l: var(--modern-space-xl);
578
870
  --sky-space-inset-sunk-top-l: var(--modern-space-xl);
871
+ --sky-space-inset-switch_icon-bottom: var(--modern-space-s);
872
+ --sky-space-inset-switch_icon-left: var(--modern-space-s);
873
+ --sky-space-inset-switch_icon-right: var(--modern-space-s);
874
+ --sky-space-inset-switch_icon-top: var(--modern-space-s);
579
875
  --sky-space-inset-tabs-l: var(--modern-space-lg);
580
876
  --sky-space-inset-tabs-m: var(--modern-space-md);
581
877
  --sky-space-inset-tabs-s: var(--modern-space-s);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blackbaud/skyux-design-tokens",
3
- "version": "0.0.57",
3
+ "version": "0.0.58",
4
4
  "description": "Design tokens for SKY UX",
5
5
  "homepage": "https://github.com/blackbaud/skyux-design-tokens",
6
6
  "license": "MIT",