@skyux/theme 13.0.0-alpha.3 → 13.0.0-alpha.4

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 +172 -110
  2. package/css/themes/modern/styles.css +373 -576
  3. package/fesm2022/skyux-theme.mjs +2 -2
  4. package/fesm2022/skyux-theme.mjs.map +1 -1
  5. package/index.d.ts +2 -2
  6. package/package.json +2 -2
package/css/themes/modern/styles.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --bb-border-radius-round: 50%;
13
13
  --bb-border-style-dotted: dotted;
14
14
  --bb-border-style-solid: solid;
15
- --bb-brand-name: Blackbaud;
15
+ --bb-brand-name: "Blackbaud";
16
16
  --bb-color-black: #000000;
17
17
  --bb-color-blocking: rgba(255, 255, 255, 0.7);
18
18
  --bb-color-blue-100: #eef3fc;
@@ -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.5/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);
@@ -273,6 +273,7 @@
273
273
  --sky-color-background-blocking: var(--bb-color-blocking);
274
274
  --sky-color-background-container-base: var(--bb-color-gray-1000);
275
275
  --sky-color-background-container-danger: var(--bb-color-red-800);
276
+ --sky-color-background-container-dimmed: var(--bb-color-gray-1000);
276
277
  --sky-color-background-container-info: var(--bb-color-blue-800);
277
278
  --sky-color-background-container-menu: var(--bb-color-gray-900);
278
279
  --sky-color-background-container-success: var(--bb-color-green-900);
@@ -287,13 +288,13 @@
287
288
  --sky-color-background-input-disabled: var(--bb-color-gray-700);
288
289
  --sky-color-background-nav-active: var(--bb-color-transparent);
289
290
  --sky-color-background-nav-base: var(--bb-color-transparent);
290
- --sky-color-background-nav-disabled: var(--bb-color-gray-50);
291
+ --sky-color-background-nav-disabled: var(--bb-color-gray-700);
291
292
  --sky-color-background-nav-focus: var(--bb-color-transparent);
292
293
  --sky-color-background-nav-hover: var(--bb-color-transparent);
293
294
  --sky-color-background-page: var(--bb-color-gray-1100);
294
295
  --sky-color-background-row-active: var(--bb-color-transparent);
295
296
  --sky-color-background-row-base: var(--bb-color-gray-1000);
296
- --sky-color-background-row-disabled: var(--bb-color-gray-50);
297
+ --sky-color-background-row-disabled: var(--bb-color-gray-700);
297
298
  --sky-color-background-row-focus: var(--bb-color-transparent);
298
299
  --sky-color-background-row-hover: var(--bb-color-transparent);
299
300
  --sky-color-background-scrim: var(--bb-color-scrim);
@@ -301,6 +302,8 @@
301
302
  --sky-color-background-selected-heavy: var(--bb-color-blue-600);
302
303
  --sky-color-background-selected-soft: var(--bb-color-blue-900);
303
304
  --sky-color-background-selected-success: var(--bb-color-green-900);
305
+ --sky-color-background-selected-switch-base: var(--bb-color-blue-600);
306
+ --sky-color-background-selected-switch-disabled: var(--bb-color-gray-700);
304
307
  --sky-color-background-selected-warning: var(--bb-color-yellow-900);
305
308
  --sky-color-background-tab-active: var(--bb-color-transparent);
306
309
  --sky-color-background-tab-base: var(--bb-color-transparent);
@@ -308,6 +311,7 @@
308
311
  --sky-color-background-tab-focus: var(--bb-color-transparent);
309
312
  --sky-color-background-tab-hover: var(--bb-color-transparent);
310
313
  --sky-color-background-tab-selected: var(--bb-color-transparent);
314
+ --sky-color-background-tab-wizard-disabled: var(--bb-color-transparent);
311
315
  --sky-color-background-text_highlight: var(--bb-color-yellow-800);
312
316
  --sky-color-background-thumb-base: var(--bb-color-white);
313
317
  --sky-color-background-thumb-disabled: var(--bb-color-gray-600);
@@ -377,6 +381,7 @@
377
381
  --sky-color-border-tab-disabled: var(--bb-color-gray-800);
378
382
  --sky-color-border-tab-focus: var(--bb-color-sky-600);
379
383
  --sky-color-border-tab-hover: var(--bb-color-sky-600);
384
+ --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
380
385
  --sky-color-border-text_highlight: var(--bb-color-yellow-600);
381
386
  --sky-color-border-warning: var(--bb-color-yellow-400);
382
387
  --sky-color-icon-action: var(--bb-color-sky-600);
@@ -438,6 +443,7 @@
438
443
  --sky-color-background-blocking: var(--bb-color-blocking);
439
444
  --sky-color-background-container-base: var(--bb-color-white);
440
445
  --sky-color-background-container-danger: var(--bb-color-red-300);
446
+ --sky-color-background-container-dimmed: var(--bb-color-blue-25);
441
447
  --sky-color-background-container-info: var(--bb-color-blue-200);
442
448
  --sky-color-background-container-menu: var(--bb-color-white);
443
449
  --sky-color-background-container-success: var(--bb-color-green-300);
@@ -466,6 +472,7 @@
466
472
  --sky-color-background-selected-heavy: var(--bb-color-blue-600);
467
473
  --sky-color-background-selected-soft: var(--bb-color-blue-100);
468
474
  --sky-color-background-selected-success: var(--bb-color-green-300);
475
+ --sky-color-background-selected-switch-disabled: var(--bb-color-gray-50);
469
476
  --sky-color-background-selected-warning: var(--bb-color-yellow-300);
470
477
  --sky-color-background-tab-active: var(--bb-color-transparent);
471
478
  --sky-color-background-tab-base: var(--bb-color-transparent);
@@ -473,6 +480,7 @@
473
480
  --sky-color-background-tab-focus: var(--bb-color-transparent);
474
481
  --sky-color-background-tab-hover: var(--bb-color-transparent);
475
482
  --sky-color-background-tab-selected: var(--bb-color-transparent);
483
+ --sky-color-background-tab-wizard-disabled: var(--bb-color-transparent);
476
484
  --sky-color-background-text_highlight: var(--bb-color-yellow-400);
477
485
  --sky-color-background-thumb-base: var(--bb-color-white);
478
486
  --sky-color-background-thumb-disabled: var(--bb-color-gray-25);
@@ -541,6 +549,7 @@
541
549
  --sky-color-border-tab-disabled: var(--bb-color-gray-200);
542
550
  --sky-color-border-tab-focus: var(--bb-color-blue-600);
543
551
  --sky-color-border-tab-hover: var(--bb-color-blue-600);
552
+ --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
544
553
  --sky-color-border-text_highlight: var(--bb-color-yellow-800);
545
554
  --sky-color-border-warning: var(--bb-color-yellow-600);
546
555
  --sky-color-category-blue: var(--bb-color-sky-300);
@@ -587,6 +596,7 @@
587
596
  --sky-elevation-none: var(--bb-shadow-blue-0);
588
597
  --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
589
598
  --sky-opacity-wait: var(--bb-opacity-600);
599
+ --sky-color-background-selected-switch-base: var(--bb-color-gradient-blue);
590
600
  --sky-elevation-action-danger-base: var(--bb-shadow-blue-50);
591
601
  --sky-elevation-action-danger-focus: var(--bb-shadow-blue-50);
592
602
  --sky-elevation-action-danger-hover: var(--bb-shadow-blue-50);
@@ -736,6 +746,10 @@
736
746
  --sky-comp-card-small-header-space-inset-left: var(--bb-size-fluid-100);
737
747
  --sky-comp-card-small-header-space-inset-right: var(--bb-size-fluid-100);
738
748
  --sky-comp-card-small-header-space-inset-top: var(--bb-size-fluid-100);
749
+ --sky-comp-card-space-offset-bottom: var(--bb-size-fluid-50);
750
+ --sky-comp-card-space-offset-left: var(--bb-size-0);
751
+ --sky-comp-card-space-offset-right: var(--bb-size-fluid-50);
752
+ --sky-comp-card-space-offset-top: var(--bb-size-0);
739
753
  --sky-comp-colorpicker-content-space-inset-bottom: var(--bb-size-fluid-50);
740
754
  --sky-comp-colorpicker-content-space-inset-left: var(--bb-size-fluid-75);
741
755
  --sky-comp-colorpicker-content-space-inset-right: var(--bb-size-fluid-75);
@@ -772,6 +786,10 @@
772
786
  --sky-comp-flyout-header-space-inset-left: var(--bb-size-fluid-50);
773
787
  --sky-comp-flyout-header-space-inset-right: var(--bb-size-fluid-50);
774
788
  --sky-comp-flyout-header-space-inset-top: var(--bb-size-fluid-75);
789
+ --sky-comp-grid-cell-space-inset-bottom: var(--bb-size-fluid-75);
790
+ --sky-comp-grid-cell-space-inset-left: var(--bb-size-fluid-50);
791
+ --sky-comp-grid-cell-space-inset-right: var(--bb-size-fluid-50);
792
+ --sky-comp-grid-cell-space-inset-top: var(--bb-size-fluid-75);
775
793
  --sky-comp-help_inline-space-inset-bottom: var(--bb-size-fluid-6);
776
794
  --sky-comp-help_inline-space-inset-left: var(--bb-size-fluid-25);
777
795
  --sky-comp-help_inline-space-inset-right: var(--bb-size-fluid-25);
@@ -792,6 +810,102 @@
792
810
  --sky-comp-label-space-inset-left: var(--bb-size-fluid-50);
793
811
  --sky-comp-label-space-inset-right: var(--bb-size-fluid-50);
794
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);
795
909
  --sky-comp-modal-content-space-inset-bottom: var(--bb-size-fluid-150);
796
910
  --sky-comp-modal-content-space-inset-left: var(--bb-size-fluid-150);
797
911
  --sky-comp-modal-content-space-inset-right: var(--bb-size-fluid-150);
@@ -824,102 +938,6 @@
824
938
  --sky-comp-navbar_item-space-inset-left: var(--bb-size-fluid-50);
825
939
  --sky-comp-navbar_item-space-inset-right: var(--bb-size-fluid-50);
826
940
  --sky-comp-navbar_item-space-inset-top: var(--bb-size-fluid-75);
827
- --sky-comp-page-content-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
828
- --sky-comp-page-content-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
829
- --sky-comp-page-content-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
830
- --sky-comp-page-content-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
831
- --sky-comp-page-content-blocks-space-inset-xs-bottom: var(--bb-size-fluid-50);
832
- --sky-comp-page-content-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
833
- --sky-comp-page-content-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
834
- --sky-comp-page-content-blocks-space-inset-xs-top: var(--bb-size-fluid-50);
835
- --sky-comp-page-content-fit-space-inset-sm-bottom: var(--bb-size-0);
836
- --sky-comp-page-content-fit-space-inset-sm-left: var(--bb-size-0);
837
- --sky-comp-page-content-fit-space-inset-sm-right: var(--bb-size-0);
838
- --sky-comp-page-content-fit-space-inset-sm-top: var(--bb-size-0);
839
- --sky-comp-page-content-fit-space-inset-xs-bottom: var(--bb-size-0);
840
- --sky-comp-page-content-fit-space-inset-xs-left: var(--bb-size-0);
841
- --sky-comp-page-content-fit-space-inset-xs-right: var(--bb-size-0);
842
- --sky-comp-page-content-fit-space-inset-xs-top: var(--bb-size-0);
843
- --sky-comp-page-content-list-space-inset-sm-bottom: var(--bb-size-0);
844
- --sky-comp-page-content-list-space-inset-sm-left: var(--bb-size-0);
845
- --sky-comp-page-content-list-space-inset-sm-right: var(--bb-size-0);
846
- --sky-comp-page-content-list-space-inset-sm-top: var(--bb-size-0);
847
- --sky-comp-page-content-list-space-inset-xs-bottom: var(--bb-size-0);
848
- --sky-comp-page-content-list-space-inset-xs-left: var(--bb-size-0);
849
- --sky-comp-page-content-list-space-inset-xs-right: var(--bb-size-0);
850
- --sky-comp-page-content-list-space-inset-xs-top: var(--bb-size-0);
851
- --sky-comp-page-content-tabs-space-inset-sm-bottom: var(--bb-size-0);
852
- --sky-comp-page-content-tabs-space-inset-sm-left: var(--bb-size-0);
853
- --sky-comp-page-content-tabs-space-inset-sm-right: var(--bb-size-0);
854
- --sky-comp-page-content-tabs-space-inset-sm-top: var(--bb-size-0);
855
- --sky-comp-page-content-tabs-space-inset-xs-bottom: var(--bb-size-0);
856
- --sky-comp-page-content-tabs-space-inset-xs-left: var(--bb-size-0);
857
- --sky-comp-page-content-tabs-space-inset-xs-right: var(--bb-size-0);
858
- --sky-comp-page-content-tabs-space-inset-xs-top: var(--bb-size-0);
859
- --sky-comp-page-header-blocks-space-inset-sm-bottom: var(--bb-size-0);
860
- --sky-comp-page-header-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
861
- --sky-comp-page-header-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
862
- --sky-comp-page-header-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
863
- --sky-comp-page-header-blocks-space-inset-xs-bottom: var(--bb-size-fluid-100);
864
- --sky-comp-page-header-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
865
- --sky-comp-page-header-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
866
- --sky-comp-page-header-blocks-space-inset-xs-top: var(--bb-size-fluid-100);
867
- --sky-comp-page-header-fit-space-inset-sm-bottom: var(--bb-size-fluid-100);
868
- --sky-comp-page-header-fit-space-inset-sm-left: var(--bb-size-fluid-150);
869
- --sky-comp-page-header-fit-space-inset-sm-right: var(--bb-size-fluid-150);
870
- --sky-comp-page-header-fit-space-inset-sm-top: var(--bb-size-fluid-150);
871
- --sky-comp-page-header-fit-space-inset-xs-bottom: var(--bb-size-fluid-100);
872
- --sky-comp-page-header-fit-space-inset-xs-left: var(--bb-size-fluid-50);
873
- --sky-comp-page-header-fit-space-inset-xs-right: var(--bb-size-fluid-50);
874
- --sky-comp-page-header-fit-space-inset-xs-top: var(--bb-size-fluid-100);
875
- --sky-comp-page-header-list-space-inset-sm-bottom: var(--bb-size-fluid-100);
876
- --sky-comp-page-header-list-space-inset-sm-left: var(--bb-size-fluid-150);
877
- --sky-comp-page-header-list-space-inset-sm-right: var(--bb-size-fluid-150);
878
- --sky-comp-page-header-list-space-inset-sm-top: var(--bb-size-fluid-150);
879
- --sky-comp-page-header-list-space-inset-xs-bottom: var(--bb-size-fluid-100);
880
- --sky-comp-page-header-list-space-inset-xs-left: var(--bb-size-fluid-50);
881
- --sky-comp-page-header-list-space-inset-xs-right: var(--bb-size-fluid-50);
882
- --sky-comp-page-header-list-space-inset-xs-top: var(--bb-size-fluid-100);
883
- --sky-comp-page-header-tabs-space-inset-sm-bottom: var(--bb-size-fluid-100);
884
- --sky-comp-page-header-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
885
- --sky-comp-page-header-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
886
- --sky-comp-page-header-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
887
- --sky-comp-page-header-tabs-space-inset-xs-bottom: var(--bb-size-fluid-100);
888
- --sky-comp-page-header-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
889
- --sky-comp-page-header-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
890
- --sky-comp-page-header-tabs-space-inset-xs-top: var(--bb-size-fluid-100);
891
- --sky-comp-page-links-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
892
- --sky-comp-page-links-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
893
- --sky-comp-page-links-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
894
- --sky-comp-page-links-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
895
- --sky-comp-page-links-blocks-space-inset-xs-bottom: var(--bb-size-fluid-150);
896
- --sky-comp-page-links-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
897
- --sky-comp-page-links-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
898
- --sky-comp-page-links-blocks-space-inset-xs-top: var(--bb-size-fluid-150);
899
- --sky-comp-page-links-list-space-inset-sm-bottom: var(--bb-size-fluid-150);
900
- --sky-comp-page-links-list-space-inset-sm-left: var(--bb-size-fluid-150);
901
- --sky-comp-page-links-list-space-inset-sm-right: var(--bb-size-fluid-150);
902
- --sky-comp-page-links-list-space-inset-sm-top: var(--bb-size-fluid-150);
903
- --sky-comp-page-links-list-space-inset-xs-bottom: var(--bb-size-fluid-150);
904
- --sky-comp-page-links-list-space-inset-xs-left: var(--bb-size-fluid-50);
905
- --sky-comp-page-links-list-space-inset-xs-right: var(--bb-size-fluid-50);
906
- --sky-comp-page-links-list-space-inset-xs-top: var(--bb-size-fluid-150);
907
- --sky-comp-page-links-tabs-space-inset-sm-bottom: var(--bb-size-fluid-150);
908
- --sky-comp-page-links-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
909
- --sky-comp-page-links-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
910
- --sky-comp-page-links-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
911
- --sky-comp-page-links-tabs-space-inset-xs-bottom: var(--bb-size-fluid-150);
912
- --sky-comp-page-links-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
913
- --sky-comp-page-links-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
914
- --sky-comp-page-links-tabs-space-inset-xs-top: var(--bb-size-fluid-150);
915
- --sky-comp-page-tabset-tabs-space-inset-sm-bottom: var(--bb-size-0);
916
- --sky-comp-page-tabset-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
917
- --sky-comp-page-tabset-tabs-space-inset-sm-right: var(--bb-size-0);
918
- --sky-comp-page-tabset-tabs-space-inset-sm-top: var(--bb-size-0);
919
- --sky-comp-page-tabset-tabs-space-inset-xs-bottom: var(--bb-size-0);
920
- --sky-comp-page-tabset-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
921
- --sky-comp-page-tabset-tabs-space-inset-xs-right: var(--bb-size-0);
922
- --sky-comp-page-tabset-tabs-space-inset-xs-top: var(--bb-size-0);
923
941
  --sky-comp-paging_button-space-inset-bottom: var(--bb-size-fluid-25);
