@skyux/theme 13.0.0-alpha.2 → 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 +397 -590
  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;
@@ -133,6 +133,7 @@
133
133
  --bb-font-size-400: 0.9375rem;
134
134
  --bb-font-size-500: 1.0625rem;
135
135
  --bb-font-size-600: 1.1875rem;
136
+ --bb-font-size-650: 1.3125rem;
136
137
  --bb-font-size-700: 1.5rem;
137
138
  --bb-font-size-800: 1.6875rem;
138
139
  --bb-font-style-italic-style: italic;
@@ -150,15 +151,16 @@
150
151
  --bb-font-weight-light: 300;
151
152
  --bb-font-weight-regular: 400;
152
153
  --bb-font-weight-semibold: 600;
153
- --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.4/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");
154
155
  --bb-letter_spacing-normal: normal;
155
156
  --bb-letter_spacing-wider: 0.16px;
156
157
  --bb-line_height-300: calc(18/13);
157
158
  --bb-line_height-400: calc(20/15);
158
159
  --bb-line_height-500: calc(24/17);
159
160
  --bb-line_height-600: calc(28/19);
161
+ --bb-line_height-650: calc(28/21);
160
162
  --bb-line_height-700: calc(32/24);
161
- --bb-line_height-800: calc(36/26);
163
+ --bb-line_height-800: calc(36/27);
162
164
  --bb-opacity-600: .6;
163
165
  --bb-shadow-blue-0: 0 0 0 0 rgba(0, 0, 0, 0);
164
166
  --bb-size-0: 0rem;
@@ -271,6 +273,7 @@
271
273
  --sky-color-background-blocking: var(--bb-color-blocking);
272
274
  --sky-color-background-container-base: var(--bb-color-gray-1000);
273
275
  --sky-color-background-container-danger: var(--bb-color-red-800);
276
+ --sky-color-background-container-dimmed: var(--bb-color-gray-1000);
274
277
  --sky-color-background-container-info: var(--bb-color-blue-800);
275
278
  --sky-color-background-container-menu: var(--bb-color-gray-900);
276
279
  --sky-color-background-container-success: var(--bb-color-green-900);
@@ -285,13 +288,13 @@
285
288
  --sky-color-background-input-disabled: var(--bb-color-gray-700);
286
289
  --sky-color-background-nav-active: var(--bb-color-transparent);
287
290
  --sky-color-background-nav-base: var(--bb-color-transparent);
288
- --sky-color-background-nav-disabled: var(--bb-color-gray-50);
291
+ --sky-color-background-nav-disabled: var(--bb-color-gray-700);
289
292
  --sky-color-background-nav-focus: var(--bb-color-transparent);
290
293
  --sky-color-background-nav-hover: var(--bb-color-transparent);
291
294
  --sky-color-background-page: var(--bb-color-gray-1100);
292
295
  --sky-color-background-row-active: var(--bb-color-transparent);
293
296
  --sky-color-background-row-base: var(--bb-color-gray-1000);
294
- --sky-color-background-row-disabled: var(--bb-color-gray-50);
297
+ --sky-color-background-row-disabled: var(--bb-color-gray-700);
295
298
  --sky-color-background-row-focus: var(--bb-color-transparent);
296
299
  --sky-color-background-row-hover: var(--bb-color-transparent);
297
300
  --sky-color-background-scrim: var(--bb-color-scrim);
@@ -299,15 +302,19 @@
299
302
  --sky-color-background-selected-heavy: var(--bb-color-blue-600);
300
303
  --sky-color-background-selected-soft: var(--bb-color-blue-900);
301
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);
302
307
  --sky-color-background-selected-warning: var(--bb-color-yellow-900);
303
308
  --sky-color-background-tab-active: var(--bb-color-transparent);
304
309
  --sky-color-background-tab-base: var(--bb-color-transparent);
305
310
  --sky-color-background-tab-disabled: var(--bb-color-gray-700);
306
311
  --sky-color-background-tab-focus: var(--bb-color-transparent);
307
312
  --sky-color-background-tab-hover: var(--bb-color-transparent);
313
+ --sky-color-background-tab-selected: var(--bb-color-transparent);
314
+ --sky-color-background-tab-wizard-disabled: var(--bb-color-transparent);
308
315
  --sky-color-background-text_highlight: var(--bb-color-yellow-800);
309
316
  --sky-color-background-thumb-base: var(--bb-color-white);
310
- --sky-color-background-thumb-disabled: var(--bb-color-gray-50);
317
+ --sky-color-background-thumb-disabled: var(--bb-color-gray-600);
311
318
  --sky-color-background-thumbnail_matte: var(--bb-color-white);
312
319
  --sky-color-border-action-danger-active: var(--bb-color-red-200);
313
320
  --sky-color-border-action-danger-base: var(--bb-color-red-600);
@@ -374,6 +381,7 @@
374
381
  --sky-color-border-tab-disabled: var(--bb-color-gray-800);
375
382
  --sky-color-border-tab-focus: var(--bb-color-sky-600);
376
383
  --sky-color-border-tab-hover: var(--bb-color-sky-600);
384
+ --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
377
385
  --sky-color-border-text_highlight: var(--bb-color-yellow-600);
378
386
  --sky-color-border-warning: var(--bb-color-yellow-400);
379
387
  --sky-color-icon-action: var(--bb-color-sky-600);
@@ -435,6 +443,7 @@
435
443
  --sky-color-background-blocking: var(--bb-color-blocking);
436
444
  --sky-color-background-container-base: var(--bb-color-white);
437
445
  --sky-color-background-container-danger: var(--bb-color-red-300);
446
+ --sky-color-background-container-dimmed: var(--bb-color-blue-25);
438
447
  --sky-color-background-container-info: var(--bb-color-blue-200);
439
448
  --sky-color-background-container-menu: var(--bb-color-white);
440
449
  --sky-color-background-container-success: var(--bb-color-green-300);
@@ -463,15 +472,18 @@
463
472
  --sky-color-background-selected-heavy: var(--bb-color-blue-600);
464
473
  --sky-color-background-selected-soft: var(--bb-color-blue-100);
465
474
  --sky-color-background-selected-success: var(--bb-color-green-300);
475
+ --sky-color-background-selected-switch-disabled: var(--bb-color-gray-50);
466
476
  --sky-color-background-selected-warning: var(--bb-color-yellow-300);
467
477
  --sky-color-background-tab-active: var(--bb-color-transparent);
468
478
  --sky-color-background-tab-base: var(--bb-color-transparent);
469
479
  --sky-color-background-tab-disabled: var(--bb-color-gray-50);
470
480
  --sky-color-background-tab-focus: var(--bb-color-transparent);
471
481
  --sky-color-background-tab-hover: var(--bb-color-transparent);
482
+ --sky-color-background-tab-selected: var(--bb-color-transparent);
483
+ --sky-color-background-tab-wizard-disabled: var(--bb-color-transparent);
472
484
  --sky-color-background-text_highlight: var(--bb-color-yellow-400);
473
485
  --sky-color-background-thumb-base: var(--bb-color-white);
474
- --sky-color-background-thumb-disabled: var(--bb-color-gray-50);
486
+ --sky-color-background-thumb-disabled: var(--bb-color-gray-25);
475
487
  --sky-color-background-thumbnail_matte: var(--bb-color-white);
476
488
  --sky-color-border-action-danger-active: var(--bb-color-red-1000);
477
489
  --sky-color-border-action-danger-base: var(--bb-color-red-600);
@@ -537,6 +549,7 @@
537
549
  --sky-color-border-tab-disabled: var(--bb-color-gray-200);
538
550
  --sky-color-border-tab-focus: var(--bb-color-blue-600);
539
551
  --sky-color-border-tab-hover: var(--bb-color-blue-600);
552
+ --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
540
553
  --sky-color-border-text_highlight: var(--bb-color-yellow-800);
541
554
  --sky-color-border-warning: var(--bb-color-yellow-600);
542
555
  --sky-color-category-blue: var(--bb-color-sky-300);
@@ -583,6 +596,7 @@
583
596
  --sky-elevation-none: var(--bb-shadow-blue-0);
584
597
  --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
585
598
  --sky-opacity-wait: var(--bb-opacity-600);
599
+ --sky-color-background-selected-switch-base: var(--bb-color-gradient-blue);
586
600
  --sky-elevation-action-danger-base: var(--bb-shadow-blue-50);
587
601
  --sky-elevation-action-danger-focus: var(--bb-shadow-blue-50);
588
602
  --sky-elevation-action-danger-hover: var(--bb-shadow-blue-50);
@@ -732,6 +746,10 @@
732
746
  --sky-comp-card-small-header-space-inset-left: var(--bb-size-fluid-100);
733
747
  --sky-comp-card-small-header-space-inset-right: var(--bb-size-fluid-100);
734
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);
735
753
  --sky-comp-colorpicker-content-space-inset-bottom: var(--bb-size-fluid-50);
736
754
  --sky-comp-colorpicker-content-space-inset-left: var(--bb-size-fluid-75);
737
755
  --sky-comp-colorpicker-content-space-inset-right: var(--bb-size-fluid-75);
@@ -768,6 +786,10 @@
768
786
  --sky-comp-flyout-header-space-inset-left: var(--bb-size-fluid-50);
769
787
  --sky-comp-flyout-header-space-inset-right: var(--bb-size-fluid-50);
770
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);
771
793
  --sky-comp-help_inline-space-inset-bottom: var(--bb-size-fluid-6);
772
794
  --sky-comp-help_inline-space-inset-left: var(--bb-size-fluid-25);
773
795
  --sky-comp-help_inline-space-inset-right: var(--bb-size-fluid-25);
@@ -788,6 +810,102 @@
788
810
  --sky-comp-label-space-inset-left: var(--bb-size-fluid-50);
789
811
  --sky-comp-label-space-inset-right: var(--bb-size-fluid-50);
790
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);
791
909
  --sky-comp-modal-content-space-inset-bottom: var(--bb-size-fluid-150);
792
910
  --sky-comp-modal-content-space-inset-left: var(--bb-size-fluid-150);
793
911
  --sky-comp-modal-content-space-inset-right: var(--bb-size-fluid-150);
@@ -820,102 +938,6 @@
820
938
  --sky-comp-navbar_item-space-inset-left: var(--bb-size-fluid-50);
821
939
  --sky-comp-navbar_item-space-inset-right: var(--bb-size-fluid-50);
822
940
  --sky-comp-navbar_item-space-inset-top: var(--bb-size-fluid-75);
