@skyux/theme 12.30.0 → 12.32.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 (6) hide show
  1. package/css/sky.css +169 -107
  2. package/css/themes/modern/styles.css +235 -225
  3. package/fesm2022/skyux-theme.mjs +2 -2
  4. package/fesm2022/skyux-theme.mjs.map +1 -1
  5. package/lib/theming/theme.service.d.ts +2 -2
  6. package/package.json +2 -2
package/css/themes/modern/styles.css CHANGED
@@ -151,7 +151,7 @@
151
151
  --bb-font-weight-light: 300;
152
152
  --bb-font-weight-regular: 400;
153
153
  --bb-font-weight-semibold: 600;
154
- --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.10/assets/images/bb-logo.png");
154
+ --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.15/assets/images/bb-logo.png");
155
155
  --bb-letter_spacing-normal: normal;
156
156
  --bb-letter_spacing-wider: 0.16px;
157
157
  --bb-line_height-300: calc(18/13);
@@ -288,13 +288,13 @@
288
288
  --sky-color-background-input-disabled: var(--bb-color-gray-700);
289
289
  --sky-color-background-nav-active: var(--bb-color-transparent);
290
290
  --sky-color-background-nav-base: var(--bb-color-transparent);
291
- --sky-color-background-nav-disabled: var(--bb-color-gray-50);
291
+ --sky-color-background-nav-disabled: var(--bb-color-gray-700);
292
292
  --sky-color-background-nav-focus: var(--bb-color-transparent);
293
293
  --sky-color-background-nav-hover: var(--bb-color-transparent);
294
294
  --sky-color-background-page: var(--bb-color-gray-1100);
295
295
  --sky-color-background-row-active: var(--bb-color-transparent);
296
296
  --sky-color-background-row-base: var(--bb-color-gray-1000);
297
- --sky-color-background-row-disabled: var(--bb-color-gray-50);
297
+ --sky-color-background-row-disabled: var(--bb-color-gray-700);
298
298
  --sky-color-background-row-focus: var(--bb-color-transparent);
299
299
  --sky-color-background-row-hover: var(--bb-color-transparent);
300
300
  --sky-color-background-scrim: var(--bb-color-scrim);
@@ -302,6 +302,8 @@
302
302
  --sky-color-background-selected-heavy: var(--bb-color-blue-600);
303
303
  --sky-color-background-selected-soft: var(--bb-color-blue-900);
304
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);
305
307
  --sky-color-background-selected-warning: var(--bb-color-yellow-900);
306
308
  --sky-color-background-tab-active: var(--bb-color-transparent);
307
309
  --sky-color-background-tab-base: var(--bb-color-transparent);
@@ -470,6 +472,7 @@
470
472
  --sky-color-background-selected-heavy: var(--bb-color-blue-600);
471
473
  --sky-color-background-selected-soft: var(--bb-color-blue-100);
472
474
  --sky-color-background-selected-success: var(--bb-color-green-300);
475
+ --sky-color-background-selected-switch-disabled: var(--bb-color-gray-50);
473
476
  --sky-color-background-selected-warning: var(--bb-color-yellow-300);
474
477
  --sky-color-background-tab-active: var(--bb-color-transparent);
475
478
  --sky-color-background-tab-base: var(--bb-color-transparent);
@@ -593,6 +596,7 @@
593
596
  --sky-elevation-none: var(--bb-shadow-blue-0);
594
597
  --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
595
598
  --sky-opacity-wait: var(--bb-opacity-600);
599
+ --sky-color-background-selected-switch-base: var(--bb-color-gradient-blue);
596
600
  --sky-elevation-action-danger-base: var(--bb-shadow-blue-50);
597
601
  --sky-elevation-action-danger-focus: var(--bb-shadow-blue-50);
598
602
  --sky-elevation-action-danger-hover: var(--bb-shadow-blue-50);
@@ -806,6 +810,102 @@
806
810
  --sky-comp-label-space-inset-left: var(--bb-size-fluid-50);
807
811
  --sky-comp-label-space-inset-right: var(--bb-size-fluid-50);
808
812
  --sky-comp-label-space-inset-top: var(--bb-size-fluid-12);