924
942
  --sky-comp-paging_button-space-inset-left: var(--bb-size-fluid-50);
925
943
  --sky-comp-paging_button-space-inset-right: var(--bb-size-fluid-50);
@@ -968,14 +986,14 @@
968
986
  --sky-comp-selection_box-expanded-space-inset-left: var(--bb-size-fluid-150);
969
987
  --sky-comp-selection_box-expanded-space-inset-right: var(--bb-size-fluid-150);
970
988
  --sky-comp-selection_box-expanded-space-inset-top: var(--bb-size-fluid-150);
971
- --sky-comp-split_view-drawer-space-inset-sm-bottom: var(--bb-size-fluid-75);
972
- --sky-comp-split_view-drawer-space-inset-sm-left: var(--bb-size-fluid-75);
973
- --sky-comp-split_view-drawer-space-inset-sm-right: var(--bb-size-0);
974
- --sky-comp-split_view-drawer-space-inset-sm-top: var(--bb-size-fluid-75);
975
- --sky-comp-split_view-drawer-space-inset-xs-bottom: var(--bb-size-fluid-50);
976
- --sky-comp-split_view-drawer-space-inset-xs-left: var(--bb-size-fluid-50);
977
- --sky-comp-split_view-drawer-space-inset-xs-right: var(--bb-size-0);
978
- --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);
979
997
  --sky-comp-split_view-footer-space-inset-bottom: var(--bb-size-fluid-50);
980
998
  --sky-comp-split_view-footer-space-inset-left: var(--bb-size-fluid-50);
981
999
  --sky-comp-split_view-footer-space-inset-right: var(--bb-size-fluid-50);
@@ -1065,8 +1083,8 @@
1065
1083
  --sky-comp-token-space-inset-right: var(--bb-size-fluid-25);
1066
1084
  --sky-comp-token-space-inset-top: var(--bb-size-fluid-6);
1067
1085
  --sky-comp-toolbar-space-inset-bottom: var(--bb-size-fluid-50);
1068
- --sky-comp-toolbar-space-inset-left: var(--bb-size-0);
1069
- --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);
1070
1088
  --sky-comp-toolbar-space-inset-top: var(--bb-size-fluid-50);
1071
1089
  --sky-comp-tree-child-space-inset-bottom: var(--bb-size-0);
1072
1090
  --sky-comp-tree-child-space-inset-left: var(--bb-size-fluid-150);
@@ -1133,22 +1151,6 @@
1133
1151
  --sky-font-style-heading-4: var(--bb-font-style-semibold);
1134
1152
  --sky-font-style-heading-5: var(--bb-font-style-semibold);
1135
1153
  --sky-font-style-input-label: var(--bb-font-style-regular);
1136
- --sky-font-weight-body-l: var(--bb-font-weight-regular);
1137
- --sky-font-weight-body-m: var(--bb-font-weight-regular);
1138
- --sky-font-weight-body-s: var(--bb-font-weight-semibold);
1139
- --sky-font-weight-display-1: var(--bb-font-weight-semibold);
1140
- --sky-font-weight-display-2: var(--bb-font-weight-semibold);
1141
- --sky-font-weight-display-3: var(--bb-font-weight-semibold);
1142
- --sky-font-weight-display-4: var(--bb-font-weight-semibold);
1143
- --sky-font-weight-emphasized: var(--bb-font-weight-semibold);
1144
- --sky-font-weight-heading-1: var(--bb-font-weight-regular);
1145
- --sky-font-weight-heading-2: var(--bb-font-weight-semibold);
1146
- --sky-font-weight-heading-3: var(--bb-font-weight-semibold);
1147
- --sky-font-weight-heading-4: var(--bb-font-weight-semibold);
1148
- --sky-font-weight-heading-5: var(--bb-font-weight-semibold);
1149
- --sky-font-weight-hint-m: var(--bb-font-weight-regular);
1150
- --sky-font-weight-hint-s: var(--bb-font-weight-regular);
1151
- --sky-font-weight-input-label: var(--bb-font-weight-regular);
1152
1154
  --sky-size-avatar-l: var(--bb-size-fluid-550);
1153
1155
  --sky-size-avatar-m: var(--bb-size-fluid-350);
1154
1156
  --sky-size-avatar-s: var(--bb-size-fluid-200);
@@ -1237,10 +1239,6 @@
1237
1239
  --sky-space-inset-horizontal-top-m: var(--bb-size-0);
1238
1240
  --sky-space-inset-horizontal-top-s: var(--bb-size-0);
1239
1241
  --sky-space-inset-horizontal-top-xl: var(--bb-size-0);
1240
- --sky-space-inset-letterbox-2_3-bottom-m: var(--bb-size-fluid-75);
1241
- --sky-space-inset-letterbox-2_3-left-m: var(--bb-size-fluid-50);
1242
- --sky-space-inset-letterbox-2_3-right-m: var(--bb-size-fluid-50);
1243
- --sky-space-inset-letterbox-2_3-top-m: var(--bb-size-fluid-75);
1244
1242
  --sky-space-inset-thumb: var(--bb-size-fixed-6);
1245
1243
  --sky-space-inset-thumbnail_matte-l: var(--bb-size-fluid-25);
1246
1244
  --sky-space-inset-thumbnail_matte-m: var(--bb-size-fluid-18);
@@ -1273,6 +1271,7 @@
1273
1271
  --sky-space-stacked-xl: var(--bb-size-fluid-150);
1274
1272
  --sky-space-stacked-xs: var(--bb-size-fluid-25);
1275
1273
  --sky-space-stacked-xxl: var(--bb-size-fluid-300);
1274
+ --sky-comp-checkbox-border-radius: var(--sky-border-radius-s);
1276
1275
  --sky-font-family-primary: var(--bb-font-blkb_sans-family);
1277
1276
  --sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
1278
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);
@@ -1305,7 +1304,7 @@
1305
1304
  --modern-border-radius-round: 50%;
1306
1305
  --modern-border-style-dotted: dotted;
1307
1306
  --modern-border-style-solid: solid;
1308
- --modern-brand-name: Blackbaud;
1307
+ --modern-brand-name: "Blackbaud";
1309
1308
  --modern-color-black: #000000;
1310
1309
  --modern-color-blocking: rgba(255, 255, 255, 0.7);
1311
1310
  --modern-color-blue-05: #ebfbff;
@@ -1368,7 +1367,7 @@
1368
1367
  --modern-font-weight-light: 300;
1369
1368
  --modern-font-weight-regular: 400;
1370
1369
  --modern-font-weight-semibold: 600;
1371
- --modern-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.5/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");
1372
1371
  --modern-letter_spacing-normal: normal;
1373
1372
  --modern-line_height-110: 1.1;
1374
1373
  --modern-line_height-115: 1.15;
@@ -1461,6 +1460,7 @@
1461
1460
  --sky-color-background-blocking: var(--modern-color-blocking);
1462
1461
  --sky-color-background-container-base: var(--modern-color-white);
1463
1462
  --sky-color-background-container-danger: var(--modern-color-red-30);
1463
+ --sky-color-background-container-dimmed: var(--modern-color-transparent);
1464
1464
  --sky-color-background-container-info: var(--modern-color-blue-10);
1465
1465
  --sky-color-background-container-menu: var(--modern-color-white);
1466
1466
  --sky-color-background-container-success: var(--modern-color-green-30);
@@ -1489,6 +1489,8 @@
1489
1489
  --sky-color-background-selected-heavy: var(--modern-color-blue-05);
1490
1490
  --sky-color-background-selected-soft: var(--modern-color-blue-05);
1491
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);
1492
1494
  --sky-color-background-selected-warning: var(--modern-color-yellow-30);
1493
1495
  --sky-color-background-tab-active: var(--modern-color-transparent);
1494
1496
  --sky-color-background-tab-base: var(--modern-color-transparent);
@@ -1496,6 +1498,7 @@
1496
1498
  --sky-color-background-tab-focus: var(--modern-color-transparent);
1497
1499
  --sky-color-background-tab-hover: var(--modern-color-transparent);
1498
1500
  --sky-color-background-tab-selected: var(--modern-color-transparent);
1501
+ --sky-color-background-tab-wizard-disabled: var(--modern-color-transparent);
1499
1502
  --sky-color-background-text_highlight: var(--modern-color-yellow-40);
1500
1503
  --sky-color-background-thumb-base: var(--modern-color-white);
1501
1504
  --sky-color-background-thumb-disabled: var(--modern-color-gray-07);
@@ -1564,6 +1567,7 @@
1564
1567
  --sky-color-border-tab-disabled: var(--modern-color-transparent);
1565
1568
  --sky-color-border-tab-focus: var(--modern-color-blue-74);
1566
1569
  --sky-color-border-tab-hover: var(--modern-color-blue-50);
1570
+ --sky-color-border-tab-wizard-disabled: var(--modern-color-transparent);
1567
1571
  --sky-color-border-text_highlight: var(--modern-color-yellow-80);
1568
1572
  --sky-color-border-warning: var(--modern-color-yellow-50);
1569
1573
  --sky-color-category-blue: var(--modern-color-category-sky_blue-40);
@@ -1759,6 +1763,10 @@
1759
1763
  --sky-comp-card-small-header-space-inset-left: var(--modern-size-15);
1760
1764
  --sky-comp-card-small-header-space-inset-right: var(--modern-size-15);
1761
1765
  --sky-comp-card-small-header-space-inset-top: var(--modern-size-15);
1766
+ --sky-comp-card-space-offset-bottom: var(--modern-size-10);
1767
+ --sky-comp-card-space-offset-left: var(--modern-size-0);
1768
+ --sky-comp-card-space-offset-right: var(--modern-size-10);
1769
+ --sky-comp-card-space-offset-top: var(--modern-size-0);
1762
1770
  --sky-comp-colorpicker-content-space-inset-bottom: var(--modern-size-15);
1763
1771
  --sky-comp-colorpicker-content-space-inset-left: var(--modern-size-30);
1764
1772
  --sky-comp-colorpicker-content-space-inset-right: var(--modern-size-30);
@@ -1795,6 +1803,10 @@
1795
1803
  --sky-comp-flyout-header-space-inset-left: var(--modern-space-s);
1796
1804
  --sky-comp-flyout-header-space-inset-right: var(--modern-space-s);
1797
1805
  --sky-comp-flyout-header-space-inset-top: var(--modern-space-md);
1806
+ --sky-comp-grid-cell-space-inset-bottom: var(--modern-space-md);
1807
+ --sky-comp-grid-cell-space-inset-left: var(--modern-space-s);
1808
+ --sky-comp-grid-cell-space-inset-right: var(--modern-space-s);
1809
+ --sky-comp-grid-cell-space-inset-top: var(--modern-space-md);
1798
1810
  --sky-comp-help_inline-space-inset-bottom: var(--modern-size-1);
1799
1811
  --sky-comp-help_inline-space-inset-left: var(--modern-size-5);
1800
1812
  --sky-comp-help_inline-space-inset-right: var(--modern-size-5);
@@ -1815,6 +1827,102 @@
1815
1827
  --sky-comp-label-space-inset-left: var(--modern-size-15);
1816
1828
  --sky-comp-label-space-inset-right: var(--modern-size-15);
1817
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);
1818
1926
  --sky-comp-modal-content-space-inset-bottom: var(--modern-space-xl);
1819
1927
  --sky-comp-modal-content-space-inset-left: var(--modern-space-xl);
1820
1928
  --sky-comp-modal-content-space-inset-right: var(--modern-space-xl);
@@ -1847,102 +1955,6 @@
1847
1955
  --sky-comp-navbar_item-space-inset-left: var(--modern-space-s);
1848
1956
  --sky-comp-navbar_item-space-inset-right: var(--modern-space-s);
1849
1957
  --sky-comp-navbar_item-space-inset-top: var(--modern-space-md);