823
- --sky-comp-page-content-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
824
- --sky-comp-page-content-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
825
- --sky-comp-page-content-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
826
- --sky-comp-page-content-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
827
- --sky-comp-page-content-blocks-space-inset-xs-bottom: var(--bb-size-fluid-50);
828
- --sky-comp-page-content-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
829
- --sky-comp-page-content-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
830
- --sky-comp-page-content-blocks-space-inset-xs-top: var(--bb-size-fluid-50);
831
- --sky-comp-page-content-fit-space-inset-sm-bottom: var(--bb-size-0);
832
- --sky-comp-page-content-fit-space-inset-sm-left: var(--bb-size-0);
833
- --sky-comp-page-content-fit-space-inset-sm-right: var(--bb-size-0);
834
- --sky-comp-page-content-fit-space-inset-sm-top: var(--bb-size-0);
835
- --sky-comp-page-content-fit-space-inset-xs-bottom: var(--bb-size-0);
836
- --sky-comp-page-content-fit-space-inset-xs-left: var(--bb-size-0);
837
- --sky-comp-page-content-fit-space-inset-xs-right: var(--bb-size-0);
838
- --sky-comp-page-content-fit-space-inset-xs-top: var(--bb-size-0);
839
- --sky-comp-page-content-list-space-inset-sm-bottom: var(--bb-size-0);
840
- --sky-comp-page-content-list-space-inset-sm-left: var(--bb-size-0);
841
- --sky-comp-page-content-list-space-inset-sm-right: var(--bb-size-0);
842
- --sky-comp-page-content-list-space-inset-sm-top: var(--bb-size-0);
843
- --sky-comp-page-content-list-space-inset-xs-bottom: var(--bb-size-0);
844
- --sky-comp-page-content-list-space-inset-xs-left: var(--bb-size-0);
845
- --sky-comp-page-content-list-space-inset-xs-right: var(--bb-size-0);
846
- --sky-comp-page-content-list-space-inset-xs-top: var(--bb-size-0);
847
- --sky-comp-page-content-tabs-space-inset-sm-bottom: var(--bb-size-0);
848
- --sky-comp-page-content-tabs-space-inset-sm-left: var(--bb-size-0);
849
- --sky-comp-page-content-tabs-space-inset-sm-right: var(--bb-size-0);
850
- --sky-comp-page-content-tabs-space-inset-sm-top: var(--bb-size-0);
851
- --sky-comp-page-content-tabs-space-inset-xs-bottom: var(--bb-size-0);
852
- --sky-comp-page-content-tabs-space-inset-xs-left: var(--bb-size-0);
853
- --sky-comp-page-content-tabs-space-inset-xs-right: var(--bb-size-0);
854
- --sky-comp-page-content-tabs-space-inset-xs-top: var(--bb-size-0);
855
- --sky-comp-page-header-blocks-space-inset-sm-bottom: var(--bb-size-0);
856
- --sky-comp-page-header-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
857
- --sky-comp-page-header-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
858
- --sky-comp-page-header-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
859
- --sky-comp-page-header-blocks-space-inset-xs-bottom: var(--bb-size-fluid-100);
860
- --sky-comp-page-header-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
861
- --sky-comp-page-header-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
862
- --sky-comp-page-header-blocks-space-inset-xs-top: var(--bb-size-fluid-100);
863
- --sky-comp-page-header-fit-space-inset-sm-bottom: var(--bb-size-fluid-100);
864
- --sky-comp-page-header-fit-space-inset-sm-left: var(--bb-size-fluid-150);
865
- --sky-comp-page-header-fit-space-inset-sm-right: var(--bb-size-fluid-150);
866
- --sky-comp-page-header-fit-space-inset-sm-top: var(--bb-size-fluid-150);
867
- --sky-comp-page-header-fit-space-inset-xs-bottom: var(--bb-size-fluid-100);
868
- --sky-comp-page-header-fit-space-inset-xs-left: var(--bb-size-fluid-50);
869
- --sky-comp-page-header-fit-space-inset-xs-right: var(--bb-size-fluid-50);
870
- --sky-comp-page-header-fit-space-inset-xs-top: var(--bb-size-fluid-100);
871
- --sky-comp-page-header-list-space-inset-sm-bottom: var(--bb-size-fluid-100);
872
- --sky-comp-page-header-list-space-inset-sm-left: var(--bb-size-fluid-150);
873
- --sky-comp-page-header-list-space-inset-sm-right: var(--bb-size-fluid-150);
874
- --sky-comp-page-header-list-space-inset-sm-top: var(--bb-size-fluid-150);
875
- --sky-comp-page-header-list-space-inset-xs-bottom: var(--bb-size-fluid-100);
876
- --sky-comp-page-header-list-space-inset-xs-left: var(--bb-size-fluid-50);
877
- --sky-comp-page-header-list-space-inset-xs-right: var(--bb-size-fluid-50);
878
- --sky-comp-page-header-list-space-inset-xs-top: var(--bb-size-fluid-100);
879
- --sky-comp-page-header-tabs-space-inset-sm-bottom: var(--bb-size-fluid-100);
880
- --sky-comp-page-header-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
881
- --sky-comp-page-header-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
882
- --sky-comp-page-header-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
883
- --sky-comp-page-header-tabs-space-inset-xs-bottom: var(--bb-size-fluid-100);
884
- --sky-comp-page-header-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
885
- --sky-comp-page-header-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
886
- --sky-comp-page-header-tabs-space-inset-xs-top: var(--bb-size-fluid-100);
887
- --sky-comp-page-links-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
888
- --sky-comp-page-links-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
889
- --sky-comp-page-links-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
890
- --sky-comp-page-links-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
891
- --sky-comp-page-links-blocks-space-inset-xs-bottom: var(--bb-size-fluid-150);
892
- --sky-comp-page-links-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
893
- --sky-comp-page-links-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
894
- --sky-comp-page-links-blocks-space-inset-xs-top: var(--bb-size-fluid-150);
895
- --sky-comp-page-links-list-space-inset-sm-bottom: var(--bb-size-fluid-150);
896
- --sky-comp-page-links-list-space-inset-sm-left: var(--bb-size-fluid-150);
897
- --sky-comp-page-links-list-space-inset-sm-right: var(--bb-size-fluid-150);
898
- --sky-comp-page-links-list-space-inset-sm-top: var(--bb-size-fluid-150);
899
- --sky-comp-page-links-list-space-inset-xs-bottom: var(--bb-size-fluid-150);
900
- --sky-comp-page-links-list-space-inset-xs-left: var(--bb-size-fluid-50);
901
- --sky-comp-page-links-list-space-inset-xs-right: var(--bb-size-fluid-50);
902
- --sky-comp-page-links-list-space-inset-xs-top: var(--bb-size-fluid-150);
903
- --sky-comp-page-links-tabs-space-inset-sm-bottom: var(--bb-size-fluid-150);
904
- --sky-comp-page-links-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
905
- --sky-comp-page-links-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
906
- --sky-comp-page-links-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
907
- --sky-comp-page-links-tabs-space-inset-xs-bottom: var(--bb-size-fluid-150);
908
- --sky-comp-page-links-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
909
- --sky-comp-page-links-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
910
- --sky-comp-page-links-tabs-space-inset-xs-top: var(--bb-size-fluid-150);
911
- --sky-comp-page-tabset-tabs-space-inset-sm-bottom: var(--bb-size-0);
912
- --sky-comp-page-tabset-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
913
- --sky-comp-page-tabset-tabs-space-inset-sm-right: var(--bb-size-0);
914
- --sky-comp-page-tabset-tabs-space-inset-sm-top: var(--bb-size-0);
915
- --sky-comp-page-tabset-tabs-space-inset-xs-bottom: var(--bb-size-0);
916
- --sky-comp-page-tabset-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
917
- --sky-comp-page-tabset-tabs-space-inset-xs-right: var(--bb-size-0);
918
- --sky-comp-page-tabset-tabs-space-inset-xs-top: var(--bb-size-0);
919
941
  --sky-comp-paging_button-space-inset-bottom: var(--bb-size-fluid-25);
920
942
  --sky-comp-paging_button-space-inset-left: var(--bb-size-fluid-50);
921
943
  --sky-comp-paging_button-space-inset-right: var(--bb-size-fluid-50);
@@ -964,14 +986,14 @@
964
986
  --sky-comp-selection_box-expanded-space-inset-left: var(--bb-size-fluid-150);
965
987
  --sky-comp-selection_box-expanded-space-inset-right: var(--bb-size-fluid-150);
966
988
  --sky-comp-selection_box-expanded-space-inset-top: var(--bb-size-fluid-150);
967
- --sky-comp-split_view-drawer-space-inset-sm-bottom: var(--bb-size-fluid-75);
968
- --sky-comp-split_view-drawer-space-inset-sm-left: var(--bb-size-fluid-75);
969
- --sky-comp-split_view-drawer-space-inset-sm-right: var(--bb-size-0);
970
- --sky-comp-split_view-drawer-space-inset-sm-top: var(--bb-size-fluid-75);
971
- --sky-comp-split_view-drawer-space-inset-xs-bottom: var(--bb-size-fluid-50);
972
- --sky-comp-split_view-drawer-space-inset-xs-left: var(--bb-size-fluid-50);
973
- --sky-comp-split_view-drawer-space-inset-xs-right: var(--bb-size-0);
974
- --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);
975
997
  --sky-comp-split_view-footer-space-inset-bottom: var(--bb-size-fluid-50);
976
998
  --sky-comp-split_view-footer-space-inset-left: var(--bb-size-fluid-50);
977
999
  --sky-comp-split_view-footer-space-inset-right: var(--bb-size-fluid-50);
@@ -1061,8 +1083,8 @@
1061
1083
  --sky-comp-token-space-inset-right: var(--bb-size-fluid-25);
1062
1084
  --sky-comp-token-space-inset-top: var(--bb-size-fluid-6);
1063
1085
  --sky-comp-toolbar-space-inset-bottom: var(--bb-size-fluid-50);
1064
- --sky-comp-toolbar-space-inset-left: var(--bb-size-0);
1065
- --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);
1066
1088
  --sky-comp-toolbar-space-inset-top: var(--bb-size-fluid-50);
1067
1089
  --sky-comp-tree-child-space-inset-bottom: var(--bb-size-0);
1068
1090
  --sky-comp-tree-child-space-inset-left: var(--bb-size-fluid-150);
@@ -1087,9 +1109,9 @@
1087
1109
  --sky-font-line_height-body-m: var(--bb-line_height-400);
1088
1110
  --sky-font-line_height-body-s: var(--bb-line_height-300);
1089
1111
  --sky-font-line_height-display-1: var(--bb-line_height-700);
1090
- --sky-font-line_height-display-2: var(--bb-line_height-600);
1091
- --sky-font-line_height-display-3: var(--bb-line_height-500);
1092
- --sky-font-line_height-display-4: var(--bb-line_height-400);
1112
+ --sky-font-line_height-display-2: var(--bb-line_height-650);
1113
+ --sky-font-line_height-display-3: var(--bb-line_height-600);
1114
+ --sky-font-line_height-display-4: var(--bb-line_height-500);
1093
1115
  --sky-font-line_height-heading-1: var(--bb-line_height-800);
1094
1116
  --sky-font-line_height-heading-2: var(--bb-line_height-600);
1095
1117
  --sky-font-line_height-heading-3: var(--bb-line_height-500);
@@ -1103,9 +1125,9 @@
1103
1125
  --sky-font-size-body-m: var(--bb-font-size-400);
1104
1126
  --sky-font-size-body-s: var(--bb-font-size-300);
1105
1127
  --sky-font-size-display-1: var(--bb-font-size-700);
1106
- --sky-font-size-display-2: var(--bb-font-size-600);
1107
- --sky-font-size-display-3: var(--bb-font-size-500);
1108
- --sky-font-size-display-4: var(--bb-font-size-400);
1128
+ --sky-font-size-display-2: var(--bb-font-size-650);
1129
+ --sky-font-size-display-3: var(--bb-font-size-600);
1130
+ --sky-font-size-display-4: var(--bb-font-size-500);
1109
1131
  --sky-font-size-heading-1: var(--bb-font-size-800);
1110
1132
  --sky-font-size-heading-2: var(--bb-font-size-600);
1111
1133
  --sky-font-size-heading-3: var(--bb-font-size-500);
@@ -1118,10 +1140,10 @@
1118
1140
  --sky-font-style-body-l: var(--bb-font-style-regular);
1119
1141
  --sky-font-style-body-m: var(--bb-font-style-regular);
1120
1142
  --sky-font-style-body-s: var(--bb-font-style-regular);