813
+ --sky-comp-layout-content-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
814
+ --sky-comp-layout-content-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
815
+ --sky-comp-layout-content-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
816
+ --sky-comp-layout-content-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
817
+ --sky-comp-layout-content-blocks-space-inset-xs-bottom: var(--bb-size-fluid-50);
818
+ --sky-comp-layout-content-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
819
+ --sky-comp-layout-content-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
820
+ --sky-comp-layout-content-blocks-space-inset-xs-top: var(--bb-size-fluid-50);
821
+ --sky-comp-layout-content-fit-space-inset-sm-bottom: var(--bb-size-0);
822
+ --sky-comp-layout-content-fit-space-inset-sm-left: var(--bb-size-0);
823
+ --sky-comp-layout-content-fit-space-inset-sm-right: var(--bb-size-0);
824
+ --sky-comp-layout-content-fit-space-inset-sm-top: var(--bb-size-0);
825
+ --sky-comp-layout-content-fit-space-inset-xs-bottom: var(--bb-size-0);
826
+ --sky-comp-layout-content-fit-space-inset-xs-left: var(--bb-size-0);
827
+ --sky-comp-layout-content-fit-space-inset-xs-right: var(--bb-size-0);
828
+ --sky-comp-layout-content-fit-space-inset-xs-top: var(--bb-size-0);
829
+ --sky-comp-layout-content-list-space-inset-sm-bottom: var(--bb-size-0);
830
+ --sky-comp-layout-content-list-space-inset-sm-left: var(--bb-size-0);
831
+ --sky-comp-layout-content-list-space-inset-sm-right: var(--bb-size-0);
832
+ --sky-comp-layout-content-list-space-inset-sm-top: var(--bb-size-0);
833
+ --sky-comp-layout-content-list-space-inset-xs-bottom: var(--bb-size-0);
834
+ --sky-comp-layout-content-list-space-inset-xs-left: var(--bb-size-0);
835
+ --sky-comp-layout-content-list-space-inset-xs-right: var(--bb-size-0);
836
+ --sky-comp-layout-content-list-space-inset-xs-top: var(--bb-size-0);
837
+ --sky-comp-layout-content-tabs-space-inset-sm-bottom: var(--bb-size-0);
838
+ --sky-comp-layout-content-tabs-space-inset-sm-left: var(--bb-size-0);
839
+ --sky-comp-layout-content-tabs-space-inset-sm-right: var(--bb-size-0);
840
+ --sky-comp-layout-content-tabs-space-inset-sm-top: var(--bb-size-0);
841
+ --sky-comp-layout-content-tabs-space-inset-xs-bottom: var(--bb-size-0);
842
+ --sky-comp-layout-content-tabs-space-inset-xs-left: var(--bb-size-0);
843
+ --sky-comp-layout-content-tabs-space-inset-xs-right: var(--bb-size-0);
844
+ --sky-comp-layout-content-tabs-space-inset-xs-top: var(--bb-size-0);
845
+ --sky-comp-layout-header-blocks-space-inset-sm-bottom: var(--bb-size-0);
846
+ --sky-comp-layout-header-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
847
+ --sky-comp-layout-header-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
848
+ --sky-comp-layout-header-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
849
+ --sky-comp-layout-header-blocks-space-inset-xs-bottom: var(--bb-size-fluid-100);
850
+ --sky-comp-layout-header-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
851
+ --sky-comp-layout-header-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
852
+ --sky-comp-layout-header-blocks-space-inset-xs-top: var(--bb-size-fluid-100);
853
+ --sky-comp-layout-header-fit-space-inset-sm-bottom: var(--bb-size-fluid-100);
854
+ --sky-comp-layout-header-fit-space-inset-sm-left: var(--bb-size-fluid-150);
855
+ --sky-comp-layout-header-fit-space-inset-sm-right: var(--bb-size-fluid-150);
856
+ --sky-comp-layout-header-fit-space-inset-sm-top: var(--bb-size-fluid-150);
857
+ --sky-comp-layout-header-fit-space-inset-xs-bottom: var(--bb-size-fluid-100);
858
+ --sky-comp-layout-header-fit-space-inset-xs-left: var(--bb-size-fluid-50);
859
+ --sky-comp-layout-header-fit-space-inset-xs-right: var(--bb-size-fluid-50);
860
+ --sky-comp-layout-header-fit-space-inset-xs-top: var(--bb-size-fluid-100);
861
+ --sky-comp-layout-header-list-space-inset-sm-bottom: var(--bb-size-fluid-100);
862
+ --sky-comp-layout-header-list-space-inset-sm-left: var(--bb-size-fluid-150);
863
+ --sky-comp-layout-header-list-space-inset-sm-right: var(--bb-size-fluid-150);
864
+ --sky-comp-layout-header-list-space-inset-sm-top: var(--bb-size-fluid-150);
865
+ --sky-comp-layout-header-list-space-inset-xs-bottom: var(--bb-size-fluid-100);
866
+ --sky-comp-layout-header-list-space-inset-xs-left: var(--bb-size-fluid-50);
867
+ --sky-comp-layout-header-list-space-inset-xs-right: var(--bb-size-fluid-50);
868
+ --sky-comp-layout-header-list-space-inset-xs-top: var(--bb-size-fluid-100);
869
+ --sky-comp-layout-header-tabs-space-inset-sm-bottom: var(--bb-size-fluid-100);
870
+ --sky-comp-layout-header-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
871
+ --sky-comp-layout-header-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
872
+ --sky-comp-layout-header-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
873
+ --sky-comp-layout-header-tabs-space-inset-xs-bottom: var(--bb-size-fluid-100);
874
+ --sky-comp-layout-header-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
875
+ --sky-comp-layout-header-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
876
+ --sky-comp-layout-header-tabs-space-inset-xs-top: var(--bb-size-fluid-100);
877
+ --sky-comp-layout-links-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
878
+ --sky-comp-layout-links-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
879
+ --sky-comp-layout-links-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
880
+ --sky-comp-layout-links-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
881
+ --sky-comp-layout-links-blocks-space-inset-xs-bottom: var(--bb-size-fluid-150);
882
+ --sky-comp-layout-links-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
883
+ --sky-comp-layout-links-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
884
+ --sky-comp-layout-links-blocks-space-inset-xs-top: var(--bb-size-fluid-150);
885
+ --sky-comp-layout-links-list-space-inset-sm-bottom: var(--bb-size-fluid-150);
886
+ --sky-comp-layout-links-list-space-inset-sm-left: var(--bb-size-fluid-150);
887
+ --sky-comp-layout-links-list-space-inset-sm-right: var(--bb-size-fluid-150);
888
+ --sky-comp-layout-links-list-space-inset-sm-top: var(--bb-size-fluid-150);
889
+ --sky-comp-layout-links-list-space-inset-xs-bottom: var(--bb-size-fluid-150);
890
+ --sky-comp-layout-links-list-space-inset-xs-left: var(--bb-size-fluid-50);
891
+ --sky-comp-layout-links-list-space-inset-xs-right: var(--bb-size-fluid-50);
892
+ --sky-comp-layout-links-list-space-inset-xs-top: var(--bb-size-fluid-150);
893
+ --sky-comp-layout-links-tabs-space-inset-sm-bottom: var(--bb-size-fluid-150);
894
+ --sky-comp-layout-links-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
895
+ --sky-comp-layout-links-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
896
+ --sky-comp-layout-links-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
897
+ --sky-comp-layout-links-tabs-space-inset-xs-bottom: var(--bb-size-fluid-150);
898
+ --sky-comp-layout-links-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
899
+ --sky-comp-layout-links-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
900
+ --sky-comp-layout-links-tabs-space-inset-xs-top: var(--bb-size-fluid-150);
901
+ --sky-comp-layout-tabset-tabs-space-inset-sm-bottom: var(--bb-size-0);
902
+ --sky-comp-layout-tabset-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
903
+ --sky-comp-layout-tabset-tabs-space-inset-sm-right: var(--bb-size-0);
904
+ --sky-comp-layout-tabset-tabs-space-inset-sm-top: var(--bb-size-0);
905
+ --sky-comp-layout-tabset-tabs-space-inset-xs-bottom: var(--bb-size-0);
906
+ --sky-comp-layout-tabset-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
907
+ --sky-comp-layout-tabset-tabs-space-inset-xs-right: var(--bb-size-0);
908
+ --sky-comp-layout-tabset-tabs-space-inset-xs-top: var(--bb-size-0);
809
909
  --sky-comp-modal-content-space-inset-bottom: var(--bb-size-fluid-150);
810
910
  --sky-comp-modal-content-space-inset-left: var(--bb-size-fluid-150);
811
911
  --sky-comp-modal-content-space-inset-right: var(--bb-size-fluid-150);
@@ -838,102 +938,6 @@
838
938
  --sky-comp-navbar_item-space-inset-left: var(--bb-size-fluid-50);
839
939
  --sky-comp-navbar_item-space-inset-right: var(--bb-size-fluid-50);
840
940
  --sky-comp-navbar_item-space-inset-top: var(--bb-size-fluid-75);