1850
- --sky-comp-page-content-blocks-space-inset-sm-bottom: var(--modern-space-xl);
1851
- --sky-comp-page-content-blocks-space-inset-sm-left: var(--modern-space-xl);
1852
- --sky-comp-page-content-blocks-space-inset-sm-right: var(--modern-space-xl);
1853
- --sky-comp-page-content-blocks-space-inset-sm-top: var(--modern-space-xl);
1854
- --sky-comp-page-content-blocks-space-inset-xs-bottom: var(--modern-space-s);
1855
- --sky-comp-page-content-blocks-space-inset-xs-left: var(--modern-space-s);
1856
- --sky-comp-page-content-blocks-space-inset-xs-right: var(--modern-space-s);
1857
- --sky-comp-page-content-blocks-space-inset-xs-top: var(--modern-space-s);
1858
- --sky-comp-page-content-fit-space-inset-sm-bottom: var(--modern-size-0);
1859
- --sky-comp-page-content-fit-space-inset-sm-left: var(--modern-space-xl);
1860
- --sky-comp-page-content-fit-space-inset-sm-right: var(--modern-space-xl);
1861
- --sky-comp-page-content-fit-space-inset-sm-top: var(--modern-size-0);
1862
- --sky-comp-page-content-fit-space-inset-xs-bottom: var(--modern-size-0);
1863
- --sky-comp-page-content-fit-space-inset-xs-left: var(--modern-space-s);
1864
- --sky-comp-page-content-fit-space-inset-xs-right: var(--modern-space-s);
1865
- --sky-comp-page-content-fit-space-inset-xs-top: var(--modern-size-0);
1866
- --sky-comp-page-content-list-space-inset-sm-bottom: var(--modern-size-0);
1867
- --sky-comp-page-content-list-space-inset-sm-left: var(--modern-space-xl);
1868
- --sky-comp-page-content-list-space-inset-sm-right: var(--modern-space-xl);
1869
- --sky-comp-page-content-list-space-inset-sm-top: var(--modern-size-0);
1870
- --sky-comp-page-content-list-space-inset-xs-bottom: var(--modern-size-0);
1871
- --sky-comp-page-content-list-space-inset-xs-left: var(--modern-space-s);
1872
- --sky-comp-page-content-list-space-inset-xs-right: var(--modern-space-s);
1873
- --sky-comp-page-content-list-space-inset-xs-top: var(--modern-size-0);
1874
- --sky-comp-page-content-tabs-space-inset-sm-bottom: var(--modern-size-0);
1875
- --sky-comp-page-content-tabs-space-inset-sm-left: var(--modern-size-0);
1876
- --sky-comp-page-content-tabs-space-inset-sm-right: var(--modern-size-0);
1877
- --sky-comp-page-content-tabs-space-inset-sm-top: var(--modern-size-0);
1878
- --sky-comp-page-content-tabs-space-inset-xs-bottom: var(--modern-size-0);
1879
- --sky-comp-page-content-tabs-space-inset-xs-left: var(--modern-size-0);
1880
- --sky-comp-page-content-tabs-space-inset-xs-right: var(--modern-size-0);
1881
- --sky-comp-page-content-tabs-space-inset-xs-top: var(--modern-size-0);
1882
- --sky-comp-page-header-blocks-space-inset-sm-bottom: var(--modern-size-0);
1883
- --sky-comp-page-header-blocks-space-inset-sm-left: var(--modern-space-xl);
1884
- --sky-comp-page-header-blocks-space-inset-sm-right: var(--modern-space-xl);
1885
- --sky-comp-page-header-blocks-space-inset-sm-top: var(--modern-space-xl);
1886
- --sky-comp-page-header-blocks-space-inset-xs-bottom: var(--modern-space-lg);
1887
- --sky-comp-page-header-blocks-space-inset-xs-left: var(--modern-space-s);
1888
- --sky-comp-page-header-blocks-space-inset-xs-right: var(--modern-space-s);
1889
- --sky-comp-page-header-blocks-space-inset-xs-top: var(--modern-space-lg);
1890
- --sky-comp-page-header-fit-space-inset-sm-bottom: var(--modern-space-lg);
1891
- --sky-comp-page-header-fit-space-inset-sm-left: var(--modern-space-xl);
1892
- --sky-comp-page-header-fit-space-inset-sm-right: var(--modern-space-xl);
1893
- --sky-comp-page-header-fit-space-inset-sm-top: var(--modern-space-xl);
1894
- --sky-comp-page-header-fit-space-inset-xs-bottom: var(--modern-space-lg);
1895
- --sky-comp-page-header-fit-space-inset-xs-left: var(--modern-space-s);
1896
- --sky-comp-page-header-fit-space-inset-xs-right: var(--modern-space-s);
1897
- --sky-comp-page-header-fit-space-inset-xs-top: var(--modern-space-lg);
1898
- --sky-comp-page-header-list-space-inset-sm-bottom: var(--modern-space-lg);
1899
- --sky-comp-page-header-list-space-inset-sm-left: var(--modern-space-xl);
1900
- --sky-comp-page-header-list-space-inset-sm-right: var(--modern-space-xl);
1901
- --sky-comp-page-header-list-space-inset-sm-top: var(--modern-space-xl);
1902
- --sky-comp-page-header-list-space-inset-xs-bottom: var(--modern-space-lg);
1903
- --sky-comp-page-header-list-space-inset-xs-left: var(--modern-space-s);
1904
- --sky-comp-page-header-list-space-inset-xs-right: var(--modern-space-s);
1905
- --sky-comp-page-header-list-space-inset-xs-top: var(--modern-space-lg);
1906
- --sky-comp-page-header-tabs-space-inset-sm-bottom: var(--modern-space-lg);
1907
- --sky-comp-page-header-tabs-space-inset-sm-left: var(--modern-space-xl);
1908
- --sky-comp-page-header-tabs-space-inset-sm-right: var(--modern-space-xl);
1909
- --sky-comp-page-header-tabs-space-inset-sm-top: var(--modern-space-xl);
1910
- --sky-comp-page-header-tabs-space-inset-xs-bottom: var(--modern-space-lg);
1911
- --sky-comp-page-header-tabs-space-inset-xs-left: var(--modern-space-s);
1912
- --sky-comp-page-header-tabs-space-inset-xs-right: var(--modern-space-s);
1913
- --sky-comp-page-header-tabs-space-inset-xs-top: var(--modern-space-lg);
1914
- --sky-comp-page-links-blocks-space-inset-sm-bottom: var(--modern-space-xl);
1915
- --sky-comp-page-links-blocks-space-inset-sm-left: var(--modern-space-xl);
1916
- --sky-comp-page-links-blocks-space-inset-sm-right: var(--modern-space-xl);
1917
- --sky-comp-page-links-blocks-space-inset-sm-top: var(--modern-space-xl);
1918
- --sky-comp-page-links-blocks-space-inset-xs-bottom: var(--modern-space-xl);
1919
- --sky-comp-page-links-blocks-space-inset-xs-left: var(--modern-space-s);
1920
- --sky-comp-page-links-blocks-space-inset-xs-right: var(--modern-space-s);
1921
- --sky-comp-page-links-blocks-space-inset-xs-top: var(--modern-space-xl);
1922
- --sky-comp-page-links-list-space-inset-sm-bottom: var(--modern-space-xl);
1923
- --sky-comp-page-links-list-space-inset-sm-left: var(--modern-space-xl);
1924
- --sky-comp-page-links-list-space-inset-sm-right: var(--modern-space-xl);
1925
- --sky-comp-page-links-list-space-inset-sm-top: var(--modern-space-xl);
1926
- --sky-comp-page-links-list-space-inset-xs-bottom: var(--modern-space-xl);
1927
- --sky-comp-page-links-list-space-inset-xs-left: var(--modern-space-s);
1928
- --sky-comp-page-links-list-space-inset-xs-right: var(--modern-space-s);
1929
- --sky-comp-page-links-list-space-inset-xs-top: var(--modern-space-xl);
1930
- --sky-comp-page-links-tabs-space-inset-sm-bottom: var(--modern-space-xl);
1931
- --sky-comp-page-links-tabs-space-inset-sm-left: var(--modern-space-xl);
1932
- --sky-comp-page-links-tabs-space-inset-sm-right: var(--modern-space-xl);
1933
- --sky-comp-page-links-tabs-space-inset-sm-top: var(--modern-space-xl);
1934
- --sky-comp-page-links-tabs-space-inset-xs-bottom: var(--modern-space-xl);
1935
- --sky-comp-page-links-tabs-space-inset-xs-left: var(--modern-space-s);
1936
- --sky-comp-page-links-tabs-space-inset-xs-right: var(--modern-space-s);
1937
- --sky-comp-page-links-tabs-space-inset-xs-top: var(--modern-space-xl);
1938
- --sky-comp-page-tabset-tabs-space-inset-sm-bottom: var(--modern-size-0);
1939
- --sky-comp-page-tabset-tabs-space-inset-sm-left: var(--modern-space-xl);
1940
- --sky-comp-page-tabset-tabs-space-inset-sm-right: var(--modern-size-0);
1941
- --sky-comp-page-tabset-tabs-space-inset-sm-top: var(--modern-size-0);
1942
- --sky-comp-page-tabset-tabs-space-inset-xs-bottom: var(--modern-size-0);
1943
- --sky-comp-page-tabset-tabs-space-inset-xs-left: var(--modern-space-md);
1944
- --sky-comp-page-tabset-tabs-space-inset-xs-right: var(--modern-size-0);
1945
- --sky-comp-page-tabset-tabs-space-inset-xs-top: var(--modern-size-0);
1946
1958
  --sky-comp-paging_button-space-inset-bottom: var(--modern-size-4);
1947
1959
  --sky-comp-paging_button-space-inset-left: var(--modern-size-15);
1948
1960
  --sky-comp-paging_button-space-inset-right: var(--modern-size-15);
@@ -1991,14 +2003,14 @@
1991
2003
  --sky-comp-selection_box-expanded-space-inset-left: var(--modern-space-xl);
1992
2004
  --sky-comp-selection_box-expanded-space-inset-right: var(--modern-space-xl);
1993
2005
  --sky-comp-selection_box-expanded-space-inset-top: var(--modern-space-xl);
1994
- --sky-comp-split_view-drawer-space-inset-sm-bottom: var(--modern-size-0);
1995
- --sky-comp-split_view-drawer-space-inset-sm-left: var(--modern-size-0);
1996
- --sky-comp-split_view-drawer-space-inset-sm-right: var(--modern-size-0);
1997
- --sky-comp-split_view-drawer-space-inset-sm-top: var(--modern-size-0);
1998
- --sky-comp-split_view-drawer-space-inset-xs-bottom: var(--modern-size-0);
1999
- --sky-comp-split_view-drawer-space-inset-xs-left: var(--modern-size-0);
2000
- --sky-comp-split_view-drawer-space-inset-xs-right: var(--modern-size-0);
2001
- --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);
2002
2014
  --sky-comp-split_view-footer-space-inset-bottom: var(--modern-space-s);
2003
2015
  --sky-comp-split_view-footer-space-inset-left: var(--modern-space-s);
2004
2016
  --sky-comp-split_view-footer-space-inset-right: var(--modern-space-s);
@@ -2149,29 +2161,13 @@
2149
2161
  --sky-font-style-display-2: var(--modern-font-style-regular);
2150
2162
  --sky-font-style-display-3: var(--modern-font-style-regular);
2151
2163
  --sky-font-style-display-4: var(--modern-font-style-bold);
2152
- --sky-font-style-emphasized: var(--modern-font-style-semibold);
2164
+ --sky-font-style-emphasized: var(--modern-font-style-bold);
2153
2165
  --sky-font-style-heading-1: var(--modern-font-style-light);
2154
2166
  --sky-font-style-heading-2: var(--modern-font-style-regular);
2155
2167
  --sky-font-style-heading-3: var(--modern-font-style-regular);
2156
2168
  --sky-font-style-heading-4: var(--modern-font-style-semibold);
2157
2169
  --sky-font-style-heading-5: var(--modern-font-style-semibold);
2158
2170
  --sky-font-style-input-label: var(--modern-font-style-regular);
2159
- --sky-font-weight-body-l: var(--modern-font-weight-light);
2160
- --sky-font-weight-body-m: var(--modern-font-weight-regular);
2161
- --sky-font-weight-body-s: var(--modern-font-weight-regular);
2162
- --sky-font-weight-display-1: var(--modern-font-weight-regular);
2163
- --sky-font-weight-display-2: var(--modern-font-weight-regular);
2164
- --sky-font-weight-display-3: var(--modern-font-weight-regular);
2165
- --sky-font-weight-display-4: var(--modern-font-weight-bold);
2166
- --sky-font-weight-emphasized: var(--modern-font-weight-bold);
2167
- --sky-font-weight-heading-1: var(--modern-font-weight-light);
2168
- --sky-font-weight-heading-2: var(--modern-font-weight-regular);
2169
- --sky-font-weight-heading-3: var(--modern-font-weight-regular);
2170
- --sky-font-weight-heading-4: var(--modern-font-weight-semibold);
2171
- --sky-font-weight-heading-5: var(--modern-font-weight-semibold);
2172
- --sky-font-weight-hint-m: var(--modern-font-weight-regular);
2173
- --sky-font-weight-hint-s: var(--modern-font-weight-regular);
2174
- --sky-font-weight-input-label: var(--modern-font-weight-regular);
2175
2171
  --sky-size-avatar-l: var(--modern-size-100);
2176
2172
  --sky-size-avatar-m: var(--modern-size-65);
2177
2173
  --sky-size-avatar-s: var(--modern-size-32);
@@ -2260,10 +2256,6 @@
2260
2256
  --sky-space-inset-horizontal-top-m: var(--modern-size-0);
2261
2257
  --sky-space-inset-horizontal-top-s: var(--modern-size-0);
2262
2258
  --sky-space-inset-horizontal-top-xl: var(--modern-size-0);
2263
- --sky-space-inset-letterbox-2_3-bottom-m: var(--modern-space-md);
2264
- --sky-space-inset-letterbox-2_3-left-m: var(--modern-space-s);
2265
- --sky-space-inset-letterbox-2_3-right-m: var(--modern-space-s);
2266
- --sky-space-inset-letterbox-2_3-top-m: var(--modern-space-md);
2267
2259
  --sky-space-inset-thumb: var(--modern-size-1);
2268
2260
  --sky-space-inset-thumbnail_matte-l: var(--modern-size-5);
2269
2261
  --sky-space-inset-thumbnail_matte-m: var(--modern-size-3);
@@ -2296,6 +2288,7 @@
2296
2288
  --sky-space-stacked-xl: var(--modern-space-xl);
2297
2289
  --sky-space-stacked-xs: var(--modern-space-xs);
2298
2290
  --sky-space-stacked-xxl: var(--modern-space-xxl);
2291
+ --sky-comp-checkbox-border-radius: var(--sky-border-radius-s);
2299
2292
  --sky-font-family-primary: var(--modern-font-blkb_sans-family);
2300
2293
  --sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
2301
2294
  }
@@ -2368,131 +2361,19 @@
2368
2361
  overflow: hidden;
2369
2362
  }
2370
2363
 