1121
- --sky-font-style-display-1: var(--bb-font-style-regular);
1122
- --sky-font-style-display-2: var(--bb-font-style-regular);
1123
- --sky-font-style-display-3: var(--bb-font-style-regular);
1124
- --sky-font-style-display-4: var(--bb-font-style-regular);
1143
+ --sky-font-style-display-1: var(--bb-font-style-semibold);
1144
+ --sky-font-style-display-2: var(--bb-font-style-semibold);
1145
+ --sky-font-style-display-3: var(--bb-font-style-semibold);
1146
+ --sky-font-style-display-4: var(--bb-font-style-semibold);
1125
1147
  --sky-font-style-emphasized: var(--bb-font-style-semibold);
1126
1148
  --sky-font-style-heading-1: var(--bb-font-style-regular);
1127
1149
  --sky-font-style-heading-2: var(--bb-font-style-semibold);
@@ -1129,22 +1151,6 @@
1129
1151
  --sky-font-style-heading-4: var(--bb-font-style-semibold);
1130
1152
  --sky-font-style-heading-5: var(--bb-font-style-semibold);
1131
1153
  --sky-font-style-input-label: var(--bb-font-style-regular);
1132
- --sky-font-weight-body-l: var(--bb-font-weight-regular);
1133
- --sky-font-weight-body-m: var(--bb-font-weight-regular);
1134
- --sky-font-weight-body-s: var(--bb-font-weight-semibold);
1135
- --sky-font-weight-display-1: var(--bb-font-weight-regular);
1136
- --sky-font-weight-display-2: var(--bb-font-weight-regular);
1137
- --sky-font-weight-display-3: var(--bb-font-weight-semibold);
1138
- --sky-font-weight-display-4: var(--bb-font-weight-semibold);
1139
- --sky-font-weight-emphasized: var(--bb-font-weight-semibold);
1140
- --sky-font-weight-heading-1: var(--bb-font-weight-regular);
1141
- --sky-font-weight-heading-2: var(--bb-font-weight-semibold);
1142
- --sky-font-weight-heading-3: var(--bb-font-weight-semibold);
1143
- --sky-font-weight-heading-4: var(--bb-font-weight-semibold);
1144
- --sky-font-weight-heading-5: var(--bb-font-weight-semibold);
1145
- --sky-font-weight-hint-m: var(--bb-font-weight-regular);
1146
- --sky-font-weight-hint-s: var(--bb-font-weight-regular);
1147
- --sky-font-weight-input-label: var(--bb-font-weight-regular);
1148
1154
  --sky-size-avatar-l: var(--bb-size-fluid-550);
1149
1155
  --sky-size-avatar-m: var(--bb-size-fluid-350);
1150
1156
  --sky-size-avatar-s: var(--bb-size-fluid-200);
@@ -1233,10 +1239,6 @@
1233
1239
  --sky-space-inset-horizontal-top-m: var(--bb-size-0);
1234
1240
  --sky-space-inset-horizontal-top-s: var(--bb-size-0);
1235
1241
  --sky-space-inset-horizontal-top-xl: var(--bb-size-0);
1236
- --sky-space-inset-letterbox-2_3-bottom-m: var(--bb-size-fluid-75);
1237
- --sky-space-inset-letterbox-2_3-left-m: var(--bb-size-fluid-50);
1238
- --sky-space-inset-letterbox-2_3-right-m: var(--bb-size-fluid-50);
1239
- --sky-space-inset-letterbox-2_3-top-m: var(--bb-size-fluid-75);
1240
1242
  --sky-space-inset-thumb: var(--bb-size-fixed-6);
1241
1243
  --sky-space-inset-thumbnail_matte-l: var(--bb-size-fluid-25);
1242
1244
  --sky-space-inset-thumbnail_matte-m: var(--bb-size-fluid-18);
@@ -1269,6 +1271,7 @@
1269
1271
  --sky-space-stacked-xl: var(--bb-size-fluid-150);
1270
1272
  --sky-space-stacked-xs: var(--bb-size-fluid-25);
1271
1273
  --sky-space-stacked-xxl: var(--bb-size-fluid-300);
1274
+ --sky-comp-checkbox-border-radius: var(--sky-border-radius-s);
1272
1275
  --sky-font-family-primary: var(--bb-font-blkb_sans-family);
1273
1276
  --sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
1274
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);
@@ -1301,7 +1304,7 @@
1301
1304
  --modern-border-radius-round: 50%;
1302
1305
  --modern-border-style-dotted: dotted;
1303
1306
  --modern-border-style-solid: solid;
1304
- --modern-brand-name: Blackbaud;
1307
+ --modern-brand-name: "Blackbaud";
1305
1308
  --modern-color-black: #000000;
1306
1309
  --modern-color-blocking: rgba(255, 255, 255, 0.7);
1307
1310
  --modern-color-blue-05: #ebfbff;
@@ -1364,7 +1367,7 @@
1364
1367
  --modern-font-weight-light: 300;
1365
1368
  --modern-font-weight-regular: 400;
1366
1369
  --modern-font-weight-semibold: 600;
1367
- --modern-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.4/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");
1368
1371
  --modern-letter_spacing-normal: normal;
1369
1372
  --modern-line_height-110: 1.1;
1370
1373
  --modern-line_height-115: 1.15;
@@ -1457,6 +1460,7 @@
1457
1460
  --sky-color-background-blocking: var(--modern-color-blocking);
1458
1461
  --sky-color-background-container-base: var(--modern-color-white);
1459
1462
  --sky-color-background-container-danger: var(--modern-color-red-30);
1463
+ --sky-color-background-container-dimmed: var(--modern-color-transparent);
1460
1464
  --sky-color-background-container-info: var(--modern-color-blue-10);
1461
1465
  --sky-color-background-container-menu: var(--modern-color-white);
1462
1466
  --sky-color-background-container-success: var(--modern-color-green-30);
@@ -1485,12 +1489,16 @@
1485
1489
  --sky-color-background-selected-heavy: var(--modern-color-blue-05);
1486
1490
  --sky-color-background-selected-soft: var(--modern-color-blue-05);
1487
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);
1488
1494
  --sky-color-background-selected-warning: var(--modern-color-yellow-30);
1489
1495
  --sky-color-background-tab-active: var(--modern-color-transparent);
1490
1496
  --sky-color-background-tab-base: var(--modern-color-transparent);
1491
1497
  --sky-color-background-tab-disabled: var(--modern-color-transparent);
1492
1498
  --sky-color-background-tab-focus: var(--modern-color-transparent);
1493
1499
  --sky-color-background-tab-hover: var(--modern-color-transparent);
1500
+ --sky-color-background-tab-selected: var(--modern-color-transparent);
1501
+ --sky-color-background-tab-wizard-disabled: var(--modern-color-transparent);
1494
1502
  --sky-color-background-text_highlight: var(--modern-color-yellow-40);
1495
1503
  --sky-color-background-thumb-base: var(--modern-color-white);
1496
1504
  --sky-color-background-thumb-disabled: var(--modern-color-gray-07);
@@ -1559,6 +1567,7 @@
1559
1567
  --sky-color-border-tab-disabled: var(--modern-color-transparent);
1560
1568
  --sky-color-border-tab-focus: var(--modern-color-blue-74);
1561
1569
  --sky-color-border-tab-hover: var(--modern-color-blue-50);
1570
+ --sky-color-border-tab-wizard-disabled: var(--modern-color-transparent);
1562
1571
  --sky-color-border-text_highlight: var(--modern-color-yellow-80);
1563
1572
  --sky-color-border-warning: var(--modern-color-yellow-50);
1564
1573
  --sky-color-category-blue: var(--modern-color-category-sky_blue-40);
@@ -1754,6 +1763,10 @@
1754
1763
  --sky-comp-card-small-header-space-inset-left: var(--modern-size-15);
1755
1764
  --sky-comp-card-small-header-space-inset-right: var(--modern-size-15);
1756
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);
1757
1770
  --sky-comp-colorpicker-content-space-inset-bottom: var(--modern-size-15);
1758
1771
  --sky-comp-colorpicker-content-space-inset-left: var(--modern-size-30);
1759
1772
  --sky-comp-colorpicker-content-space-inset-right: var(--modern-size-30);
@@ -1790,6 +1803,10 @@
1790
1803
  --sky-comp-flyout-header-space-inset-left: var(--modern-space-s);
1791
1804
  --sky-comp-flyout-header-space-inset-right: var(--modern-space-s);
1792
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);
1793
1810
  --sky-comp-help_inline-space-inset-bottom: var(--modern-size-1);
1794
1811
  --sky-comp-help_inline-space-inset-left: var(--modern-size-5);
1795
1812
  --sky-comp-help_inline-space-inset-right: var(--modern-size-5);
@@ -1810,6 +1827,102 @@
1810
1827
  --sky-comp-label-space-inset-left: var(--modern-size-15);
1811
1828
  --sky-comp-label-space-inset-right: var(--modern-size-15);
1812
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);
1813
1926
  --sky-comp-modal-content-space-inset-bottom: var(--modern-space-xl);
1814
1927
  --sky-comp-modal-content-space-inset-left: var(--modern-space-xl);
1815
1928
  --sky-comp-modal-content-space-inset-right: var(--modern-space-xl);
@@ -1842,102 +1955,6 @@
1842
1955
  --sky-comp-navbar_item-space-inset-left: var(--modern-space-s);
1843
1956
  --sky-comp-navbar_item-space-inset-right: var(--modern-space-s);
1844
1957
  --sky-comp-navbar_item-space-inset-top: var(--modern-space-md);