841
- --sky-comp-page-content-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
842
- --sky-comp-page-content-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
843
- --sky-comp-page-content-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
844
- --sky-comp-page-content-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
845
- --sky-comp-page-content-blocks-space-inset-xs-bottom: var(--bb-size-fluid-50);
846
- --sky-comp-page-content-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
847
- --sky-comp-page-content-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
848
- --sky-comp-page-content-blocks-space-inset-xs-top: var(--bb-size-fluid-50);
849
- --sky-comp-page-content-fit-space-inset-sm-bottom: var(--bb-size-0);
850
- --sky-comp-page-content-fit-space-inset-sm-left: var(--bb-size-0);
851
- --sky-comp-page-content-fit-space-inset-sm-right: var(--bb-size-0);
852
- --sky-comp-page-content-fit-space-inset-sm-top: var(--bb-size-0);
853
- --sky-comp-page-content-fit-space-inset-xs-bottom: var(--bb-size-0);
854
- --sky-comp-page-content-fit-space-inset-xs-left: var(--bb-size-0);
855
- --sky-comp-page-content-fit-space-inset-xs-right: var(--bb-size-0);
856
- --sky-comp-page-content-fit-space-inset-xs-top: var(--bb-size-0);
857
- --sky-comp-page-content-list-space-inset-sm-bottom: var(--bb-size-0);
858
- --sky-comp-page-content-list-space-inset-sm-left: var(--bb-size-0);
859
- --sky-comp-page-content-list-space-inset-sm-right: var(--bb-size-0);
860
- --sky-comp-page-content-list-space-inset-sm-top: var(--bb-size-0);
861
- --sky-comp-page-content-list-space-inset-xs-bottom: var(--bb-size-0);
862
- --sky-comp-page-content-list-space-inset-xs-left: var(--bb-size-0);
863
- --sky-comp-page-content-list-space-inset-xs-right: var(--bb-size-0);
864
- --sky-comp-page-content-list-space-inset-xs-top: var(--bb-size-0);
865
- --sky-comp-page-content-tabs-space-inset-sm-bottom: var(--bb-size-0);
866
- --sky-comp-page-content-tabs-space-inset-sm-left: var(--bb-size-0);
867
- --sky-comp-page-content-tabs-space-inset-sm-right: var(--bb-size-0);
868
- --sky-comp-page-content-tabs-space-inset-sm-top: var(--bb-size-0);
869
- --sky-comp-page-content-tabs-space-inset-xs-bottom: var(--bb-size-0);
870
- --sky-comp-page-content-tabs-space-inset-xs-left: var(--bb-size-0);
871
- --sky-comp-page-content-tabs-space-inset-xs-right: var(--bb-size-0);
872
- --sky-comp-page-content-tabs-space-inset-xs-top: var(--bb-size-0);
873
- --sky-comp-page-header-blocks-space-inset-sm-bottom: var(--bb-size-0);
874
- --sky-comp-page-header-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
875
- --sky-comp-page-header-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
876
- --sky-comp-page-header-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
877
- --sky-comp-page-header-blocks-space-inset-xs-bottom: var(--bb-size-fluid-100);
878
- --sky-comp-page-header-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
879
- --sky-comp-page-header-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
880
- --sky-comp-page-header-blocks-space-inset-xs-top: var(--bb-size-fluid-100);
881
- --sky-comp-page-header-fit-space-inset-sm-bottom: var(--bb-size-fluid-100);
882
- --sky-comp-page-header-fit-space-inset-sm-left: var(--bb-size-fluid-150);
883
- --sky-comp-page-header-fit-space-inset-sm-right: var(--bb-size-fluid-150);
884
- --sky-comp-page-header-fit-space-inset-sm-top: var(--bb-size-fluid-150);
885
- --sky-comp-page-header-fit-space-inset-xs-bottom: var(--bb-size-fluid-100);
886
- --sky-comp-page-header-fit-space-inset-xs-left: var(--bb-size-fluid-50);
887
- --sky-comp-page-header-fit-space-inset-xs-right: var(--bb-size-fluid-50);
888
- --sky-comp-page-header-fit-space-inset-xs-top: var(--bb-size-fluid-100);
889
- --sky-comp-page-header-list-space-inset-sm-bottom: var(--bb-size-fluid-100);
890
- --sky-comp-page-header-list-space-inset-sm-left: var(--bb-size-fluid-150);
891
- --sky-comp-page-header-list-space-inset-sm-right: var(--bb-size-fluid-150);
892
- --sky-comp-page-header-list-space-inset-sm-top: var(--bb-size-fluid-150);
893
- --sky-comp-page-header-list-space-inset-xs-bottom: var(--bb-size-fluid-100);
894
- --sky-comp-page-header-list-space-inset-xs-left: var(--bb-size-fluid-50);
895
- --sky-comp-page-header-list-space-inset-xs-right: var(--bb-size-fluid-50);
896
- --sky-comp-page-header-list-space-inset-xs-top: var(--bb-size-fluid-100);
897
- --sky-comp-page-header-tabs-space-inset-sm-bottom: var(--bb-size-fluid-100);
898
- --sky-comp-page-header-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
899
- --sky-comp-page-header-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
900
- --sky-comp-page-header-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
901
- --sky-comp-page-header-tabs-space-inset-xs-bottom: var(--bb-size-fluid-100);
902
- --sky-comp-page-header-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
903
- --sky-comp-page-header-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
904
- --sky-comp-page-header-tabs-space-inset-xs-top: var(--bb-size-fluid-100);
905
- --sky-comp-page-links-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
906
- --sky-comp-page-links-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
907
- --sky-comp-page-links-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
908
- --sky-comp-page-links-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
909
- --sky-comp-page-links-blocks-space-inset-xs-bottom: var(--bb-size-fluid-150);
910
- --sky-comp-page-links-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
911
- --sky-comp-page-links-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
912
- --sky-comp-page-links-blocks-space-inset-xs-top: var(--bb-size-fluid-150);
913
- --sky-comp-page-links-list-space-inset-sm-bottom: var(--bb-size-fluid-150);
914
- --sky-comp-page-links-list-space-inset-sm-left: var(--bb-size-fluid-150);
915
- --sky-comp-page-links-list-space-inset-sm-right: var(--bb-size-fluid-150);
916
- --sky-comp-page-links-list-space-inset-sm-top: var(--bb-size-fluid-150);
917
- --sky-comp-page-links-list-space-inset-xs-bottom: var(--bb-size-fluid-150);
918
- --sky-comp-page-links-list-space-inset-xs-left: var(--bb-size-fluid-50);
919
- --sky-comp-page-links-list-space-inset-xs-right: var(--bb-size-fluid-50);
920
- --sky-comp-page-links-list-space-inset-xs-top: var(--bb-size-fluid-150);
921
- --sky-comp-page-links-tabs-space-inset-sm-bottom: var(--bb-size-fluid-150);
922
- --sky-comp-page-links-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
923
- --sky-comp-page-links-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
924
- --sky-comp-page-links-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
925
- --sky-comp-page-links-tabs-space-inset-xs-bottom: var(--bb-size-fluid-150);
926
- --sky-comp-page-links-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
927
- --sky-comp-page-links-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
928
- --sky-comp-page-links-tabs-space-inset-xs-top: var(--bb-size-fluid-150);
929
- --sky-comp-page-tabset-tabs-space-inset-sm-bottom: var(--bb-size-0);
930
- --sky-comp-page-tabset-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
931
- --sky-comp-page-tabset-tabs-space-inset-sm-right: var(--bb-size-0);
932
- --sky-comp-page-tabset-tabs-space-inset-sm-top: var(--bb-size-0);
933
- --sky-comp-page-tabset-tabs-space-inset-xs-bottom: var(--bb-size-0);
934
- --sky-comp-page-tabset-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
935
- --sky-comp-page-tabset-tabs-space-inset-xs-right: var(--bb-size-0);
936
- --sky-comp-page-tabset-tabs-space-inset-xs-top: var(--bb-size-0);
937
941
  --sky-comp-paging_button-space-inset-bottom: var(--bb-size-fluid-25);
938
942
  --sky-comp-paging_button-space-inset-left: var(--bb-size-fluid-50);
939
943
  --sky-comp-paging_button-space-inset-right: var(--bb-size-fluid-50);
@@ -982,14 +986,14 @@
982
986
  --sky-comp-selection_box-expanded-space-inset-left: var(--bb-size-fluid-150);
983
987
  --sky-comp-selection_box-expanded-space-inset-right: var(--bb-size-fluid-150);
984
988
  --sky-comp-selection_box-expanded-space-inset-top: var(--bb-size-fluid-150);
985
- --sky-comp-split_view-drawer-space-inset-sm-bottom: var(--bb-size-fluid-75);
986
- --sky-comp-split_view-drawer-space-inset-sm-left: var(--bb-size-fluid-75);
987
- --sky-comp-split_view-drawer-space-inset-sm-right: var(--bb-size-0);
988
- --sky-comp-split_view-drawer-space-inset-sm-top: var(--bb-size-fluid-75);
989
- --sky-comp-split_view-drawer-space-inset-xs-bottom: var(--bb-size-fluid-50);
990
- --sky-comp-split_view-drawer-space-inset-xs-left: var(--bb-size-fluid-50);
991
- --sky-comp-split_view-drawer-space-inset-xs-right: var(--bb-size-0);
992
- --sky-comp-split_view-drawer-space-inset-xs-top: var(--bb-size-fluid-50);
989
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-bottom: var(--bb-size-fluid-75);
990
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-left: var(--bb-size-fluid-75);
991
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-right: var(--bb-size-0);
992
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-top: var(--bb-size-fluid-75);
993
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-bottom: var(--bb-size-fluid-50);
994
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-left: var(--bb-size-fluid-50);
995
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-right: var(--bb-size-0);
996
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-top: var(--bb-size-fluid-50);
993
997
  --sky-comp-split_view-footer-space-inset-bottom: var(--bb-size-fluid-50);
994
998
  --sky-comp-split_view-footer-space-inset-left: var(--bb-size-fluid-50);
995
999
  --sky-comp-split_view-footer-space-inset-right: var(--bb-size-fluid-50);
@@ -1079,8 +1083,8 @@
1079
1083
  --sky-comp-token-space-inset-right: var(--bb-size-fluid-25);
1080
1084
  --sky-comp-token-space-inset-top: var(--bb-size-fluid-6);
1081
1085
  --sky-comp-toolbar-space-inset-bottom: var(--bb-size-fluid-50);