2371
- .sky-theme-modern:not(.sky-theme-brand-base) .sky-btn {
2372
- --sky-override-borderless-icon-size: 26px;
2373
- --sky-override-button-box-shadow-hover-transition: box-shadow
2374
- 150ms;
2375
- --sky-override-button-default-box-shadow-focus:
2376
- inset 0 0 0 var(--sky-border-width-action-focus)
2377
- var(--sky-color-border-action-secondary-focus),
2378
- var(--sky-elevation-focus);
2379
- --sky-override-button-icon-borderless-padding: 1px;
2380
- --sky-override-button-icon-padding: 9px 15px;
2381
- --sky-override-button-link-inline-border-radius: 0;
2382
- --sky-override-button-link-inline-color-disabled: var(
2383
- --sky-color-text-action
2384
- );
2385
- --sky-override-button-link-inline-color-hover-active: var(
2386
- --sky-text-color-action-primary-hover
2387
- );
2388
- --sky-override-button-link-inline-font-size: var(--sky-font-size-body-m);
2389
- --sky-override-button-padding: 9px 21px;
2390
- --sky-override-button-primary-box-shadow-focus:
2391
- inset 0 0 0 var(--sky-border-width-action-focus)
2392
- var(--sky-color-border-action-primary-focus),
2393
- var(--sky-elevation-focus);
2394
- --sky-override-button-primary-disabled-box-shadow:
2395
- inset 0 0 0 var(--sky-border-width-action-focus)
2396
- var(--sky-color-border-action-primary-focus),
2397
- var(--sky-elevation-focus);
2398
- --sky-override-button-icon-disabled-box-shadow:
2399
- inset 0 0 0 var(--sky-border-width-action-focus)
2400
- var(--sky-color-border-action-secondary-focus),
2401
- var(--sky-elevation-focus);
2402
- --sky-override-button-danger-box-shadow-focus:
2403
- inset 0 0 0 var(--sky-border-width-action-focus)
2404
- var(--sky-color-border-action-danger-focus),
2405
- var(--sky-elevation-focus);
2406
- --sky-override-button-danger-disabled-box-shadow:
2407
- inset 0 0 0 var(--sky-border-width-action-focus)
2408
- var(--sky-color-border-action-danger-focus),
2409
- var(--sky-elevation-focus);
2410
- --sky-override-button-tertiary-box-shadow-focus:
2411
- inset 0 0 0 var(--sky-border-width-action-focus)
2412
- var(--sky-color-border-action-tertiary-focus),
2413
- var(--sky-elevation-focus);
2414
- --sky-override-button-tertiary-disabled-box-shadow:
2415
- inset 0 0 0 var(--sky-border-width-action-focus)
2416
- var(--sky-color-border-action-tertiary-focus),
2417
- var(--sky-elevation-focus,);
2418
- --sky-override-button-link-inline-box-shadow-focus:
2419
- 0 0 0 var(--sky-border-width-action-focus)
2420
- var(--sky-color-border-action-tertiary-focus),
2421
- var(--sky-elevation-focus);
2422
- --sky-override-button-link-inline-disabled-box-shadow:
2423
- 0 0 0 var(--sky-border-width-action-focus)
2424
- var(--sky-color-border-action-tertiary-focus),
2425
- var(--sky-elevation-focus);
2426
- --sky-override-button-borderless-inline-box-shadow-focus:
2427
- 0 0 0 var(--sky-border-width-action-focus)
2428
- var(--sky-color-border-action-tertiary-focus),
2429
- var(--sky-elevation-focus);
2430
- --sky-override-button-borderless-inline-disabled-box-shadow:
2431
- 0 0 0 var(--sky-border-width-action-focus)
2432
- var(--sky-color-border-action-tertiary-focus),
2433
- var(--sky-elevation-focus);
2434
- --sky-override-button-block-line-height: 1.6115;
2435
- }
2436
- .sky-theme-modern:not(.sky-theme-brand-base) .sky-btn:not(.sky-btn-link-inline):not(.sky-btn-borderless-inline) {
2437
- --sky-override-button-line-height: calc(20 / 14);
2438
- }
2439
- .sky-theme-modern:not(.sky-theme-brand-base) .sky-btn.sky-btn-link-inline, .sky-theme-modern:not(.sky-theme-brand-base) .sky-btn.sky-btn-borderless-inline {
2440
- --sky-override-button-line-height: normal;
2441
- --sky-override-button-opacity-disabled: 0.65;
2442
- }
2443
-
2444
- .sky-theme-modern:not(.sky-theme-brand-base) .sky-btn-tab {
2445
- --sky-override-tab-box-shadow-focus-elevation: var(--sky-elevation-focus);
2446
- --sky-override-tab-selected-active-background-color: var(
2447
- --sky-color-background-tab-active
2448
- );
2449
- --sky-override-tab-selected-active-border-bottom: var(
2450
- --sky-border-width-selected-s
2451
- )
2452
- var(--sky-border-style-accent)
2453
- var(
2454
- --sky-override-tab-hover-border-bottom-color,
2455
- var(--sky-color-border-tab-active)
2456
- );
2457
- --sky-override-tab-selected-active-padding-bottom: calc(
2458
- var(--sky-comp-tab-horizontal-space-inset-bottom) - var(
2459
- --sky-border-width-selected-s
2460
- )
2461
- );
2462
- --sky-override-tab-selected-color: var(--sky-color-text-default);
2463
- --sky-override-tab-selected-focus-color: var(--sky-color-text-default);
2464
- --sky-override-tab-selected-focus-background-color: var(
2465
- --sky-color-background-tab-focus
2466
- );
2467
- --sky-override-tab-selected-background-color: var(--modern-color-transparent);
2468
- --sky-override-tab-selected-border-bottom-size: var(--modern-size-3);
2469
- --sky-override-tab-hover-border-bottom-color: var(--modern-color-blue-50);
2470
- --sky-override-tab-disabled-background-color: var(--modern-color-transparent);
2471
- --sky-override-tab-disabled-font-size: 15px;
2472
- --sky-override-tab-button-radius: 0;
2473
- --sky-override-tab-line-height: 1.8;
2474
- --sky-override-tab-item-box-shadow-focus-elevation: var(
2475
- --sky-elevation-focus
2476
- );
2477
- --sky-override-selected-dropdown-item-border-width: var(--modern-size-3);
2478
- --sky-override-selected-dropdown-background-color: var(
2479
- --modern-color-transparent
2480
- );
2481
- }
2482
-
2483
2364
  .sky-theme-modern .sky-btn {
2484
2365
  border: none;
2485
2366
  border-radius: var(--sky-border-radius-s);
2486
2367
  font-size: var(--sky-font-size-body-m);
2487
2368
  transition: box-shadow 150ms;
2488
- line-height: var(--sky-override-button-line-height, var(--sky-font-line_height-body-m));
2369
+ line-height: var(--sky-font-line_height-body-m);
2489
2370
  }
2490
2371
  .sky-theme-modern .sky-btn-default,
2491
2372
  .sky-theme-modern .sky-btn-primary,
2492
2373
  .sky-theme-modern .sky-btn-danger,
2493
2374
  .sky-theme-modern .sky-btn-link,
2494
2375
  .sky-theme-modern .sky-btn-borderless {
2495
- padding: var(--sky-override-button-padding, var(--sky-comp-button-space-inset-top) var(--sky-comp-button-space-inset-right) var(--sky-comp-button-space-inset-bottom) var(--sky-comp-button-space-inset-left));
2376
+ padding: var(--sky-comp-button-space-inset-top) var(--sky-comp-button-space-inset-right) var(--sky-comp-button-space-inset-bottom) var(--sky-comp-button-space-inset-left);
2496
2377
  }
2497
2378
  .sky-theme-modern .sky-btn-default,
2498
2379
  .sky-theme-modern .sky-btn-primary,
@@ -2615,7 +2496,7 @@
2615
2496
  .sky-theme-modern .sky-btn-borderless-inline[disabled]:active,
2616
2497
  .sky-theme-modern .sky-btn-borderless-inline[disabled].sky-btn-active {
2617
2498
  border: none;
2618
- opacity: var(--sky-override-button-opacity-disabled, 1);
2499
+ opacity: 1;
2619
2500
  color: var(--sky-color-text-deemphasized);
2620
2501
  }
2621
2502
  .sky-theme-modern .sky-btn-default.sky-btn-disabled.sky-btn-link-inline, .sky-theme-modern .sky-btn-default.sky-btn-disabled:hover.sky-btn-link-inline, .sky-theme-modern .sky-btn-default.sky-btn-disabled:focus-visible.sky-btn-link-inline, .sky-theme-modern .sky-btn-default.sky-btn-disabled.sky-btn-focus.sky-btn-link-inline, .sky-theme-modern .sky-btn-default.sky-btn-disabled:active.sky-btn-link-inline, .sky-theme-modern .sky-btn-default.sky-btn-disabled.sky-btn-active.sky-btn-link-inline, .sky-theme-modern .sky-btn-default[disabled].sky-btn-link-inline, .sky-theme-modern .sky-btn-default[disabled]:hover.sky-btn-link-inline, .sky-theme-modern .sky-btn-default[disabled]:focus-visible.sky-btn-link-inline, .sky-theme-modern .sky-btn-default[disabled].sky-btn-focus.sky-btn-link-inline, .sky-theme-modern .sky-btn-default[disabled]:active.sky-btn-link-inline, .sky-theme-modern .sky-btn-default[disabled].sky-btn-active.sky-btn-link-inline,
@@ -2715,10 +2596,10 @@
2715
2596
  .sky-theme-modern .sky-btn-borderless-inline[disabled].sky-btn-focus.sky-btn-link-inline,
2716
2597
  .sky-theme-modern .sky-btn-borderless-inline[disabled]:active.sky-btn-link-inline,
2717
2598
  .sky-theme-modern .sky-btn-borderless-inline[disabled].sky-btn-active.sky-btn-link-inline {
2718
- color: var(--sky-override-button-link-inline-color-disabled, var(--sky-color-text-default));
2599
+ color: var(--sky-color-text-default);
2719
2600
  }
2720
2601
  .sky-theme-modern .sky-btn-icon {
2721
- padding: var(--sky-override-button-icon-padding, var(--sky-comp-button-icon-space-inset-top) var(--sky-comp-button-icon-space-inset-right) var(--sky-comp-button-icon-space-inset-bottom) var(--sky-comp-button-icon-space-inset-left));
2602
+ padding: var(--sky-comp-button-icon-space-inset-top) var(--sky-comp-button-icon-space-inset-right) var(--sky-comp-button-icon-space-inset-bottom) var(--sky-comp-button-icon-space-inset-left);
2722
2603
  }
2723
2604
  .sky-theme-modern .sky-btn-default,
2724
2605
  .sky-theme-modern .sky-btn-icon {
@@ -2736,12 +2617,12 @@
2736
2617
  .sky-theme-modern .sky-btn-icon.sky-btn-active {
2737
2618
  background-color: var(--sky-color-background-action-secondary-active);
2738
2619
  box-shadow: inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-secondary-active), var(--sky-comp-override-toolbar-button-elevation-active, var(--sky-elevation-action-secondary-active));
2739
- transition: var(--sky-override-button-box-shadow-hover-transition, none);
2620
+ transition: none;
2740
2621
  }
2741
2622
  .sky-theme-modern .sky-btn-default:focus-visible:not(:active),
2742
2623
  .sky-theme-modern .sky-btn-icon:focus-visible:not(:active) {
2743
2624
  background-color: var(--sky-color-background-action-secondary-focus);
2744
- box-shadow: var(--sky-override-button-default-box-shadow-focus, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-secondary-focus), var(--sky-comp-override-toolbar-button-elevation-focus, var(--sky-elevation-action-secondary-focus)));
2625
+ box-shadow: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-secondary-focus), var(--sky-comp-override-toolbar-button-elevation-focus, var(--sky-elevation-action-secondary-focus));
2745
2626
  }
2746
2627
  .sky-theme-modern .sky-btn-default.sky-btn-disabled, .sky-theme-modern .sky-btn-default.sky-btn-disabled:hover, .sky-theme-modern .sky-btn-default.sky-btn-disabled:focus-visible, .sky-theme-modern .sky-btn-default.sky-btn-disabled.sky-btn-focus, .sky-theme-modern .sky-btn-default.sky-btn-disabled:active, .sky-theme-modern .sky-btn-default.sky-btn-disabled.sky-btn-active, .sky-theme-modern .sky-btn-default[disabled], .sky-theme-modern .sky-btn-default[disabled]:hover, .sky-theme-modern .sky-btn-default[disabled]:focus-visible, .sky-theme-modern .sky-btn-default[disabled].sky-btn-focus, .sky-theme-modern .sky-btn-default[disabled]:active, .sky-theme-modern .sky-btn-default[disabled].sky-btn-active,
2747
2628
  .sky-theme-modern .sky-btn-icon.sky-btn-disabled,
@@ -2772,7 +2653,7 @@
2772
2653
  .sky-theme-modern .sky-btn-icon[disabled].sky-btn-focus:is(:focus-visible, .sky-btn-focus),
2773
2654
  .sky-theme-modern .sky-btn-icon[disabled]:active:is(:focus-visible, .sky-btn-focus),
2774
2655
  .sky-theme-modern .sky-btn-icon[disabled].sky-btn-active:is(:focus-visible, .sky-btn-focus) {
2775
- box-shadow: var(--sky-override-button-icon-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-secondary-disabled), var(--sky-comp-override-toolbar-button-elevation-disabled, var(--sky-elevation-action-secondary-disabled)));
2656
+ box-shadow: inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-secondary-disabled), var(--sky-comp-override-toolbar-button-elevation-disabled, var(--sky-elevation-action-secondary-disabled));
2776
2657
  }
2777
2658
  .sky-theme-modern .sky-btn-primary {
2778
2659
  background-color: var(--sky-color-background-action-primary-base);
@@ -2786,18 +2667,18 @@
2786
2667
  .sky-theme-modern .sky-btn-primary:active, .sky-theme-modern .sky-btn-primary.sky-btn-active {
2787
2668
  background-color: var(--sky-color-background-action-primary-active);
2788
2669
  box-shadow: inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-primary-active), var(--sky-comp-override-toolbar-button-elevation-active, var(--sky-elevation-action-primary-active));
2789
- transition: var(--sky-override-button-box-shadow-hover-transition, none);
2670
+ transition: none;
2790
2671
  }
2791
2672
  .sky-theme-modern .sky-btn-primary:focus-visible:not(:active) {
2792
2673
  background-color: var(--sky-color-background-action-primary-focus);
2793
- box-shadow: var(--sky-override-button-primary-box-shadow-focus, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-primary-focus), var(--sky-comp-override-toolbar-button-elevation-focus, var(--sky-elevation-action-primary-focus)));
2674
+ box-shadow: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-primary-focus), var(--sky-comp-override-toolbar-button-elevation-focus, var(--sky-elevation-action-primary-focus));
2794
2675
  }