1845
- --sky-comp-page-content-blocks-space-inset-sm-bottom: var(--modern-space-xl);
1846
- --sky-comp-page-content-blocks-space-inset-sm-left: var(--modern-space-xl);
1847
- --sky-comp-page-content-blocks-space-inset-sm-right: var(--modern-space-xl);
1848
- --sky-comp-page-content-blocks-space-inset-sm-top: var(--modern-space-xl);
1849
- --sky-comp-page-content-blocks-space-inset-xs-bottom: var(--modern-space-s);
1850
- --sky-comp-page-content-blocks-space-inset-xs-left: var(--modern-space-s);
1851
- --sky-comp-page-content-blocks-space-inset-xs-right: var(--modern-space-s);
1852
- --sky-comp-page-content-blocks-space-inset-xs-top: var(--modern-space-s);
1853
- --sky-comp-page-content-fit-space-inset-sm-bottom: var(--modern-size-0);
1854
- --sky-comp-page-content-fit-space-inset-sm-left: var(--modern-space-xl);
1855
- --sky-comp-page-content-fit-space-inset-sm-right: var(--modern-space-xl);
1856
- --sky-comp-page-content-fit-space-inset-sm-top: var(--modern-size-0);
1857
- --sky-comp-page-content-fit-space-inset-xs-bottom: var(--modern-size-0);
1858
- --sky-comp-page-content-fit-space-inset-xs-left: var(--modern-space-s);
1859
- --sky-comp-page-content-fit-space-inset-xs-right: var(--modern-space-s);
1860
- --sky-comp-page-content-fit-space-inset-xs-top: var(--modern-size-0);
1861
- --sky-comp-page-content-list-space-inset-sm-bottom: var(--modern-size-0);
1862
- --sky-comp-page-content-list-space-inset-sm-left: var(--modern-space-xl);
1863
- --sky-comp-page-content-list-space-inset-sm-right: var(--modern-space-xl);
1864
- --sky-comp-page-content-list-space-inset-sm-top: var(--modern-size-0);
1865
- --sky-comp-page-content-list-space-inset-xs-bottom: var(--modern-size-0);
1866
- --sky-comp-page-content-list-space-inset-xs-left: var(--modern-space-s);
1867
- --sky-comp-page-content-list-space-inset-xs-right: var(--modern-space-s);
1868
- --sky-comp-page-content-list-space-inset-xs-top: var(--modern-size-0);
1869
- --sky-comp-page-content-tabs-space-inset-sm-bottom: var(--modern-size-0);
1870
- --sky-comp-page-content-tabs-space-inset-sm-left: var(--modern-size-0);
1871
- --sky-comp-page-content-tabs-space-inset-sm-right: var(--modern-size-0);
1872
- --sky-comp-page-content-tabs-space-inset-sm-top: var(--modern-size-0);
1873
- --sky-comp-page-content-tabs-space-inset-xs-bottom: var(--modern-size-0);
1874
- --sky-comp-page-content-tabs-space-inset-xs-left: var(--modern-size-0);
1875
- --sky-comp-page-content-tabs-space-inset-xs-right: var(--modern-size-0);
1876
- --sky-comp-page-content-tabs-space-inset-xs-top: var(--modern-size-0);
1877
- --sky-comp-page-header-blocks-space-inset-sm-bottom: var(--modern-size-0);
1878
- --sky-comp-page-header-blocks-space-inset-sm-left: var(--modern-space-xl);
1879
- --sky-comp-page-header-blocks-space-inset-sm-right: var(--modern-space-xl);
1880
- --sky-comp-page-header-blocks-space-inset-sm-top: var(--modern-space-xl);
1881
- --sky-comp-page-header-blocks-space-inset-xs-bottom: var(--modern-space-lg);
1882
- --sky-comp-page-header-blocks-space-inset-xs-left: var(--modern-space-s);
1883
- --sky-comp-page-header-blocks-space-inset-xs-right: var(--modern-space-s);
1884
- --sky-comp-page-header-blocks-space-inset-xs-top: var(--modern-space-lg);
1885
- --sky-comp-page-header-fit-space-inset-sm-bottom: var(--modern-space-lg);
1886
- --sky-comp-page-header-fit-space-inset-sm-left: var(--modern-space-xl);
1887
- --sky-comp-page-header-fit-space-inset-sm-right: var(--modern-space-xl);
1888
- --sky-comp-page-header-fit-space-inset-sm-top: var(--modern-space-xl);
1889
- --sky-comp-page-header-fit-space-inset-xs-bottom: var(--modern-space-lg);
1890
- --sky-comp-page-header-fit-space-inset-xs-left: var(--modern-space-s);
1891
- --sky-comp-page-header-fit-space-inset-xs-right: var(--modern-space-s);
1892
- --sky-comp-page-header-fit-space-inset-xs-top: var(--modern-space-lg);
1893
- --sky-comp-page-header-list-space-inset-sm-bottom: var(--modern-space-lg);
1894
- --sky-comp-page-header-list-space-inset-sm-left: var(--modern-space-xl);
1895
- --sky-comp-page-header-list-space-inset-sm-right: var(--modern-space-xl);
1896
- --sky-comp-page-header-list-space-inset-sm-top: var(--modern-space-xl);
1897
- --sky-comp-page-header-list-space-inset-xs-bottom: var(--modern-space-lg);
1898
- --sky-comp-page-header-list-space-inset-xs-left: var(--modern-space-s);
1899
- --sky-comp-page-header-list-space-inset-xs-right: var(--modern-space-s);
1900
- --sky-comp-page-header-list-space-inset-xs-top: var(--modern-space-lg);
1901
- --sky-comp-page-header-tabs-space-inset-sm-bottom: var(--modern-space-lg);
1902
- --sky-comp-page-header-tabs-space-inset-sm-left: var(--modern-space-xl);
1903
- --sky-comp-page-header-tabs-space-inset-sm-right: var(--modern-space-xl);
1904
- --sky-comp-page-header-tabs-space-inset-sm-top: var(--modern-space-xl);
1905
- --sky-comp-page-header-tabs-space-inset-xs-bottom: var(--modern-space-lg);
1906
- --sky-comp-page-header-tabs-space-inset-xs-left: var(--modern-space-s);
1907
- --sky-comp-page-header-tabs-space-inset-xs-right: var(--modern-space-s);
1908
- --sky-comp-page-header-tabs-space-inset-xs-top: var(--modern-space-lg);
1909
- --sky-comp-page-links-blocks-space-inset-sm-bottom: var(--modern-space-xl);
1910
- --sky-comp-page-links-blocks-space-inset-sm-left: var(--modern-space-xl);
1911
- --sky-comp-page-links-blocks-space-inset-sm-right: var(--modern-space-xl);
1912
- --sky-comp-page-links-blocks-space-inset-sm-top: var(--modern-space-xl);
1913
- --sky-comp-page-links-blocks-space-inset-xs-bottom: var(--modern-space-xl);
1914
- --sky-comp-page-links-blocks-space-inset-xs-left: var(--modern-space-s);
1915
- --sky-comp-page-links-blocks-space-inset-xs-right: var(--modern-space-s);
1916
- --sky-comp-page-links-blocks-space-inset-xs-top: var(--modern-space-xl);
1917
- --sky-comp-page-links-list-space-inset-sm-bottom: var(--modern-space-xl);
1918
- --sky-comp-page-links-list-space-inset-sm-left: var(--modern-space-xl);
1919
- --sky-comp-page-links-list-space-inset-sm-right: var(--modern-space-xl);
1920
- --sky-comp-page-links-list-space-inset-sm-top: var(--modern-space-xl);
1921
- --sky-comp-page-links-list-space-inset-xs-bottom: var(--modern-space-xl);
1922
- --sky-comp-page-links-list-space-inset-xs-left: var(--modern-space-s);
1923
- --sky-comp-page-links-list-space-inset-xs-right: var(--modern-space-s);
1924
- --sky-comp-page-links-list-space-inset-xs-top: var(--modern-space-xl);
1925
- --sky-comp-page-links-tabs-space-inset-sm-bottom: var(--modern-space-xl);
1926
- --sky-comp-page-links-tabs-space-inset-sm-left: var(--modern-space-xl);
1927
- --sky-comp-page-links-tabs-space-inset-sm-right: var(--modern-space-xl);
1928
- --sky-comp-page-links-tabs-space-inset-sm-top: var(--modern-space-xl);
1929
- --sky-comp-page-links-tabs-space-inset-xs-bottom: var(--modern-space-xl);
1930
- --sky-comp-page-links-tabs-space-inset-xs-left: var(--modern-space-s);
1931
- --sky-comp-page-links-tabs-space-inset-xs-right: var(--modern-space-s);
1932
- --sky-comp-page-links-tabs-space-inset-xs-top: var(--modern-space-xl);
1933
- --sky-comp-page-tabset-tabs-space-inset-sm-bottom: var(--modern-size-0);
1934
- --sky-comp-page-tabset-tabs-space-inset-sm-left: var(--modern-space-xl);
1935
- --sky-comp-page-tabset-tabs-space-inset-sm-right: var(--modern-size-0);
1936
- --sky-comp-page-tabset-tabs-space-inset-sm-top: var(--modern-size-0);
1937
- --sky-comp-page-tabset-tabs-space-inset-xs-bottom: var(--modern-size-0);
1938
- --sky-comp-page-tabset-tabs-space-inset-xs-left: var(--modern-space-md);
1939
- --sky-comp-page-tabset-tabs-space-inset-xs-right: var(--modern-size-0);
1940
- --sky-comp-page-tabset-tabs-space-inset-xs-top: var(--modern-size-0);
1941
1958
  --sky-comp-paging_button-space-inset-bottom: var(--modern-size-4);
1942
1959
  --sky-comp-paging_button-space-inset-left: var(--modern-size-15);
1943
1960
  --sky-comp-paging_button-space-inset-right: var(--modern-size-15);
@@ -1986,14 +2003,14 @@
1986
2003
  --sky-comp-selection_box-expanded-space-inset-left: var(--modern-space-xl);
1987
2004
  --sky-comp-selection_box-expanded-space-inset-right: var(--modern-space-xl);
1988
2005
  --sky-comp-selection_box-expanded-space-inset-top: var(--modern-space-xl);
1989
- --sky-comp-split_view-drawer-space-inset-sm-bottom: var(--modern-size-0);
1990
- --sky-comp-split_view-drawer-space-inset-sm-left: var(--modern-size-0);
1991
- --sky-comp-split_view-drawer-space-inset-sm-right: var(--modern-size-0);
1992
- --sky-comp-split_view-drawer-space-inset-sm-top: var(--modern-size-0);
1993
- --sky-comp-split_view-drawer-space-inset-xs-bottom: var(--modern-size-0);
1994
- --sky-comp-split_view-drawer-space-inset-xs-left: var(--modern-size-0);
1995
- --sky-comp-split_view-drawer-space-inset-xs-right: var(--modern-size-0);
1996
- --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);
1997
2014
  --sky-comp-split_view-footer-space-inset-bottom: var(--modern-space-s);
1998
2015
  --sky-comp-split_view-footer-space-inset-left: var(--modern-space-s);
1999
2016
  --sky-comp-split_view-footer-space-inset-right: var(--modern-space-s);
@@ -2144,29 +2161,13 @@
2144
2161
  --sky-font-style-display-2: var(--modern-font-style-regular);
2145
2162
  --sky-font-style-display-3: var(--modern-font-style-regular);
2146
2163
  --sky-font-style-display-4: var(--modern-font-style-bold);
2147
- --sky-font-style-emphasized: var(--modern-font-style-semibold);
2164
+ --sky-font-style-emphasized: var(--modern-font-style-bold);
2148
2165
  --sky-font-style-heading-1: var(--modern-font-style-light);
2149
2166
  --sky-font-style-heading-2: var(--modern-font-style-regular);
2150
2167
  --sky-font-style-heading-3: var(--modern-font-style-regular);
2151
2168
  --sky-font-style-heading-4: var(--modern-font-style-semibold);
2152
2169
  --sky-font-style-heading-5: var(--modern-font-style-semibold);
2153
2170
  --sky-font-style-input-label: var(--modern-font-style-regular);
2154
- --sky-font-weight-body-l: var(--modern-font-weight-light);
2155
- --sky-font-weight-body-m: var(--modern-font-weight-regular);
2156
- --sky-font-weight-body-s: var(--modern-font-weight-regular);
2157
- --sky-font-weight-display-1: var(--modern-font-weight-regular);
2158
- --sky-font-weight-display-2: var(--modern-font-weight-regular);
2159
- --sky-font-weight-display-3: var(--modern-font-weight-regular);
2160
- --sky-font-weight-display-4: var(--modern-font-weight-bold);
2161
- --sky-font-weight-emphasized: var(--modern-font-weight-bold);
2162
- --sky-font-weight-heading-1: var(--modern-font-weight-light);
2163
- --sky-font-weight-heading-2: var(--modern-font-weight-regular);
2164
- --sky-font-weight-heading-3: var(--modern-font-weight-regular);
2165
- --sky-font-weight-heading-4: var(--modern-font-weight-semibold);
2166
- --sky-font-weight-heading-5: var(--modern-font-weight-semibold);
2167
- --sky-font-weight-hint-m: var(--modern-font-weight-regular);
2168
- --sky-font-weight-hint-s: var(--modern-font-weight-regular);
2169
- --sky-font-weight-input-label: var(--modern-font-weight-regular);
2170
2171
  --sky-size-avatar-l: var(--modern-size-100);
2171
2172
  --sky-size-avatar-m: var(--modern-size-65);
2172
2173
  --sky-size-avatar-s: var(--modern-size-32);
@@ -2255,10 +2256,6 @@
2255
2256
  --sky-space-inset-horizontal-top-m: var(--modern-size-0);