1082
- --sky-comp-toolbar-space-inset-left: var(--bb-size-0);
1083
- --sky-comp-toolbar-space-inset-right: var(--bb-size-0);
1086
+ --sky-comp-toolbar-space-inset-left: var(--bb-size-fluid-50);
1087
+ --sky-comp-toolbar-space-inset-right: var(--bb-size-fluid-50);
1084
1088
  --sky-comp-toolbar-space-inset-top: var(--bb-size-fluid-50);
1085
1089
  --sky-comp-tree-child-space-inset-bottom: var(--bb-size-0);
1086
1090
  --sky-comp-tree-child-space-inset-left: var(--bb-size-fluid-150);
@@ -1267,6 +1271,7 @@
1267
1271
  --sky-space-stacked-xl: var(--bb-size-fluid-150);
1268
1272
  --sky-space-stacked-xs: var(--bb-size-fluid-25);
1269
1273
  --sky-space-stacked-xxl: var(--bb-size-fluid-300);
1274
+ --sky-comp-checkbox-border-radius: var(--sky-border-radius-s);
1270
1275
  --sky-font-family-primary: var(--bb-font-blkb_sans-family);
1271
1276
  --sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
1272
1277
  --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);
@@ -1362,7 +1367,7 @@
1362
1367
  --modern-font-weight-light: 300;
1363
1368
  --modern-font-weight-regular: 400;
1364
1369
  --modern-font-weight-semibold: 600;
1365
- --modern-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.10/assets/images/bb-logo.png");
1370
+ --modern-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.15/assets/images/bb-logo.png");
1366
1371
  --modern-letter_spacing-normal: normal;
1367
1372
  --modern-line_height-110: 1.1;
1368
1373
  --modern-line_height-115: 1.15;
@@ -1484,6 +1489,8 @@
1484
1489
  --sky-color-background-selected-heavy: var(--modern-color-blue-05);
1485
1490
  --sky-color-background-selected-soft: var(--modern-color-blue-05);
1486
1491
  --sky-color-background-selected-success: var(--modern-color-green-30);
1492
+ --sky-color-background-selected-switch-base: var(--modern-color-blue-05);
1493
+ --sky-color-background-selected-switch-disabled: var(--modern-color-gray-07);
1487
1494
  --sky-color-background-selected-warning: var(--modern-color-yellow-30);
1488
1495
  --sky-color-background-tab-active: var(--modern-color-transparent);
1489
1496
  --sky-color-background-tab-base: var(--modern-color-transparent);
@@ -1820,6 +1827,102 @@
1820
1827
  --sky-comp-label-space-inset-left: var(--modern-size-15);
1821
1828
  --sky-comp-label-space-inset-right: var(--modern-size-15);
1822
1829
  --sky-comp-label-space-inset-top: var(--modern-size-4);
1830
+ --sky-comp-layout-content-blocks-space-inset-sm-bottom: var(--modern-space-xl);
1831
+ --sky-comp-layout-content-blocks-space-inset-sm-left: var(--modern-space-xl);
1832
+ --sky-comp-layout-content-blocks-space-inset-sm-right: var(--modern-space-xl);
1833
+ --sky-comp-layout-content-blocks-space-inset-sm-top: var(--modern-space-xl);
1834
+ --sky-comp-layout-content-blocks-space-inset-xs-bottom: var(--modern-space-s);
1835
+ --sky-comp-layout-content-blocks-space-inset-xs-left: var(--modern-space-s);
1836
+ --sky-comp-layout-content-blocks-space-inset-xs-right: var(--modern-space-s);
1837
+ --sky-comp-layout-content-blocks-space-inset-xs-top: var(--modern-space-s);
1838
+ --sky-comp-layout-content-fit-space-inset-sm-bottom: var(--modern-size-0);
1839
+ --sky-comp-layout-content-fit-space-inset-sm-left: var(--modern-space-xl);
1840
+ --sky-comp-layout-content-fit-space-inset-sm-right: var(--modern-space-xl);
1841
+ --sky-comp-layout-content-fit-space-inset-sm-top: var(--modern-size-0);
1842
+ --sky-comp-layout-content-fit-space-inset-xs-bottom: var(--modern-size-0);
1843
+ --sky-comp-layout-content-fit-space-inset-xs-left: var(--modern-space-s);
1844
+ --sky-comp-layout-content-fit-space-inset-xs-right: var(--modern-space-s);
1845
+ --sky-comp-layout-content-fit-space-inset-xs-top: var(--modern-size-0);
1846
+ --sky-comp-layout-content-list-space-inset-sm-bottom: var(--modern-size-0);
1847
+ --sky-comp-layout-content-list-space-inset-sm-left: var(--modern-space-xl);
1848
+ --sky-comp-layout-content-list-space-inset-sm-right: var(--modern-space-xl);
1849
+ --sky-comp-layout-content-list-space-inset-sm-top: var(--modern-size-0);
1850
+ --sky-comp-layout-content-list-space-inset-xs-bottom: var(--modern-size-0);
1851
+ --sky-comp-layout-content-list-space-inset-xs-left: var(--modern-space-s);
1852
+ --sky-comp-layout-content-list-space-inset-xs-right: var(--modern-space-s);
1853
+ --sky-comp-layout-content-list-space-inset-xs-top: var(--modern-size-0);
1854
+ --sky-comp-layout-content-tabs-space-inset-sm-bottom: var(--modern-size-0);
1855
+ --sky-comp-layout-content-tabs-space-inset-sm-left: var(--modern-size-0);
1856
+ --sky-comp-layout-content-tabs-space-inset-sm-right: var(--modern-size-0);
1857
+ --sky-comp-layout-content-tabs-space-inset-sm-top: var(--modern-size-0);
1858
+ --sky-comp-layout-content-tabs-space-inset-xs-bottom: var(--modern-size-0);
1859
+ --sky-comp-layout-content-tabs-space-inset-xs-left: var(--modern-size-0);
1860
+ --sky-comp-layout-content-tabs-space-inset-xs-right: var(--modern-size-0);
1861
+ --sky-comp-layout-content-tabs-space-inset-xs-top: var(--modern-size-0);
1862
+ --sky-comp-layout-header-blocks-space-inset-sm-bottom: var(--modern-size-0);
1863
+ --sky-comp-layout-header-blocks-space-inset-sm-left: var(--modern-space-xl);
1864
+ --sky-comp-layout-header-blocks-space-inset-sm-right: var(--modern-space-xl);
1865
+ --sky-comp-layout-header-blocks-space-inset-sm-top: var(--modern-space-xl);
1866
+ --sky-comp-layout-header-blocks-space-inset-xs-bottom: var(--modern-space-lg);
1867
+ --sky-comp-layout-header-blocks-space-inset-xs-left: var(--modern-space-s);
1868
+ --sky-comp-layout-header-blocks-space-inset-xs-right: var(--modern-space-s);
1869
+ --sky-comp-layout-header-blocks-space-inset-xs-top: var(--modern-space-lg);
1870
+ --sky-comp-layout-header-fit-space-inset-sm-bottom: var(--modern-space-lg);
1871
+ --sky-comp-layout-header-fit-space-inset-sm-left: var(--modern-space-xl);
1872
+ --sky-comp-layout-header-fit-space-inset-sm-right: var(--modern-space-xl);
1873
+ --sky-comp-layout-header-fit-space-inset-sm-top: var(--modern-space-xl);
1874
+ --sky-comp-layout-header-fit-space-inset-xs-bottom: var(--modern-space-lg);
1875
+ --sky-comp-layout-header-fit-space-inset-xs-left: var(--modern-space-s);
1876
+ --sky-comp-layout-header-fit-space-inset-xs-right: var(--modern-space-s);
1877
+ --sky-comp-layout-header-fit-space-inset-xs-top: var(--modern-space-lg);
1878
+ --sky-comp-layout-header-list-space-inset-sm-bottom: var(--modern-space-lg);
1879
+ --sky-comp-layout-header-list-space-inset-sm-left: var(--modern-space-xl);
1880
+ --sky-comp-layout-header-list-space-inset-sm-right: var(--modern-space-xl);
1881
+ --sky-comp-layout-header-list-space-inset-sm-top: var(--modern-space-xl);
1882
+ --sky-comp-layout-header-list-space-inset-xs-bottom: var(--modern-space-lg);
1883
+ --sky-comp-layout-header-list-space-inset-xs-left: var(--modern-space-s);
1884
+ --sky-comp-layout-header-list-space-inset-xs-right: var(--modern-space-s);
1885
+ --sky-comp-layout-header-list-space-inset-xs-top: var(--modern-space-lg);
1886
+ --sky-comp-layout-header-tabs-space-inset-sm-bottom: var(--modern-space-lg);
1887
+ --sky-comp-layout-header-tabs-space-inset-sm-left: var(--modern-space-xl);
1888
+ --sky-comp-layout-header-tabs-space-inset-sm-right: var(--modern-space-xl);
1889
+ --sky-comp-layout-header-tabs-space-inset-sm-top: var(--modern-space-xl);
1890
+ --sky-comp-layout-header-tabs-space-inset-xs-bottom: var(--modern-space-lg);
1891
+ --sky-comp-layout-header-tabs-space-inset-xs-left: var(--modern-space-s);
1892
+ --sky-comp-layout-header-tabs-space-inset-xs-right: var(--modern-space-s);
1893
+ --sky-comp-layout-header-tabs-space-inset-xs-top: var(--modern-space-lg);
1894
+ --sky-comp-layout-links-blocks-space-inset-sm-bottom: var(--modern-space-xl);
1895
+ --sky-comp-layout-links-blocks-space-inset-sm-left: var(--modern-space-xl);
1896
+ --sky-comp-layout-links-blocks-space-inset-sm-right: var(--modern-space-xl);
1897
+ --sky-comp-layout-links-blocks-space-inset-sm-top: var(--modern-space-xl);
1898
+ --sky-comp-layout-links-blocks-space-inset-xs-bottom: var(--modern-space-xl);
1899
+ --sky-comp-layout-links-blocks-space-inset-xs-left: var(--modern-space-s);
1900
+ --sky-comp-layout-links-blocks-space-inset-xs-right: var(--modern-space-s);
1901
+ --sky-comp-layout-links-blocks-space-inset-xs-top: var(--modern-space-xl);
1902
+ --sky-comp-layout-links-list-space-inset-sm-bottom: var(--modern-space-xl);
1903
+ --sky-comp-layout-links-list-space-inset-sm-left: var(--modern-space-xl);
1904
+ --sky-comp-layout-links-list-space-inset-sm-right: var(--modern-space-xl);
1905
+ --sky-comp-layout-links-list-space-inset-sm-top: var(--modern-space-xl);
1906
+ --sky-comp-layout-links-list-space-inset-xs-bottom: var(--modern-space-xl);
1907
+ --sky-comp-layout-links-list-space-inset-xs-left: var(--modern-space-s);
1908
+ --sky-comp-layout-links-list-space-inset-xs-right: var(--modern-space-s);
1909
+ --sky-comp-layout-links-list-space-inset-xs-top: var(--modern-space-xl);
1910
+ --sky-comp-layout-links-tabs-space-inset-sm-bottom: var(--modern-space-xl);
1911
+ --sky-comp-layout-links-tabs-space-inset-sm-left: var(--modern-space-xl);
1912
+ --sky-comp-layout-links-tabs-space-inset-sm-right: var(--modern-space-xl);
1913
+ --sky-comp-layout-links-tabs-space-inset-sm-top: var(--modern-space-xl);
1914
+ --sky-comp-layout-links-tabs-space-inset-xs-bottom: var(--modern-space-xl);
1915
+ --sky-comp-layout-links-tabs-space-inset-xs-left: var(--modern-space-s);
1916
+ --sky-comp-layout-links-tabs-space-inset-xs-right: var(--modern-space-s);
1917
+ --sky-comp-layout-links-tabs-space-inset-xs-top: var(--modern-space-xl);
1918
+ --sky-comp-layout-tabset-tabs-space-inset-sm-bottom: var(--modern-size-0);
1919
+ --sky-comp-layout-tabset-tabs-space-inset-sm-left: var(--modern-space-xl);
1920
+ --sky-comp-layout-tabset-tabs-space-inset-sm-right: var(--modern-size-0);
1921
+ --sky-comp-layout-tabset-tabs-space-inset-sm-top: var(--modern-size-0);
1922
+ --sky-comp-layout-tabset-tabs-space-inset-xs-bottom: var(--modern-size-0);
1923
+ --sky-comp-layout-tabset-tabs-space-inset-xs-left: var(--modern-space-md);
1924
+ --sky-comp-layout-tabset-tabs-space-inset-xs-right: var(--modern-size-0);
1925
+ --sky-comp-layout-tabset-tabs-space-inset-xs-top: var(--modern-size-0);
1823
1926
  --sky-comp-modal-content-space-inset-bottom: var(--modern-space-xl);