2795
2676
  .sky-theme-modern .sky-btn-primary.sky-btn-disabled, .sky-theme-modern .sky-btn-primary.sky-btn-disabled:hover, .sky-theme-modern .sky-btn-primary.sky-btn-disabled:focus-visible, .sky-theme-modern .sky-btn-primary.sky-btn-disabled.sky-btn-focus, .sky-theme-modern .sky-btn-primary.sky-btn-disabled:active, .sky-theme-modern .sky-btn-primary.sky-btn-disabled.sky-btn-active, .sky-theme-modern .sky-btn-primary[disabled], .sky-theme-modern .sky-btn-primary[disabled]:hover, .sky-theme-modern .sky-btn-primary[disabled]:focus-visible, .sky-theme-modern .sky-btn-primary[disabled].sky-btn-focus, .sky-theme-modern .sky-btn-primary[disabled]:active, .sky-theme-modern .sky-btn-primary[disabled].sky-btn-active {
2796
2677
  box-shadow: inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-primary-disabled), var(--sky-comp-override-toolbar-button-elevation-disabled, var(--sky-elevation-action-primary-disabled));
2797
2678
  background-color: var(--sky-color-background-action-primary-disabled);
2798
2679
  }
2799
2680
  .sky-theme-modern .sky-btn-primary.sky-btn-disabled:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-primary.sky-btn-disabled:hover:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-primary.sky-btn-disabled:focus-visible:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-primary.sky-btn-disabled.sky-btn-focus:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-primary.sky-btn-disabled:active:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-primary.sky-btn-disabled.sky-btn-active:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-primary[disabled]:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-primary[disabled]:hover:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-primary[disabled]:focus-visible:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-primary[disabled].sky-btn-focus:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-primary[disabled]:active:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-primary[disabled].sky-btn-active:is(:focus-visible, .sky-btn-focus) {
2800
- box-shadow: var(--sky-override-button-primary-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-primary-disabled), var(--sky-comp-override-toolbar-button-elevation-disabled, var(--sky-elevation-action-primary-disabled)));
2681
+ box-shadow: inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-primary-disabled), var(--sky-comp-override-toolbar-button-elevation-disabled, var(--sky-elevation-action-primary-disabled));
2801
2682
  }
2802
2683
  .sky-theme-modern .sky-btn-danger {
2803
2684
  background-color: var(--sky-color-background-action-danger-base);
@@ -2811,18 +2692,18 @@
2811
2692
  .sky-theme-modern .sky-btn-danger:active, .sky-theme-modern .sky-btn-danger.sky-btn-active {
2812
2693
  background-color: var(--sky-color-background-action-danger-active);
2813
2694
  box-shadow: inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-danger-active), var(--sky-comp-override-toolbar-button-elevation-active, var(--sky-elevation-action-danger-active));
2814
- transition: var(--sky-override-button-box-shadow-hover-transition, none);
2695
+ transition: none;
2815
2696
  }
2816
2697
  .sky-theme-modern .sky-btn-danger:focus-visible:not(:active) {
2817
2698
  background-color: var(--sky-color-background-action-danger-focus);
2818
- box-shadow: var(--sky-override-button-danger-box-shadow-focus, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-danger-focus), var(--sky-comp-override-toolbar-button-elevation-focus, var(--sky-elevation-action-danger-focus)));
2699
+ box-shadow: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-danger-focus), var(--sky-comp-override-toolbar-button-elevation-focus, var(--sky-elevation-action-danger-focus));
2819
2700
  }
2820
2701
  .sky-theme-modern .sky-btn-danger.sky-btn-disabled, .sky-theme-modern .sky-btn-danger.sky-btn-disabled:hover, .sky-theme-modern .sky-btn-danger.sky-btn-disabled:focus-visible, .sky-theme-modern .sky-btn-danger.sky-btn-disabled.sky-btn-focus, .sky-theme-modern .sky-btn-danger.sky-btn-disabled:active, .sky-theme-modern .sky-btn-danger.sky-btn-disabled.sky-btn-active, .sky-theme-modern .sky-btn-danger[disabled], .sky-theme-modern .sky-btn-danger[disabled]:hover, .sky-theme-modern .sky-btn-danger[disabled]:focus-visible, .sky-theme-modern .sky-btn-danger[disabled].sky-btn-focus, .sky-theme-modern .sky-btn-danger[disabled]:active, .sky-theme-modern .sky-btn-danger[disabled].sky-btn-active {
2821
2702
  box-shadow: inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-danger-disabled), var(--sky-comp-override-toolbar-button-elevation-disabled, var(--sky-elevation-action-danger-disabled));
2822
2703
  background-color: var(--sky-color-background-action-danger-disabled);
2823
2704
  }
2824
2705
  .sky-theme-modern .sky-btn-danger.sky-btn-disabled:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-danger.sky-btn-disabled:hover:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-danger.sky-btn-disabled:focus-visible:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-danger.sky-btn-disabled.sky-btn-focus:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-danger.sky-btn-disabled:active:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-danger.sky-btn-disabled.sky-btn-active:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-danger[disabled]:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-danger[disabled]:hover:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-danger[disabled]:focus-visible:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-danger[disabled].sky-btn-focus:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-danger[disabled]:active:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-danger[disabled].sky-btn-active:is(:focus-visible, .sky-btn-focus) {
2825
- box-shadow: var(--sky-override-button-danger-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-danger-disabled), var(--sky-comp-override-toolbar-button-elevation-disabled, var(--sky-elevation-action-danger-disabled)));
2706
+ box-shadow: inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-danger-disabled), var(--sky-comp-override-toolbar-button-elevation-disabled, var(--sky-elevation-action-danger-disabled));
2826
2707
  }
2827
2708
  .sky-theme-modern .sky-btn-link {
2828
2709
  color: var(--sky-color-text-action);
@@ -2832,9 +2713,9 @@
2832
2713
  color: var(--sky-color-icon-deemphasized);
2833
2714
  }
2834
2715
  .sky-theme-modern .sky-btn-icon-borderless {
2835
- padding: var(--sky-override-button-icon-borderless-padding, var(--sky-comp-button-borderless-space-inset-top) var(--sky-comp-button-borderless-space-inset-right) var(--sky-comp-button-borderless-space-inset-bottom) var(--sky-comp-button-borderless-space-inset-left));
2836
- height: var(--sky-override-borderless-icon-size, "");
2837
- width: var(--sky-override-borderless-icon-size, "");
2716
+ padding: var(--sky-comp-button-borderless-space-inset-top) var(--sky-comp-button-borderless-space-inset-right) var(--sky-comp-button-borderless-space-inset-bottom) var(--sky-comp-button-borderless-space-inset-left);
2717
+ height: auto;
2718
+ width: auto;
2838
2719
  line-height: 1;
2839
2720
  }
2840
2721
  .sky-theme-modern .sky-btn-link,
@@ -2856,13 +2737,13 @@
2856
2737
  .sky-theme-modern .sky-btn-icon-borderless.sky-btn-active {
2857
2738
  background-color: var(--sky-color-background-action-tertiary-active);
2858
2739
  box-shadow: inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active), var(--sky-comp-override-toolbar-button-elevation-active, var(--sky-elevation-action-tertiary-active));
2859
- transition: var(--sky-override-button-box-shadow-hover-transition, none);
2740
+ transition: none;
2860
2741
  }
2861
2742
  .sky-theme-modern .sky-btn-link:focus-visible:not(:active),
2862
2743
  .sky-theme-modern .sky-btn-borderless:focus-visible:not(:active),
2863
2744
  .sky-theme-modern .sky-btn-icon-borderless:focus-visible:not(:active) {
2864
2745
  background-color: var(--sky-color-background-action-tertiary-focus);
2865
- box-shadow: var(--sky-override-button-tertiary-box-shadow-focus, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-comp-override-toolbar-button-elevation-focus, var(--sky-elevation-action-tertiary-focus)));
2746
+ box-shadow: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-comp-override-toolbar-button-elevation-focus, var(--sky-elevation-action-tertiary-focus));
2866
2747
  }
2867
2748
  .sky-theme-modern .sky-btn-link.sky-btn-disabled, .sky-theme-modern .sky-btn-link.sky-btn-disabled:hover, .sky-theme-modern .sky-btn-link.sky-btn-disabled:focus-visible, .sky-theme-modern .sky-btn-link.sky-btn-disabled.sky-btn-focus, .sky-theme-modern .sky-btn-link.sky-btn-disabled:active, .sky-theme-modern .sky-btn-link.sky-btn-disabled.sky-btn-active, .sky-theme-modern .sky-btn-link[disabled], .sky-theme-modern .sky-btn-link[disabled]:hover, .sky-theme-modern .sky-btn-link[disabled]:focus-visible, .sky-theme-modern .sky-btn-link[disabled].sky-btn-focus, .sky-theme-modern .sky-btn-link[disabled]:active, .sky-theme-modern .sky-btn-link[disabled].sky-btn-active,
2868
2749
  .sky-theme-modern .sky-btn-borderless.sky-btn-disabled,
@@ -2917,48 +2798,46 @@
2917
2798
  .sky-theme-modern .sky-btn-icon-borderless[disabled].sky-btn-focus:is(:focus-visible, .sky-btn-focus),
2918
2799
  .sky-theme-modern .sky-btn-icon-borderless[disabled]:active:is(:focus-visible, .sky-btn-focus),
2919
2800
  .sky-theme-modern .sky-btn-icon-borderless[disabled].sky-btn-active:is(:focus-visible, .sky-btn-focus) {
2920
- box-shadow: var(--sky-override-button-tertiary-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled), var(--sky-comp-override-toolbar-button-elevation-disabled, var(--sky-elevation-action-tertiary-disabled)));
2801
+ box-shadow: inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled), var(--sky-comp-override-toolbar-button-elevation-disabled, var(--sky-elevation-action-tertiary-disabled));
2921
2802
  }
2922
2803
  .sky-theme-modern .sky-btn-link-inline {
2923
- background-color: var(--sky-color-background-action-tertiary-base);
2924
- border-radius: var(--sky-override-button-link-inline-border-radius, var(--sky-border-radius-s));
2804
+ background-color: transparent;
2805
+ border-radius: var(--sky-border-radius-s);
2925
2806
  padding: var(--sky-space-inset-balanced-none);
2926
2807
  color: var(--sky-color-text-action);
2927
- font-size: var(--sky-override-button-link-inline-font-size, inherit);
2928
2808
  }
2929
2809
  .sky-theme-modern .sky-btn-link-inline:focus-visible:not(:active) {
2930
- background-color: var(--sky-color-background-action-tertiary-focus);
2931
- box-shadow: var(--sky-override-button-link-inline-box-shadow-focus, 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus));
2810
+ background-color: transparent;
2811
+ box-shadow: 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus);
2932
2812
  }
2933
2813
  .sky-theme-modern .sky-btn-link-inline:active {
2934
- background-color: var(--sky-color-background-action-tertiary-active);
2814
+ background-color: transparent;
2935
2815
  }
2936
2816
  .sky-theme-modern .sky-btn-link-inline:hover {
2937
- background-color: var(--sky-color-background-action-tertiary-hover);
2817
+ background-color: transparent;
2938
2818
  }
2939
2819
  .sky-theme-modern .sky-btn-link-inline:hover, .sky-theme-modern .sky-btn-link-inline:active {
2940
- color: var(--sky-override-button-link-inline-color-hover-active, var(--sky-color-text-action));
2820
+ color: var(--sky-color-text-action);
2941
2821
  text-decoration: underline;
2942
2822
  }
2943
2823
  .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled, .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled:hover, .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled:focus-visible, .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled.sky-btn-focus, .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled:active, .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled.sky-btn-active, .sky-theme-modern .sky-btn-link-inline[disabled], .sky-theme-modern .sky-btn-link-inline[disabled]:hover, .sky-theme-modern .sky-btn-link-inline[disabled]:focus-visible, .sky-theme-modern .sky-btn-link-inline[disabled].sky-btn-focus, .sky-theme-modern .sky-btn-link-inline[disabled]:active, .sky-theme-modern .sky-btn-link-inline[disabled].sky-btn-active {
2944
2824
  box-shadow: inset 0 0 0 0 var(--sky-color-border-action-tertiary-disabled);
2945
2825
  }
2946
2826
  .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled:hover:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled:focus-visible:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled.sky-btn-focus:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled:active:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline.sky-btn-disabled.sky-btn-active:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline[disabled]:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline[disabled]:hover:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline[disabled]:focus-visible:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline[disabled].sky-btn-focus:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline[disabled]:active:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-link-inline[disabled].sky-btn-active:is(:focus-visible, .sky-btn-focus) {
2947
- box-shadow: var(--sky-override-button-link-inline-disabled-box-shadow, inset 0 0 0 0 var(--sky-color-border-action-tertiary-disabled));
2827
+ box-shadow: inset 0 0 0 0 var(--sky-color-border-action-tertiary-disabled);
2948
2828
  }
2949
2829
  .sky-theme-modern .sky-btn-borderless-inline {
2950
2830
  color: var(--sky-color-text-deemphasized);
2951
2831
  padding: var(--sky-space-inset-balanced-none);
2952
- font-size: var(--sky-override-button-link-inline-font-size, inherit);
2953
2832
  }
2954
2833
  .sky-theme-modern .sky-btn-borderless-inline:focus-visible:not(:active) {
2955
- box-shadow: var(--sky-override-button-borderless-inline-box-shadow-focus, 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus));
2834
+ box-shadow: 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus);
2956
2835
  }
2957
2836
  .sky-theme-modern .sky-btn-borderless-inline.sky-btn-disabled, .sky-theme-modern .sky-btn-borderless-inline.sky-btn-disabled:hover, .sky-theme-modern .sky-btn-borderless-inline.sky-btn-disabled:focus-visible, .sky-theme-modern .sky-btn-borderless-inline.sky-btn-disabled.sky-btn-focus, .sky-theme-modern .sky-btn-borderless-inline.sky-btn-disabled:active, .sky-theme-modern .sky-btn-borderless-inline.sky-btn-disabled.sky-btn-active, .sky-theme-modern .sky-btn-borderless-inline[disabled], .sky-theme-modern .sky-btn-borderless-inline[disabled]:hover, .sky-theme-modern .sky-btn-borderless-inline[disabled]:focus-visible, .sky-theme-modern .sky-btn-borderless-inline[disabled].sky-btn-focus, .sky-theme-modern .sky-btn-borderless-inline[disabled]:active, .sky-theme-modern .sky-btn-borderless-inline[disabled].sky-btn-active {
2958
2837
  box-shadow: inset 0 0 0 0 var(--sky-color-border-action-tertiary-disabled);
2959
2838
  }
2960
2839
  .sky-theme-modern .sky-btn-borderless-inline.sky-btn-disabled:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-borderless-inline.sky-btn-disabled:hover:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-borderless-inline.sky-btn-disabled:focus-visible:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-borderless-inline.sky-btn-disabled.sky-btn-focus:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-borderless-inline.sky-btn-disabled:active:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-borderless-inline.sky-btn-disabled.sky-btn-active:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-borderless-inline[disabled]:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-borderless-inline[disabled]:hover:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-borderless-inline[disabled]:focus-visible:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-borderless-inline[disabled].sky-btn-focus:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-borderless-inline[disabled]:active:is(:focus-visible, .sky-btn-focus), .sky-theme-modern .sky-btn-borderless-inline[disabled].sky-btn-active:is(:focus-visible, .sky-btn-focus) {
2961
- box-shadow: var(--sky-override-button-borderless-inline-disabled-box-shadow, inset 0 0 0 0 var(--sky-color-border-action-tertiary-disabled));
2840
+ box-shadow: inset 0 0 0 0 var(--sky-color-border-action-tertiary-disabled);
2962
2841
  }