2256
2257
  --sky-space-inset-horizontal-top-s: var(--modern-size-0);
2257
2258
  --sky-space-inset-horizontal-top-xl: var(--modern-size-0);
2258
- --sky-space-inset-letterbox-2_3-bottom-m: var(--modern-space-md);
2259
- --sky-space-inset-letterbox-2_3-left-m: var(--modern-space-s);
2260
- --sky-space-inset-letterbox-2_3-right-m: var(--modern-space-s);
2261
- --sky-space-inset-letterbox-2_3-top-m: var(--modern-space-md);
2262
2259
  --sky-space-inset-thumb: var(--modern-size-1);
2263
2260
  --sky-space-inset-thumbnail_matte-l: var(--modern-size-5);
2264
2261
  --sky-space-inset-thumbnail_matte-m: var(--modern-size-3);
@@ -2291,6 +2288,7 @@
2291
2288
  --sky-space-stacked-xl: var(--modern-space-xl);
2292
2289
  --sky-space-stacked-xs: var(--modern-space-xs);
2293
2290
  --sky-space-stacked-xxl: var(--modern-space-xxl);
2291
+ --sky-comp-checkbox-border-radius: var(--sky-border-radius-s);
2294
2292
  --sky-font-family-primary: var(--modern-font-blkb_sans-family);
2295
2293
  --sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
2296
2294
  }
@@ -2363,130 +2361,19 @@
2363
2361
  overflow: hidden;
2364
2362
  }
2365
2363
 
2366
- .sky-theme-modern:not(.sky-theme-brand-base) .sky-btn {
2367
- --sky-override-borderless-icon-size: 26px;
2368
- --sky-override-button-box-shadow-hover-transition: box-shadow
2369
- 150ms;
2370
- --sky-override-button-default-box-shadow-focus:
2371
- inset 0 0 0 var(--sky-border-width-action-focus)
2372
- var(--sky-color-border-action-secondary-focus),
2373
- var(--sky-elevation-focus);
2374
- --sky-override-button-icon-borderless-padding: 1px;
2375
- --sky-override-button-icon-padding: 9px 15px;
2376
- --sky-override-button-link-inline-border-radius: 0;
2377
- --sky-override-button-link-inline-color-disabled: var(
2378
- --sky-color-text-action
2379
- );
2380
- --sky-override-button-link-inline-color-hover-active: var(
2381
- --sky-text-color-action-primary-hover
2382
- );
2383
- --sky-override-button-link-inline-font-size: var(--sky-font-size-body-m);
2384
- --sky-override-button-padding: 9px 21px;
2385
- --sky-override-button-primary-box-shadow-focus:
2386
- inset 0 0 0 var(--sky-border-width-action-focus)
2387
- var(--sky-color-border-action-primary-focus),
2388
- var(--sky-elevation-focus);
2389
- --sky-override-button-primary-disabled-box-shadow:
2390
- inset 0 0 0 var(--sky-border-width-action-focus)
2391
- var(--sky-color-border-action-primary-focus),
2392
- var(--sky-elevation-focus);
2393
- --sky-override-button-icon-disabled-box-shadow:
2394
- inset 0 0 0 var(--sky-border-width-action-focus)
2395
- var(--sky-color-border-action-secondary-focus),
2396
- var(--sky-elevation-focus);
2397
- --sky-override-button-danger-box-shadow-focus:
2398
- inset 0 0 0 var(--sky-border-width-action-focus)
2399
- var(--sky-color-border-action-danger-focus),
2400
- var(--sky-elevation-focus);
2401
- --sky-override-button-danger-disabled-box-shadow:
2402
- inset 0 0 0 var(--sky-border-width-action-focus)
2403
- var(--sky-color-border-action-danger-focus),
2404
- var(--sky-elevation-focus);
2405
- --sky-override-button-tertiary-box-shadow-focus:
2406
- inset 0 0 0 var(--sky-border-width-action-focus)
2407
- var(--sky-color-border-action-tertiary-focus),
2408
- var(--sky-elevation-focus);
2409
- --sky-override-button-tertiary-disabled-box-shadow:
2410
- inset 0 0 0 var(--sky-border-width-action-focus)
2411
- var(--sky-color-border-action-tertiary-focus),
2412
- var(--sky-elevation-focus,);
2413
- --sky-override-button-link-inline-box-shadow-focus:
2414
- 0 0 0 var(--sky-border-width-action-focus)
2415
- var(--sky-color-border-action-tertiary-focus),
2416
- var(--sky-elevation-focus);
2417
- --sky-override-button-link-inline-disabled-box-shadow:
2418
- 0 0 0 var(--sky-border-width-action-focus)
2419
- var(--sky-color-border-action-tertiary-focus),
2420
- var(--sky-elevation-focus);
2421
- --sky-override-button-borderless-inline-box-shadow-focus:
2422
- 0 0 0 var(--sky-border-width-action-focus)
2423
- var(--sky-color-border-action-tertiary-focus),
2424
- var(--sky-elevation-focus);
2425
- --sky-override-button-borderless-inline-disabled-box-shadow:
2426
- 0 0 0 var(--sky-border-width-action-focus)
2427
- var(--sky-color-border-action-tertiary-focus),
2428
- var(--sky-elevation-focus);
2429
- --sky-override-button-block-line-height: 1.6115;
2430
- }
2431
- .sky-theme-modern:not(.sky-theme-brand-base) .sky-btn:not(.sky-btn-link-inline):not(.sky-btn-borderless-inline) {
2432
- --sky-override-button-line-height: calc(20 / 14);
2433
- }
2434
- .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 {
2435
- --sky-override-button-line-height: normal;
2436
- --sky-override-button-opacity-disabled: 0.65;
2437
- }
2438
-
2439
- .sky-theme-modern:not(.sky-theme-brand-base) .sky-btn-tab {
2440
- --sky-override-tab-box-shadow-focus-elevation: var(--sky-elevation-focus);
2441
- --sky-override-tab-selected-active-background-color: var(
2442
- --sky-color-background-tab-active
2443
- );
2444
- --sky-override-tab-selected-active-border-bottom: var(
2445
- --sky-border-width-selected-s
2446
- )
2447
- var(--sky-border-style-accent)
2448
- var(
2449
- --sky-override-tab-hover-border-bottom-color,
2450
- var(--sky-color-border-tab-active)
2451
- );
2452
- --sky-override-tab-selected-active-padding-bottom: calc(
2453
- var(--sky-comp-tab-horizontal-space-inset-bottom) - var(
2454
- --sky-border-width-selected-s
2455
- )
2456
- );
2457
- --sky-override-tab-selected-focus-color: var(--sky-color-text-default);
2458
- --sky-override-tab-selected-focus-background-color: var(
2459
- --sky-color-background-tab-focus
2460
- );
2461
- --sky-override-tab-selected-background-color: var(--modern-color-transparent);
2462
- --sky-override-tab-selected-border-bottom-size: var(--modern-size-3);
2463
- --sky-override-tab-hover-border-bottom-color: var(--modern-color-blue-50);
2464
- --sky-override-tab-disabled-background-color: var(--modern-color-transparent);
2465
- --sky-override-tab-disabled-font-size: 15px;
2466
- --sky-override-tab-button-radius: 0;
2467
- --sky-override-tab-line-height: 1.8;
2468
- --sky-override-tab-item-box-shadow-focus-elevation: var(
2469
- --sky-elevation-focus
2470
- );
2471
- --sky-override-selected-dropdown-item-border-width: var(--modern-size-3);
2472
- --sky-override-selected-dropdown-background-color: var(
2473
- --modern-color-transparent
2474
- );
2475
- }
2476
-
2477
2364
  .sky-theme-modern .sky-btn {
2478
2365
  border: none;
2479
2366
  border-radius: var(--sky-border-radius-s);
2480
2367
  font-size: var(--sky-font-size-body-m);
2481
2368
  transition: box-shadow 150ms;
2482
- 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);
2483
2370
  }
2484
2371
  .sky-theme-modern .sky-btn-default,
2485
2372
  .sky-theme-modern .sky-btn-primary,
2486
2373
  .sky-theme-modern .sky-btn-danger,
2487
2374
  .sky-theme-modern .sky-btn-link,
2488
2375
  .sky-theme-modern .sky-btn-borderless {
2489
- 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);
2490
2377
  }
2491
2378
  .sky-theme-modern .sky-btn-default,
2492
2379
  .sky-theme-modern .sky-btn-primary,
@@ -2609,7 +2496,7 @@
2609
2496
  .sky-theme-modern .sky-btn-borderless-inline[disabled]:active,
2610
2497
  .sky-theme-modern .sky-btn-borderless-inline[disabled].sky-btn-active {
2611
2498
  border: none;
2612
- opacity: var(--sky-override-button-opacity-disabled, 1);
2499
+ opacity: 1;
2613
2500
  color: var(--sky-color-text-deemphasized);
2614
2501
  }
2615
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,
@@ -2709,10 +2596,10 @@
2709
2596
  .sky-theme-modern .sky-btn-borderless-inline[disabled].sky-btn-focus.sky-btn-link-inline,
2710
2597
  .sky-theme-modern .sky-btn-borderless-inline[disabled]:active.sky-btn-link-inline,
2711
2598
  .sky-theme-modern .sky-btn-borderless-inline[disabled].sky-btn-active.sky-btn-link-inline {
2712
- color: var(--sky-override-button-link-inline-color-disabled, var(--sky-color-text-default));
2599
+ color: var(--sky-color-text-default);
2713
2600
  }
2714
2601
  .sky-theme-modern .sky-btn-icon {
2715
- 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);
2716
2603
  }
2717
2604
  .sky-theme-modern .sky-btn-default,
2718
2605
  .sky-theme-modern .sky-btn-icon {
@@ -2730,12 +2617,12 @@
2730
2617
  .sky-theme-modern .sky-btn-icon.sky-btn-active {
2731
2618
  background-color: var(--sky-color-background-action-secondary-active);
2732
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));
2733
- transition: var(--sky-override-button-box-shadow-hover-transition, none);
2620
+ transition: none;
2734
2621
  }
2735
2622
  .sky-theme-modern .sky-btn-default:focus-visible:not(:active),
2736
2623
  .sky-theme-modern .sky-btn-icon:focus-visible:not(:active) {
2737
2624
  background-color: var(--sky-color-background-action-secondary-focus);
2738
- 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));
2739
2626
  }
2740
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,
2741
2628
  .sky-theme-modern .sky-btn-icon.sky-btn-disabled,
@@ -2766,7 +2653,7 @@
2766
2653
  .sky-theme-modern .sky-btn-icon[disabled].sky-btn-focus:is(:focus-visible, .sky-btn-focus),
2767
2654
  .sky-theme-modern .sky-btn-icon[disabled]:active:is(:focus-visible, .sky-btn-focus),
2768
2655
  .sky-theme-modern .sky-btn-icon[disabled].sky-btn-active:is(:focus-visible, .sky-btn-focus) {
2769
- 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));
2770
2657
  }
2771
2658
  .sky-theme-modern .sky-btn-primary {
2772
2659
  background-color: var(--sky-color-background-action-primary-base);
@@ -2780,18 +2667,18 @@
2780
2667
  .sky-theme-modern .sky-btn-primary:active, .sky-theme-modern .sky-btn-primary.sky-btn-active {
2781
2668
  background-color: var(--sky-color-background-action-primary-active);
2782
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));
2783
- transition: var(--sky-override-button-box-shadow-hover-transition, none);
2670
+ transition: none;
2784
2671
  }
2785
2672
  .sky-theme-modern .sky-btn-primary:focus-visible:not(:active) {
2786
2673
  background-color: var(--sky-color-background-action-primary-focus);
2787
- 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));
2788
2675
  }