1824
1927
  --sky-comp-modal-content-space-inset-left: var(--modern-space-xl);
1825
1928
  --sky-comp-modal-content-space-inset-right: var(--modern-space-xl);
@@ -1852,102 +1955,6 @@
1852
1955
  --sky-comp-navbar_item-space-inset-left: var(--modern-space-s);
1853
1956
  --sky-comp-navbar_item-space-inset-right: var(--modern-space-s);
1854
1957
  --sky-comp-navbar_item-space-inset-top: var(--modern-space-md);
1855
- --sky-comp-page-content-blocks-space-inset-sm-bottom: var(--modern-space-xl);
1856
- --sky-comp-page-content-blocks-space-inset-sm-left: var(--modern-space-xl);
1857
- --sky-comp-page-content-blocks-space-inset-sm-right: var(--modern-space-xl);
1858
- --sky-comp-page-content-blocks-space-inset-sm-top: var(--modern-space-xl);
1859
- --sky-comp-page-content-blocks-space-inset-xs-bottom: var(--modern-space-s);
1860
- --sky-comp-page-content-blocks-space-inset-xs-left: var(--modern-space-s);
1861
- --sky-comp-page-content-blocks-space-inset-xs-right: var(--modern-space-s);
1862
- --sky-comp-page-content-blocks-space-inset-xs-top: var(--modern-space-s);
1863
- --sky-comp-page-content-fit-space-inset-sm-bottom: var(--modern-size-0);
1864
- --sky-comp-page-content-fit-space-inset-sm-left: var(--modern-space-xl);
1865
- --sky-comp-page-content-fit-space-inset-sm-right: var(--modern-space-xl);
1866
- --sky-comp-page-content-fit-space-inset-sm-top: var(--modern-size-0);
1867
- --sky-comp-page-content-fit-space-inset-xs-bottom: var(--modern-size-0);
1868
- --sky-comp-page-content-fit-space-inset-xs-left: var(--modern-space-s);
1869
- --sky-comp-page-content-fit-space-inset-xs-right: var(--modern-space-s);
1870
- --sky-comp-page-content-fit-space-inset-xs-top: var(--modern-size-0);
1871
- --sky-comp-page-content-list-space-inset-sm-bottom: var(--modern-size-0);
1872
- --sky-comp-page-content-list-space-inset-sm-left: var(--modern-space-xl);
1873
- --sky-comp-page-content-list-space-inset-sm-right: var(--modern-space-xl);
1874
- --sky-comp-page-content-list-space-inset-sm-top: var(--modern-size-0);
1875
- --sky-comp-page-content-list-space-inset-xs-bottom: var(--modern-size-0);
1876
- --sky-comp-page-content-list-space-inset-xs-left: var(--modern-space-s);
1877
- --sky-comp-page-content-list-space-inset-xs-right: var(--modern-space-s);
1878
- --sky-comp-page-content-list-space-inset-xs-top: var(--modern-size-0);
1879
- --sky-comp-page-content-tabs-space-inset-sm-bottom: var(--modern-size-0);
1880
- --sky-comp-page-content-tabs-space-inset-sm-left: var(--modern-size-0);
1881
- --sky-comp-page-content-tabs-space-inset-sm-right: var(--modern-size-0);
1882
- --sky-comp-page-content-tabs-space-inset-sm-top: var(--modern-size-0);
1883
- --sky-comp-page-content-tabs-space-inset-xs-bottom: var(--modern-size-0);
1884
- --sky-comp-page-content-tabs-space-inset-xs-left: var(--modern-size-0);
1885
- --sky-comp-page-content-tabs-space-inset-xs-right: var(--modern-size-0);
1886
- --sky-comp-page-content-tabs-space-inset-xs-top: var(--modern-size-0);
1887
- --sky-comp-page-header-blocks-space-inset-sm-bottom: var(--modern-size-0);
1888
- --sky-comp-page-header-blocks-space-inset-sm-left: var(--modern-space-xl);
1889
- --sky-comp-page-header-blocks-space-inset-sm-right: var(--modern-space-xl);
1890
- --sky-comp-page-header-blocks-space-inset-sm-top: var(--modern-space-xl);
1891
- --sky-comp-page-header-blocks-space-inset-xs-bottom: var(--modern-space-lg);
1892
- --sky-comp-page-header-blocks-space-inset-xs-left: var(--modern-space-s);
1893
- --sky-comp-page-header-blocks-space-inset-xs-right: var(--modern-space-s);
1894
- --sky-comp-page-header-blocks-space-inset-xs-top: var(--modern-space-lg);
1895
- --sky-comp-page-header-fit-space-inset-sm-bottom: var(--modern-space-lg);
1896
- --sky-comp-page-header-fit-space-inset-sm-left: var(--modern-space-xl);
1897
- --sky-comp-page-header-fit-space-inset-sm-right: var(--modern-space-xl);
1898
- --sky-comp-page-header-fit-space-inset-sm-top: var(--modern-space-xl);
1899
- --sky-comp-page-header-fit-space-inset-xs-bottom: var(--modern-space-lg);
1900
- --sky-comp-page-header-fit-space-inset-xs-left: var(--modern-space-s);
1901
- --sky-comp-page-header-fit-space-inset-xs-right: var(--modern-space-s);
1902
- --sky-comp-page-header-fit-space-inset-xs-top: var(--modern-space-lg);
1903
- --sky-comp-page-header-list-space-inset-sm-bottom: var(--modern-space-lg);
1904
- --sky-comp-page-header-list-space-inset-sm-left: var(--modern-space-xl);
1905
- --sky-comp-page-header-list-space-inset-sm-right: var(--modern-space-xl);
1906
- --sky-comp-page-header-list-space-inset-sm-top: var(--modern-space-xl);
1907
- --sky-comp-page-header-list-space-inset-xs-bottom: var(--modern-space-lg);
1908
- --sky-comp-page-header-list-space-inset-xs-left: var(--modern-space-s);
1909
- --sky-comp-page-header-list-space-inset-xs-right: var(--modern-space-s);
1910
- --sky-comp-page-header-list-space-inset-xs-top: var(--modern-space-lg);
1911
- --sky-comp-page-header-tabs-space-inset-sm-bottom: var(--modern-space-lg);
1912
- --sky-comp-page-header-tabs-space-inset-sm-left: var(--modern-space-xl);
1913
- --sky-comp-page-header-tabs-space-inset-sm-right: var(--modern-space-xl);
1914
- --sky-comp-page-header-tabs-space-inset-sm-top: var(--modern-space-xl);
1915
- --sky-comp-page-header-tabs-space-inset-xs-bottom: var(--modern-space-lg);
1916
- --sky-comp-page-header-tabs-space-inset-xs-left: var(--modern-space-s);
1917
- --sky-comp-page-header-tabs-space-inset-xs-right: var(--modern-space-s);
1918
- --sky-comp-page-header-tabs-space-inset-xs-top: var(--modern-space-lg);
1919
- --sky-comp-page-links-blocks-space-inset-sm-bottom: var(--modern-space-xl);
1920
- --sky-comp-page-links-blocks-space-inset-sm-left: var(--modern-space-xl);
1921
- --sky-comp-page-links-blocks-space-inset-sm-right: var(--modern-space-xl);
1922
- --sky-comp-page-links-blocks-space-inset-sm-top: var(--modern-space-xl);
1923
- --sky-comp-page-links-blocks-space-inset-xs-bottom: var(--modern-space-xl);
1924
- --sky-comp-page-links-blocks-space-inset-xs-left: var(--modern-space-s);
1925
- --sky-comp-page-links-blocks-space-inset-xs-right: var(--modern-space-s);
1926
- --sky-comp-page-links-blocks-space-inset-xs-top: var(--modern-space-xl);
1927
- --sky-comp-page-links-list-space-inset-sm-bottom: var(--modern-space-xl);
1928
- --sky-comp-page-links-list-space-inset-sm-left: var(--modern-space-xl);
1929
- --sky-comp-page-links-list-space-inset-sm-right: var(--modern-space-xl);
1930
- --sky-comp-page-links-list-space-inset-sm-top: var(--modern-space-xl);
1931
- --sky-comp-page-links-list-space-inset-xs-bottom: var(--modern-space-xl);
1932
- --sky-comp-page-links-list-space-inset-xs-left: var(--modern-space-s);
1933
- --sky-comp-page-links-list-space-inset-xs-right: var(--modern-space-s);
1934
- --sky-comp-page-links-list-space-inset-xs-top: var(--modern-space-xl);
1935
- --sky-comp-page-links-tabs-space-inset-sm-bottom: var(--modern-space-xl);
1936
- --sky-comp-page-links-tabs-space-inset-sm-left: var(--modern-space-xl);
1937
- --sky-comp-page-links-tabs-space-inset-sm-right: var(--modern-space-xl);
1938
- --sky-comp-page-links-tabs-space-inset-sm-top: var(--modern-space-xl);
1939
- --sky-comp-page-links-tabs-space-inset-xs-bottom: var(--modern-space-xl);
1940
- --sky-comp-page-links-tabs-space-inset-xs-left: var(--modern-space-s);
1941
- --sky-comp-page-links-tabs-space-inset-xs-right: var(--modern-space-s);
1942
- --sky-comp-page-links-tabs-space-inset-xs-top: var(--modern-space-xl);
1943
- --sky-comp-page-tabset-tabs-space-inset-sm-bottom: var(--modern-size-0);
1944
- --sky-comp-page-tabset-tabs-space-inset-sm-left: var(--modern-space-xl);
1945
- --sky-comp-page-tabset-tabs-space-inset-sm-right: var(--modern-size-0);
1946
- --sky-comp-page-tabset-tabs-space-inset-sm-top: var(--modern-size-0);
1947
- --sky-comp-page-tabset-tabs-space-inset-xs-bottom: var(--modern-size-0);
1948
- --sky-comp-page-tabset-tabs-space-inset-xs-left: var(--modern-space-md);
1949
- --sky-comp-page-tabset-tabs-space-inset-xs-right: var(--modern-size-0);
1950
- --sky-comp-page-tabset-tabs-space-inset-xs-top: var(--modern-size-0);
1951
1958
  --sky-comp-paging_button-space-inset-bottom: var(--modern-size-4);