2963
2842
  .sky-theme-modern .sky-btn-sm {
2964
2843
  padding: 5px 10px;
@@ -2967,8 +2846,8 @@
2967
2846
  }
2968
2847
  .sky-theme-modern .sky-btn-block {
2969
2848
  font-size: var(--sky-font-size-body-l);
2970
- line-height: var(--sky-override-button-block-line-height, var(--sky-font-line_height-body-l));
2971
- padding: var(--sky-override-button-padding, var(--sky-comp-button-block-space-inset-top) var(--sky-comp-button-block-space-inset-right) var(--sky-comp-button-block-space-inset-bottom) var(--sky-comp-button-block-space-inset-left));
2849
+ line-height: var(--sky-font-line_height-body-l);
2850
+ padding: var(--sky-comp-button-block-space-inset-top) var(--sky-comp-button-block-space-inset-right) var(--sky-comp-button-block-space-inset-bottom) var(--sky-comp-button-block-space-inset-left);
2972
2851
  }
2973
2852
  .sky-theme-modern .sky-btn-block:has(.sky-btn-block-logo) {
2974
2853
  --sky-btn-block-logo-padding-sides: calc(
@@ -2988,18 +2867,18 @@
2988
2867
  background-color: var(--sky-color-background-tab-base);
2989
2868
  border: none;
2990
2869
  border-radius: 0;
2991
- border-top-left-radius: var(--sky-override-tab-button-radius, var(--sky-border-radius-s));
2992
- border-top-right-radius: var(--sky-override-tab-button-radius, var(--sky-border-radius-s));
2870
+ border-top-left-radius: var(--sky-border-radius-s);
2871
+ border-top-right-radius: var(--sky-border-radius-s);
2993
2872
  color: var(--sky-color-text-deemphasized);
2994
2873
  font-size: var(--sky-font-size-body-m);
2995
- font-weight: var(--sky-font-weight-body-m);
2996
- line-height: var(--sky-override-tab-line-height, var(--sky-font-line_height-body-m));
2874
+ font-weight: var(--sky-font-style-body-m);
2875
+ line-height: var(--sky-font-line_height-body-m);
2997
2876
  padding: var(--sky-comp-tab-horizontal-space-inset-top) var(--sky-comp-tab-horizontal-space-inset-right) var(--sky-comp-tab-horizontal-space-inset-bottom) var(--sky-comp-tab-horizontal-space-inset-left);
2998
2877
  transition: box-shadow 150ms;
2999
2878
  }
3000
2879
  .sky-theme-modern .sky-btn-tab:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(.sky-dropdown-button-type-tab):not(:focus-visible) {
3001
2880
  background-color: var(--sky-color-background-tab-hover);
3002
- border-bottom: var(--sky-border-width-selected-s) var(--sky-border-style-accent) var(--sky-override-tab-hover-border-bottom-color, var(--sky-color-border-tab-hover));
2881
+ border-bottom: var(--sky-border-width-selected-s) var(--sky-border-style-accent) var(--sky-color-border-tab-hover);
3003
2882
  color: var(--sky-color-text-default);
3004
2883
  padding-bottom: calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-s));
3005
2884
  }
@@ -3011,12 +2890,12 @@
3011
2890
  color: var(--sky-color-text-default);
3012
2891
  }
3013
2892
  .sky-theme-modern .sky-btn-tab:focus-visible.sky-btn-tab-selected {
3014
- background-color: var(--sky-override-tab-selected-focus-background-color, var(--sky-color-background-selected-soft));
2893
+ background-color: var(--sky-color-background-selected-soft);
3015
2894
  }
3016
2895
  .sky-theme-modern .sky-btn-tab:focus-visible:not(:active) {
3017
2896
  outline: solid var(--sky-border-width-selected-m) var(--sky-color-border-tab-focus);
3018
2897
  outline-offset: calc(var(--sky-border-width-selected-m) * -1);
3019
- box-shadow: var(--sky-override-tab-box-shadow-focus-elevation, none);
2898
+ box-shadow: none;
3020
2899
  }
3021
2900
  .sky-theme-modern .sky-btn-tab:focus-visible:not(:active):not(.sky-btn-tab-selected) {
3022
2901
  color: var(--sky-color-text-default);
@@ -3024,39 +2903,39 @@
3024
2903
  .sky-theme-modern .sky-btn-tab:active, .sky-theme-modern .sky-btn-tab:active:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(:focus-visible) {
3025
2904
  color: var(--sky-color-text-default);
3026
2905
  background-color: var(--sky-color-background-tab-active);
3027
- border-bottom: var(--sky-border-width-selected-s) var(--sky-border-style-accent) var(--sky-override-tab-hover-border-bottom-color, var(--sky-color-border-tab-active));
2906
+ border-bottom: var(--sky-border-width-selected-s) var(--sky-border-style-accent) var(--sky-color-border-tab-active);
3028
2907
  padding-bottom: calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-s));
3029
2908
  }
3030
2909
  .sky-theme-modern .sky-btn-tab:active.sky-btn-tab-selected, .sky-theme-modern .sky-btn-tab:active:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(:focus-visible).sky-btn-tab-selected {
3031
- background-color: var(--sky-override-tab-selected-active-background-color, var(--sky-color-background-selected-soft));
3032
- border-bottom: var(--sky-override-tab-selected-active-border-bottom, var(--sky-override-tab-selected-border-bottom-size, var(--sky-border-width-selected-m)) var(--sky-border-style-accent) var(--sky-color-border-selected));
3033
- padding-bottom: var(--sky-override-tab-selected-active-padding-bottom, calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-m)));
2910
+ background-color: var(--sky-color-background-selected-soft);
2911
+ border-bottom: var(--sky-border-width-selected-m) var(--sky-border-style-accent) var(--sky-color-border-selected);
2912
+ padding-bottom: calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-m));
3034
2913
  }
3035
2914
  .sky-theme-modern .sky-btn-tab .sky-btn-tab-close {
3036
2915
  margin-left: var(--sky-space-gap-text_action-xs);
3037
2916
  }
3038
2917
  .sky-theme-modern .sky-btn-tab.sky-btn-tab-disabled {
3039
- background-color: var(--sky-override-tab-disabled-background-color, var(--sky-color-background-tab-disabled));
2918
+ background-color: var(--sky-color-background-tab-disabled);
3040
2919
  color: var(--sky-color-text-deemphasized);
3041
2920
  font-style: var(--sky-font-style-deemphasized-style);
3042
2921
  font-weight: var(--sky-font-style-deemphasized-weight);
3043
- font-size: var(--sky-override-tab-disabled-font-size, var(--sky-font-size-body-m));
2922
+ font-size: var(--sky-font-size-body-m);
3044
2923
  }
3045
2924
  .sky-theme-modern .sky-btn-tab.sky-btn-tab-disabled .sky-btn-tab-close {
3046
2925
  font-size: var(--sky-font-size-body-m);
3047
2926
  }
3048
2927
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled) {
3049
- background-color: var(--sky-override-tab-selected-background-color, var(--sky-color-background-tab-selected));
3050
- color: var(--sky-override-tab-selected-color, var(--sky-color-text-selected));
2928
+ background-color: var(--sky-color-background-tab-selected);
2929
+ color: var(--sky-color-text-selected);
3051
2930
  box-shadow: none;
3052
2931
  }
3053
2932
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled):not(:active) {
3054
- border-bottom: var(--sky-override-tab-selected-border-bottom-size, var(--sky-border-width-selected-m)) var(--sky-border-style-accent) var(--sky-color-border-selected);
3055
- padding-bottom: calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-override-tab-selected-border-bottom-size, var(--sky-border-width-selected-m)));
2933
+ border-bottom: var(--sky-border-width-selected-m) var(--sky-border-style-accent) var(--sky-color-border-selected);
2934
+ padding-bottom: calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-m));
3056
2935
  }
3057
2936
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled):hover:not(.sky-btn-tab-disabled) {
3058
- background-color: var(--sky-override-tab-selected-background-color, var(--sky-color-background-tab-selected));
3059
- color: var(--sky-override-tab-selected-color, var(--sky-color-text-selected));
2937
+ background-color: var(--sky-color-background-tab-selected);
2938
+ color: var(--sky-color-text-selected);
3060
2939
  }
3061
2940
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled) .sky-btn-tab-close,
3062
2941
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled) .sky-tab-header-count {
@@ -3085,17 +2964,17 @@
3085
2964
  }
3086
2965
  .sky-theme-modern .sky-tab-dropdown-menu-item .sky-btn-tab:focus-visible:not(:active) {
3087
2966
  background-color: transparent;
3088
- box-shadow: var(--sky-override-tab-item-box-shadow-focus-elevation, none);
2967
+ box-shadow: none;
3089
2968
  outline: solid var(--sky-border-width-action-active) var(--sky-color-border-action-secondary-focus);
3090
2969
  outline-offset: calc(var(--sky-border-width-action-active) * -1);
3091
2970
  }
3092
2971
  .sky-theme-modern .sky-tab-dropdown-menu-item .sky-btn-tab.sky-btn-tab-selected {
3093
- background-color: var(--sky-override-selected-dropdown-background-color, var(--sky-color-background-selected-soft));
2972
+ background-color: var(--sky-color-background-selected-soft);
3094
2973
  color: var(--sky-color-text-default);
3095
2974
  border-bottom: none;
3096
2975
  border-radius: 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0;
3097
- border-left: var(--sky-override-selected-dropdown-item-border-width, var(--sky-border-width-selected-l)) var(--sky-border-style-accent) var(--sky-color-border-selected);
3098
- padding: var(--sky-comp-tab-horizontal-space-inset-top) var(--sky-comp-tab-horizontal-space-inset-right) var(--sky-comp-tab-horizontal-space-inset-bottom) calc(var(--sky-comp-tab-horizontal-space-inset-left) - var(--sky-override-selected-dropdown-item-border-width, var(--sky-border-width-selected-l)));
2976
+ border-left: var(--sky-border-width-selected-m) var(--sky-border-style-accent) var(--sky-color-border-selected);
2977
+ padding: var(--sky-comp-tab-horizontal-space-inset-top) var(--sky-comp-tab-horizontal-space-inset-right) var(--sky-comp-tab-horizontal-space-inset-bottom) calc(var(--sky-comp-tab-horizontal-space-inset-left) - var(--sky-border-width-selected-m));
3099
2978
  }
3100
2979
 
3101
2980
  .sky-theme-modern .sky-elevation-0-bordered {
@@ -3124,20 +3003,11 @@
3124
3003
  box-shadow: var(--sky-elevation-overlay-400);
3125
3004
  }
3126
3005
 
3127
- .sky-theme-modern:not(.sky-theme-brand-base) select {
3128
- --sky-override-select-icon-size: var(--modern-size-15) var(--modern-size-30);
3129
- --sky-override-select-icon-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1IDEwIiB3aWR0aD0iNSIgaGVpZ2h0PSIxMCI+Cgk8c3R5bGU+CgkJdHNwYW4geyB3aGl0ZS1zcGFjZTpwcmUgfQoJCS5zaHAwIHsgZmlsbDogIzQ0NDQ0NCB9IAoJPC9zdHlsZT4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InNocDAiIGQ9Ik0xLjQxIDQuNjdMMi40OCAzLjE4TDMuNTQgNC42N0wxLjQxIDQuNjdMMS40MSA0LjY3WiIgLz4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InNocDAiIGQ9Ik0zLjU0IDUuMzNMMi40OCA2LjgyTDEuNDEgNS4zM0wzLjU0IDUuMzNMMy41NCA1LjMzWiIgLz4KPC9zdmc+);
3130
- }
3131
-
3132
- .sky-theme-modern:not(.sky-theme-brand-base) .sky-error-label {
3133
- --sky-override-error-label-margin-top: var(--modern-size-5);
3134
- }
3135
-
3136
3006
  .sky-theme-modern .sky-form-control {
3137
3007
  font-size: var(--sky-font-size-body-m);
3138
3008
  }
3139
3009
  .sky-theme-modern .sky-error-label {
3140
- margin-top: var(--sky-override-error-label-margin-top, var(--sky-comp-input-label-space-inset-top));
3010
+ margin-top: var(--sky-comp-input-label-space-inset-top);
3141
3011
  color: var(--sky-text-color-default);
3142
3012
  }
3143
3013
  .sky-theme-modern .sky-error-label::before {
@@ -3152,32 +3022,10 @@
3152
3022
  opacity: 1;
3153
3023
  }
3154
3024
  .sky-theme-modern select {
3155
- 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%;
3156
- background-size: var(--sky-override-select-icon-size, var(--sky-input-box-button-width) var(--sky-size-icon-m));
3025
+ background: var(--sky-color-background-input-base) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMC41MzAzIDIuNzE5NjdDMTAuMjM3NCAyLjQyNjc4IDkuNzYyNTYgMi40MjY3OCA5LjQ2OTY3IDIuNzE5NjdMNS4yMTk2NyA2Ljk2OTY3QzQuOTI2NzggNy4yNjI1NiA0LjkyNjc4IDcuNzM3NDQgNS4yMTk2NyA4LjAzMDMzQzUuNTEyNTYgOC4zMjMyMiA1Ljk4NzQ0IDguMzIzMjIgNi4yODAzMyA4LjAzMDMzTDEwIDQuMzEwNjZMMTMuNzE5NyA4LjAzMDMzQzE0LjAxMjYgOC4zMjMyMiAxNC40ODc0IDguMzIzMjIgMTQuNzgwMyA4LjAzMDMzQzE1LjA3MzIgNy43Mzc0NCAxNS4wNzMyIDcuMjYyNTYgMTQuNzgwMyA2Ljk2OTY3TDEwLjUzMDMgMi43MTk2N1pNMTQuNzgwMyAxMy4wMzAzTDEwLjUzMDMgMTcuMjgwM0MxMC4yMzc0IDE3LjU3MzIgOS43NjI1NiAxNy41NzMyIDkuNDY5NjcgMTcuMjgwM0w1LjIxOTY3IDEzLjAzMDNDNC45MjY3OCAxMi43Mzc0IDQuOTI2NzggMTIuMjYyNiA1LjIxOTY3IDExLjk2OTdDNS41MTI1NiAxMS42NzY4IDUuOTg3NDQgMTEuNjc2OCA2LjI4MDMzIDExLjk2OTdMMTAgMTUuNjg5M0wxMy43MTk3IDExLjk2OTdDMTQuMDEyNiAxMS42NzY4IDE0LjQ4NzQgMTEuNjc2OCAxNC43ODAzIDExLjk2OTdDMTUuMDczMiAxMi4yNjI2IDE1LjA3MzIgMTIuNzM3NCAxNC43ODAzIDEzLjAzMDNaIiBmaWxsPSIjMmI2YmQ1Ii8+DQo8L3N2Zz4NCg==) no-repeat right/var(--sky-input-box-button-width) var(--sky-size-icon-m);
3157
3026
  }
