@skyux/theme 12.14.3 → 12.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/sky.css +17 -4
- package/css/themes/modern/styles.css +721 -53
- package/package.json +2 -2
package/css/sky.css
CHANGED
|
@@ -410,7 +410,7 @@ body:not(.sky-theme-modern) {
|
|
|
410
410
|
}
|
|
411
411
|
|
|
412
412
|
.sky-border-bottom-dark {
|
|
413
|
-
border-bottom: var(--sky-override-border-dark, var(--sky-border-style-separator-dark) var(--sky-border-width-separator-dark) var(--sky-color-border-
|
|
413
|
+
border-bottom: var(--sky-override-border-dark, var(--sky-border-style-separator-dark) var(--sky-border-width-separator-dark) var(--sky-color-border-divider));
|
|
414
414
|
}
|
|
415
415
|
|
|
416
416
|
.sky-border-bottom-light {
|
|
@@ -422,7 +422,7 @@ body:not(.sky-theme-modern) {
|
|
|
422
422
|
}
|
|
423
423
|
|
|
424
424
|
.sky-border-dark {
|
|
425
|
-
border: var(--sky-override-border-dark, var(--sky-border-style-separator-dark) var(--sky-border-width-separator-dark) var(--sky-color-border-
|
|
425
|
+
border: var(--sky-override-border-dark, var(--sky-border-style-separator-dark) var(--sky-border-width-separator-dark) var(--sky-color-border-divider));
|
|
426
426
|
}
|
|
427
427
|
|
|
428
428
|
.sky-border-light {
|
|
@@ -1908,6 +1908,7 @@ symbol[id^=sky-i-]:not(.sky-i-branded) *.sky-i-path-2 {
|
|
|
1908
1908
|
}
|
|
1909
1909
|
|
|
1910
1910
|
.sky-viewkeeper-boundary {
|
|
1911
|
+
clip-path: inset(0);
|
|
1911
1912
|
isolation: isolate;
|
|
1912
1913
|
}
|
|
1913
1914
|
|
|
@@ -1917,9 +1918,16 @@ symbol[id^=sky-i-]:not(.sky-i-branded) *.sky-i-path-2 {
|
|
|
1917
1918
|
opacity: var(--sky-viewkeeper-opacity);
|
|
1918
1919
|
overflow: hidden;
|
|
1919
1920
|
}
|
|
1920
|
-
|
|
1921
|
+
|
|
1922
|
+
.sky-viewkeeper-shadow {
|
|
1923
|
+
position: fixed;
|
|
1924
|
+
min-height: 1px;
|
|
1925
|
+
z-index: 998;
|
|
1926
|
+
user-select: none;
|
|
1927
|
+
pointer-events: none;
|
|
1928
|
+
}
|
|
1929
|
+
.sky-viewkeeper-shadow.sky-viewkeeper-shadow--active {
|
|
1921
1930
|
box-shadow: var(--sky-viewkeeper-box-shadow);
|
|
1922
|
-
z-index: 999;
|
|
1923
1931
|
}
|
|
1924
1932
|
|
|
1925
1933
|
.sky-wait-element-active {
|
|
@@ -1927,6 +1935,11 @@ symbol[id^=sky-i-]:not(.sky-i-branded) *.sky-i-path-2 {
|
|
|
1927
1935
|
position: relative;
|
|
1928
1936
|
}
|
|
1929
1937
|
|
|
1938
|
+
.sky-errors-overflow {
|
|
1939
|
+
overflow-y: auto;
|
|
1940
|
+
max-height: 100px;
|
|
1941
|
+
}
|
|
1942
|
+
|
|
1930
1943
|
.sky-page-heading {
|
|
1931
1944
|
font-family: "BLKB Sans Condensed", "Helvetica Neue Condensed", "Arial Narrow";
|
|
1932
1945
|
color: var(--sky-text-color-default);
|
|
@@ -9,17 +9,17 @@
|
|
|
9
9
|
--bb-border-style-solid: solid;
|
|
10
10
|
--bb-color-black: #000000;
|
|
11
11
|
--bb-color-blocking: rgba(255, 255, 255, 0.7);
|
|
12
|
-
--bb-color-blue-100: #
|
|
13
|
-
--bb-color-blue-1000: #
|
|
12
|
+
--bb-color-blue-100: #eef3fc;
|
|
13
|
+
--bb-color-blue-1000: #09152b;
|
|
14
14
|
--bb-color-blue-200: #d0e1f7;
|
|
15
15
|
--bb-color-blue-25: #fbfcfe;
|
|
16
|
-
--bb-color-blue-300: #
|
|
17
|
-
--bb-color-blue-400: #
|
|
18
|
-
--bb-color-blue-500: #
|
|
19
|
-
--bb-color-blue-600: #
|
|
20
|
-
--bb-color-blue-700: #
|
|
21
|
-
--bb-color-blue-800: #
|
|
22
|
-
--bb-color-blue-900: #
|
|
16
|
+
--bb-color-blue-300: #aac4ee;
|
|
17
|
+
--bb-color-blue-400: #80a6e6;
|
|
18
|
+
--bb-color-blue-500: #5589dd;
|
|
19
|
+
--bb-color-blue-600: #2b6bd5;
|
|
20
|
+
--bb-color-blue-700: #2256aa;
|
|
21
|
+
--bb-color-blue-800: #1a4080;
|
|
22
|
+
--bb-color-blue-900: #112b55;
|
|
23
23
|
--bb-color-gray-100: #d3d5d6;
|
|
24
24
|
--bb-color-gray-1000: #1e2229;
|
|
25
25
|
--bb-color-gray-1100: #161a1f;
|
|
@@ -28,13 +28,13 @@
|
|
|
28
28
|
--bb-color-gray-25: #f9f9f9;
|
|
29
29
|
--bb-color-gray-300: #a8aaad;
|
|
30
30
|
--bb-color-gray-400: #929599;
|
|
31
|
-
--bb-color-gray-50: #
|
|
31
|
+
--bb-color-gray-50: #eeeeef;
|
|
32
32
|
--bb-color-gray-500: #7c8085;
|
|
33
33
|
--bb-color-gray-600: #666b70;
|
|
34
34
|
--bb-color-gray-700: #51555c;
|
|
35
35
|
--bb-color-gray-800: #3b4047;
|
|
36
36
|
--bb-color-gray-900: #252b33;
|
|
37
|
-
--bb-color-green-100: #
|
|
37
|
+
--bb-color-green-100: #ecfcf4;
|
|
38
38
|
--bb-color-green-1000: #022b17;
|
|
39
39
|
--bb-color-green-200: #cef7e3;
|
|
40
40
|
--bb-color-green-300: #9ef0c7;
|
|
@@ -44,7 +44,37 @@
|
|
|
44
44
|
--bb-color-green-700: #0aa959;
|
|
45
45
|
--bb-color-green-800: #078245;
|
|
46
46
|
--bb-color-green-900: #05572e;
|
|
47
|
-
--bb-color-
|
|
47
|
+
--bb-color-orange-100: #fef3eb;
|
|
48
|
+
--bb-color-orange-1000: #311400;
|
|
49
|
+
--bb-color-orange-200: #fde0cc;
|
|
50
|
+
--bb-color-orange-300: #fbc299;
|
|
51
|
+
--bb-color-orange-400: #f9a366;
|
|
52
|
+
--bb-color-orange-500: #f78533;
|
|
53
|
+
--bb-color-orange-600: #f56600;
|
|
54
|
+
--bb-color-orange-700: #c45200;
|
|
55
|
+
--bb-color-orange-800: #933d00;
|
|
56
|
+
--bb-color-orange-900: #622900;
|
|
57
|
+
--bb-color-pink-100: #fef2fd;
|
|
58
|
+
--bb-color-pink-1000: #30132f;
|
|
59
|
+
--bb-color-pink-200: #fcdffb;
|
|
60
|
+
--bb-color-pink-300: #fac0f7;
|
|
61
|
+
--bb-color-pink-400: #f7a0f3;
|
|
62
|
+
--bb-color-pink-500: #f581ef;
|
|
63
|
+
--bb-color-pink-600: #f261eb;
|
|
64
|
+
--bb-color-pink-700: #c24ebc;
|
|
65
|
+
--bb-color-pink-800: #913a8d;
|
|
66
|
+
--bb-color-pink-900: #61275e;
|
|
67
|
+
--bb-color-purple-100: #f9f2fe;
|
|
68
|
+
--bb-color-purple-1000: #231330;
|
|
69
|
+
--bb-color-purple-200: #efdffc;
|
|
70
|
+
--bb-color-purple-300: #dfc0fa;
|
|
71
|
+
--bb-color-purple-400: #d0a0f7;
|
|
72
|
+
--bb-color-purple-500: #c081f5;
|
|
73
|
+
--bb-color-purple-600: #b061f2;
|
|
74
|
+
--bb-color-purple-700: #8d4ec2;
|
|
75
|
+
--bb-color-purple-800: #6a3a91;
|
|
76
|
+
--bb-color-purple-900: #462761;
|
|
77
|
+
--bb-color-red-100: #fcefef;
|
|
48
78
|
--bb-color-red-1000: #2b0c0c;
|
|
49
79
|
--bb-color-red-200: #f7d8d8;
|
|
50
80
|
--bb-color-red-300: #f0b0b1;
|
|
@@ -55,9 +85,29 @@
|
|
|
55
85
|
--bb-color-red-800: #822325;
|
|
56
86
|
--bb-color-red-900: #571718;
|
|
57
87
|
--bb-color-scrim: rgba(37, 43, 51, 0.5);
|
|
88
|
+
--bb-color-sky-100: #ebfbff;
|
|
89
|
+
--bb-color-sky-1000: #002933;
|
|
90
|
+
--bb-color-sky-200: #ccf5ff;
|
|
91
|
+
--bb-color-sky-300: #99ecff;
|
|
92
|
+
--bb-color-sky-400: #66e2ff;
|
|
93
|
+
--bb-color-sky-500: #33d9ff;
|
|
94
|
+
--bb-color-sky-600: #00cfff;
|
|
95
|
+
--bb-color-sky-700: #00a6cc;
|
|
96
|
+
--bb-color-sky-800: #007c99;
|
|
97
|
+
--bb-color-sky-900: #005366;
|
|
98
|
+
--bb-color-teal-100: #ebfaf9;
|
|
99
|
+
--bb-color-teal-1000: #012625;
|
|
100
|
+
--bb-color-teal-200: #cdf2f1;
|
|
101
|
+
--bb-color-teal-300: #9ce5e3;
|
|
102
|
+
--bb-color-teal-400: #6ad8d4;
|
|
103
|
+
--bb-color-teal-500: #39cbc6;
|
|
104
|
+
--bb-color-teal-600: #07beb8;
|
|
105
|
+
--bb-color-teal-700: #069893;
|
|
106
|
+
--bb-color-teal-800: #04726e;
|
|
107
|
+
--bb-color-teal-900: #034c4a;
|
|
58
108
|
--bb-color-transparent: rgba(0, 0, 0, 0);
|
|
59
109
|
--bb-color-white: #ffffff;
|
|
60
|
-
--bb-color-yellow-100: #
|
|
110
|
+
--bb-color-yellow-100: #fff9ef;
|
|
61
111
|
--bb-color-yellow-1000: #32230a;
|
|
62
112
|
--bb-color-yellow-200: #feefd6;
|
|
63
113
|
--bb-color-yellow-300: #fddfae;
|
|
@@ -296,6 +346,7 @@
|
|
|
296
346
|
--sky-color-border-action-tertiary-disabled: var(--bb-color-gray-100);
|
|
297
347
|
--sky-color-border-action-tertiary-focus: var(--bb-color-blue-600);
|
|
298
348
|
--sky-color-border-action-tertiary-hover: var(--bb-color-blue-600);
|
|
349
|
+
--sky-color-border-column_divider: var(--bb-color-blue-600);
|
|
299
350
|
--sky-color-border-container-base: var(--bb-color-gray-100);
|
|
300
351
|
--sky-color-border-danger: var(--bb-color-red-600);
|
|
301
352
|
--sky-color-border-divider: var(--bb-color-gray-100);
|
|
@@ -327,6 +378,13 @@
|
|
|
327
378
|
--sky-color-border-switch-selected-hover: var(--bb-color-blue-1000);
|
|
328
379
|
--sky-color-border-text_highlight: var(--bb-color-yellow-800);
|
|
329
380
|
--sky-color-border-warning: var(--bb-color-yellow-600);
|
|
381
|
+
--sky-color-category-blue: var(--bb-color-sky-300);
|
|
382
|
+
--sky-color-category-green: var(--bb-color-green-300);
|
|
383
|
+
--sky-color-category-orange: var(--bb-color-orange-400);
|
|
384
|
+
--sky-color-category-purple: var(--bb-color-purple-300);
|
|
385
|
+
--sky-color-category-red: var(--bb-color-red-300);
|
|
386
|
+
--sky-color-category-teal: var(--bb-color-teal-400);
|
|
387
|
+
--sky-color-category-yellow: var(--bb-color-yellow-300);
|
|
330
388
|
--sky-color-icon-action: var(--bb-color-blue-600);
|
|
331
389
|
--sky-color-icon-danger: var(--bb-color-red-600);
|
|
332
390
|
--sky-color-icon-deemphasized: var(--bb-color-gray-600);
|
|
@@ -399,6 +457,7 @@
|
|
|
399
457
|
--sky-border-width-container-base: var(--bb-size-fixed-6);
|
|
400
458
|
--sky-border-width-divider: var(--bb-size-fixed-6);
|
|
401
459
|
--sky-border-width-elevation: var(--bb-size-fixed-6);
|
|
460
|
+
--sky-border-width-emphasized: var(--bb-size-fixed-12);
|
|
402
461
|
--sky-border-width-input-active: var(--bb-size-fixed-12);
|
|
403
462
|
--sky-border-width-input-base: var(--bb-size-fixed-6);
|
|
404
463
|
--sky-border-width-input-disabled: var(--bb-size-fixed-6);
|
|
@@ -415,13 +474,308 @@
|
|
|
415
474
|
--sky-border-width-separator-light: var(--bb-size-fixed-6);
|
|
416
475
|
--sky-border-width-separator-row: var(--bb-size-fixed-6);
|
|
417
476
|
--sky-border-width-text_highlight: var(--bb-size-fixed-6);
|
|
477
|
+
--sky-comp-action_button-space-inset-bottom: var(--bb-size-fluid-150);
|
|
478
|
+
--sky-comp-action_button-space-inset-left: var(--bb-size-fluid-150);
|
|
479
|
+
--sky-comp-action_button-space-inset-right: var(--bb-size-fluid-150);
|
|
480
|
+
--sky-comp-action_button-space-inset-top: var(--bb-size-fluid-150);
|
|
481
|
+
--sky-comp-alert-space-inset-bottom: var(--bb-size-fluid-50);
|
|
482
|
+
--sky-comp-alert-space-inset-left: var(--bb-size-fluid-50);
|
|
483
|
+
--sky-comp-alert-space-inset-right: var(--bb-size-fluid-50);
|
|
484
|
+
--sky-comp-alert-space-inset-top: var(--bb-size-fluid-50);
|
|
485
|
+
--sky-comp-back_to_top-space-inset-bottom: var(--bb-size-fluid-50);
|
|
486
|
+
--sky-comp-back_to_top-space-inset-left: var(--bb-size-fluid-150);
|
|
487
|
+
--sky-comp-back_to_top-space-inset-right: var(--bb-size-fluid-150);
|
|
488
|
+
--sky-comp-back_to_top-space-inset-top: var(--bb-size-fluid-50);
|
|
489
|
+
--sky-comp-box-content-space-inset-bottom: var(--bb-size-fluid-150);
|
|
490
|
+
--sky-comp-box-content-space-inset-left: var(--bb-size-fluid-150);
|
|
491
|
+
--sky-comp-box-content-space-inset-right: var(--bb-size-fluid-150);
|
|
492
|
+
--sky-comp-box-content-space-inset-top: var(--bb-size-fluid-150);
|
|
493
|
+
--sky-comp-box-header-space-inset-bottom: var(--bb-size-0);
|
|
494
|
+
--sky-comp-box-header-space-inset-left: var(--bb-size-fluid-150);
|
|
495
|
+
--sky-comp-box-header-space-inset-right: var(--bb-size-fluid-150);
|
|
496
|
+
--sky-comp-box-header-space-inset-top: var(--bb-size-fluid-150);
|
|
497
|
+
--sky-comp-button-block-space-inset-bottom: var(--bb-size-fluid-50);
|
|
498
|
+
--sky-comp-button-block-space-inset-left: var(--bb-size-fluid-100);
|
|
499
|
+
--sky-comp-button-block-space-inset-right: var(--bb-size-fluid-100);
|
|
500
|
+
--sky-comp-button-block-space-inset-top: var(--bb-size-fluid-50);
|
|
501
|
+
--sky-comp-button-borderless-space-inset-bottom: var(--bb-size-fluid-25);
|
|
502
|
+
--sky-comp-button-borderless-space-inset-left: var(--bb-size-fluid-25);
|
|
503
|
+
--sky-comp-button-borderless-space-inset-right: var(--bb-size-fluid-25);
|
|
504
|
+
--sky-comp-button-borderless-space-inset-top: var(--bb-size-fluid-25);
|
|
505
|
+
--sky-comp-button-icon-space-inset-bottom: var(--bb-size-fluid-50);
|
|
506
|
+
--sky-comp-button-icon-space-inset-left: var(--bb-size-fluid-50);
|
|
507
|
+
--sky-comp-button-icon-space-inset-right: var(--bb-size-fluid-50);
|
|
508
|
+
--sky-comp-button-icon-space-inset-top: var(--bb-size-fluid-50);
|
|
509
|
+
--sky-comp-button-space-inset-bottom: var(--bb-size-fluid-50);
|
|
510
|
+
--sky-comp-button-space-inset-left: var(--bb-size-fluid-100);
|
|
511
|
+
--sky-comp-button-space-inset-right: var(--bb-size-fluid-100);
|
|
512
|
+
--sky-comp-button-space-inset-top: var(--bb-size-fluid-50);
|
|
513
|
+
--sky-comp-button-toolbar-space-inset-bottom: var(--bb-size-fluid-50);
|
|
514
|
+
--sky-comp-button-toolbar-space-inset-left: var(--bb-size-fluid-50);
|
|
515
|
+
--sky-comp-button-toolbar-space-inset-right: var(--bb-size-fluid-50);
|
|
516
|
+
--sky-comp-button-toolbar-space-inset-top: var(--bb-size-fluid-50);
|
|
517
|
+
--sky-comp-colorpicker-content-space-inset-bottom: var(--bb-size-fluid-50);
|
|
518
|
+
--sky-comp-colorpicker-content-space-inset-left: var(--bb-size-fluid-75);
|
|
519
|
+
--sky-comp-colorpicker-content-space-inset-right: var(--bb-size-fluid-75);
|
|
520
|
+
--sky-comp-colorpicker-content-space-inset-top: var(--bb-size-fluid-50);
|
|
521
|
+
--sky-comp-datepicker-calendar-space-inset-bottom: var(--bb-size-fluid-75);
|
|
522
|
+
--sky-comp-datepicker-calendar-space-inset-left: var(--bb-size-fluid-75);
|
|
523
|
+
--sky-comp-datepicker-calendar-space-inset-right: var(--bb-size-fluid-75);
|
|
524
|
+
--sky-comp-datepicker-calendar-space-inset-top: var(--bb-size-fluid-75);
|
|
525
|
+
--sky-comp-datepicker-header-space-inset-bottom: var(--bb-size-0);
|
|
526
|
+
--sky-comp-datepicker-header-space-inset-left: var(--bb-size-fluid-75);
|
|
527
|
+
--sky-comp-datepicker-header-space-inset-right: var(--bb-size-fluid-75);
|
|
528
|
+
--sky-comp-datepicker-header-space-inset-top: var(--bb-size-fluid-75);
|
|
529
|
+
--sky-comp-dropdown-menu-space-inset-bottom: var(--bb-size-fluid-50);
|
|
530
|
+
--sky-comp-dropdown-menu-space-inset-left: var(--bb-size-fluid-50);
|
|
531
|
+
--sky-comp-dropdown-menu-space-inset-right: var(--bb-size-fluid-50);
|
|
532
|
+
--sky-comp-dropdown-menu-space-inset-top: var(--bb-size-fluid-50);
|
|
533
|
+
--sky-comp-dropdown-option-space-inset-bottom: var(--bb-size-fluid-50);
|
|
534
|
+
--sky-comp-dropdown-option-space-inset-left: var(--bb-size-fluid-100);
|
|
535
|
+
--sky-comp-dropdown-option-space-inset-right: var(--bb-size-fluid-100);
|
|
536
|
+
--sky-comp-dropdown-option-space-inset-top: var(--bb-size-fluid-50);
|
|
537
|
+
--sky-comp-file_drop-content-space-inset-bottom: var(--bb-size-fluid-50);
|
|
538
|
+
--sky-comp-file_drop-content-space-inset-left: var(--bb-size-fluid-50);
|
|
539
|
+
--sky-comp-file_drop-content-space-inset-right: var(--bb-size-fluid-50);
|
|
540
|
+
--sky-comp-file_drop-content-space-inset-top: var(--bb-size-fluid-50);
|
|
541
|
+
--sky-comp-filter_bar-space-inset-bottom: var(--bb-size-fluid-50);
|
|
542
|
+
--sky-comp-filter_bar-space-inset-left: var(--bb-size-fluid-50);
|
|
543
|
+
--sky-comp-filter_bar-space-inset-right: var(--bb-size-fluid-50);
|
|
544
|
+
--sky-comp-filter_bar-space-inset-top: var(--bb-size-fluid-50);
|
|
545
|
+
--sky-comp-flyout-header-space-inset-bottom: var(--bb-size-fluid-75);
|
|
546
|
+
--sky-comp-flyout-header-space-inset-left: var(--bb-size-fluid-50);
|
|
547
|
+
--sky-comp-flyout-header-space-inset-right: var(--bb-size-fluid-50);
|
|
548
|
+
--sky-comp-flyout-header-space-inset-top: var(--bb-size-fluid-75);
|
|
549
|
+
--sky-comp-help_inline-space-inset-bottom: var(--bb-size-fluid-6);
|
|
550
|
+
--sky-comp-help_inline-space-inset-left: var(--bb-size-fluid-25);
|
|
551
|
+
--sky-comp-help_inline-space-inset-right: var(--bb-size-fluid-25);
|
|
552
|
+
--sky-comp-help_inline-space-inset-top: var(--bb-size-fluid-6);
|
|
553
|
+
--sky-comp-inline_form-space-inset-bottom: var(--bb-size-fluid-75);
|
|
554
|
+
--sky-comp-inline_form-space-inset-left: var(--bb-size-fluid-75);
|
|
555
|
+
--sky-comp-inline_form-space-inset-right: var(--bb-size-fluid-75);
|
|
556
|
+
--sky-comp-inline_form-space-inset-top: var(--bb-size-fluid-75);
|
|
557
|
+
--sky-comp-input-label-space-inset-bottom: var(--bb-size-fluid-12);
|
|
558
|
+
--sky-comp-input-label-space-inset-left: var(--bb-size-fluid-100);
|
|
559
|
+
--sky-comp-input-label-space-inset-right: var(--bb-size-fluid-100);
|
|
560
|
+
--sky-comp-input-label-space-inset-top: var(--bb-size-fluid-37);
|
|
561
|
+
--sky-comp-input-value-space-inset-bottom: var(--bb-size-fluid-50);
|
|
562
|
+
--sky-comp-input-value-space-inset-left: var(--bb-size-fluid-100);
|
|
563
|
+
--sky-comp-input-value-space-inset-right: var(--bb-size-fluid-100);
|
|
564
|
+
--sky-comp-input-value-space-inset-top: var(--bb-size-fluid-50);
|
|
565
|
+
--sky-comp-label-space-inset-bottom: var(--bb-size-fluid-12);
|
|
566
|
+
--sky-comp-label-space-inset-left: var(--bb-size-fluid-50);
|
|
567
|
+
--sky-comp-label-space-inset-right: var(--bb-size-fluid-50);
|
|
568
|
+
--sky-comp-label-space-inset-top: var(--bb-size-fluid-12);
|
|
569
|
+
--sky-comp-modal-content-space-inset-bottom: var(--bb-size-fluid-150);
|
|
570
|
+
--sky-comp-modal-content-space-inset-left: var(--bb-size-fluid-150);
|
|
571
|
+
--sky-comp-modal-content-space-inset-right: var(--bb-size-fluid-150);
|
|
572
|
+
--sky-comp-modal-content-space-inset-top: var(--bb-size-fluid-50);
|
|
573
|
+
--sky-comp-modal-footer-space-inset-bottom: var(--bb-size-fluid-100);
|
|
574
|
+
--sky-comp-modal-footer-space-inset-left: var(--bb-size-fluid-150);
|
|
575
|
+
--sky-comp-modal-footer-space-inset-right: var(--bb-size-fluid-150);
|
|
576
|
+
--sky-comp-modal-footer-space-inset-top: var(--bb-size-fluid-100);
|
|
577
|
+
--sky-comp-modal-fullscreen-space-offset-bottom: var(--bb-size-fixed-50);
|
|
578
|
+
--sky-comp-modal-fullscreen-space-offset-left: var(--bb-size-fixed-50);
|
|
579
|
+
--sky-comp-modal-fullscreen-space-offset-right: var(--bb-size-fixed-50);
|
|
580
|
+
--sky-comp-modal-fullscreen-space-offset-top: var(--bb-size-fixed-50);
|
|
581
|
+
--sky-comp-modal-header-space-inset-bottom: var(--bb-size-fluid-75);
|
|
582
|
+
--sky-comp-modal-header-space-inset-left: var(--bb-size-fluid-150);
|
|
583
|
+
--sky-comp-modal-header-space-inset-right: var(--bb-size-fluid-150);
|
|
584
|
+
--sky-comp-modal-header-space-inset-top: var(--bb-size-fluid-75);
|
|
585
|
+
--sky-comp-modal-space-offset-bottom: var(--bb-size-fixed-50);
|
|
586
|
+
--sky-comp-modal-space-offset-left: var(--bb-size-fixed-50);
|
|
587
|
+
--sky-comp-modal-space-offset-right: var(--bb-size-fixed-50);
|
|
588
|
+
--sky-comp-modal-space-offset-top: var(--bb-size-fixed-50);
|
|
589
|
+
--sky-comp-navbar_item-space-inset-bottom: var(--bb-size-fluid-75);
|
|
590
|
+
--sky-comp-navbar_item-space-inset-left: var(--bb-size-fluid-50);
|
|
591
|
+
--sky-comp-navbar_item-space-inset-right: var(--bb-size-fluid-50);
|
|
592
|
+
--sky-comp-navbar_item-space-inset-top: var(--bb-size-fluid-75);
|
|
593
|
+
--sky-comp-page-content-blocks-space-inset-bottom: var(--bb-size-fluid-50);
|
|
594
|
+
--sky-comp-page-content-blocks-space-inset-left: var(--bb-size-fluid-50);
|
|
595
|
+
--sky-comp-page-content-blocks-space-inset-right: var(--bb-size-fluid-50);
|
|
596
|
+
--sky-comp-page-content-blocks-space-inset-top: var(--bb-size-fluid-50);
|
|
597
|
+
--sky-comp-page-content-fit-space-inset-bottom: var(--bb-size-0);
|
|
598
|
+
--sky-comp-page-content-fit-space-inset-left: var(--bb-size-fluid-50);
|
|
599
|
+
--sky-comp-page-content-fit-space-inset-right: var(--bb-size-fluid-50);
|
|
600
|
+
--sky-comp-page-content-fit-space-inset-top: var(--bb-size-0);
|
|
601
|
+
--sky-comp-page-content-list-space-inset-bottom: var(--bb-size-0);
|
|
602
|
+
--sky-comp-page-content-list-space-inset-left: var(--bb-size-fluid-50);
|
|
603
|
+
--sky-comp-page-content-list-space-inset-right: var(--bb-size-fluid-50);
|
|
604
|
+
--sky-comp-page-content-list-space-inset-top: var(--bb-size-0);
|
|
605
|
+
--sky-comp-page-content-tabs-space-inset-bottom: var(--bb-size-0);
|
|
606
|
+
--sky-comp-page-content-tabs-space-inset-left: var(--bb-size-0);
|
|
607
|
+
--sky-comp-page-content-tabs-space-inset-right: var(--bb-size-0);
|
|
608
|
+
--sky-comp-page-content-tabs-space-inset-top: var(--bb-size-0);
|
|
609
|
+
--sky-comp-page-header-blocks-space-inset-bottom: var(--bb-size-fluid-100);
|
|
610
|
+
--sky-comp-page-header-blocks-space-inset-left: var(--bb-size-fluid-50);
|
|
611
|
+
--sky-comp-page-header-blocks-space-inset-right: var(--bb-size-fluid-50);
|
|
612
|
+
--sky-comp-page-header-blocks-space-inset-top: var(--bb-size-fluid-100);
|
|
613
|
+
--sky-comp-page-header-fit-space-inset-bottom: var(--bb-size-fluid-100);
|
|
614
|
+
--sky-comp-page-header-fit-space-inset-left: var(--bb-size-fluid-50);
|
|
615
|
+
--sky-comp-page-header-fit-space-inset-right: var(--bb-size-fluid-50);
|
|
616
|
+
--sky-comp-page-header-fit-space-inset-top: var(--bb-size-fluid-100);
|
|
617
|
+
--sky-comp-page-header-list-space-inset-bottom: var(--bb-size-fluid-100);
|
|
618
|
+
--sky-comp-page-header-list-space-inset-left: var(--bb-size-fluid-50);
|
|
619
|
+
--sky-comp-page-header-list-space-inset-right: var(--bb-size-fluid-50);
|
|
620
|
+
--sky-comp-page-header-list-space-inset-top: var(--bb-size-fluid-100);
|
|
621
|
+
--sky-comp-page-header-tabs-space-inset-bottom: var(--bb-size-fluid-100);
|
|
622
|
+
--sky-comp-page-header-tabs-space-inset-left: var(--bb-size-fluid-50);
|
|
623
|
+
--sky-comp-page-header-tabs-space-inset-right: var(--bb-size-fluid-50);
|
|
624
|
+
--sky-comp-page-header-tabs-space-inset-top: var(--bb-size-fluid-100);
|
|
625
|
+
--sky-comp-page-links-blocks-space-inset-bottom: var(--bb-size-fluid-150);
|
|
626
|
+
--sky-comp-page-links-blocks-space-inset-left: var(--bb-size-fluid-50);
|
|
627
|
+
--sky-comp-page-links-blocks-space-inset-right: var(--bb-size-fluid-50);
|
|
628
|
+
--sky-comp-page-links-blocks-space-inset-top: var(--bb-size-fluid-150);
|
|
629
|
+
--sky-comp-page-links-list-space-inset-bottom: var(--bb-size-fluid-150);
|
|
630
|
+
--sky-comp-page-links-list-space-inset-left: var(--bb-size-fluid-50);
|
|
631
|
+
--sky-comp-page-links-list-space-inset-right: var(--bb-size-fluid-50);
|
|
632
|
+
--sky-comp-page-links-list-space-inset-top: var(--bb-size-fluid-150);
|
|
633
|
+
--sky-comp-page-links-tabs-space-inset-bottom: var(--bb-size-fluid-150);
|
|
634
|
+
--sky-comp-page-links-tabs-space-inset-left: var(--bb-size-fluid-50);
|
|
635
|
+
--sky-comp-page-links-tabs-space-inset-right: var(--bb-size-fluid-50);
|
|
636
|
+
--sky-comp-page-links-tabs-space-inset-top: var(--bb-size-fluid-150);
|
|
637
|
+
--sky-comp-page-tabset-tabs-space-inset-bottom: var(--bb-size-0);
|
|
638
|
+
--sky-comp-page-tabset-tabs-space-inset-left: var(--bb-size-fluid-50);
|
|
639
|
+
--sky-comp-page-tabset-tabs-space-inset-right: var(--bb-size-0);
|
|
640
|
+
--sky-comp-page-tabset-tabs-space-inset-top: var(--bb-size-0);
|
|
641
|
+
--sky-comp-paging_button-space-inset-bottom: var(--bb-size-fluid-12);
|
|
642
|
+
--sky-comp-paging_button-space-inset-left: var(--bb-size-fluid-50);
|
|
643
|
+
--sky-comp-paging_button-space-inset-right: var(--bb-size-fluid-50);
|
|
644
|
+
--sky-comp-paging_button-space-inset-top: var(--bb-size-fluid-12);
|
|
645
|
+
--sky-comp-popover-content-space-inset-bottom: var(--bb-size-fluid-100);
|
|
646
|
+
--sky-comp-popover-content-space-inset-left: var(--bb-size-fluid-100);
|
|
647
|
+
--sky-comp-popover-content-space-inset-right: var(--bb-size-fluid-100);
|
|
648
|
+
--sky-comp-popover-content-space-inset-top: var(--bb-size-fluid-100);
|
|
649
|
+
--sky-comp-popover-header-space-inset-bottom: var(--bb-size-0);
|
|
650
|
+
--sky-comp-popover-header-space-inset-left: var(--bb-size-fluid-100);
|
|
651
|
+
--sky-comp-popover-header-space-inset-right: var(--bb-size-fluid-100);
|
|
652
|
+
--sky-comp-popover-header-space-inset-top: var(--bb-size-fluid-100);
|
|
653
|
+
--sky-comp-repeater_item-space-inset-bottom: var(--bb-size-fluid-75);
|
|
654
|
+
--sky-comp-repeater_item-space-inset-left: var(--bb-size-fluid-50);
|
|
655
|
+
--sky-comp-repeater_item-space-inset-right: var(--bb-size-fluid-50);
|
|
656
|
+
--sky-comp-repeater_item-space-inset-top: var(--bb-size-fluid-75);
|
|
657
|
+
--sky-comp-sab-actions-space-inset-bottom: var(--bb-size-fluid-100);
|
|
658
|
+
--sky-comp-sab-actions-space-inset-left: var(--bb-size-fluid-150);
|
|
659
|
+
--sky-comp-sab-actions-space-inset-right: var(--bb-size-fluid-150);
|
|
660
|
+
--sky-comp-sab-actions-space-inset-top: var(--bb-size-fluid-100);
|
|
661
|
+
--sky-comp-sab-summary-expanded-space-inset-bottom: var(--bb-size-fluid-100);
|
|
662
|
+
--sky-comp-sab-summary-expanded-space-inset-left: var(--bb-size-fluid-150);
|
|
663
|
+
--sky-comp-sab-summary-expanded-space-inset-right: var(--bb-size-fluid-150);
|
|
664
|
+
--sky-comp-sab-summary-expanded-space-inset-top: var(--bb-size-fluid-100);
|
|
665
|
+
--sky-comp-sab-summary-inline-space-inset-bottom: var(--bb-size-fluid-50);
|
|
666
|
+
--sky-comp-sab-summary-inline-space-inset-left: var(--bb-size-fluid-150);
|
|
667
|
+
--sky-comp-sab-summary-inline-space-inset-right: var(--bb-size-fluid-150);
|
|
668
|
+
--sky-comp-sab-summary-inline-space-inset-top: var(--bb-size-fluid-50);
|
|
669
|
+
--sky-comp-search-space-inset-bottom: var(--bb-size-fluid-50);
|
|
670
|
+
--sky-comp-search-space-inset-left: var(--bb-size-fluid-100);
|
|
671
|
+
--sky-comp-search-space-inset-right: var(--bb-size-fluid-100);
|
|
672
|
+
--sky-comp-search-space-inset-top: var(--bb-size-fluid-50);
|
|
673
|
+
--sky-comp-selection_box-collapsed-space-inset-bottom: var(--bb-size-fluid-75);
|
|
674
|
+
--sky-comp-selection_box-collapsed-space-inset-left: var(--bb-size-fluid-75);
|
|
675
|
+
--sky-comp-selection_box-collapsed-space-inset-right: var(--bb-size-fluid-75);
|
|
676
|
+
--sky-comp-selection_box-collapsed-space-inset-top: var(--bb-size-fluid-75);
|
|
677
|
+
--sky-comp-selection_box-expanded-space-inset-bottom: var(--bb-size-fluid-150);
|
|
678
|
+
--sky-comp-selection_box-expanded-space-inset-left: var(--bb-size-fluid-150);
|
|
679
|
+
--sky-comp-selection_box-expanded-space-inset-right: var(--bb-size-fluid-150);
|
|
680
|
+
--sky-comp-selection_box-expanded-space-inset-top: var(--bb-size-fluid-150);
|
|
681
|
+
--sky-comp-split_view-footer-space-inset-bottom: var(--bb-size-fluid-50);
|
|
682
|
+
--sky-comp-split_view-footer-space-inset-left: var(--bb-size-fluid-50);
|
|
683
|
+
--sky-comp-split_view-footer-space-inset-right: var(--bb-size-fluid-50);
|
|
684
|
+
--sky-comp-split_view-footer-space-inset-top: var(--bb-size-fluid-50);
|
|
685
|
+
--sky-comp-tab-horizontal-space-inset-bottom: var(--bb-size-fluid-50);
|
|
686
|
+
--sky-comp-tab-horizontal-space-inset-left: var(--bb-size-fluid-75);
|
|
687
|
+
--sky-comp-tab-horizontal-space-inset-right: var(--bb-size-fluid-75);
|
|
688
|
+
--sky-comp-tab-horizontal-space-inset-top: var(--bb-size-fluid-50);
|
|
689
|
+
--sky-comp-tab-vertical-group-button-space-inset-bottom: var(--bb-size-fluid-50);
|
|
690
|
+
--sky-comp-tab-vertical-group-button-space-inset-left: var(--bb-size-fluid-50);
|
|
691
|
+
--sky-comp-tab-vertical-group-button-space-inset-right: var(--bb-size-fluid-50);
|
|
692
|
+
--sky-comp-tab-vertical-group-button-space-inset-top: var(--bb-size-fluid-50);
|
|
693
|
+
--sky-comp-tab-vertical-group-space-inset-bottom: var(--bb-size-fluid-75);
|
|
694
|
+
--sky-comp-tab-vertical-group-space-inset-left: var(--bb-size-0);
|
|
695
|
+
--sky-comp-tab-vertical-group-space-inset-right: var(--bb-size-0);
|
|
696
|
+
--sky-comp-tab-vertical-group-space-inset-top: var(--bb-size-fluid-75);
|
|
697
|
+
--sky-comp-tab-vertical-space-inset-bottom: var(--bb-size-fluid-50);
|
|
698
|
+
--sky-comp-tab-vertical-space-inset-left: var(--bb-size-fluid-75);
|
|
699
|
+
--sky-comp-tab-vertical-space-inset-right: var(--bb-size-fluid-75);
|
|
700
|
+
--sky-comp-tab-vertical-space-inset-top: var(--bb-size-fluid-50);
|
|
701
|
+
--sky-comp-tabset-button-space-inset-bottom: var(--bb-size-fluid-25);
|
|
702
|
+
--sky-comp-tabset-button-space-inset-left: var(--bb-size-fluid-25);
|
|
703
|
+
--sky-comp-tabset-button-space-inset-right: var(--bb-size-fluid-25);
|
|
704
|
+
--sky-comp-tabset-button-space-inset-top: var(--bb-size-fluid-25);
|
|
705
|
+
--sky-comp-tabset-tabs-space-inset-bottom: var(--bb-size-0);
|
|
706
|
+
--sky-comp-tabset-tabs-space-inset-left: var(--bb-size-fluid-75);
|
|
707
|
+
--sky-comp-tabset-tabs-space-inset-right: var(--bb-size-0);
|
|
708
|
+
--sky-comp-tabset-tabs-space-inset-top: var(--bb-size-0);
|
|
709
|
+
--sky-comp-text_editor-space-inset-bottom: var(--bb-size-fluid-75);
|
|
710
|
+
--sky-comp-text_editor-space-inset-left: var(--bb-size-fluid-75);
|
|
711
|
+
--sky-comp-text_editor-space-inset-right: var(--bb-size-fluid-75);
|
|
712
|
+
--sky-comp-text_editor-space-inset-top: var(--bb-size-fluid-75);
|
|
713
|
+
--sky-comp-tile-dashboard-column-space-inset-bottom: var(--bb-size-0);
|
|
714
|
+
--sky-comp-tile-dashboard-column-space-inset-left: var(--bb-size-0);
|
|
715
|
+
--sky-comp-tile-dashboard-column-space-inset-right: var(--bb-size-0);
|
|
716
|
+
--sky-comp-tile-dashboard-column-space-inset-top: var(--bb-size-0);
|
|
717
|
+
--sky-comp-tile-dashboard-space-inset-bottom: var(--bb-size-0);
|
|
718
|
+
--sky-comp-tile-dashboard-space-inset-left: var(--bb-size-0);
|
|
719
|
+
--sky-comp-tile-dashboard-space-inset-right: var(--bb-size-0);
|
|
720
|
+
--sky-comp-tile-dashboard-space-inset-top: var(--bb-size-0);
|
|
721
|
+
--sky-comp-tile-section-space-inset-bottom: var(--bb-size-fluid-75);
|
|
722
|
+
--sky-comp-tile-section-space-inset-left: var(--bb-size-0);
|
|
723
|
+
--sky-comp-tile-section-space-inset-right: var(--bb-size-0);
|
|
724
|
+
--sky-comp-tile-section-space-inset-top: var(--bb-size-fluid-75);
|
|
725
|
+
--sky-comp-tile-space-inset-bottom: var(--bb-size-fluid-150);
|
|
726
|
+
--sky-comp-tile-space-inset-left: var(--bb-size-fluid-150);
|
|
727
|
+
--sky-comp-tile-space-inset-right: var(--bb-size-fluid-150);
|
|
728
|
+
--sky-comp-tile-space-inset-top: var(--bb-size-fluid-150);
|
|
729
|
+
--sky-comp-timepicker-content-space-inset-bottom: var(--bb-size-fluid-75);
|
|
730
|
+
--sky-comp-timepicker-content-space-inset-left: var(--bb-size-fluid-75);
|
|
731
|
+
--sky-comp-timepicker-content-space-inset-right: var(--bb-size-fluid-75);
|
|
732
|
+
--sky-comp-timepicker-content-space-inset-top: var(--bb-size-fluid-75);
|
|
733
|
+
--sky-comp-timepicker-footer-space-inset-bottom: var(--bb-size-fluid-50);
|
|
734
|
+
--sky-comp-timepicker-footer-space-inset-left: var(--bb-size-fluid-75);
|
|
735
|
+
--sky-comp-timepicker-footer-space-inset-right: var(--bb-size-fluid-75);
|
|
736
|
+
--sky-comp-timepicker-footer-space-inset-top: var(--bb-size-fluid-50);
|
|
737
|
+
--sky-comp-toast-space-inset-bottom: var(--bb-size-fluid-75);
|
|
738
|
+
--sky-comp-toast-space-inset-left: var(--bb-size-fluid-75);
|
|
739
|
+
--sky-comp-toast-space-inset-right: var(--bb-size-fluid-75);
|
|
740
|
+
--sky-comp-toast-space-inset-top: var(--bb-size-fluid-75);
|
|
741
|
+
--sky-comp-toaster-space-inset-bottom: var(--bb-size-0);
|
|
742
|
+
--sky-comp-toaster-space-inset-left: var(--bb-size-fluid-150);
|
|
743
|
+
--sky-comp-toaster-space-inset-right: var(--bb-size-fluid-150);
|
|
744
|
+
--sky-comp-toaster-space-inset-top: var(--bb-size-fluid-150);
|
|
745
|
+
--sky-comp-token-close-space-inset-bottom: var(--bb-size-fluid-12);
|
|
746
|
+
--sky-comp-token-close-space-inset-left: var(--bb-size-fluid-12);
|
|
747
|
+
--sky-comp-token-close-space-inset-right: var(--bb-size-fluid-12);
|
|
748
|
+
--sky-comp-token-close-space-inset-top: var(--bb-size-fluid-12);
|
|
749
|
+
--sky-comp-token-space-inset-bottom: var(--bb-size-fluid-6);
|
|
750
|
+
--sky-comp-token-space-inset-left: var(--bb-size-fluid-25);
|
|
751
|
+
--sky-comp-token-space-inset-right: var(--bb-size-fluid-25);
|
|
752
|
+
--sky-comp-token-space-inset-top: var(--bb-size-fluid-6);
|
|
753
|
+
--sky-comp-toolbar-space-inset-bottom: var(--bb-size-fluid-50);
|
|
754
|
+
--sky-comp-toolbar-space-inset-left: var(--bb-size-0);
|
|
755
|
+
--sky-comp-toolbar-space-inset-right: var(--bb-size-0);
|
|
756
|
+
--sky-comp-toolbar-space-inset-top: var(--bb-size-fluid-50);
|
|
757
|
+
--sky-comp-tree-child-space-inset-bottom: var(--bb-size-0);
|
|
758
|
+
--sky-comp-tree-child-space-inset-left: var(--bb-size-fluid-150);
|
|
759
|
+
--sky-comp-tree-child-space-inset-right: var(--bb-size-0);
|
|
760
|
+
--sky-comp-tree-child-space-inset-top: var(--bb-size-0);
|
|
761
|
+
--sky-comp-tree-node-space-inset-bottom: var(--bb-size-fluid-25);
|
|
762
|
+
--sky-comp-tree-node-space-inset-left: var(--bb-size-fluid-25);
|
|
763
|
+
--sky-comp-tree-node-space-inset-right: var(--bb-size-fluid-25);
|
|
764
|
+
--sky-comp-tree-node-space-inset-top: var(--bb-size-fluid-25);
|
|
765
|
+
--sky-comp-wizard-tabset-space-inset-bottom: var(--bb-size-fluid-150);
|
|
766
|
+
--sky-comp-wizard-tabset-space-inset-left: var(--bb-size-fluid-150);
|
|
767
|
+
--sky-comp-wizard-tabset-space-inset-right: var(--bb-size-fluid-150);
|
|
768
|
+
--sky-comp-wizard-tabset-space-inset-top: var(--bb-size-fluid-50);
|
|
769
|
+
--sky-comp-wizard-tabset-tabs-space-inset-bottom: var(--bb-size-0);
|
|
770
|
+
--sky-comp-wizard-tabset-tabs-space-inset-left: var(--bb-size-fluid-150);
|
|
771
|
+
--sky-comp-wizard-tabset-tabs-space-inset-right: var(--bb-size-fluid-150);
|
|
772
|
+
--sky-comp-wizard-tabset-tabs-space-inset-top: var(--bb-size-0);
|
|
418
773
|
--sky-font-family-monospaced: var(--bb-font-monospaced-family);
|
|
419
774
|
--sky-font-letter_spacing-hint-s: var(--bb-letter_spacing-normal);
|
|
420
775
|
--sky-font-letter_spacing-input-label: var(--bb-letter_spacing-wider);
|
|
421
776
|
--sky-font-line_height-body-l: var(--bb-line_height-300);
|
|
422
777
|
--sky-font-line_height-body-m: var(--bb-line_height-200);
|
|
423
778
|
--sky-font-line_height-body-s: var(--bb-line_height-100);
|
|
424
|
-
--sky-font-line_height-data_label: var(--bb-line_height-200);
|
|
425
779
|
--sky-font-line_height-display-1: var(--bb-line_height-800);
|
|
426
780
|
--sky-font-line_height-display-2: var(--bb-line_height-500);
|
|
427
781
|
--sky-font-line_height-display-3: var(--bb-line_height-300);
|
|
@@ -438,7 +792,6 @@
|
|
|
438
792
|
--sky-font-size-body-l: var(--bb-font-size-300);
|
|
439
793
|
--sky-font-size-body-m: var(--bb-font-size-200);
|
|
440
794
|
--sky-font-size-body-s: var(--bb-font-size-100);
|
|
441
|
-
--sky-font-size-data_label: var(--bb-font-size-200);
|
|
442
795
|
--sky-font-size-display-1: var(--bb-font-size-800);
|
|
443
796
|
--sky-font-size-display-2: var(--bb-font-size-500);
|
|
444
797
|
--sky-font-size-display-3: var(--bb-font-size-300);
|
|
@@ -455,7 +808,6 @@
|
|
|
455
808
|
--sky-font-style-body-l: var(--bb-font-style-regular);
|
|
456
809
|
--sky-font-style-body-m: var(--bb-font-style-regular);
|
|
457
810
|
--sky-font-style-body-s: var(--bb-font-style-regular);
|
|
458
|
-
--sky-font-style-data_label: var(--bb-font-style-regular);
|
|
459
811
|
--sky-font-style-display-1: var(--bb-font-style-light);
|
|
460
812
|
--sky-font-style-display-2: var(--bb-font-style-light);
|
|
461
813
|
--sky-font-style-display-3: var(--bb-font-style-light);
|
|
@@ -470,7 +822,6 @@
|
|
|
470
822
|
--sky-font-weight-body-l: var(--bb-font-weight-regular);
|
|
471
823
|
--sky-font-weight-body-m: var(--bb-font-weight-regular);
|
|
472
824
|
--sky-font-weight-body-s: var(--bb-font-weight-regular);
|
|
473
|
-
--sky-font-weight-data_label: var(--bb-font-weight-regular);
|
|
474
825
|
--sky-font-weight-display-1: var(--bb-font-weight-light);
|
|
475
826
|
--sky-font-weight-display-2: var(--bb-font-weight-light);
|
|
476
827
|
--sky-font-weight-display-3: var(--bb-font-weight-light);
|
|
@@ -649,6 +1000,10 @@
|
|
|
649
1000
|
--sky-space-inset-sunk-left-l: var(--bb-size-fluid-150);
|
|
650
1001
|
--sky-space-inset-sunk-right-l: var(--bb-size-fluid-150);
|
|
651
1002
|
--sky-space-inset-sunk-top-l: var(--bb-size-fluid-150);
|
|
1003
|
+
--sky-space-inset-switch_icon-bottom: var(--bb-size-fluid-50);
|
|
1004
|
+
--sky-space-inset-switch_icon-left: var(--bb-size-fluid-50);
|
|
1005
|
+
--sky-space-inset-switch_icon-right: var(--bb-size-fluid-50);
|
|
1006
|
+
--sky-space-inset-switch_icon-top: var(--bb-size-fluid-50);
|
|
652
1007
|
--sky-space-inset-tabs-l: var(--bb-size-fluid-100);
|
|
653
1008
|
--sky-space-inset-tabs-m: var(--bb-size-fluid-75);
|
|
654
1009
|
--sky-space-inset-tabs-s: var(--bb-size-fluid-50);
|
|
@@ -694,7 +1049,6 @@
|
|
|
694
1049
|
--sky-type-body-s: var(--sky-font-style-body-s) var(--sky-font-size-body-s)/var(--sky-font-line_height-body-s) var(--sky-font-family-primary);
|
|
695
1050
|
--sky-type-heading-1: var(--sky-font-style-heading-1) var(--sky-font-size-heading-1)/var(--sky-font-line_height-heading-1) var(--sky-font-family-primary);
|
|
696
1051
|
--sky-type-input-val: var(--sky-font-style-body-s) var(--sky-font-size-input-val)/var(--sky-font-line_height-input-val) var(--sky-font-family-primary);
|
|
697
|
-
--sky-type-data_label: var(--sky-font-style-data_label) var(--sky-font-size-data_label)/var(--sky-font-line_height-data_label) var(--sky-font-family-primary);
|
|
698
1052
|
--sky-type-display-1: var(--sky-font-style-display-1) var(--sky-font-size-display-1)/var(--sky-font-line_height-display-1) var(--sky-font-family-primary);
|
|
699
1053
|
--sky-type-display-2: var(--sky-font-style-display-2) var(--sky-font-size-display-2)/var(--sky-font-line_height-display-2) var(--sky-font-family-primary);
|
|
700
1054
|
--sky-type-display-3: var(--sky-font-style-display-3) var(--sky-font-size-display-3)/var(--sky-font-line_height-display-3) var(--sky-font-family-primary);
|
|
@@ -723,6 +1077,13 @@
|
|
|
723
1077
|
--modern-color-blue-50: #00b4f1;
|
|
724
1078
|
--modern-color-blue-74: #1870b8;
|
|
725
1079
|
--modern-color-blue-80: #0d5ead;
|
|
1080
|
+
--modern-color-category-green-30: #80dbca;
|
|
1081
|
+
--modern-color-category-orange-30: #f9ba90;
|
|
1082
|
+
--modern-color-category-purple-30: #c9b6d7;
|
|
1083
|
+
--modern-color-category-red-30: #f7a0a1;
|
|
1084
|
+
--modern-color-category-sky_blue-20: #bfecfb;
|
|
1085
|
+
--modern-color-category-sky_blue-40: #40c7f4;
|
|
1086
|
+
--modern-color-category-yellow-30: #fdd799;
|
|
726
1087
|
--modern-color-gray-005: #fcfcfc;
|
|
727
1088
|
--modern-color-gray-05: #eeeeef;
|
|
728
1089
|
--modern-color-gray-07: #ededee;
|
|
@@ -739,8 +1100,6 @@
|
|
|
739
1100
|
--modern-color-red-70: #d93a3d;
|
|
740
1101
|
--modern-color-scrim: rgba(0, 0, 0, 0.5);
|
|
741
1102
|
--modern-color-shadow_color: rgba(0, 0, 0, 0.3);
|
|
742
|
-
--modern-color-sky_blue-20: #bfecfb;
|
|
743
|
-
--modern-color-sky_blue-40: #40c7f4;
|
|
744
1103
|
--modern-color-transparent: rgba(0, 0, 0, 0);
|
|
745
1104
|
--modern-color-white: #ffffff;
|
|
746
1105
|
--modern-color-yellow-30: #ffd597;
|
|
@@ -921,6 +1280,7 @@
|
|
|
921
1280
|
--sky-color-border-action-tertiary-disabled: var(--modern-color-gray-15);
|
|
922
1281
|
--sky-color-border-action-tertiary-focus: var(--modern-color-blue-74);
|
|
923
1282
|
--sky-color-border-action-tertiary-hover: var(--modern-color-blue-74);
|
|
1283
|
+
--sky-color-border-column_divider: var(--modern-color-gray-70);
|
|
924
1284
|
--sky-color-border-container-base: var(--modern-color-gray-15);
|
|
925
1285
|
--sky-color-border-danger: var(--modern-color-red-50);
|
|
926
1286
|
--sky-color-border-divider: var(--modern-color-gray-15);
|
|
@@ -952,6 +1312,13 @@
|
|
|
952
1312
|
--sky-color-border-switch-selected-hover: var(--modern-color-blue-74);
|
|
953
1313
|
--sky-color-border-text_highlight: var(--modern-color-yellow-80);
|
|
954
1314
|
--sky-color-border-warning: var(--modern-color-yellow-50);
|
|
1315
|
+
--sky-color-category-blue: var(--modern-color-category-sky_blue-40);
|
|
1316
|
+
--sky-color-category-green: var(--modern-color-category-sky_blue-20);
|
|
1317
|
+
--sky-color-category-orange: var(--modern-color-category-orange-30);
|
|
1318
|
+
--sky-color-category-purple: var(--modern-color-category-purple-30);
|
|
1319
|
+
--sky-color-category-red: var(--modern-color-category-red-30);
|
|
1320
|
+
--sky-color-category-teal: var(--modern-color-category-green-30);
|
|
1321
|
+
--sky-color-category-yellow: var(--modern-color-category-yellow-30);
|
|
955
1322
|
--sky-color-icon-action: var(--modern-color-blue-74);
|
|
956
1323
|
--sky-color-icon-danger: var(--modern-color-red-50);
|
|
957
1324
|
--sky-color-icon-deemphasized: var(--modern-color-gray-70);
|
|
@@ -1023,6 +1390,7 @@
|
|
|
1023
1390
|
--sky-border-width-container-base: var(--modern-size-1);
|
|
1024
1391
|
--sky-border-width-divider: var(--modern-size-1);
|
|
1025
1392
|
--sky-border-width-elevation: var(--modern-size-1);
|
|
1393
|
+
--sky-border-width-emphasized: var(--modern-size-1);
|
|
1026
1394
|
--sky-border-width-input-active: var(--modern-size-2);
|
|
1027
1395
|
--sky-border-width-input-base: var(--modern-size-1);
|
|
1028
1396
|
--sky-border-width-input-disabled: var(--modern-size-1);
|
|
@@ -1039,13 +1407,308 @@
|
|
|
1039
1407
|
--sky-border-width-separator-light: var(--modern-size-1);
|
|
1040
1408
|
--sky-border-width-separator-row: var(--modern-size-1);
|
|
1041
1409
|
--sky-border-width-text_highlight: var(--modern-size-1);
|
|
1410
|
+
--sky-comp-action_button-space-inset-bottom: var(--modern-space-xl);
|
|
1411
|
+
--sky-comp-action_button-space-inset-left: var(--modern-space-xl);
|
|
1412
|
+
--sky-comp-action_button-space-inset-right: var(--modern-space-xl);
|
|
1413
|
+
--sky-comp-action_button-space-inset-top: var(--modern-space-xl);
|
|
1414
|
+
--sky-comp-alert-space-inset-bottom: var(--modern-size-10);
|
|
1415
|
+
--sky-comp-alert-space-inset-left: var(--modern-size-10);
|
|
1416
|
+
--sky-comp-alert-space-inset-right: var(--modern-size-10);
|
|
1417
|
+
--sky-comp-alert-space-inset-top: var(--modern-size-10);
|
|
1418
|
+
--sky-comp-back_to_top-space-inset-bottom: var(--modern-size-10);
|
|
1419
|
+
--sky-comp-back_to_top-space-inset-left: var(--modern-size-30);
|
|
1420
|
+
--sky-comp-back_to_top-space-inset-right: var(--modern-size-30);
|
|
1421
|
+
--sky-comp-back_to_top-space-inset-top: var(--modern-size-10);
|
|
1422
|
+
--sky-comp-box-content-space-inset-bottom: var(--modern-space-xl);
|
|
1423
|
+
--sky-comp-box-content-space-inset-left: var(--modern-space-xl);
|
|
1424
|
+
--sky-comp-box-content-space-inset-right: var(--modern-space-xl);
|
|
1425
|
+
--sky-comp-box-content-space-inset-top: var(--modern-space-xl);
|
|
1426
|
+
--sky-comp-box-header-space-inset-bottom: var(--modern-size-0);
|
|
1427
|
+
--sky-comp-box-header-space-inset-left: var(--modern-space-xl);
|
|
1428
|
+
--sky-comp-box-header-space-inset-right: var(--modern-space-xl);
|
|
1429
|
+
--sky-comp-box-header-space-inset-top: var(--modern-space-xl);
|
|
1430
|
+
--sky-comp-button-block-space-inset-bottom: var(--modern-size-10);
|
|
1431
|
+
--sky-comp-button-block-space-inset-left: var(--modern-size-20);
|
|
1432
|
+
--sky-comp-button-block-space-inset-right: var(--modern-size-20);
|
|
1433
|
+
--sky-comp-button-block-space-inset-top: var(--modern-size-10);
|
|
1434
|
+
--sky-comp-button-borderless-space-inset-bottom: var(--modern-size-5);
|
|
1435
|
+
--sky-comp-button-borderless-space-inset-left: var(--modern-size-5);
|
|
1436
|
+
--sky-comp-button-borderless-space-inset-right: var(--modern-size-5);
|
|
1437
|
+
--sky-comp-button-borderless-space-inset-top: var(--modern-size-5);
|
|
1438
|
+
--sky-comp-button-icon-space-inset-bottom: var(--modern-size-10);
|
|
1439
|
+
--sky-comp-button-icon-space-inset-left: var(--modern-size-10);
|
|
1440
|
+
--sky-comp-button-icon-space-inset-right: var(--modern-size-10);
|
|
1441
|
+
--sky-comp-button-icon-space-inset-top: var(--modern-size-10);
|
|
1442
|
+
--sky-comp-button-space-inset-bottom: var(--modern-size-10);
|
|
1443
|
+
--sky-comp-button-space-inset-left: var(--modern-size-20);
|
|
1444
|
+
--sky-comp-button-space-inset-right: var(--modern-size-20);
|
|
1445
|
+
--sky-comp-button-space-inset-top: var(--modern-size-10);
|
|
1446
|
+
--sky-comp-button-toolbar-space-inset-bottom: var(--modern-size-10);
|
|
1447
|
+
--sky-comp-button-toolbar-space-inset-left: var(--modern-size-10);
|
|
1448
|
+
--sky-comp-button-toolbar-space-inset-right: var(--modern-size-10);
|
|
1449
|
+
--sky-comp-button-toolbar-space-inset-top: var(--modern-size-10);
|
|
1450
|
+
--sky-comp-colorpicker-content-space-inset-bottom: var(--modern-size-15);
|
|
1451
|
+
--sky-comp-colorpicker-content-space-inset-left: var(--modern-size-30);
|
|
1452
|
+
--sky-comp-colorpicker-content-space-inset-right: var(--modern-size-30);
|
|
1453
|
+
--sky-comp-colorpicker-content-space-inset-top: var(--modern-size-15);
|
|
1454
|
+
--sky-comp-datepicker-calendar-space-inset-bottom: var(--modern-space-md);
|
|
1455
|
+
--sky-comp-datepicker-calendar-space-inset-left: var(--modern-space-md);
|
|
1456
|
+
--sky-comp-datepicker-calendar-space-inset-right: var(--modern-space-md);
|
|
1457
|
+
--sky-comp-datepicker-calendar-space-inset-top: var(--modern-space-md);
|
|
1458
|
+
--sky-comp-datepicker-header-space-inset-bottom: var(--modern-size-0);
|
|
1459
|
+
--sky-comp-datepicker-header-space-inset-left: var(--modern-size-15);
|
|
1460
|
+
--sky-comp-datepicker-header-space-inset-right: var(--modern-size-15);
|
|
1461
|
+
--sky-comp-datepicker-header-space-inset-top: var(--modern-size-15);
|
|
1462
|
+
--sky-comp-dropdown-menu-space-inset-bottom: var(--modern-size-10);
|
|
1463
|
+
--sky-comp-dropdown-menu-space-inset-left: var(--modern-size-0);
|
|
1464
|
+
--sky-comp-dropdown-menu-space-inset-right: var(--modern-size-0);
|
|
1465
|
+
--sky-comp-dropdown-menu-space-inset-top: var(--modern-size-10);
|
|
1466
|
+
--sky-comp-dropdown-option-space-inset-bottom: var(--modern-size-10);
|
|
1467
|
+
--sky-comp-dropdown-option-space-inset-left: var(--modern-size-20);
|
|
1468
|
+
--sky-comp-dropdown-option-space-inset-right: var(--modern-size-20);
|
|
1469
|
+
--sky-comp-dropdown-option-space-inset-top: var(--modern-size-10);
|
|
1470
|
+
--sky-comp-file_drop-content-space-inset-bottom: var(--modern-space-s);
|
|
1471
|
+
--sky-comp-file_drop-content-space-inset-left: var(--modern-space-s);
|
|
1472
|
+
--sky-comp-file_drop-content-space-inset-right: var(--modern-space-s);
|
|
1473
|
+
--sky-comp-file_drop-content-space-inset-top: var(--modern-space-s);
|
|
1474
|
+
--sky-comp-filter_bar-space-inset-bottom: var(--modern-space-s);
|
|
1475
|
+
--sky-comp-filter_bar-space-inset-left: var(--modern-space-s);
|
|
1476
|
+
--sky-comp-filter_bar-space-inset-right: var(--modern-space-s);
|
|
1477
|
+
--sky-comp-filter_bar-space-inset-top: var(--modern-space-s);
|
|
1478
|
+
--sky-comp-flyout-header-space-inset-bottom: var(--modern-space-md);
|
|
1479
|
+
--sky-comp-flyout-header-space-inset-left: var(--modern-space-s);
|
|
1480
|
+
--sky-comp-flyout-header-space-inset-right: var(--modern-space-s);
|
|
1481
|
+
--sky-comp-flyout-header-space-inset-top: var(--modern-space-md);
|
|
1482
|
+
--sky-comp-help_inline-space-inset-bottom: var(--modern-size-1);
|
|
1483
|
+
--sky-comp-help_inline-space-inset-left: var(--modern-size-5);
|
|
1484
|
+
--sky-comp-help_inline-space-inset-right: var(--modern-size-5);
|
|
1485
|
+
--sky-comp-help_inline-space-inset-top: var(--modern-size-1);
|
|
1486
|
+
--sky-comp-inline_form-space-inset-bottom: var(--modern-space-md);
|
|
1487
|
+
--sky-comp-inline_form-space-inset-left: var(--modern-space-md);
|
|
1488
|
+
--sky-comp-inline_form-space-inset-right: var(--modern-space-md);
|
|
1489
|
+
--sky-comp-inline_form-space-inset-top: var(--modern-space-md);
|
|
1490
|
+
--sky-comp-input-label-space-inset-bottom: var(--modern-size-2);
|
|
1491
|
+
--sky-comp-input-label-space-inset-left: var(--modern-size-15);
|
|
1492
|
+
--sky-comp-input-label-space-inset-right: var(--modern-size-15);
|
|
1493
|
+
--sky-comp-input-label-space-inset-top: var(--modern-size-6);
|
|
1494
|
+
--sky-comp-input-value-space-inset-bottom: var(--modern-size-9);
|
|
1495
|
+
--sky-comp-input-value-space-inset-left: var(--modern-size-15);
|
|
1496
|
+
--sky-comp-input-value-space-inset-right: var(--modern-size-15);
|
|
1497
|
+
--sky-comp-input-value-space-inset-top: var(--modern-size-9);
|
|
1498
|
+
--sky-comp-label-space-inset-bottom: var(--modern-size-4);
|
|
1499
|
+
--sky-comp-label-space-inset-left: var(--modern-size-15);
|
|
1500
|
+
--sky-comp-label-space-inset-right: var(--modern-size-15);
|
|
1501
|
+
--sky-comp-label-space-inset-top: var(--modern-size-4);
|
|
1502
|
+
--sky-comp-modal-content-space-inset-bottom: var(--modern-space-xl);
|
|
1503
|
+
--sky-comp-modal-content-space-inset-left: var(--modern-space-xl);
|
|
1504
|
+
--sky-comp-modal-content-space-inset-right: var(--modern-space-xl);
|
|
1505
|
+
--sky-comp-modal-content-space-inset-top: var(--modern-space-s);
|
|
1506
|
+
--sky-comp-modal-footer-space-inset-bottom: var(--modern-size-20);
|
|
1507
|
+
--sky-comp-modal-footer-space-inset-left: var(--modern-size-30);
|
|
1508
|
+
--sky-comp-modal-footer-space-inset-right: var(--modern-size-30);
|
|
1509
|
+
--sky-comp-modal-footer-space-inset-top: var(--modern-size-20);
|
|
1510
|
+
--sky-comp-modal-fullscreen-space-offset-bottom: var(--modern-size-10);
|
|
1511
|
+
--sky-comp-modal-fullscreen-space-offset-left: var(--modern-size-10);
|
|
1512
|
+
--sky-comp-modal-fullscreen-space-offset-right: var(--modern-size-10);
|
|
1513
|
+
--sky-comp-modal-fullscreen-space-offset-top: var(--modern-size-10);
|
|
1514
|
+
--sky-comp-modal-header-space-inset-bottom: var(--modern-size-15);
|
|
1515
|
+
--sky-comp-modal-header-space-inset-left: var(--modern-size-30);
|
|
1516
|
+
--sky-comp-modal-header-space-inset-right: var(--modern-size-30);
|
|
1517
|
+
--sky-comp-modal-header-space-inset-top: var(--modern-size-15);
|
|
1518
|
+
--sky-comp-modal-space-offset-bottom: var(--modern-size-10);
|
|
1519
|
+
--sky-comp-modal-space-offset-left: var(--modern-size-10);
|
|
1520
|
+
--sky-comp-modal-space-offset-right: var(--modern-size-10);
|
|
1521
|
+
--sky-comp-modal-space-offset-top: var(--modern-size-10);
|
|
1522
|
+
--sky-comp-navbar_item-space-inset-bottom: var(--modern-space-md);
|
|
1523
|
+
--sky-comp-navbar_item-space-inset-left: var(--modern-space-s);
|
|
1524
|
+
--sky-comp-navbar_item-space-inset-right: var(--modern-space-s);
|
|
1525
|
+
--sky-comp-navbar_item-space-inset-top: var(--modern-space-md);
|
|
1526
|
+
--sky-comp-page-content-blocks-space-inset-bottom: var(--modern-space-s);
|
|
1527
|
+
--sky-comp-page-content-blocks-space-inset-left: var(--modern-space-s);
|
|
1528
|
+
--sky-comp-page-content-blocks-space-inset-right: var(--modern-space-s);
|
|
1529
|
+
--sky-comp-page-content-blocks-space-inset-top: var(--modern-space-s);
|
|
1530
|
+
--sky-comp-page-content-fit-space-inset-bottom: var(--modern-size-0);
|
|
1531
|
+
--sky-comp-page-content-fit-space-inset-left: var(--modern-space-s);
|
|
1532
|
+
--sky-comp-page-content-fit-space-inset-right: var(--modern-space-s);
|
|
1533
|
+
--sky-comp-page-content-fit-space-inset-top: var(--modern-size-0);
|
|
1534
|
+
--sky-comp-page-content-list-space-inset-bottom: var(--modern-size-0);
|
|
1535
|
+
--sky-comp-page-content-list-space-inset-left: var(--modern-space-s);
|
|
1536
|
+
--sky-comp-page-content-list-space-inset-right: var(--modern-space-s);
|
|
1537
|
+
--sky-comp-page-content-list-space-inset-top: var(--modern-size-0);
|
|
1538
|
+
--sky-comp-page-content-tabs-space-inset-bottom: var(--modern-size-0);
|
|
1539
|
+
--sky-comp-page-content-tabs-space-inset-left: var(--modern-size-0);
|
|
1540
|
+
--sky-comp-page-content-tabs-space-inset-right: var(--modern-size-0);
|
|
1541
|
+
--sky-comp-page-content-tabs-space-inset-top: var(--modern-size-0);
|
|
1542
|
+
--sky-comp-page-header-blocks-space-inset-bottom: var(--modern-space-lg);
|
|
1543
|
+
--sky-comp-page-header-blocks-space-inset-left: var(--modern-space-s);
|
|
1544
|
+
--sky-comp-page-header-blocks-space-inset-right: var(--modern-space-s);
|
|
1545
|
+
--sky-comp-page-header-blocks-space-inset-top: var(--modern-space-lg);
|
|
1546
|
+
--sky-comp-page-header-fit-space-inset-bottom: var(--modern-space-lg);
|
|
1547
|
+
--sky-comp-page-header-fit-space-inset-left: var(--modern-space-s);
|
|
1548
|
+
--sky-comp-page-header-fit-space-inset-right: var(--modern-space-s);
|
|
1549
|
+
--sky-comp-page-header-fit-space-inset-top: var(--modern-space-lg);
|
|
1550
|
+
--sky-comp-page-header-list-space-inset-bottom: var(--modern-space-lg);
|
|
1551
|
+
--sky-comp-page-header-list-space-inset-left: var(--modern-space-s);
|
|
1552
|
+
--sky-comp-page-header-list-space-inset-right: var(--modern-space-s);
|
|
1553
|
+
--sky-comp-page-header-list-space-inset-top: var(--modern-space-lg);
|
|
1554
|
+
--sky-comp-page-header-tabs-space-inset-bottom: var(--modern-space-lg);
|
|
1555
|
+
--sky-comp-page-header-tabs-space-inset-left: var(--modern-space-s);
|
|
1556
|
+
--sky-comp-page-header-tabs-space-inset-right: var(--modern-space-s);
|
|
1557
|
+
--sky-comp-page-header-tabs-space-inset-top: var(--modern-space-lg);
|
|
1558
|
+
--sky-comp-page-links-blocks-space-inset-bottom: var(--modern-space-xl);
|
|
1559
|
+
--sky-comp-page-links-blocks-space-inset-left: var(--modern-space-s);
|
|
1560
|
+
--sky-comp-page-links-blocks-space-inset-right: var(--modern-space-s);
|
|
1561
|
+
--sky-comp-page-links-blocks-space-inset-top: var(--modern-space-xl);
|
|
1562
|
+
--sky-comp-page-links-list-space-inset-bottom: var(--modern-space-xl);
|
|
1563
|
+
--sky-comp-page-links-list-space-inset-left: var(--modern-space-s);
|
|
1564
|
+
--sky-comp-page-links-list-space-inset-right: var(--modern-space-s);
|
|
1565
|
+
--sky-comp-page-links-list-space-inset-top: var(--modern-space-xl);
|
|
1566
|
+
--sky-comp-page-links-tabs-space-inset-bottom: var(--modern-space-xl);
|
|
1567
|
+
--sky-comp-page-links-tabs-space-inset-left: var(--modern-space-s);
|
|
1568
|
+
--sky-comp-page-links-tabs-space-inset-right: var(--modern-space-s);
|
|
1569
|
+
--sky-comp-page-links-tabs-space-inset-top: var(--modern-space-xl);
|
|
1570
|
+
--sky-comp-page-tabset-tabs-space-inset-bottom: var(--modern-size-0);
|
|
1571
|
+
--sky-comp-page-tabset-tabs-space-inset-left: var(--modern-space-md);
|
|
1572
|
+
--sky-comp-page-tabset-tabs-space-inset-right: var(--modern-size-0);
|
|
1573
|
+
--sky-comp-page-tabset-tabs-space-inset-top: var(--modern-size-0);
|
|
1574
|
+
--sky-comp-paging_button-space-inset-bottom: var(--modern-size-4);
|
|
1575
|
+
--sky-comp-paging_button-space-inset-left: var(--modern-size-15);
|
|
1576
|
+
--sky-comp-paging_button-space-inset-right: var(--modern-size-15);
|
|
1577
|
+
--sky-comp-paging_button-space-inset-top: var(--modern-size-4);
|
|
1578
|
+
--sky-comp-popover-content-space-inset-bottom: var(--modern-size-20);
|
|
1579
|
+
--sky-comp-popover-content-space-inset-left: var(--modern-size-20);
|
|
1580
|
+
--sky-comp-popover-content-space-inset-right: var(--modern-size-20);
|
|
1581
|
+
--sky-comp-popover-content-space-inset-top: var(--modern-size-20);
|
|
1582
|
+
--sky-comp-popover-header-space-inset-bottom: var(--modern-size-0);
|
|
1583
|
+
--sky-comp-popover-header-space-inset-left: var(--modern-space-lg);
|
|
1584
|
+
--sky-comp-popover-header-space-inset-right: var(--modern-space-lg);
|
|
1585
|
+
--sky-comp-popover-header-space-inset-top: var(--modern-space-lg);
|
|
1586
|
+
--sky-comp-repeater_item-space-inset-bottom: var(--modern-space-md);
|
|
1587
|
+
--sky-comp-repeater_item-space-inset-left: var(--modern-space-s);
|
|
1588
|
+
--sky-comp-repeater_item-space-inset-right: var(--modern-space-s);
|
|
1589
|
+
--sky-comp-repeater_item-space-inset-top: var(--modern-space-md);
|
|
1590
|
+
--sky-comp-sab-actions-space-inset-bottom: var(--modern-size-20);
|
|
1591
|
+
--sky-comp-sab-actions-space-inset-left: var(--modern-size-30);
|
|
1592
|
+
--sky-comp-sab-actions-space-inset-right: var(--modern-size-30);
|
|
1593
|
+
--sky-comp-sab-actions-space-inset-top: var(--modern-size-20);
|
|
1594
|
+
--sky-comp-sab-summary-expanded-space-inset-bottom: var(--modern-size-20);
|
|
1595
|
+
--sky-comp-sab-summary-expanded-space-inset-left: var(--modern-size-30);
|
|
1596
|
+
--sky-comp-sab-summary-expanded-space-inset-right: var(--modern-size-30);
|
|
1597
|
+
--sky-comp-sab-summary-expanded-space-inset-top: var(--modern-size-20);
|
|
1598
|
+
--sky-comp-sab-summary-inline-space-inset-bottom: var(--modern-size-10);
|
|
1599
|
+
--sky-comp-sab-summary-inline-space-inset-left: var(--modern-size-30);
|
|
1600
|
+
--sky-comp-sab-summary-inline-space-inset-right: var(--modern-size-30);
|
|
1601
|
+
--sky-comp-sab-summary-inline-space-inset-top: var(--modern-size-10);
|
|
1602
|
+
--sky-comp-search-space-inset-bottom: var(--modern-size-10);
|
|
1603
|
+
--sky-comp-search-space-inset-left: var(--modern-size-20);
|
|
1604
|
+
--sky-comp-search-space-inset-right: var(--modern-size-20);
|
|
1605
|
+
--sky-comp-search-space-inset-top: var(--modern-size-10);
|
|
1606
|
+
--sky-comp-selection_box-collapsed-space-inset-bottom: var(--modern-space-md);
|
|
1607
|
+
--sky-comp-selection_box-collapsed-space-inset-left: var(--modern-space-md);
|
|
1608
|
+
--sky-comp-selection_box-collapsed-space-inset-right: var(--modern-space-md);
|
|
1609
|
+
--sky-comp-selection_box-collapsed-space-inset-top: var(--modern-space-md);
|
|
1610
|
+
--sky-comp-selection_box-expanded-space-inset-bottom: var(--modern-space-xl);
|
|
1611
|
+
--sky-comp-selection_box-expanded-space-inset-left: var(--modern-space-xl);
|
|
1612
|
+
--sky-comp-selection_box-expanded-space-inset-right: var(--modern-space-xl);
|
|
1613
|
+
--sky-comp-selection_box-expanded-space-inset-top: var(--modern-space-xl);
|
|
1614
|
+
--sky-comp-split_view-footer-space-inset-bottom: var(--modern-space-s);
|
|
1615
|
+
--sky-comp-split_view-footer-space-inset-left: var(--modern-space-s);
|
|
1616
|
+
--sky-comp-split_view-footer-space-inset-right: var(--modern-space-s);
|
|
1617
|
+
--sky-comp-split_view-footer-space-inset-top: var(--modern-space-s);
|
|
1618
|
+
--sky-comp-tab-horizontal-space-inset-bottom: var(--modern-size-10);
|
|
1619
|
+
--sky-comp-tab-horizontal-space-inset-left: var(--modern-size-15);
|
|
1620
|
+
--sky-comp-tab-horizontal-space-inset-right: var(--modern-size-15);
|
|
1621
|
+
--sky-comp-tab-horizontal-space-inset-top: var(--modern-size-10);
|
|
1622
|
+
--sky-comp-tab-vertical-group-button-space-inset-bottom: var(--modern-space-s);
|
|
1623
|
+
--sky-comp-tab-vertical-group-button-space-inset-left: var(--modern-space-s);
|
|
1624
|
+
--sky-comp-tab-vertical-group-button-space-inset-right: var(--modern-space-s);
|
|
1625
|
+
--sky-comp-tab-vertical-group-button-space-inset-top: var(--modern-space-s);
|
|
1626
|
+
--sky-comp-tab-vertical-group-space-inset-bottom: var(--modern-space-md);
|
|
1627
|
+
--sky-comp-tab-vertical-group-space-inset-left: var(--modern-size-0);
|
|
1628
|
+
--sky-comp-tab-vertical-group-space-inset-right: var(--modern-size-0);
|
|
1629
|
+
--sky-comp-tab-vertical-group-space-inset-top: var(--modern-space-md);
|
|
1630
|
+
--sky-comp-tab-vertical-space-inset-bottom: var(--modern-size-10);
|
|
1631
|
+
--sky-comp-tab-vertical-space-inset-left: var(--modern-size-15);
|
|
1632
|
+
--sky-comp-tab-vertical-space-inset-right: var(--modern-size-15);
|
|
1633
|
+
--sky-comp-tab-vertical-space-inset-top: var(--modern-size-10);
|
|
1634
|
+
--sky-comp-tabset-button-space-inset-bottom: var(--modern-size-5);
|
|
1635
|
+
--sky-comp-tabset-button-space-inset-left: var(--modern-size-5);
|
|
1636
|
+
--sky-comp-tabset-button-space-inset-right: var(--modern-size-5);
|
|
1637
|
+
--sky-comp-tabset-button-space-inset-top: var(--modern-size-5);
|
|
1638
|
+
--sky-comp-tabset-tabs-space-inset-bottom: var(--modern-size-0);
|
|
1639
|
+
--sky-comp-tabset-tabs-space-inset-left: var(--modern-space-s);
|
|
1640
|
+
--sky-comp-tabset-tabs-space-inset-right: var(--modern-size-0);
|
|
1641
|
+
--sky-comp-tabset-tabs-space-inset-top: var(--modern-size-0);
|
|
1642
|
+
--sky-comp-text_editor-space-inset-bottom: var(--modern-space-md);
|
|
1643
|
+
--sky-comp-text_editor-space-inset-left: var(--modern-space-md);
|
|
1644
|
+
--sky-comp-text_editor-space-inset-right: var(--modern-space-md);
|
|
1645
|
+
--sky-comp-text_editor-space-inset-top: var(--modern-space-md);
|
|
1646
|
+
--sky-comp-tile-dashboard-column-space-inset-bottom: var(--modern-size-0);
|
|
1647
|
+
--sky-comp-tile-dashboard-column-space-inset-left: var(--modern-size-0);
|
|
1648
|
+
--sky-comp-tile-dashboard-column-space-inset-right: var(--modern-size-0);
|
|
1649
|
+
--sky-comp-tile-dashboard-column-space-inset-top: var(--modern-size-0);
|
|
1650
|
+
--sky-comp-tile-dashboard-space-inset-bottom: var(--modern-size-0);
|
|
1651
|
+
--sky-comp-tile-dashboard-space-inset-left: var(--modern-size-0);
|
|
1652
|
+
--sky-comp-tile-dashboard-space-inset-right: var(--modern-size-0);
|
|
1653
|
+
--sky-comp-tile-dashboard-space-inset-top: var(--modern-size-0);
|
|
1654
|
+
--sky-comp-tile-section-space-inset-bottom: var(--modern-space-md);
|
|
1655
|
+
--sky-comp-tile-section-space-inset-left: var(--modern-size-0);
|
|
1656
|
+
--sky-comp-tile-section-space-inset-right: var(--modern-size-0);
|
|
1657
|
+
--sky-comp-tile-section-space-inset-top: var(--modern-space-md);
|
|
1658
|
+
--sky-comp-tile-space-inset-bottom: var(--modern-size-30);
|
|
1659
|
+
--sky-comp-tile-space-inset-left: var(--modern-size-30);
|
|
1660
|
+
--sky-comp-tile-space-inset-right: var(--modern-size-30);
|
|
1661
|
+
--sky-comp-tile-space-inset-top: var(--modern-size-30);
|
|
1662
|
+
--sky-comp-timepicker-content-space-inset-bottom: var(--modern-space-md);
|
|
1663
|
+
--sky-comp-timepicker-content-space-inset-left: var(--modern-space-md);
|
|
1664
|
+
--sky-comp-timepicker-content-space-inset-right: var(--modern-space-md);
|
|
1665
|
+
--sky-comp-timepicker-content-space-inset-top: var(--modern-space-md);
|
|
1666
|
+
--sky-comp-timepicker-footer-space-inset-bottom: var(--modern-size-10);
|
|
1667
|
+
--sky-comp-timepicker-footer-space-inset-left: var(--modern-size-15);
|
|
1668
|
+
--sky-comp-timepicker-footer-space-inset-right: var(--modern-size-15);
|
|
1669
|
+
--sky-comp-timepicker-footer-space-inset-top: var(--modern-size-10);
|
|
1670
|
+
--sky-comp-toast-space-inset-bottom: var(--modern-size-15);
|
|
1671
|
+
--sky-comp-toast-space-inset-left: var(--modern-size-15);
|
|
1672
|
+
--sky-comp-toast-space-inset-right: var(--modern-size-15);
|
|
1673
|
+
--sky-comp-toast-space-inset-top: var(--modern-size-15);
|
|
1674
|
+
--sky-comp-toaster-space-inset-bottom: var(--modern-size-0);
|
|
1675
|
+
--sky-comp-toaster-space-inset-left: var(--modern-size-30);
|
|
1676
|
+
--sky-comp-toaster-space-inset-right: var(--modern-size-30);
|
|
1677
|
+
--sky-comp-toaster-space-inset-top: var(--modern-size-30);
|
|
1678
|
+
--sky-comp-token-close-space-inset-bottom: var(--modern-size-2);
|
|
1679
|
+
--sky-comp-token-close-space-inset-left: var(--modern-size-2);
|
|
1680
|
+
--sky-comp-token-close-space-inset-right: var(--modern-size-2);
|
|
1681
|
+
--sky-comp-token-close-space-inset-top: var(--modern-size-2);
|
|
1682
|
+
--sky-comp-token-space-inset-bottom: var(--modern-size-1);
|
|
1683
|
+
--sky-comp-token-space-inset-left: var(--modern-size-5);
|
|
1684
|
+
--sky-comp-token-space-inset-right: var(--modern-size-5);
|
|
1685
|
+
--sky-comp-token-space-inset-top: var(--modern-size-1);
|
|
1686
|
+
--sky-comp-toolbar-space-inset-bottom: var(--modern-space-s);
|
|
1687
|
+
--sky-comp-toolbar-space-inset-left: var(--modern-size-0);
|
|
1688
|
+
--sky-comp-toolbar-space-inset-right: var(--modern-size-0);
|
|
1689
|
+
--sky-comp-toolbar-space-inset-top: var(--modern-space-s);
|
|
1690
|
+
--sky-comp-tree-child-space-inset-bottom: var(--modern-size-0);
|
|
1691
|
+
--sky-comp-tree-child-space-inset-left: var(--modern-space-xl);
|
|
1692
|
+
--sky-comp-tree-child-space-inset-right: var(--modern-size-0);
|
|
1693
|
+
--sky-comp-tree-child-space-inset-top: var(--modern-size-0);
|
|
1694
|
+
--sky-comp-tree-node-space-inset-bottom: var(--modern-space-xs);
|
|
1695
|
+
--sky-comp-tree-node-space-inset-left: var(--modern-space-xs);
|
|
1696
|
+
--sky-comp-tree-node-space-inset-right: var(--modern-space-xs);
|
|
1697
|
+
--sky-comp-tree-node-space-inset-top: var(--modern-space-xs);
|
|
1698
|
+
--sky-comp-wizard-tabset-space-inset-bottom: var(--modern-space-xl);
|
|
1699
|
+
--sky-comp-wizard-tabset-space-inset-left: var(--modern-space-xl);
|
|
1700
|
+
--sky-comp-wizard-tabset-space-inset-right: var(--modern-space-xl);
|
|
1701
|
+
--sky-comp-wizard-tabset-space-inset-top: var(--modern-space-s);
|
|
1702
|
+
--sky-comp-wizard-tabset-tabs-space-inset-bottom: var(--modern-size-0);
|
|
1703
|
+
--sky-comp-wizard-tabset-tabs-space-inset-left: var(--modern-space-xl);
|
|
1704
|
+
--sky-comp-wizard-tabset-tabs-space-inset-right: var(--modern-space-xl);
|
|
1705
|
+
--sky-comp-wizard-tabset-tabs-space-inset-top: var(--modern-size-0);
|
|
1042
1706
|
--sky-font-family-monospaced: var(--modern-font-monospaced-family);
|
|
1043
1707
|
--sky-font-letter_spacing-hint-s: var(--modern-letter_spacing-normal);
|
|
1044
1708
|
--sky-font-letter_spacing-input-label: var(--modern-letter_spacing-normal);
|
|
1045
1709
|
--sky-font-line_height-body-l: var(--modern-line_height-normal);
|
|
1046
1710
|
--sky-font-line_height-body-m: var(--modern-line_height-150);
|
|
1047
1711
|
--sky-font-line_height-body-s: var(--modern-line_height-normal);
|
|
1048
|
-
--sky-font-line_height-data_label: var(--modern-line_height-normal);
|
|
1049
1712
|
--sky-font-line_height-display-1: var(--modern-line_height-110);
|
|
1050
1713
|
--sky-font-line_height-display-2: var(--modern-line_height-110);
|
|
1051
1714
|
--sky-font-line_height-display-3: var(--modern-line_height-110);
|
|
@@ -1062,7 +1725,6 @@
|
|
|
1062
1725
|
--sky-font-size-body-l: var(--modern-font-size-250);
|
|
1063
1726
|
--sky-font-size-body-m: var(--modern-font-size-200);
|
|
1064
1727
|
--sky-font-size-body-s: var(--modern-font-size-125);
|
|
1065
|
-
--sky-font-size-data_label: var(--modern-font-size-200);
|
|
1066
1728
|
--sky-font-size-display-1: var(--modern-font-size-800);
|
|
1067
1729
|
--sky-font-size-display-2: var(--modern-font-size-500);
|
|
1068
1730
|
--sky-font-size-display-3: var(--modern-font-size-300);
|
|
@@ -1079,7 +1741,6 @@
|
|
|
1079
1741
|
--sky-font-style-body-l: var(--modern-font-style-light);
|
|
1080
1742
|
--sky-font-style-body-m: var(--modern-font-style-regular);
|
|
1081
1743
|
--sky-font-style-body-s: var(--modern-font-style-regular);
|
|
1082
|
-
--sky-font-style-data_label: var(--modern-font-style-regular);
|
|
1083
1744
|
--sky-font-style-display-1: var(--modern-font-style-regular);
|
|
1084
1745
|
--sky-font-style-display-2: var(--modern-font-style-regular);
|
|
1085
1746
|
--sky-font-style-display-3: var(--modern-font-style-regular);
|
|
@@ -1094,7 +1755,6 @@
|
|
|
1094
1755
|
--sky-font-weight-body-l: var(--modern-font-weight-light);
|
|
1095
1756
|
--sky-font-weight-body-m: var(--modern-font-weight-regular);
|
|
1096
1757
|
--sky-font-weight-body-s: var(--modern-font-weight-regular);
|
|
1097
|
-
--sky-font-weight-data_label: var(--modern-font-weight-regular);
|
|
1098
1758
|
--sky-font-weight-display-1: var(--modern-font-weight-regular);
|
|
1099
1759
|
--sky-font-weight-display-2: var(--modern-font-weight-regular);
|
|
1100
1760
|
--sky-font-weight-display-3: var(--modern-font-weight-regular);
|
|
@@ -1274,6 +1934,10 @@
|
|
|
1274
1934
|
--sky-space-inset-sunk-left-l: var(--modern-space-xl);
|
|
1275
1935
|
--sky-space-inset-sunk-right-l: var(--modern-space-xl);
|
|
1276
1936
|
--sky-space-inset-sunk-top-l: var(--modern-space-xl);
|
|
1937
|
+
--sky-space-inset-switch_icon-bottom: var(--modern-space-s);
|
|
1938
|
+
--sky-space-inset-switch_icon-left: var(--modern-space-s);
|
|
1939
|
+
--sky-space-inset-switch_icon-right: var(--modern-space-s);
|
|
1940
|
+
--sky-space-inset-switch_icon-top: var(--modern-space-s);
|
|
1277
1941
|
--sky-space-inset-tabs-l: var(--modern-space-lg);
|
|
1278
1942
|
--sky-space-inset-tabs-m: var(--modern-space-md);
|
|
1279
1943
|
--sky-space-inset-tabs-s: var(--modern-space-s);
|
|
@@ -1318,7 +1982,7 @@
|
|
|
1318
1982
|
|
|
1319
1983
|
.sky-theme-modern {
|
|
1320
1984
|
/* color */
|
|
1321
|
-
--sky-background-color-page-default:
|
|
1985
|
+
--sky-background-color-page-default: var(--sky-color-background-page);
|
|
1322
1986
|
--sky-background-color-neutral-light: #fcfcfc;
|
|
1323
1987
|
--sky-background-color-primary-dark: #1870B8;
|
|
1324
1988
|
--sky-background-color-disabled: #ededee;
|
|
@@ -1355,18 +2019,6 @@
|
|
|
1355
2019
|
--sky-viewkeeper-opacity: 1;
|
|
1356
2020
|
--sky-viewkeeper-box-shadow: var(--modern-shadow-size-3);
|
|
1357
2021
|
}
|
|
1358
|
-
.sky-theme-modern.sky-theme-mode-dark {
|
|
1359
|
-
/* color */
|
|
1360
|
-
--sky-background-color-page-default: #121212;
|
|
1361
|
-
--sky-background-color-neutral-light: #121212;
|
|
1362
|
-
--sky-background-color-primary-dark: #009cd1;
|
|
1363
|
-
--sky-background-color-disabled: transparent;
|
|
1364
|
-
--sky-border-color-neutral-medium: #686c73;
|
|
1365
|
-
--sky-text-color-default: #fbfcfe;
|
|
1366
|
-
--sky-text-color-deemphasized: #c0c2c5;
|
|
1367
|
-
--sky-text-color-action-primary: #009cd1;
|
|
1368
|
-
--sky-text-color-action-primary-hover: rgb(0, 117.9330143541, 158);
|
|
1369
|
-
}
|
|
1370
2022
|
|
|
1371
2023
|
.sky-theme-modern .sky-box {
|
|
1372
2024
|
background-color: var(--sky-color-background-container-base);
|
|
@@ -2093,6 +2745,9 @@
|
|
|
2093
2745
|
--sky-override-error-label-margin-top: var(--modern-size-5);
|
|
2094
2746
|
}
|
|
2095
2747
|
|
|
2748
|
+
.sky-theme-modern .sky-form-control {
|
|
2749
|
+
font-size: var(--sky-font-size-body-m);
|
|
2750
|
+
}
|
|
2096
2751
|
.sky-theme-modern .sky-error-label {
|
|
2097
2752
|
margin-top: var(--sky-override-error-label-margin-top, var(--sky-space-inset-input_label-top-m));
|
|
2098
2753
|
color: var(--sky-text-color-default);
|
|
@@ -2125,6 +2780,7 @@
|
|
|
2125
2780
|
--sky-override-switch-background-color-success: rgb(209.802919708, 231.7737226277, 192.2262773723);
|
|
2126
2781
|
--sky-override-switch-background-color-warning: rgb(255, 233.5961538462, 202);
|
|
2127
2782
|
--sky-override-switch-border-color: var(--modern-color-blue-74);
|
|
2783
|
+
--sky-override-switch-border-color-checked: var(--sky-color-border-selected);
|
|
2128
2784
|
--sky-override-switch-box-shadow-focus-elevation: var(--sky-elevation-focus);
|
|
2129
2785
|
--sky-override-switch-checked-color: var(--sky-color-icon-action);
|
|
2130
2786
|
--sky-override-switch-icon-checked-color-no-group: var(
|
|
@@ -2161,12 +2817,12 @@
|
|
|
2161
2817
|
}
|
|
2162
2818
|
.sky-theme-modern .sky-switch .sky-switch-input.sky-switch-invalid + .sky-switch-control {
|
|
2163
2819
|
border-width: var(--sky-border-width-input-error);
|
|
2164
|
-
border-color: var(--sky-color-border-
|
|
2820
|
+
border-color: var(--sky-color-border-switch-error);
|
|
2165
2821
|
}
|
|
2166
2822
|
.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 {
|
|
2167
2823
|
background-color: var(--sky-color-background-selected-heavy);
|
|
2168
2824
|
border-width: var(--sky-border-width-selected-s);
|
|
2169
|
-
border-color: var(--sky-color-border-selected);
|
|
2825
|
+
border-color: var(--sky-override-switch-border-color-checked, var(--sky-color-border-switch-selected-base));
|
|
2170
2826
|
}
|
|
2171
2827
|
.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) {
|
|
2172
2828
|
color: var(--sky-override-switch-checked-color, var(--sky-color-icon-inverse));
|
|
@@ -2190,35 +2846,47 @@
|
|
|
2190
2846
|
.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 {
|
|
2191
2847
|
background-color: var(--sky-override-switch-background-color-danger, var(--sky-color-background-selected-danger));
|
|
2192
2848
|
}
|
|
2849
|
+
.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 {
|
|
2850
|
+
border-color: var(--sky-color-border-switch-selected-active);
|
|
2851
|
+
}
|
|
2852
|
+
.sky-theme-modern .sky-switch .sky-switch-input:checked:not(:disabled):focus-visible:not(:active) + .sky-switch-control, .sky-theme-modern .sky-switch .sky-switch-input[type=checkbox]:indeterminate:not(:disabled):focus-visible:not(:active) + .sky-switch-control {
|
|
2853
|
+
border-color: var(--sky-color-border-switch-selected-focus);
|
|
2854
|
+
}
|
|
2855
|
+
.sky-theme-modern .sky-switch .sky-switch-input:checked:not(:disabled):hover + .sky-switch-control, .sky-theme-modern .sky-switch .sky-switch-input[type=checkbox]:indeterminate:not(:disabled):hover + .sky-switch-control {
|
|
2856
|
+
border-color: var(--sky-color-border-switch-selected-hover);
|
|
2857
|
+
}
|
|
2858
|
+
.sky-theme-modern .sky-switch .sky-switch-input:checked:not(:disabled):disabled + .sky-switch-control, .sky-theme-modern .sky-switch .sky-switch-input[type=checkbox]:indeterminate:not(:disabled):disabled + .sky-switch-control {
|
|
2859
|
+
border-color: var(--sky-color-border-switch-selected-disabled);
|
|
2860
|
+
}
|
|
2193
2861
|
.sky-theme-modern .sky-switch .sky-switch-input:disabled + .sky-switch-control {
|
|
2194
2862
|
background-color: var(--sky-color-background-input-disabled);
|
|
2195
2863
|
border-width: var(--sky-border-width-input-disabled);
|
|
2196
|
-
border-color: var(--sky-color-border-
|
|
2864
|
+
border-color: var(--sky-color-border-switch-disabled);
|
|
2197
2865
|
color: var(--sky-color-text-deemphasized);
|
|
2198
2866
|
}
|
|
2199
2867
|
.sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):hover + .sky-switch-control {
|
|
2200
2868
|
border-width: var(--sky-border-width-input-hover);
|
|
2201
|
-
border-color: var(--sky-color-border-
|
|
2869
|
+
border-color: var(--sky-color-border-switch-hover);
|
|
2202
2870
|
}
|
|
2203
2871
|
.sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):active + .sky-switch-control {
|
|
2204
2872
|
border-width: var(--sky-border-width-input-active);
|
|
2205
|
-
border-color: var(--sky-color-border-
|
|
2873
|
+
border-color: var(--sky-color-border-switch-active);
|
|
2206
2874
|
}
|
|
2207
2875
|
.sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):focus-visible + .sky-switch-control {
|
|
2208
2876
|
border-width: var(--sky-border-width-input-focus);
|
|
2209
|
-
border-color: var(--sky-color-border-
|
|
2877
|
+
border-color: var(--sky-color-border-switch-focus);
|
|
2210
2878
|
}
|
|
2211
2879
|
.sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):focus-visible:not(:active) + .sky-switch-control {
|
|
2212
2880
|
box-shadow: var(--sky-override-switch-box-shadow-focus-elevation, none);
|
|
2213
2881
|
outline: none;
|
|
2214
2882
|
}
|
|
2215
|
-
.sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):
|
|
2883
|
+
.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 {
|
|
2216
2884
|
border-color: var(--sky-override-switch-border-color, var(--sky-color-border-success));
|
|
2217
2885
|
}
|
|
2218
|
-
.sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):
|
|
2886
|
+
.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 {
|
|
2219
2887
|
border-color: var(--sky-override-switch-border-color, var(--sky-color-border-warning));
|
|
2220
2888
|
}
|
|
2221
|
-
.sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):
|
|
2889
|
+
.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 {
|
|
2222
2890
|
border-color: var(--sky-override-switch-border-color, var(--sky-color-border-danger));
|
|
2223
2891
|
}
|
|
2224
2892
|
.sky-theme-modern .sky-switch .sky-switch-control {
|
|
@@ -2229,7 +2897,7 @@
|
|
|
2229
2897
|
margin: 0 var(--sky-space-gap-label-s) auto auto;
|
|
2230
2898
|
display: inline-flex;
|
|
2231
2899
|
position: relative;
|
|
2232
|
-
border: var(--sky-border-width-input-base) solid var(--sky-color-border-
|
|
2900
|
+
border: var(--sky-border-width-input-base) solid var(--sky-color-border-switch-base);
|
|
2233
2901
|
background-color: var(--sky-override-switch-background-color, var(--sky-color-background-input-base));
|
|
2234
2902
|
color: var(--sky-color-icon-default);
|
|
2235
2903
|
text-align: center;
|
|
@@ -2439,14 +3107,14 @@ html:has(.sky-theme-brand-base) {
|
|
|
2439
3107
|
.sky-theme-modern .sky-font-data-label {
|
|
2440
3108
|
color: var(--sky-color-text-deemphasized);
|
|
2441
3109
|
font-family: var(--sky-font-family-primary);
|
|
2442
|
-
font-size: var(--sky-font-size-
|
|
2443
|
-
font-weight: var(--sky-font-weight-
|
|
3110
|
+
font-size: var(--sky-font-size-body-m);
|
|
3111
|
+
font-weight: var(--sky-font-weight-body-m);
|
|
2444
3112
|
}
|
|
2445
3113
|
.sky-theme-modern .sky-font-field-label {
|
|
2446
3114
|
color: var(--sky-color-text-deemphasized);
|
|
2447
3115
|
font-family: var(--sky-font-family-primary);
|
|
2448
|
-
font-size: var(--sky-font-size-
|
|
2449
|
-
font-weight: var(--sky-font-weight-
|
|
3116
|
+
font-size: var(--sky-font-size-body-m);
|
|
3117
|
+
font-weight: var(--sky-font-weight-body-m);
|
|
2450
3118
|
}
|
|
2451
3119
|
.sky-theme-modern .sky-font-deemphasized {
|
|
2452
3120
|
color: var(--sky-color-text-deemphasized);
|
|
@@ -2513,10 +3181,10 @@ html:has(.sky-theme-brand-base) {
|
|
|
2513
3181
|
line-height: var(--sky-font-line_height-body-l);
|
|
2514
3182
|
}
|
|
2515
3183
|
.sky-theme-modern.sky-theme-brand-base .sky-font-data-label {
|
|
2516
|
-
line-height: var(--sky-font-line_height-
|
|
3184
|
+
line-height: var(--sky-font-line_height-body-m);
|
|
2517
3185
|
}
|
|
2518
3186
|
.sky-theme-modern.sky-theme-brand-base .sky-font-field-label {
|
|
2519
|
-
line-height: var(--sky-font-line_height-
|
|
3187
|
+
line-height: var(--sky-font-line_height-body-m);
|
|
2520
3188
|
}
|
|
2521
3189
|
.sky-theme-modern.sky-theme-brand-base .sky-font-display-1 {
|
|
2522
3190
|
line-height: var(--sky-font-line_height-display-1);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/theme",
|
|
3
|
-
"version": "12.
|
|
3
|
+
"version": "12.16.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"@angular/core": "^19.2.7"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@blackbaud/skyux-design-tokens": "0.0.
|
|
23
|
+
"@blackbaud/skyux-design-tokens": "0.0.59",
|
|
24
24
|
"@skyux/icons": "8.0.0",
|
|
25
25
|
"fontfaceobserver": "2.3.0",
|
|
26
26
|
"tslib": "^2.8.1"
|