2789
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 {
2790
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));
2791
2678
  background-color: var(--sky-color-background-action-primary-disabled);
2792
2679
  }
2793
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) {
2794
- 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));
2795
2682
  }
2796
2683
  .sky-theme-modern .sky-btn-danger {
2797
2684
  background-color: var(--sky-color-background-action-danger-base);
@@ -2805,18 +2692,18 @@
2805
2692
  .sky-theme-modern .sky-btn-danger:active, .sky-theme-modern .sky-btn-danger.sky-btn-active {
2806
2693
  background-color: var(--sky-color-background-action-danger-active);
2807
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));
2808
- transition: var(--sky-override-button-box-shadow-hover-transition, none);
2695
+ transition: none;
2809
2696
  }
2810
2697
  .sky-theme-modern .sky-btn-danger:focus-visible:not(:active) {
2811
2698
  background-color: var(--sky-color-background-action-danger-focus);
2812
- 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));
2813
2700
  }
2814
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 {
2815
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));
2816
2703
  background-color: var(--sky-color-background-action-danger-disabled);
2817
2704
  }
2818
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) {
2819
- 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));
2820
2707
  }
2821
2708
  .sky-theme-modern .sky-btn-link {
2822
2709
  color: var(--sky-color-text-action);
@@ -2826,9 +2713,9 @@
2826
2713
  color: var(--sky-color-icon-deemphasized);
2827
2714
  }
2828
2715
  .sky-theme-modern .sky-btn-icon-borderless {
2829
- 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));
2830
- height: var(--sky-override-borderless-icon-size, "");
2831
- 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;
2832
2719
  line-height: 1;
2833
2720
  }
2834
2721
  .sky-theme-modern .sky-btn-link,
@@ -2850,13 +2737,13 @@
2850
2737
  .sky-theme-modern .sky-btn-icon-borderless.sky-btn-active {
2851
2738
  background-color: var(--sky-color-background-action-tertiary-active);
2852
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));
2853
- transition: var(--sky-override-button-box-shadow-hover-transition, none);
2740
+ transition: none;
2854
2741
  }
2855
2742
  .sky-theme-modern .sky-btn-link:focus-visible:not(:active),
2856
2743
  .sky-theme-modern .sky-btn-borderless:focus-visible:not(:active),
2857
2744
  .sky-theme-modern .sky-btn-icon-borderless:focus-visible:not(:active) {
2858
2745
  background-color: var(--sky-color-background-action-tertiary-focus);
2859
- 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));
2860
2747
  }
2861
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,
2862
2749
  .sky-theme-modern .sky-btn-borderless.sky-btn-disabled,
@@ -2911,48 +2798,46 @@
2911
2798
  .sky-theme-modern .sky-btn-icon-borderless[disabled].sky-btn-focus:is(:focus-visible, .sky-btn-focus),
2912
2799
  .sky-theme-modern .sky-btn-icon-borderless[disabled]:active:is(:focus-visible, .sky-btn-focus),
2913
2800
  .sky-theme-modern .sky-btn-icon-borderless[disabled].sky-btn-active:is(:focus-visible, .sky-btn-focus) {
2914
- 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));
2915
2802
  }
2916
2803
  .sky-theme-modern .sky-btn-link-inline {
2917
- background-color: var(--sky-color-background-action-tertiary-base);
2918
- 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);
2919
2806
  padding: var(--sky-space-inset-balanced-none);
2920
2807
  color: var(--sky-color-text-action);
2921
- font-size: var(--sky-override-button-link-inline-font-size, inherit);
2922
2808
  }
2923
2809
  .sky-theme-modern .sky-btn-link-inline:focus-visible:not(:active) {
2924
- background-color: var(--sky-color-background-action-tertiary-focus);
2925
- 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);
2926
2812
  }
2927
2813
  .sky-theme-modern .sky-btn-link-inline:active {
2928
- background-color: var(--sky-color-background-action-tertiary-active);
2814
+ background-color: transparent;
2929
2815
  }
2930
2816
  .sky-theme-modern .sky-btn-link-inline:hover {
2931
- background-color: var(--sky-color-background-action-tertiary-hover);
2817
+ background-color: transparent;
2932
2818
  }
2933
2819
  .sky-theme-modern .sky-btn-link-inline:hover, .sky-theme-modern .sky-btn-link-inline:active {
2934
- color: var(--sky-override-button-link-inline-color-hover-active, var(--sky-color-text-action));
2820
+ color: var(--sky-color-text-action);
2935
2821
  text-decoration: underline;
2936
2822
  }
2937
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 {
2938
2824
  box-shadow: inset 0 0 0 0 var(--sky-color-border-action-tertiary-disabled);
2939
2825
  }
2940
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) {
2941
- 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);
2942
2828
  }
2943
2829
  .sky-theme-modern .sky-btn-borderless-inline {
2944
2830
  color: var(--sky-color-text-deemphasized);
2945
2831
  padding: var(--sky-space-inset-balanced-none);
2946
- font-size: var(--sky-override-button-link-inline-font-size, inherit);
2947
2832
  }
2948
2833
  .sky-theme-modern .sky-btn-borderless-inline:focus-visible:not(:active) {
2949
- 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);
2950
2835
  }
2951
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 {
2952
2837
  box-shadow: inset 0 0 0 0 var(--sky-color-border-action-tertiary-disabled);
2953
2838
  }
2954
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) {
2955
- 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);
2956
2841
  }
2957
2842
  .sky-theme-modern .sky-btn-sm {
2958
2843
  padding: 5px 10px;
@@ -2961,8 +2846,8 @@
2961
2846
  }
2962
2847
  .sky-theme-modern .sky-btn-block {
2963
2848
  font-size: var(--sky-font-size-body-l);
2964
- line-height: var(--sky-override-button-block-line-height, var(--sky-font-line_height-body-l));
2965
- 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);
2966
2851
  }
2967
2852
  .sky-theme-modern .sky-btn-block:has(.sky-btn-block-logo) {
2968
2853
  --sky-btn-block-logo-padding-sides: calc(
@@ -2982,71 +2867,75 @@
2982
2867
  background-color: var(--sky-color-background-tab-base);
2983
2868
  border: none;
2984
2869
  border-radius: 0;
2985
- border-top-left-radius: var(--sky-override-tab-button-radius, var(--sky-border-radius-s));
2986
- 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);
2987
2872
  color: var(--sky-color-text-deemphasized);
2988
2873
  font-size: var(--sky-font-size-body-m);
2989
- font-weight: var(--sky-font-weight-body-m);
2990
- 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);
2991
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);
2992
2877
  transition: box-shadow 150ms;
2993
2878
  }
2994
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) {
2995
2880
  background-color: var(--sky-color-background-tab-hover);
2996
- 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);
2997
2882
  color: var(--sky-color-text-default);
2998
2883
  padding-bottom: calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-s));
2999
2884
  }
3000
2885
  .sky-theme-modern .sky-btn-tab:focus-visible {
3001
2886
  background-color: var(--sky-color-background-tab-focus);
3002
- color: var(--sky-color-text-default);
3003
2887
  outline: none;
3004
2888
  }
2889
+ .sky-theme-modern .sky-btn-tab:focus-visible:not(.sky-btn-tab-selected) {
2890
+ color: var(--sky-color-text-default);
2891
+ }
3005
2892
  .sky-theme-modern .sky-btn-tab:focus-visible.sky-btn-tab-selected {
3006
- 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);
3007
2894
  }
3008
2895
  .sky-theme-modern .sky-btn-tab:focus-visible:not(:active) {
3009
- color: var(--sky-color-text-default);
3010
2896
  outline: solid var(--sky-border-width-selected-m) var(--sky-color-border-tab-focus);
3011
2897
  outline-offset: calc(var(--sky-border-width-selected-m) * -1);
3012
- box-shadow: var(--sky-override-tab-box-shadow-focus-elevation, none);
2898
+ box-shadow: none;
2899
+ }
2900
+ .sky-theme-modern .sky-btn-tab:focus-visible:not(:active):not(.sky-btn-tab-selected) {
2901
+ color: var(--sky-color-text-default);
3013
2902
  }
3014
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) {
3015
2904
  color: var(--sky-color-text-default);
3016
2905
  background-color: var(--sky-color-background-tab-active);
3017
- 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);
3018
2907
  padding-bottom: calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-border-width-selected-s));
3019
2908
  }
3020
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 {
3021
- background-color: var(--sky-override-tab-selected-active-background-color, var(--sky-color-background-selected-soft));
3022
- 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));
3023
- 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));
3024
2913
  }
3025
2914
  .sky-theme-modern .sky-btn-tab .sky-btn-tab-close {
3026
2915
  margin-left: var(--sky-space-gap-text_action-xs);
3027
2916
  }
3028
2917
  .sky-theme-modern .sky-btn-tab.sky-btn-tab-disabled {
3029
- background-color: var(--sky-override-tab-disabled-background-color, var(--sky-color-background-tab-disabled));
2918
+ background-color: var(--sky-color-background-tab-disabled);
3030
2919
  color: var(--sky-color-text-deemphasized);
3031
2920
  font-style: var(--sky-font-style-deemphasized-style);
3032
2921
  font-weight: var(--sky-font-style-deemphasized-weight);
3033
- font-size: var(--sky-override-tab-disabled-font-size, var(--sky-font-size-body-m));
2922
+ font-size: var(--sky-font-size-body-m);
3034
2923
  }
3035
2924
  .sky-theme-modern .sky-btn-tab.sky-btn-tab-disabled .sky-btn-tab-close {
3036
2925
  font-size: var(--sky-font-size-body-m);
3037
2926
  }
3038
2927
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled) {
3039
- background-color: var(--sky-override-tab-selected-background-color, var(--sky-color-background-selected-soft));
3040
- color: var(--sky-color-text-default);
2928
+ background-color: var(--sky-color-background-tab-selected);
2929
+ color: var(--sky-color-text-selected);
3041
2930
  box-shadow: none;
3042
2931
  }
3043
2932
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled):not(:active) {
3044
- 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);
3045
- 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));
3046
2935
  }
3047
2936
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled):hover:not(.sky-btn-tab-disabled) {
3048
- background-color: var(--sky-override-tab-selected-background-color, var(--sky-color-background-selected-soft));
3049
- color: var(--sky-color-text-default);
2937
+ background-color: var(--sky-color-background-tab-selected);
2938
+ color: var(--sky-color-text-selected);
3050
2939
  }
3051
2940
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled) .sky-btn-tab-close,
3052
2941
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled) .sky-tab-header-count {
@@ -3075,17 +2964,17 @@
3075
2964
  }
3076
2965
  .sky-theme-modern .sky-tab-dropdown-menu-item .sky-btn-tab:focus-visible:not(:active) {
3077
2966
  background-color: transparent;
3078
- box-shadow: var(--sky-override-tab-item-box-shadow-focus-elevation, none);
2967
+ box-shadow: none;
3079
2968
  outline: solid var(--sky-border-width-action-active) var(--sky-color-border-action-secondary-focus);
3080
2969
  outline-offset: calc(var(--sky-border-width-action-active) * -1);
3081
2970
  }
3082
2971
  .sky-theme-modern .sky-tab-dropdown-menu-item .sky-btn-tab.sky-btn-tab-selected {
3083
- background-color: var(--sky-override-selected-dropdown-background-color, var(--sky-color-background-selected-soft));
2972
+ background-color: var(--sky-color-background-selected-soft);
3084
2973
  color: var(--sky-color-text-default);
3085
2974
  border-bottom: none;
3086
2975
  border-radius: 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0;
3087
- 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);
3088
- 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));
3089
2978
  }