3158
-
3159
- .sky-theme-modern:not(.sky-theme-brand-base) {
3160
- --sky-override-icon-color-group: var(--sky-color-icon-action);
3161
- --sky-override-icon-switch-border-width-disabled: 0;
3162
- --sky-override-icon-switch-font-size: 18px;
3163
- --sky-override-icon-switch-font-size-group: 20px;
3164
- --sky-override-icon-switch-size: 35px;
3165
- --sky-override-icon-switch-size-group: 40px;
3166
- --sky-override-switch-background-color: var(--modern-color-white);
3167
- --sky-override-switch-background-color-danger: rgb(250.4, 200.375, 190.6);
3168
- --sky-override-switch-background-color-success: rgb(209.802919708, 231.7737226277, 192.2262773723);
3169
- --sky-override-switch-background-color-warning: rgb(255, 233.5961538462, 202);
3170
- --sky-override-switch-border-color: var(--modern-color-blue-74);
3171
- --sky-override-switch-border-color-checked: var(--sky-color-border-selected);
3172
- --sky-override-switch-box-shadow: none;
3173
- --sky-override-switch-box-shadow-disabled: none;
3174
- --sky-override-switch-box-shadow-focus-elevation: var(--sky-elevation-focus);
3175
- --sky-override-switch-checked-color: var(--sky-color-icon-selected);
3176
- --sky-override-switch-icon-checked-color-no-group: var(
3177
- --sky-color-text-default
3178
- );
3179
- --sky-override-switch-label-color-disabled: var(--sky-color-text-default);
3180
- --sky-switch-label-margin-right: 10px;
3027
+ .sky-theme-modern select:disabled {
3028
+ background: var(--sky-color-background-input-base) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUzMDMgMi43MTk2N0MxMC4yMzc0IDIuNDI2NzggOS43NjI1NiAyLjQyNjc4IDkuNDY5NjcgMi43MTk2N0w1LjIxOTY3IDYuOTY5NjdDNC45MjY3OCA3LjI2MjU2IDQuOTI2NzggNy43Mzc0NCA1LjIxOTY3IDguMDMwMzNDNS41MTI1NiA4LjMyMzIyIDUuOTg3NDQgOC4zMjMyMiA2LjI4MDMzIDguMDMwMzNMMTAgNC4zMTA2NkwxMy43MTk3IDguMDMwMzNDMTQuMDEyNiA4LjMyMzIyIDE0LjQ4NzQgOC4zMjMyMiAxNC43ODAzIDguMDMwMzNDMTUuMDczMiA3LjczNzQ0IDE1LjA3MzIgNy4yNjI1NiAxNC43ODAzIDYuOTY5NjdMMTAuNTMwMyAyLjcxOTY3Wk0xNC43ODAzIDEzLjAzMDNMMTAuNTMwMyAxNy4yODAzQzEwLjIzNzQgMTcuNTczMiA5Ljc2MjU2IDE3LjU3MzIgOS40Njk2NyAxNy4yODAzTDUuMjE5NjcgMTMuMDMwM0M0LjkyNjc4IDEyLjczNzQgNC45MjY3OCAxMi4yNjI2IDUuMjE5NjcgMTEuOTY5N0M1LjUxMjU2IDExLjY3NjggNS45ODc0NCAxMS42NzY4IDYuMjgwMzMgMTEuOTY5N0wxMCAxNS42ODkzTDEzLjcxOTcgMTEuOTY5N0MxNC4wMTI2IDExLjY3NjggMTQuNDg3NCAxMS42NzY4IDE0Ljc4MDMgMTEuOTY5N0MxNS4wNzMyIDEyLjI2MjYgMTUuMDczMiAxMi43Mzc0IDE0Ljc4MDMgMTMuMDMwM1oiIGZpbGw9IiM2NjZiNzAiLz4KPC9zdmc+) no-repeat right/var(--sky-input-box-button-width) var(--sky-size-icon-m);
3181
3029
  }
3182
3030
 
3183
3031
  .sky-theme-modern .sky-switch {
@@ -3192,7 +3040,7 @@
3192
3040
  cursor: not-allowed;
3193
3041
  }
3194
3042
  .sky-theme-modern .sky-switch.sky-switch-disabled .sky-switch-label {
3195
- color: var(--sky-override-switch-label-color-disabled, var(--sky-color-text-deemphasized));
3043
+ color: var(--sky-color-text-deemphasized);
3196
3044
  }
3197
3045
  .sky-theme-modern .sky-switch.sky-control-label-required .sky-switch-label {
3198
3046
  margin-right: 0;
@@ -3214,16 +3062,16 @@
3214
3062
  border-color: var(--sky-color-border-switch-error);
3215
3063
  }
3216
3064
  .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 {
3217
- background-color: var(--sky-color-background-selected-heavy);
3065
+ background: var(--sky-color-background-selected-switch-base);
3218
3066
  border-width: var(--sky-border-width-selected-s);
3219
- border-color: var(--sky-override-switch-border-color-checked, var(--sky-color-border-switch-selected-base));
3067
+ border-color: var(--sky-color-border-switch-selected-base);
3220
3068
  }
3221
3069
  .sky-theme-modern .sky-switch .sky-switch-input:checked:not(:disabled) + .sky-switch-control:not(.sky-switch-control-icon), .sky-theme-modern .sky-switch .sky-switch-input[type=checkbox]:indeterminate:not(:disabled) + .sky-switch-control:not(.sky-switch-control-icon) {
3222
- color: var(--sky-override-switch-checked-color, var(--sky-color-icon-inverse));
3070
+ color: var(--sky-color-icon-inverse);
3223
3071
  }
3224
3072
  .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 {
3225
- background-color: var(--sky-color-background-selected-soft);
3226
- color: var(--sky-override-switch-icon-checked-color-no-group, var(--sky-color-icon-selected));
3073
+ background: var(--sky-color-background-selected-soft);
3074
+ color: var(--sky-color-icon-selected);
3227
3075
  border-color: var(--sky-color-border-selected);
3228
3076
  }
3229
3077
  .sky-theme-modern .sky-switch .sky-switch-input:checked:not(:disabled) + .sky-switch-control:is(.sky-switch-control-success,
@@ -3234,13 +3082,13 @@
3234
3082
  color: var(--sky-color-icon-default);
3235
3083
  }
3236
3084
  .sky-theme-modern .sky-switch .sky-switch-input:checked:not(:disabled) + .sky-switch-control.sky-switch-control-success, .sky-theme-modern .sky-switch .sky-switch-input[type=checkbox]:indeterminate:not(:disabled) + .sky-switch-control.sky-switch-control-success {
3237
- background-color: var(--sky-override-switch-background-color-success, var(--sky-color-background-selected-success));
3085
+ background-color: var(--sky-color-background-selected-success);
3238
3086
  }
3239
3087
  .sky-theme-modern .sky-switch .sky-switch-input:checked:not(:disabled) + .sky-switch-control.sky-switch-control-warning, .sky-theme-modern .sky-switch .sky-switch-input[type=checkbox]:indeterminate:not(:disabled) + .sky-switch-control.sky-switch-control-warning {
3240
- background-color: var(--sky-override-switch-background-color-warning, var(--sky-color-background-selected-warning));
3088
+ background-color: var(--sky-color-background-selected-warning);
3241
3089
  }
3242
3090
  .sky-theme-modern .sky-switch .sky-switch-input:checked:not(:disabled) + .sky-switch-control.sky-switch-control-danger, .sky-theme-modern .sky-switch .sky-switch-input[type=checkbox]:indeterminate:not(:disabled) + .sky-switch-control.sky-switch-control-danger {
3243
- background-color: var(--sky-override-switch-background-color-danger, var(--sky-color-background-selected-danger));
3091
+ background-color: var(--sky-color-background-selected-danger);
3244
3092
  }
3245
3093
  .sky-theme-modern .sky-switch .sky-switch-input:checked:not(:disabled):active + .sky-switch-control, .sky-theme-modern .sky-switch .sky-switch-input[type=checkbox]:indeterminate:not(:disabled):active + .sky-switch-control {
3246
3094
  border-color: var(--sky-color-border-switch-selected-active);
@@ -3255,14 +3103,14 @@
3255
3103
  border-color: var(--sky-color-border-switch-selected-disabled);
3256
3104
  }
3257
3105
  .sky-theme-modern .sky-switch .sky-switch-input:disabled + .sky-switch-control {
3258
- background-color: var(--sky-color-background-input-disabled);
3106
+ background-color: var(--sky-color-background-selected-switch-disabled);
3259
3107
  border-width: var(--sky-border-width-input-disabled);
3260
3108
  border-color: var(--sky-color-border-switch-disabled);
3261
- box-shadow: var(--sky-override-switch-box-shadow-disabled, var(--sky-elevation-input-disabled));
3109
+ box-shadow: var(--sky-elevation-input-disabled);
3262
3110
  color: var(--sky-color-text-deemphasized);
3263
3111
  }
3264
3112
  .sky-theme-modern .sky-switch .sky-switch-input:not(:disabled) + .sky-switch-control {
3265
- box-shadow: var(--sky-override-switch-box-shadow, var(--sky-elevation-input-base));
3113
+ box-shadow: var(--sky-elevation-input-base);
3266
3114
  }
3267
3115
  .sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):hover + .sky-switch-control {
3268
3116
  border-width: var(--sky-border-width-input-hover);
@@ -3277,28 +3125,28 @@
3277
3125
  border-color: var(--sky-color-border-switch-focus);
3278
3126
  }
3279
3127
  .sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):focus-visible:not(:active) + .sky-switch-control {
3280
- box-shadow: var(--sky-override-switch-box-shadow-focus-elevation, var(--sky-elevation-input-base));
3128
+ box-shadow: var(--sky-elevation-input-base);
3281
3129
  outline: none;
3282
3130
  }
3283
3131
  .sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):not(:hover):not(:active):not(:focus-visible):checked + .sky-switch-control.sky-switch-control-success, .sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):not(:hover):not(:active):not(:focus-visible)[type=checkbox]:indeterminate + .sky-switch-control.sky-switch-control-success {
3284
- border-color: var(--sky-override-switch-border-color, var(--sky-color-border-success));
3132
+ border-color: var(--sky-color-border-success);
3285
3133
  }
3286
3134
  .sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):not(:hover):not(:active):not(:focus-visible):checked + .sky-switch-control.sky-switch-control-warning, .sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):not(:hover):not(:active):not(:focus-visible)[type=checkbox]:indeterminate + .sky-switch-control.sky-switch-control-warning {
3287
- border-color: var(--sky-override-switch-border-color, var(--sky-color-border-warning));
3135
+ border-color: var(--sky-color-border-warning);
3288
3136
  }
3289
3137
  .sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):not(:hover):not(:active):not(:focus-visible):checked + .sky-switch-control.sky-switch-control-danger, .sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):not(:hover):not(:active):not(:focus-visible)[type=checkbox]:indeterminate + .sky-switch-control.sky-switch-control-danger {
3290
- border-color: var(--sky-override-switch-border-color, var(--sky-color-border-danger));
3138
+ border-color: var(--sky-color-border-danger);
3291
3139
  }
3292
3140
  .sky-theme-modern .sky-switch .sky-switch-control {
3293
3141
  width: var(--sky-size-switch);
3294
3142
  max-width: var(--sky-size-switch);
3295
3143
  height: var(--sky-size-switch);
3296
3144
  flex: 1 0 var(--sky-size-switch);
3297
- margin: 0 var(--sky-space-gap-label-s) auto auto;
3145
+ margin: 0 var(--sky-comp-override-switch-label-margin-right, var(--sky-space-gap-label-s)) auto auto;
3298
3146
  display: inline-flex;
3299
3147
  position: relative;
3300
3148
  border: var(--sky-border-width-input-base) solid var(--sky-color-border-switch-base);
3301
- background-color: var(--sky-override-switch-background-color, var(--sky-color-background-input-base));
3149
+ background-color: var(--sky-color-background-input-base);
3302
3150
  color: var(--sky-color-icon-default);
3303
3151
  text-align: center;
3304
3152
  line-height: 1;
@@ -3308,10 +3156,10 @@
3308
3156
  }
3309
3157
  .sky-theme-modern .sky-switch .sky-switch-control.sky-switch-control-icon {
3310
3158
  max-width: none;
3311
- 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)));
3312
- 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)));
3313
- 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)));
3314
- font-size: var(--sky-override-icon-switch-font-size, var(--sky-size-icon-m));
3159
+ width: calc(var(--sky-size-icon-m) + var(--sky-comp-button-icon-space-inset-left) + var(--sky-comp-button-icon-space-inset-right));
3160
+ height: calc(var(--sky-size-icon-m) + var(--sky-comp-button-icon-space-inset-top) + var(--sky-comp-button-icon-space-inset-bottom));
3161
+ flex: 1 0 calc(var(--sky-size-icon-m) + var(--sky-comp-button-icon-space-inset-left) + var(--sky-comp-button-icon-space-inset-right));
3162
+ font-size: var(--sky-size-icon-m);
3315
3163
  }
3316
3164
  .sky-theme-modern .sky-switch .sky-switch-control.sky-switch-control-icon i {
3317
3165
  justify-content: center;
@@ -3334,16 +3182,16 @@
3334
3182
  }
3335
3183
  .sky-theme-modern .sky-switch-icon-group .sky-switch-control {
3336
3184
  background-color: var(--sky-color-background-action-tertiary-base);
3337
- border-width: var(--sky-width-action-base);
3185
+ border-width: var(--sky-border-width-action-base);
3338
3186
  border-color: var(--sky-color-border-action-tertiary-base);
3339
3187
  }
3340
3188
  .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 {
3341
3189
  border-width: var(--sky-border-width-selected-s);
3342
- color: var(--sky-override-switch-checked-color, var(--sky-color-icon-action));
3190
+ color: var(--sky-color-icon-action);
3343
3191
  }
3344
3192
  .sky-theme-modern .sky-switch-icon-group .sky-switch-input:disabled + .sky-switch-control.sky-switch-control-icon {
3345
3193
  border-color: var(--sky-color-border-action-tertiary-disabled);
3346
- border-width: var(--sky-override-icon-switch-border-width-disabled, var(--sky-border-width-action-disabled));
3194
+ border-width: var(--sky-border-width-action-disabled);
3347
3195
  }
3348
3196
  .sky-theme-modern .sky-switch-icon-group .sky-switch-input:checked:disabled + .sky-switch-control.sky-switch-control-icon, .sky-theme-modern .sky-switch-icon-group .sky-switch-input[type=checkbox]:indeterminate:disabled + .sky-switch-control.sky-switch-control-icon {
3349
3197
  color: var(--sky-color-icon-action);
@@ -3364,9 +3212,9 @@
3364
3212
  border-color: var(--sky-color-border-action-tertiary-focus);
3365
3213
  }