1952
1959
  --sky-comp-paging_button-space-inset-left: var(--modern-size-15);
1953
1960
  --sky-comp-paging_button-space-inset-right: var(--modern-size-15);
@@ -1996,14 +2003,14 @@
1996
2003
  --sky-comp-selection_box-expanded-space-inset-left: var(--modern-space-xl);
1997
2004
  --sky-comp-selection_box-expanded-space-inset-right: var(--modern-space-xl);
1998
2005
  --sky-comp-selection_box-expanded-space-inset-top: var(--modern-space-xl);
1999
- --sky-comp-split_view-drawer-space-inset-sm-bottom: var(--modern-size-0);
2000
- --sky-comp-split_view-drawer-space-inset-sm-left: var(--modern-size-0);
2001
- --sky-comp-split_view-drawer-space-inset-sm-right: var(--modern-size-0);
2002
- --sky-comp-split_view-drawer-space-inset-sm-top: var(--modern-size-0);
2003
- --sky-comp-split_view-drawer-space-inset-xs-bottom: var(--modern-size-0);
2004
- --sky-comp-split_view-drawer-space-inset-xs-left: var(--modern-size-0);
2005
- --sky-comp-split_view-drawer-space-inset-xs-right: var(--modern-size-0);
2006
- --sky-comp-split_view-drawer-space-inset-xs-top: var(--modern-size-0);
2006
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-bottom: var(--modern-size-0);
2007
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-left: var(--modern-size-0);
2008
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-right: var(--modern-size-0);
2009
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-top: var(--modern-size-0);
2010
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-bottom: var(--modern-size-0);
2011
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-left: var(--modern-size-0);
2012
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-right: var(--modern-size-0);
2013
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-top: var(--modern-size-0);
2007
2014
  --sky-comp-split_view-footer-space-inset-bottom: var(--modern-space-s);