3090
2979
 
3091
2980
  .sky-theme-modern .sky-elevation-0-bordered {
@@ -3114,20 +3003,11 @@
3114
3003
  box-shadow: var(--sky-elevation-overlay-400);
3115
3004
  }
3116
3005
 
3117
- .sky-theme-modern:not(.sky-theme-brand-base) select {
3118
- --sky-override-select-icon-size: var(--modern-size-15) var(--modern-size-30);
3119
- --sky-override-select-icon-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1IDEwIiB3aWR0aD0iNSIgaGVpZ2h0PSIxMCI+Cgk8c3R5bGU+CgkJdHNwYW4geyB3aGl0ZS1zcGFjZTpwcmUgfQoJCS5zaHAwIHsgZmlsbDogIzQ0NDQ0NCB9IAoJPC9zdHlsZT4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InNocDAiIGQ9Ik0xLjQxIDQuNjdMMi40OCAzLjE4TDMuNTQgNC42N0wxLjQxIDQuNjdMMS40MSA0LjY3WiIgLz4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InNocDAiIGQ9Ik0zLjU0IDUuMzNMMi40OCA2LjgyTDEuNDEgNS4zM0wzLjU0IDUuMzNMMy41NCA1LjMzWiIgLz4KPC9zdmc+);
3120
- }
3121
-
3122
- .sky-theme-modern:not(.sky-theme-brand-base) .sky-error-label {
3123
- --sky-override-error-label-margin-top: var(--modern-size-5);
3124
- }
3125
-
3126
3006
  .sky-theme-modern .sky-form-control {
3127
3007
  font-size: var(--sky-font-size-body-m);
3128
3008
  }
3129
3009
  .sky-theme-modern .sky-error-label {
3130
- 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);
3131
3011
  color: var(--sky-text-color-default);
3132
3012
  }
3133
3013
  .sky-theme-modern .sky-error-label::before {
@@ -3142,32 +3022,10 @@
3142
3022
  opacity: 1;
3143
3023
  }
3144
3024
  .sky-theme-modern select {
3145
- 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%;
3146
- 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);
3147
3026
  }
3148
-
3149
- .sky-theme-modern:not(.sky-theme-brand-base) {
3150
- --sky-override-icon-color-group: var(--sky-color-icon-action);
3151
- --sky-override-icon-switch-border-width-disabled: 0;
3152
- --sky-override-icon-switch-font-size: 18px;
3153
- --sky-override-icon-switch-font-size-group: 20px;
3154
- --sky-override-icon-switch-size: 35px;
3155
- --sky-override-icon-switch-size-group: 40px;
3156
- --sky-override-switch-background-color: var(--modern-color-white);
3157
- --sky-override-switch-background-color-danger: rgb(250.4, 200.375, 190.6);
3158
- --sky-override-switch-background-color-success: rgb(209.802919708, 231.7737226277, 192.2262773723);
3159
- --sky-override-switch-background-color-warning: rgb(255, 233.5961538462, 202);
3160
- --sky-override-switch-border-color: var(--modern-color-blue-74);
3161
- --sky-override-switch-border-color-checked: var(--sky-color-border-selected);
3162
- --sky-override-switch-box-shadow: none;
3163
- --sky-override-switch-box-shadow-disabled: none;
3164
- --sky-override-switch-box-shadow-focus-elevation: var(--sky-elevation-focus);
3165
- --sky-override-switch-checked-color: var(--sky-color-icon-selected);
3166
- --sky-override-switch-icon-checked-color-no-group: var(
3167
- --sky-color-text-default
3168
- );
3169
- --sky-override-switch-label-color-disabled: var(--sky-color-text-default);
3170
- --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);
3171
3029
  }
3172
3030
 
3173
3031
  .sky-theme-modern .sky-switch {
@@ -3182,7 +3040,7 @@
3182
3040
  cursor: not-allowed;
3183
3041
  }
3184
3042
  .sky-theme-modern .sky-switch.sky-switch-disabled .sky-switch-label {
3185
- color: var(--sky-override-switch-label-color-disabled, var(--sky-color-text-deemphasized));
3043
+ color: var(--sky-color-text-deemphasized);
3186
3044
  }
3187
3045
  .sky-theme-modern .sky-switch.sky-control-label-required .sky-switch-label {
3188
3046
  margin-right: 0;
@@ -3204,16 +3062,16 @@
3204
3062
  border-color: var(--sky-color-border-switch-error);
3205
3063
  }
3206
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 {
3207
- background-color: var(--sky-color-background-selected-heavy);
3065
+ background: var(--sky-color-background-selected-switch-base);
3208
3066
  border-width: var(--sky-border-width-selected-s);
3209
- 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);
3210
3068
  }
3211
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) {
3212
- color: var(--sky-override-switch-checked-color, var(--sky-color-icon-inverse));
3070
+ color: var(--sky-color-icon-inverse);
3213
3071
  }
3214
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 {
3215
- background-color: var(--sky-color-background-selected-soft);
3216
- 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);
3217
3075
  border-color: var(--sky-color-border-selected);
3218
3076
  }
3219
3077
  .sky-theme-modern .sky-switch .sky-switch-input:checked:not(:disabled) + .sky-switch-control:is(.sky-switch-control-success,
@@ -3224,13 +3082,13 @@
3224
3082
  color: var(--sky-color-icon-default);
3225
3083
  }
3226
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 {
3227
- background-color: var(--sky-override-switch-background-color-success, var(--sky-color-background-selected-success));
3085
+ background-color: var(--sky-color-background-selected-success);
3228
3086
  }
3229
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 {
3230
- background-color: var(--sky-override-switch-background-color-warning, var(--sky-color-background-selected-warning));
3088
+ background-color: var(--sky-color-background-selected-warning);
3231
3089
  }
3232
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 {
3233
- background-color: var(--sky-override-switch-background-color-danger, var(--sky-color-background-selected-danger));
3091
+ background-color: var(--sky-color-background-selected-danger);
3234
3092
  }
3235
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 {
3236
3094
  border-color: var(--sky-color-border-switch-selected-active);
@@ -3245,14 +3103,14 @@
3245
3103
  border-color: var(--sky-color-border-switch-selected-disabled);
3246
3104
  }
3247
3105
  .sky-theme-modern .sky-switch .sky-switch-input:disabled + .sky-switch-control {
3248
- background-color: var(--sky-color-background-input-disabled);
3106
+ background-color: var(--sky-color-background-selected-switch-disabled);
3249
3107
  border-width: var(--sky-border-width-input-disabled);
3250
3108
  border-color: var(--sky-color-border-switch-disabled);
3251
- box-shadow: var(--sky-override-switch-box-shadow-disabled, var(--sky-elevation-input-disabled));
3109
+ box-shadow: var(--sky-elevation-input-disabled);
3252
3110
  color: var(--sky-color-text-deemphasized);
3253
3111
  }
3254
3112
  .sky-theme-modern .sky-switch .sky-switch-input:not(:disabled) + .sky-switch-control {
3255
- box-shadow: var(--sky-override-switch-box-shadow, var(--sky-elevation-input-base));
3113
+ box-shadow: var(--sky-elevation-input-base);
3256
3114
  }
3257
3115
  .sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):hover + .sky-switch-control {
3258
3116
  border-width: var(--sky-border-width-input-hover);
@@ -3267,28 +3125,28 @@
3267
3125
  border-color: var(--sky-color-border-switch-focus);
3268
3126
  }
3269
3127
  .sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):focus-visible:not(:active) + .sky-switch-control {
3270
- box-shadow: var(--sky-override-switch-box-shadow-focus-elevation, var(--sky-elevation-input-base));
3128
+ box-shadow: var(--sky-elevation-input-base);
3271
3129
  outline: none;
3272
3130
  }
3273
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 {
3274
- border-color: var(--sky-override-switch-border-color, var(--sky-color-border-success));
3132
+ border-color: var(--sky-color-border-success);
3275
3133
  }
3276
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 {
3277
- border-color: var(--sky-override-switch-border-color, var(--sky-color-border-warning));
3135
+ border-color: var(--sky-color-border-warning);
3278
3136
  }
3279
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 {
3280
- border-color: var(--sky-override-switch-border-color, var(--sky-color-border-danger));
3138
+ border-color: var(--sky-color-border-danger);
3281
3139
  }
3282
3140
  .sky-theme-modern .sky-switch .sky-switch-control {
3283
3141
  width: var(--sky-size-switch);
3284
3142
  max-width: var(--sky-size-switch);
3285
3143
  height: var(--sky-size-switch);
3286
3144
  flex: 1 0 var(--sky-size-switch);
3287
- 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;
3288
3146
  display: inline-flex;
3289
3147
  position: relative;
3290
3148
  border: var(--sky-border-width-input-base) solid var(--sky-color-border-switch-base);
3291
- background-color: var(--sky-override-switch-background-color, var(--sky-color-background-input-base));
3149
+ background-color: var(--sky-color-background-input-base);
3292
3150
  color: var(--sky-color-icon-default);
3293
3151
  text-align: center;
3294
3152
  line-height: 1;
@@ -3298,10 +3156,10 @@
3298
3156
  }
3299
3157
  .sky-theme-modern .sky-switch .sky-switch-control.sky-switch-control-icon {
3300
3158
  max-width: none;
3301
- 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)));
3302
- 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)));
3303
- 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)));
3304
- 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);
3305
3163
  }
3306
3164
  .sky-theme-modern .sky-switch .sky-switch-control.sky-switch-control-icon i {
3307
3165
  justify-content: center;
@@ -3324,16 +3182,16 @@
3324
3182
  }
3325
3183
  .sky-theme-modern .sky-switch-icon-group .sky-switch-control {
3326
3184
  background-color: var(--sky-color-background-action-tertiary-base);
3327
- border-width: var(--sky-width-action-base);
3185
+ border-width: var(--sky-border-width-action-base);
3328
3186
  border-color: var(--sky-color-border-action-tertiary-base);
3329
3187
  }
3330
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 {
3331
3189
  border-width: var(--sky-border-width-selected-s);
3332
- color: var(--sky-override-switch-checked-color, var(--sky-color-icon-action));
3190
+ color: var(--sky-color-icon-action);
3333
3191
  }
3334
3192
  .sky-theme-modern .sky-switch-icon-group .sky-switch-input:disabled + .sky-switch-control.sky-switch-control-icon {
3335
3193
  border-color: var(--sky-color-border-action-tertiary-disabled);
3336
- 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);
3337
3195
  }
3338
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 {
3339
3197
  color: var(--sky-color-icon-action);
@@ -3354,9 +3212,9 @@
3354
3212
  border-color: var(--sky-color-border-action-tertiary-focus);
3355
3213
  }
3356
3214
  .sky-theme-modern .sky-switch-icon-group .sky-switch-control.sky-switch-control-icon {
3357
- 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)));
3358
- 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)));
3359
- 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);
3360
3218
  }
3361
3219
  .sky-theme-modern .sky-switch-icon-group sky-checkbox .sky-switch-control-icon {
3362
3220
  margin-right: var(--sky-space-gap-action_group-m);
@@ -3368,27 +3226,13 @@
3368
3226
  border-radius: var(--sky-border-radius-s);
3369
3227
  }
3370
3228
 