3366
3214
  .sky-theme-modern .sky-switch-icon-group .sky-switch-control.sky-switch-control-icon {
3367
- 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)));
3368
- 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)));
3369
- font-size: var(--sky-override-icon-switch-font-size-group, var(--sky-size-icon-m));
3215
+ width: calc(var(--sky-size-icon-m) + var(--sky-comp-button-icon-space-inset-left) + var(--sky-comp-button-icon-space-inset-right));
3216
+ height: calc(var(--sky-size-icon-m) + var(--sky-comp-button-icon-space-inset-top) + var(--sky-comp-button-icon-space-inset-bottom));
3217
+ font-size: var(--sky-size-icon-m);
3370
3218
  }
3371
3219
  .sky-theme-modern .sky-switch-icon-group sky-checkbox .sky-switch-control-icon {
3372
3220
  margin-right: var(--sky-space-gap-action_group-m);
@@ -3378,27 +3226,13 @@
3378
3226
  border-radius: var(--sky-border-radius-s);
3379
3227
  }
3380
3228
 
3381
- .sky-theme-modern:not(.sky-theme-brand-base) {
3382
- --sky-override-a-border-radius: 0;
3383
- --sky-override-a-box-shadow-focus:
3384
- 0 0 0 var(--sky-border-width-action-focus)
3385
- var(--sky-color-border-action-tertiary-focus),
3386
- var(--sky-elevation-focus);
3387
- --sky-override-a-color-hover-active: var(
3388
- --sky-text-color-action-primary-hover
3389
- );
3390
- --sky-override-form-font-weight: var(--sky-font-weight-body-m);
3391
- --sky-override-p-line-height: var(--sky-font-line_height-body-m);
3392
- --sky-override-body-line-height: normal;
3393
- }
3394
-
3395
- html:has(.sky-theme-brand-base) {
3229
+ html:has(.sky-theme-modern) {
3396
3230
  font-size: initial;
3397
3231
  }
3398
3232
 
3399
3233
  .sky-theme-modern {
3400
3234
  font-size: var(--sky-font-size-body-m);
3401
- font-weight: var(--sky-font-weight-body-m);
3235
+ font-weight: var(--sky-font-style-body-m);
3402
3236
  font-family: var(--sky-font-family-primary);
3403
3237
  color: var(--sky-color-text-default);
3404
3238
  background-color: var(--sky-color-background-page);
@@ -3407,59 +3241,63 @@ html:has(.sky-theme-brand-base) {
3407
3241
 
3408
3242
  .sky-theme-modern form {
3409
3243
  font-size: var(--sky-font-size-body-m);
3410
- font-weight: var(--sky-override-form-font-weight, initial);
3411
3244
  font-family: var(--sky-font-family-primary);
3412
3245
  transition: background-color 150ms, color 150ms;
3413
3246
  }
3414
3247
 
3415
3248
  body.sky-theme-modern {
3416
- line-height: var(--sky-override-body-line-height, var(--sky-font-line_height-body-m));
3249
+ line-height: var(--sky-font-line_height-body-m);
3417
3250
  }
3418
3251
 
3419
3252
  .sky-theme-modern a {
3420
3253
  color: var(--sky-color-text-action);
3421
- border-radius: var(--sky-override-a-border-radius, var(--sky-border-radius-s));
3254
+ border-radius: var(--sky-border-radius-s);
3422
3255
  }
3423
3256
  .sky-theme-modern a:focus-visible:not(:active) {
3424
3257
  outline: none;
3425
- box-shadow: var(--sky-override-a-box-shadow-focus, 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus));
3258
+ box-shadow: 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus);
3426
3259
  }
3427
3260
  .sky-theme-modern h1,
3428
3261
  .sky-theme-modern .sky-font-heading-1 {
3429
3262
  color: var(--sky-color-text-heading);
3430
3263
  font-family: var(--sky-font-family-primary);
3431
3264
  font-size: var(--sky-font-size-heading-1);
3432
- font-weight: var(--sky-font-weight-heading-1);
3265
+ font-weight: var(--sky-font-style-heading-1);
3266
+ line-height: var(--sky-font-line_height-heading-1);
3433
3267
  }
3434
3268
  .sky-theme-modern h2,
3435
3269
  .sky-theme-modern .sky-font-heading-2 {
3436
3270
  color: var(--sky-color-text-heading);
3437
3271
  font-family: var(--sky-font-family-primary);
3438
3272
  font-size: var(--sky-font-size-heading-2);
3439
- font-weight: var(--sky-font-weight-heading-2);
3273
+ font-weight: var(--sky-font-style-heading-2);
3274
+ line-height: var(--sky-font-line_height-heading-2);
3440
3275
  }
3441
3276
  .sky-theme-modern h3,
3442
3277
  .sky-theme-modern .sky-font-heading-3 {
3443
3278
  color: var(--sky-color-text-heading);
3444
3279
  font-size: var(--sky-font-size-heading-3);
3445
- font-weight: var(--sky-font-weight-heading-3);
3280
+ font-weight: var(--sky-font-style-heading-3);
3281
+ line-height: var(--sky-font-line_height-heading-3);
3446
3282
  }
3447
3283
  .sky-theme-modern h4,
3448
3284
  .sky-theme-modern .sky-font-heading-4 {
3449
3285
  color: var(--sky-color-text-heading);
3450
3286
  font-size: var(--sky-font-size-heading-4);
3451
- font-weight: var(--sky-font-weight-heading-4);
3287
+ font-weight: var(--sky-font-style-heading-4);
3452
3288
  text-transform: none;
3289
+ line-height: var(--sky-font-line_height-heading-4);
3453
3290
  }
3454
3291
  .sky-theme-modern h5,
3455
3292
  .sky-theme-modern .sky-font-heading-5 {
3456
3293
  color: var(--sky-color-text-heading);
3457
3294
  font-size: var(--sky-font-size-heading-5);
3458
- font-weight: var(--sky-font-weight-heading-5);
3295
+ font-weight: var(--sky-font-style-heading-5);
3459
3296
  text-transform: none;
3297
+ line-height: var(--sky-font-line_height-heading-5);
3460
3298
  }
3461
3299
  .sky-theme-modern p {
3462
- line-height: var(--sky-override-p-line-height, var(--sky-font-line_height-body-m));
3300
+ line-height: var(--sky-font-line_height-body-m);
3463
3301
  }
3464
3302
  .sky-theme-modern mark.sky-highlight-mark {
3465
3303
  background-color: var(--sky-color-background-text_highlight);
@@ -3473,56 +3311,40 @@ body.sky-theme-modern {
3473
3311
  border-radius: var(--sky-border-radius-s);
3474
3312
  }
3475
3313
 
3476
- .sky-theme-modern.sky-theme-brand-base h1,
3477
- .sky-theme-modern.sky-theme-brand-base .sky-font-heading-1 {
3478
- line-height: var(--sky-font-line_height-heading-1);
3479
- }
3480
- .sky-theme-modern.sky-theme-brand-base h2,
3481
- .sky-theme-modern.sky-theme-brand-base .sky-font-heading-2 {
3482
- line-height: var(--sky-font-line_height-heading-2);
3483
- }
3484
- .sky-theme-modern.sky-theme-brand-base h3,
3485
- .sky-theme-modern.sky-theme-brand-base .sky-font-heading-3 {
3486
- line-height: var(--sky-font-line_height-heading-3);
3487
- }
3488
- .sky-theme-modern.sky-theme-brand-base h4,
3489
- .sky-theme-modern.sky-theme-brand-base .sky-font-heading-4 {
3490
- line-height: var(--sky-font-line_height-heading-4);
3491
- }
3492
- .sky-theme-modern.sky-theme-brand-base h5,
3493
- .sky-theme-modern.sky-theme-brand-base .sky-font-heading-5 {
3494
- line-height: var(--sky-font-line_height-heading-5);
3495
- }
3496
-
3497
3314
  .sky-theme-modern .sky-font-body-default {
3498
3315
  color: var(--sky-color-text-default);
3499
3316
  font-family: var(--sky-font-family-primary);
3500
3317
  font-size: var(--sky-font-size-body-m);
3501
- font-weight: var(--sky-font-weight-body-m);
3318
+ font-weight: var(--sky-font-style-body-m);
3319
+ line-height: var(--sky-font-line_height-body-m);
3502
3320
  }
3503
3321
  .sky-theme-modern .sky-font-body-sm {
3504
3322
  color: var(--sky-color-text-default);
3505
3323
  font-family: var(--sky-font-family-primary);
3506
3324
  font-size: var(--sky-font-size-body-s);
3507
- font-weight: var(--sky-font-weight-body-s);
3325
+ font-weight: var(--sky-font-style-body-s);
3326
+ line-height: var(--sky-font-line_height-body-s);
3508
3327
  }
3509
3328
  .sky-theme-modern .sky-font-body-lg {
3510
3329
  color: var(--sky-color-text-default);
3511
3330
  font-family: var(--sky-font-family-primary);
3512
3331
  font-size: var(--sky-font-size-body-l);
3513
- font-weight: var(--sky-font-weight-body-l);
3332
+ font-weight: var(--sky-font-style-body-l);
3333
+ line-height: var(--sky-font-line_height-body-l);
3514
3334
  }
3515
3335
  .sky-theme-modern .sky-font-data-label {
3516
3336
  color: var(--sky-color-text-deemphasized);
3517
3337
  font-family: var(--sky-font-family-primary);
3518
3338
  font-size: var(--sky-font-size-body-m);
3519
- font-weight: var(--sky-font-weight-body-m);
3339
+ font-weight: var(--sky-font-style-body-m);
3340
+ line-height: var(--sky-font-line_height-body-m);
3520
3341
  }
3521
3342
  .sky-theme-modern .sky-font-field-label {
3522
3343
  color: var(--sky-color-text-deemphasized);
3523
3344
  font-family: var(--sky-font-family-primary);
3524
3345
  font-size: var(--sky-font-size-body-m);
3525
- font-weight: var(--sky-font-weight-body-m);
3346
+ font-weight: var(--sky-font-style-body-m);
3347
+ line-height: var(--sky-font-line_height-body-m);
3526
3348
  }
3527
3349
  .sky-theme-modern .sky-font-deemphasized {
3528
3350
  color: var(--sky-color-text-deemphasized);
@@ -3534,14 +3356,14 @@ body.sky-theme-modern {
3534
3356
  .sky-theme-modern .sky-font-emphasized {
3535
3357
  font-family: var(--sky-font-family-primary);
3536
3358
  font-size: inherit;
3537
- font-weight: var(--sky-font-weight-emphasized);
3359
+ font-weight: var(--sky-font-style-emphasized);
3538
3360
  }
3539
3361
  .sky-theme-modern .sky-font-hint-text-s {
3540
3362
  color: var(--sky-color-text-deemphasized);
3541
3363
  font-family: var(--sky-font-family-primary);
3542
3364
  font-size: var(--sky-font-size-hint-s);
3543
3365
  font-style: var(--sky-font-style-hint-s-style);
3544
- font-weight: var(--sky-font-weight-hint-s);
3366
+ font-weight: var(--sky-font-style-hint-s);
3545
3367
  letter-spacing: var(--sky-font-letter_spacing-hint-s);
3546
3368
  line-height: var(--sky-font-line_height-hint-s);
3547
3369
  }
@@ -3550,61 +3372,36 @@ body.sky-theme-modern {
3550
3372
  font-family: var(--sky-font-family-primary);
3551
3373
  font-size: var(--sky-font-size-hint-m);
3552
3374
  font-style: var(--sky-font-style-hint-m-style);
3553
- font-weight: var(--sky-font-weight-hint-m);
3375
+ font-weight: var(--sky-font-style-hint-m);
3554
3376
  line-height: var(--sky-font-line_height-hint-m);
3555
3377
  }
3556
3378
  .sky-theme-modern .sky-font-display-1 {
3557
3379
  color: var(--sky-color-text-default);
3558
3380
  font-family: var(--sky-font-family-primary);
3559
3381
  font-size: var(--sky-font-size-display-1);
3560
- font-weight: var(--sky-font-weight-display-1);
3382
+ font-weight: var(--sky-font-style-display-1);
3383
+ line-height: var(--sky-font-line_height-display-1);
3561
3384
  }
3562
3385
  .sky-theme-modern .sky-font-display-2 {
3563
3386
  color: var(--sky-color-text-default);
3564
3387
  font-family: var(--sky-font-family-primary);
3565
3388
  font-size: var(--sky-font-size-display-2);
3566
- font-weight: var(--sky-font-weight-display-2);
3389
+ font-weight: var(--sky-font-style-display-2);
3390
+ line-height: var(--sky-font-line_height-display-2);
3567
3391
  }
3568
3392
  .sky-theme-modern .sky-font-display-3,
3569
3393
  .sky-theme-modern .sky-headline {
3570
3394
  color: var(--sky-color-text-default);
3571
3395
  font-family: var(--sky-font-family-primary);
3572
3396
  font-size: var(--sky-font-size-display-3);
3573
- font-weight: var(--sky-font-weight-display-3);
3397
+ font-weight: var(--sky-font-style-display-3);
3398
+ line-height: var(--sky-font-line_height-display-3);
3574
3399
  }
3575
3400
  .sky-theme-modern .sky-font-display-4 {
3576
3401
  color: var(--sky-color-text-default);
3577
3402
  font-family: var(--sky-font-family-primary);
3578
3403
  font-size: var(--sky-font-size-display-4);
3579
- font-weight: var(--sky-font-weight-display-4);
3580
- }
3581
-
3582
- .sky-theme-modern.sky-theme-brand-base .sky-font-body-default {
3583
- line-height: var(--sky-font-line_height-body-m);
3584
- }
3585
- .sky-theme-modern.sky-theme-brand-base .sky-font-body-sm {
3586
- line-height: var(--sky-font-line_height-body-s);
3587
- }
3588
- .sky-theme-modern.sky-theme-brand-base .sky-font-body-lg {
3589
- line-height: var(--sky-font-line_height-body-l);
3590
- }
3591
- .sky-theme-modern.sky-theme-brand-base .sky-font-data-label {
3592
- line-height: var(--sky-font-line_height-body-m);
3593
- }
3594
- .sky-theme-modern.sky-theme-brand-base .sky-font-field-label {
3595
- line-height: var(--sky-font-line_height-body-m);
3596
- }
3597
- .sky-theme-modern.sky-theme-brand-base .sky-font-display-1 {
3598
- line-height: var(--sky-font-line_height-display-1);
3599
- }
3600
- .sky-theme-modern.sky-theme-brand-base .sky-font-display-2 {
3601
- line-height: var(--sky-font-line_height-display-2);
3602
- }
3603
- .sky-theme-modern.sky-theme-brand-base .sky-font-display-3,
3604
- .sky-theme-modern.sky-theme-brand-base .sky-headline {
3605
- line-height: var(--sky-font-line_height-display-3);
3606
- }
3607
- .sky-theme-modern.sky-theme-brand-base .sky-font-display-4 {
3404
+ font-weight: var(--sky-font-style-display-4);
3608
3405
  line-height: var(--sky-font-line_height-display-4);
3609
3406
  }
3610
3407