2008
2015
  --sky-comp-split_view-footer-space-inset-left: var(--modern-space-s);
2009
2016
  --sky-comp-split_view-footer-space-inset-right: var(--modern-space-s);
@@ -2281,6 +2288,7 @@
2281
2288
  --sky-space-stacked-xl: var(--modern-space-xl);
2282
2289
  --sky-space-stacked-xs: var(--modern-space-xs);
2283
2290
  --sky-space-stacked-xxl: var(--modern-space-xxl);
2291
+ --sky-comp-checkbox-border-radius: var(--sky-border-radius-s);
2284
2292
  --sky-font-family-primary: var(--modern-font-blkb_sans-family);
2285
2293
  --sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
2286
2294
  }
@@ -3137,8 +3145,10 @@
3137
3145
  opacity: 1;
3138
3146
  }
3139
3147
  .sky-theme-modern select {
3140
- background: var(--sky-color-background-input-base) var(--sky-override-select-icon-image, url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMC41MzAzIDIuNzE5NjdDMTAuMjM3NCAyLjQyNjc4IDkuNzYyNTYgMi40MjY3OCA5LjQ2OTY3IDIuNzE5NjdMNS4yMTk2NyA2Ljk2OTY3QzQuOTI2NzggNy4yNjI1NiA0LjkyNjc4IDcuNzM3NDQgNS4yMTk2NyA4LjAzMDMzQzUuNTEyNTYgOC4zMjMyMiA1Ljk4NzQ0IDguMzIzMjIgNi4yODAzMyA4LjAzMDMzTDEwIDQuMzEwNjZMMTMuNzE5NyA4LjAzMDMzQzE0LjAxMjYgOC4zMjMyMiAxNC40ODc0IDguMzIzMjIgMTQuNzgwMyA4LjAzMDMzQzE1LjA3MzIgNy43Mzc0NCAxNS4wNzMyIDcuMjYyNTYgMTQuNzgwMyA2Ljk2OTY3TDEwLjUzMDMgMi43MTk2N1pNMTQuNzgwMyAxMy4wMzAzTDEwLjUzMDMgMTcuMjgwM0MxMC4yMzc0IDE3LjU3MzIgOS43NjI1NiAxNy41NzMyIDkuNDY5NjcgMTcuMjgwM0w1LjIxOTY3IDEzLjAzMDNDNC45MjY3OCAxMi43Mzc0IDQuOTI2NzggMTIuMjYyNiA1LjIxOTY3IDExLjk2OTdDNS41MTI1NiAxMS42NzY4IDUuOTg3NDQgMTEuNjc2OCA2LjI4MDMzIDExLjk2OTdMMTAgMTUuNjg5M0wxMy43MTk3IDExLjk2OTdDMTQuMDEyNiAxMS42NzY4IDE0LjQ4NzQgMTEuNjc2OCAxNC43ODAzIDExLjk2OTdDMTUuMDczMiAxMi4yNjI2IDE1LjA3MzIgMTIuNzM3NCAxNC43ODAzIDEzLjAzMDNaIiBmaWxsPSIjMmI2YmQ1Ii8+DQo8L3N2Zz4NCg==)) no-repeat right 50%;
3141
- background-size: var(--sky-override-select-icon-size, var(--sky-input-box-button-width) var(--sky-size-icon-m));
3148
+ background: var(--sky-color-background-input-base) var(--sky-override-select-icon-image, url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMC41MzAzIDIuNzE5NjdDMTAuMjM3NCAyLjQyNjc4IDkuNzYyNTYgMi40MjY3OCA5LjQ2OTY3IDIuNzE5NjdMNS4yMTk2NyA2Ljk2OTY3QzQuOTI2NzggNy4yNjI1NiA0LjkyNjc4IDcuNzM3NDQgNS4yMTk2NyA4LjAzMDMzQzUuNTEyNTYgOC4zMjMyMiA1Ljk4NzQ0IDguMzIzMjIgNi4yODAzMyA4LjAzMDMzTDEwIDQuMzEwNjZMMTMuNzE5NyA4LjAzMDMzQzE0LjAxMjYgOC4zMjMyMiAxNC40ODc0IDguMzIzMjIgMTQuNzgwMyA4LjAzMDMzQzE1LjA3MzIgNy43Mzc0NCAxNS4wNzMyIDcuMjYyNTYgMTQuNzgwMyA2Ljk2OTY3TDEwLjUzMDMgMi43MTk2N1pNMTQuNzgwMyAxMy4wMzAzTDEwLjUzMDMgMTcuMjgwM0MxMC4yMzc0IDE3LjU3MzIgOS43NjI1NiAxNy41NzMyIDkuNDY5NjcgMTcuMjgwM0w1LjIxOTY3IDEzLjAzMDNDNC45MjY3OCAxMi43Mzc0IDQuOTI2NzggMTIuMjYyNiA1LjIxOTY3IDExLjk2OTdDNS41MTI1NiAxMS42NzY4IDUuOTg3NDQgMTEuNjc2OCA2LjI4MDMzIDExLjk2OTdMMTAgMTUuNjg5M0wxMy43MTk3IDExLjk2OTdDMTQuMDEyNiAxMS42NzY4IDE0LjQ4NzQgMTEuNjc2OCAxNC43ODAzIDExLjk2OTdDMTUuMDczMiAxMi4yNjI2IDE1LjA3MzIgMTIuNzM3NCAxNC43ODAzIDEzLjAzMDNaIiBmaWxsPSIjMmI2YmQ1Ii8+DQo8L3N2Zz4NCg==)) no-repeat right/var(--sky-override-select-icon-size, var(--sky-input-box-button-width) var(--sky-size-icon-m));
3149
+ }
3150
+ .sky-theme-modern select:disabled {
3151
+ background: var(--sky-color-background-input-base) var(--sky-override-select-icon-image, url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUzMDMgMi43MTk2N0MxMC4yMzc0IDIuNDI2NzggOS43NjI1NiAyLjQyNjc4IDkuNDY5NjcgMi43MTk2N0w1LjIxOTY3IDYuOTY5NjdDNC45MjY3OCA3LjI2MjU2IDQuOTI2NzggNy43Mzc0NCA1LjIxOTY3IDguMDMwMzNDNS41MTI1NiA4LjMyMzIyIDUuOTg3NDQgOC4zMjMyMiA2LjI4MDMzIDguMDMwMzNMMTAgNC4zMTA2NkwxMy43MTk3IDguMDMwMzNDMTQuMDEyNiA4LjMyMzIyIDE0LjQ4NzQgOC4zMjMyMiAxNC43ODAzIDguMDMwMzNDMTUuMDczMiA3LjczNzQ0IDE1LjA3MzIgNy4yNjI1NiAxNC43ODAzIDYuOTY5NjdMMTAuNTMwMyAyLjcxOTY3Wk0xNC43ODAzIDEzLjAzMDNMMTAuNTMwMyAxNy4yODAzQzEwLjIzNzQgMTcuNTczMiA5Ljc2MjU2IDE3LjU3MzIgOS40Njk2NyAxNy4yODAzTDUuMjE5NjcgMTMuMDMwM0M0LjkyNjc4IDEyLjczNzQgNC45MjY3OCAxMi4yNjI2IDUuMjE5NjcgMTEuOTY5N0M1LjUxMjU2IDExLjY3NjggNS45ODc0NCAxMS42NzY4IDYuMjgwMzMgMTEuOTY5N0wxMCAxNS42ODkzTDEzLjcxOTcgMTEuOTY5N0MxNC4wMTI2IDExLjY3NjggMTQuNDg3NCAxMS42NzY4IDE0Ljc4MDMgMTEuOTY5N0MxNS4wNzMyIDEyLjI2MjYgMTUuMDczMiAxMi43Mzc0IDE0Ljc4MDMgMTMuMDMwM1oiIGZpbGw9IiM2NjZiNzAiLz4KPC9zdmc+)) no-repeat right/var(--sky-override-select-icon-size, var(--sky-input-box-button-width) var(--sky-size-icon-m));
3142
3152
  }