3371
- .sky-theme-modern:not(.sky-theme-brand-base) {
3372
- --sky-override-a-border-radius: 0;
3373
- --sky-override-a-box-shadow-focus:
3374
- 0 0 0 var(--sky-border-width-action-focus)
3375
- var(--sky-color-border-action-tertiary-focus),
3376
- var(--sky-elevation-focus);
3377
- --sky-override-a-color-hover-active: var(
3378
- --sky-text-color-action-primary-hover
3379
- );
3380
- --sky-override-form-font-weight: var(--sky-font-weight-body-m);
3381
- --sky-override-p-line-height: var(--sky-font-line_height-body-m);
3382
- --sky-override-body-line-height: normal;
3383
- }
3384
-
3385
- html:has(.sky-theme-brand-base) {
3229
+ html:has(.sky-theme-modern) {
3386
3230
  font-size: initial;
3387
3231
  }
3388
3232
 
3389
3233
  .sky-theme-modern {
3390
3234
  font-size: var(--sky-font-size-body-m);
3391
- font-weight: var(--sky-font-weight-body-m);
3235
+ font-weight: var(--sky-font-style-body-m);
3392
3236
  font-family: var(--sky-font-family-primary);
3393
3237
  color: var(--sky-color-text-default);
3394
3238
  background-color: var(--sky-color-background-page);
@@ -3397,59 +3241,63 @@ html:has(.sky-theme-brand-base) {
3397
3241
 
3398
3242
  .sky-theme-modern form {
3399
3243
  font-size: var(--sky-font-size-body-m);
3400
- font-weight: var(--sky-override-form-font-weight, initial);
3401
3244
  font-family: var(--sky-font-family-primary);
3402
3245
  transition: background-color 150ms, color 150ms;
3403
3246
  }
3404
3247
 
3405
3248
  body.sky-theme-modern {
3406
- 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);
3407
3250
  }
3408
3251
 
3409
3252
  .sky-theme-modern a {
3410
3253
  color: var(--sky-color-text-action);
3411
- border-radius: var(--sky-override-a-border-radius, var(--sky-border-radius-s));
3254
+ border-radius: var(--sky-border-radius-s);
3412
3255
  }
3413
3256
  .sky-theme-modern a:focus-visible:not(:active) {
3414
3257
  outline: none;
3415
- 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);
3416
3259
  }
3417
3260
  .sky-theme-modern h1,
3418
3261
  .sky-theme-modern .sky-font-heading-1 {
3419
3262
  color: var(--sky-color-text-heading);
3420
3263
  font-family: var(--sky-font-family-primary);
3421
3264
  font-size: var(--sky-font-size-heading-1);
3422
- 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);
3423
3267
  }
3424
3268
  .sky-theme-modern h2,
3425
3269
  .sky-theme-modern .sky-font-heading-2 {
3426
3270
  color: var(--sky-color-text-heading);
3427
3271
  font-family: var(--sky-font-family-primary);
3428
3272
  font-size: var(--sky-font-size-heading-2);
3429
- 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);
3430
3275
  }
3431
3276
  .sky-theme-modern h3,
3432
3277
  .sky-theme-modern .sky-font-heading-3 {
3433
3278
  color: var(--sky-color-text-heading);
3434
3279
  font-size: var(--sky-font-size-heading-3);
3435
- 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);
3436
3282
  }
3437
3283
  .sky-theme-modern h4,
3438
3284
  .sky-theme-modern .sky-font-heading-4 {
3439
3285
  color: var(--sky-color-text-heading);
3440
3286
  font-size: var(--sky-font-size-heading-4);
3441
- font-weight: var(--sky-font-weight-heading-4);
3287
+ font-weight: var(--sky-font-style-heading-4);
3442
3288
  text-transform: none;
3289
+ line-height: var(--sky-font-line_height-heading-4);
3443
3290
  }
3444
3291
  .sky-theme-modern h5,
3445
3292
  .sky-theme-modern .sky-font-heading-5 {
3446
3293
  color: var(--sky-color-text-heading);
3447
3294
  font-size: var(--sky-font-size-heading-5);
3448
- font-weight: var(--sky-font-weight-heading-5);
3295
+ font-weight: var(--sky-font-style-heading-5);
3449
3296
  text-transform: none;
3297
+ line-height: var(--sky-font-line_height-heading-5);
3450
3298
  }
3451
3299
  .sky-theme-modern p {
3452
- 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);
3453
3301
  }
3454
3302
  .sky-theme-modern mark.sky-highlight-mark {
3455
3303
  background-color: var(--sky-color-background-text_highlight);
@@ -3463,56 +3311,40 @@ body.sky-theme-modern {
3463
3311
  border-radius: var(--sky-border-radius-s);
3464
3312
  }
3465
3313
 
3466
- .sky-theme-modern.sky-theme-brand-base h1,
3467
- .sky-theme-modern.sky-theme-brand-base .sky-font-heading-1 {
3468
- line-height: var(--sky-font-line_height-heading-1);
3469
- }
3470
- .sky-theme-modern.sky-theme-brand-base h2,
3471
- .sky-theme-modern.sky-theme-brand-base .sky-font-heading-2 {
3472
- line-height: var(--sky-font-line_height-heading-2);
3473
- }
3474
- .sky-theme-modern.sky-theme-brand-base h3,
3475
- .sky-theme-modern.sky-theme-brand-base .sky-font-heading-3 {
3476
- line-height: var(--sky-font-line_height-heading-3);
3477
- }
3478
- .sky-theme-modern.sky-theme-brand-base h4,
3479
- .sky-theme-modern.sky-theme-brand-base .sky-font-heading-4 {
3480
- line-height: var(--sky-font-line_height-heading-4);
3481
- }
3482
- .sky-theme-modern.sky-theme-brand-base h5,
3483
- .sky-theme-modern.sky-theme-brand-base .sky-font-heading-5 {
3484
- line-height: var(--sky-font-line_height-heading-5);
3485
- }
3486
-
3487
3314
  .sky-theme-modern .sky-font-body-default {
3488
3315
  color: var(--sky-color-text-default);
3489
3316
  font-family: var(--sky-font-family-primary);
3490
3317
  font-size: var(--sky-font-size-body-m);
3491
- 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);
3492
3320
  }
3493
3321
  .sky-theme-modern .sky-font-body-sm {
3494
3322
  color: var(--sky-color-text-default);
3495
3323
  font-family: var(--sky-font-family-primary);
3496
3324
  font-size: var(--sky-font-size-body-s);
3497
- 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);
3498
3327
  }
3499
3328
  .sky-theme-modern .sky-font-body-lg {
3500
3329
  color: var(--sky-color-text-default);
3501
3330
  font-family: var(--sky-font-family-primary);
3502
3331
  font-size: var(--sky-font-size-body-l);
3503
- 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);
3504
3334
  }
3505
3335
  .sky-theme-modern .sky-font-data-label {
3506
3336
  color: var(--sky-color-text-deemphasized);
3507
3337
  font-family: var(--sky-font-family-primary);
3508
3338
  font-size: var(--sky-font-size-body-m);
3509
- 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);
3510
3341
  }
3511
3342
  .sky-theme-modern .sky-font-field-label {
3512
3343
  color: var(--sky-color-text-deemphasized);
3513
3344
  font-family: var(--sky-font-family-primary);
3514
3345
  font-size: var(--sky-font-size-body-m);
3515
- 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);
3516
3348
  }
3517
3349
  .sky-theme-modern .sky-font-deemphasized {
3518
3350
  color: var(--sky-color-text-deemphasized);
@@ -3524,14 +3356,14 @@ body.sky-theme-modern {
3524
3356
  .sky-theme-modern .sky-font-emphasized {
3525
3357
  font-family: var(--sky-font-family-primary);
3526
3358
  font-size: inherit;
3527
- font-weight: var(--sky-font-weight-emphasized);
3359
+ font-weight: var(--sky-font-style-emphasized);
3528
3360
  }
3529
3361
  .sky-theme-modern .sky-font-hint-text-s {
3530
3362
  color: var(--sky-color-text-deemphasized);
3531
3363
  font-family: var(--sky-font-family-primary);
3532
3364
  font-size: var(--sky-font-size-hint-s);
3533
3365
  font-style: var(--sky-font-style-hint-s-style);
3534
- font-weight: var(--sky-font-weight-hint-s);
3366
+ font-weight: var(--sky-font-style-hint-s);
3535
3367
  letter-spacing: var(--sky-font-letter_spacing-hint-s);
3536
3368
  line-height: var(--sky-font-line_height-hint-s);
3537
3369
  }
@@ -3540,61 +3372,36 @@ body.sky-theme-modern {
3540
3372
  font-family: var(--sky-font-family-primary);
3541
3373
  font-size: var(--sky-font-size-hint-m);
3542
3374
  font-style: var(--sky-font-style-hint-m-style);
3543
- font-weight: var(--sky-font-weight-hint-m);
3375
+ font-weight: var(--sky-font-style-hint-m);
3544
3376
  line-height: var(--sky-font-line_height-hint-m);
3545
3377
  }
3546
3378
  .sky-theme-modern .sky-font-display-1 {
3547
3379
  color: var(--sky-color-text-default);
3548
3380
  font-family: var(--sky-font-family-primary);
3549
3381
  font-size: var(--sky-font-size-display-1);
3550
- 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);
3551
3384
  }
3552
3385
  .sky-theme-modern .sky-font-display-2 {
3553
3386
  color: var(--sky-color-text-default);
3554
3387
  font-family: var(--sky-font-family-primary);
3555
3388
  font-size: var(--sky-font-size-display-2);
3556
- 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);
3557
3391
  }
3558
3392
  .sky-theme-modern .sky-font-display-3,
3559
3393
  .sky-theme-modern .sky-headline {
3560
3394
  color: var(--sky-color-text-default);
3561
3395
  font-family: var(--sky-font-family-primary);
3562
3396
  font-size: var(--sky-font-size-display-3);
3563
- 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);
3564
3399
  }
3565
3400
  .sky-theme-modern .sky-font-display-4 {
3566
3401
  color: var(--sky-color-text-default);
3567
3402
  font-family: var(--sky-font-family-primary);
3568
3403
  font-size: var(--sky-font-size-display-4);
3569
- font-weight: var(--sky-font-weight-display-4);
3570
- }
3571
-
3572
- .sky-theme-modern.sky-theme-brand-base .sky-font-body-default {
3573
- line-height: var(--sky-font-line_height-body-m);
3574
- }
3575
- .sky-theme-modern.sky-theme-brand-base .sky-font-body-sm {
3576
- line-height: var(--sky-font-line_height-body-s);
3577
- }
3578
- .sky-theme-modern.sky-theme-brand-base .sky-font-body-lg {
3579
- line-height: var(--sky-font-line_height-body-l);
3580
- }
3581
- .sky-theme-modern.sky-theme-brand-base .sky-font-data-label {
3582
- line-height: var(--sky-font-line_height-body-m);
3583
- }
3584
- .sky-theme-modern.sky-theme-brand-base .sky-font-field-label {
3585
- line-height: var(--sky-font-line_height-body-m);
3586
- }
3587
- .sky-theme-modern.sky-theme-brand-base .sky-font-display-1 {
3588
- line-height: var(--sky-font-line_height-display-1);
3589
- }
3590
- .sky-theme-modern.sky-theme-brand-base .sky-font-display-2 {
3591
- line-height: var(--sky-font-line_height-display-2);
3592
- }
3593
- .sky-theme-modern.sky-theme-brand-base .sky-font-display-3,
3594
- .sky-theme-modern.sky-theme-brand-base .sky-headline {
3595
- line-height: var(--sky-font-line_height-display-3);
3596
- }
3597
- .sky-theme-modern.sky-theme-brand-base .sky-font-display-4 {
3404
+ font-weight: var(--sky-font-style-display-4);
3598
3405
  line-height: var(--sky-font-line_height-display-4);
3599
3406
  }
3600
3407