3143
3153
 
3144
3154
  .sky-theme-modern:not(.sky-theme-brand-base) {
@@ -3199,7 +3209,7 @@
3199
3209
  border-color: var(--sky-color-border-switch-error);
3200
3210
  }
3201
3211
  .sky-theme-modern .sky-switch .sky-switch-input:checked:not(:disabled) + .sky-switch-control, .sky-theme-modern .sky-switch .sky-switch-input[type=checkbox]:indeterminate:not(:disabled) + .sky-switch-control {
3202
- background-color: var(--sky-color-background-selected-heavy);
3212
+ background: var(--sky-color-background-selected-switch-base);
3203
3213
  border-width: var(--sky-border-width-selected-s);
3204
3214
  border-color: var(--sky-override-switch-border-color-checked, var(--sky-color-border-switch-selected-base));
3205
3215
  }
@@ -3207,7 +3217,7 @@
3207
3217
  color: var(--sky-override-switch-checked-color, var(--sky-color-icon-inverse));
3208
3218
  }
3209
3219
  .sky-theme-modern .sky-switch .sky-switch-input:checked:not(:disabled) + .sky-switch-control.sky-switch-control-icon, .sky-theme-modern .sky-switch .sky-switch-input[type=checkbox]:indeterminate:not(:disabled) + .sky-switch-control.sky-switch-control-icon {
3210
- background-color: var(--sky-color-background-selected-soft);
3220
+ background: var(--sky-color-background-selected-soft);
3211
3221
  color: var(--sky-override-switch-icon-checked-color-no-group, var(--sky-color-icon-selected));
3212
3222
  border-color: var(--sky-color-border-selected);
3213
3223
  }
@@ -3240,7 +3250,7 @@
3240
3250
  border-color: var(--sky-color-border-switch-selected-disabled);
3241
3251
  }
3242
3252
  .sky-theme-modern .sky-switch .sky-switch-input:disabled + .sky-switch-control {
3243
- background-color: var(--sky-color-background-input-disabled);
3253
+ background-color: var(--sky-color-background-selected-switch-disabled);
3244
3254
  border-width: var(--sky-border-width-input-disabled);
3245
3255
  border-color: var(--sky-color-border-switch-disabled);
3246
3256
  box-shadow: var(--sky-override-switch-box-shadow-disabled, var(--sky-elevation-input-disabled));
@@ -3293,9 +3303,9 @@
3293
3303
  }
3294
3304
  .sky-theme-modern .sky-switch .sky-switch-control.sky-switch-control-icon {
3295
3305
  max-width: none;
3296
- width: var(--sky-override-icon-switch-size, calc(var(--sky-font-line_height-body-m) * var(--sky-font-size-body-m) + var(--sky-comp-button-icon-space-inset-left) + var(--sky-comp-button-icon-space-inset-right)));
3297
- height: var(--sky-override-icon-switch-size, calc(var(--sky-font-line_height-body-m) * var(--sky-font-size-body-m) + var(--sky-comp-button-icon-space-inset-top) + var(--sky-comp-button-icon-space-inset-bottom)));
3298
- flex: 1 0 var(--sky-override-icon-switch-size, calc(var(--sky-font-line_height-body-m) * var(--sky-font-size-body-m) + var(--sky-comp-button-icon-space-inset-left) + var(--sky-comp-button-icon-space-inset-right)));
3306
+ width: var(--sky-override-icon-switch-size, calc(var(--sky-size-icon-m) + var(--sky-comp-button-icon-space-inset-left) + var(--sky-comp-button-icon-space-inset-right)));
3307
+ height: var(--sky-override-icon-switch-size, calc(var(--sky-size-icon-m) + var(--sky-comp-button-icon-space-inset-top) + var(--sky-comp-button-icon-space-inset-bottom)));
3308
+ flex: 1 0 var(--sky-override-icon-switch-size, calc(var(--sky-size-icon-m) + var(--sky-comp-button-icon-space-inset-left) + var(--sky-comp-button-icon-space-inset-right)));
3299
3309
  font-size: var(--sky-override-icon-switch-font-size, var(--sky-size-icon-m));
3300
3310
  }
3301
3311
  .sky-theme-modern .sky-switch .sky-switch-control.sky-switch-control-icon i {
@@ -3319,7 +3329,7 @@
3319
3329
  }
3320
3330
  .sky-theme-modern .sky-switch-icon-group .sky-switch-control {
3321
3331
  background-color: var(--sky-color-background-action-tertiary-base);
3322
- border-width: var(--sky-width-action-base);
3332
+ border-width: var(--sky-border-width-action-base);
3323
3333
  border-color: var(--sky-color-border-action-tertiary-base);
3324
3334
  }
3325
3335
  .sky-theme-modern .sky-switch-icon-group .sky-switch-input:checked:not(:disabled) + .sky-switch-control.sky-switch-control-icon, .sky-theme-modern .sky-switch-icon-group .sky-switch-input[type=checkbox]:indeterminate:not(:disabled) + .sky-switch-control.sky-switch-control-icon {
@@ -3349,8 +3359,8 @@
3349
3359
  border-color: var(--sky-color-border-action-tertiary-focus);
3350
3360
  }
3351
3361
  .sky-theme-modern .sky-switch-icon-group .sky-switch-control.sky-switch-control-icon {
3352
- width: var(--sky-override-icon-switch-size-group, calc(var(--sky-font-line_height-body-m) * var(--sky-font-size-body-m) + var(--sky-comp-button-icon-space-inset-left) + var(--sky-comp-button-icon-space-inset-right)));
3353
- height: var(--sky-override-icon-switch-size-group, calc(var(--sky-font-line_height-body-m) * var(--sky-font-size-body-m) + var(--sky-comp-button-icon-space-inset-top) + var(--sky-comp-button-icon-space-inset-bottom)));
3362
+ width: var(--sky-override-icon-switch-size-group, calc(var(--sky-size-icon-m) + var(--sky-comp-button-icon-space-inset-left) + var(--sky-comp-button-icon-space-inset-right)));
3363
+ height: var(--sky-override-icon-switch-size-group, calc(var(--sky-size-icon-m) + var(--sky-comp-button-icon-space-inset-top) + var(--sky-comp-button-icon-space-inset-bottom)));
3354
3364
  font-size: var(--sky-override-icon-switch-font-size-group, var(--sky-size-icon-m));
3355
3365
  }
3356
3366
  .sky-theme-modern .sky-switch-icon-group sky-checkbox .sky-switch-control-icon {