@blackbaud/skyux-design-tokens 0.0.48 → 0.0.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/assets/scss/blackbaud.css +679 -651
  3. package/assets/scss/modern.css +573 -543
  4. package/package.json +2 -2
package/assets/scss/modern.css CHANGED
@@ -1,558 +1,588 @@
1
1
  .sky-theme-modern {
2
- --modern-color-gray-10: #e2e3e4;
3
- --modern-color-gray-15: #d2d2d2;
4
- --modern-color-gray-20: #cdcfd2;
5
- --modern-color-gray-50: #8c929c;
6
- --modern-color-gray-70: #686c73;
7
- --modern-color-gray-105: #212327;
8
- --modern-color-gray-05: #eeeeef;
9
- --modern-color-gray-07: #ededee;
10
- --modern-color-gray-005: #fcfcfc;
11
- --modern-color-red-30: #f7a08f;
12
- --modern-color-red-50: #ef4044;
13
- --modern-color-red-70: #d93a3d;
14
- --modern-color-white: #ffffff;
15
- --modern-color-black: #000000;
16
- --modern-color-transparent: rgba(0, 0, 0, 0);
17
- --modern-color-shadow_color: rgba(0, 0, 0, 0.3);
18
- --modern-color-scrim: rgba(0, 0, 0, 0.5);
19
- --modern-color-blue-10: #c1e8fb;
20
- --modern-color-blue-30: #81d4f7;
21
- --modern-color-blue-50: #00b4f1;
22
- --modern-color-blue-74: #1870b8;
23
- --modern-color-blue-80: #0d5ead;
24
- --modern-color-blue-05: #ebfbff;
25
- --modern-color-green-30: #b7da9b;
26
- --modern-color-green-50: #72bf44;
27
- --modern-color-yellow-30: #ffd597;
28
- --modern-color-yellow-40: #fcd085;
29
- --modern-color-yellow-50: #fbb034;
30
- --modern-color-yellow-80: #c57c00;
31
- --modern-color-sky_blue-20: #bfecfb;
32
- --modern-color-sky_blue-40: #40c7f4;
33
- --modern-space-none: 0;
34
- --modern-space-xs: 5px;
35
- --modern-space-s: 10px;
36
- --modern-space-md: 15px;
37
- --modern-space-lg: 20px;
38
- --modern-space-xl: 30px;
39
- --modern-space-xxl: 60px;
40
- --modern-size-0: 0;
41
- --modern-size-1: 1px;
42
- --modern-size-2: 2px;
43
- --modern-size-3: 3px;
44
- --modern-size-4: 4px;
45
- --modern-size-5: 5px;
46
- --modern-size-6: 6px;
47
- --modern-size-7: 7px;
48
- --modern-size-8: 8px;
49
- --modern-size-9: 9px;
50
- --modern-size-10: 10px;
51
- --modern-size-12: 12px;
52
- --modern-size-13: 13px;
53
- --modern-size-14: 14px;
54
- --modern-size-15: 15px;
55
- --modern-size-16: 16px;
56
- --modern-size-19: 19px;
57
- --modern-size-20: 20px;
58
- --modern-size-24: 24px;
59
- --modern-size-26: 26px;
60
- --modern-size-30: 30px;
61
- --modern-size-32: 32px;
62
- --modern-size-40: 40px;
63
- --modern-size-44: 44px;
64
- --modern-size-48: 48px;
65
- --modern-size-64: 64px;
66
- --modern-size-65: 65px;
67
- --modern-size-80: 80px;
68
- --modern-size-96: 96px;
69
- --modern-size-100: 100px;
70
- --modern-size-236: 236px;
71
- --modern-size-276: 276px;
72
- --modern-size-296: 296px;
73
- --modern-size-320: 320px;
74
- --modern-size-400: 400px;
75
- --modern-font-size-100: 12px;
76
- --modern-font-size-125: 13px;
77
- --modern-font-size-150: 14px;
78
- --modern-font-size-200: 16px;
79
- --modern-font-size-250: 18px;
80
- --modern-font-size-300: 20px;
81
- --modern-font-size-400: 24px;
82
- --modern-font-size-500: 28px;
83
- --modern-font-size-600: 32px;
84
- --modern-font-size-800: 48px;
85
- --modern-font-weight-light: 300;
86
- --modern-font-weight-regular: 400;
87
- --modern-font-weight-semibold: 600;
88
- --modern-font-weight-bold: 700;
89
- --modern-font-style-light: 300;
90
- --modern-font-style-regular: 400;
91
- --modern-font-style-normal-weight: 400;
92
- --modern-font-style-normal-style: normal;
93
- --modern-font-style-italic-weight: 400;
94
- --modern-font-style-italic-style: italic;
95
- --modern-font-style-semibold: 600;
96
- --modern-font-style-bold: 700;
97
- --modern-font-monospaced-family: Menlo, Monaco, Consolas, Courier New, monospace;
98
- --modern-font-blkb_sans-name: BLKB Sans;
99
- --modern-font-blkb_sans-fallback: Helvetica Neue, Arial, sans-serif;
100
- --modern-line_height-20: 20px;
101
- --modern-line_height-110: 1.1;
102
- --modern-line_height-115: 1.15;
103
- --modern-line_height-150: 1.5;
104
- --modern-line_height-normal: normal;
105
- --modern-letter_spacing-normal: normal;
106
- --modern-shadow-size-0: 0 0 0 0 #000000;
107
- --modern-shadow-thumb: 0 1px 2px 0 rgba(0,0,0,0.5);
108
- --modern-border-radius-0: 0;
109
- --modern-border-radius-md: 6px;
110
- --modern-border-radius-pill: 10rem;
111
- --modern-border-radius-round: 50%;
112
- --modern-border-style-solid: solid;
2
+ --modern-opacity-600: .6;
113
3
  --modern-border-style-dotted: dotted;
114
- --modern-font-blkb_sans-family: var(--modern-font-blkb_sans-name), var(--modern-font-blkb_sans-fallback);
115
- --modern-shadow-size-1: 0 1px 3px 0 var(--modern-color-shadow_color);
116
- --modern-shadow-size-3: 0 1px 8px 0 var(--modern-color-shadow_color);
117
- --modern-shadow-size-4: 0 1px 12px 0 var(--modern-color-shadow_color);
118
- --modern-shadow-size-8: 0 2px 15px 2px var(--modern-color-shadow_color);
119
- --modern-shadow-size-16: 0 3px 25px 2px var(--modern-color-shadow_color);
4
+ --modern-border-style-solid: solid;
5
+ --modern-border-radius-round: 50%;
6
+ --modern-border-radius-pill: 10rem;
7
+ --modern-border-radius-md: 6px;
8
+ --modern-border-radius-0: 0rem;
9
+ --modern-shadow-thumb: 0 1px 2px 0 rgba(0,0,0,0.5);
120
10
  --modern-shadow-size-24: 0 7px 27px 3px var(--modern-color-shadow_color);
11
+ --modern-shadow-size-16: 0 3px 25px 2px var(--modern-color-shadow_color);
12
+ --modern-shadow-size-8: 0 2px 15px 2px var(--modern-color-shadow_color);
13
+ --modern-shadow-size-4: 0 1px 12px 0 var(--modern-color-shadow_color);
14
+ --modern-shadow-size-3: 0 1px 8px 0 var(--modern-color-shadow_color);
15
+ --modern-shadow-size-1: 0 1px 3px 0 var(--modern-color-shadow_color);
16
+ --modern-shadow-size-0: 0 0 0 0 #000000;
17
+ --modern-letter_spacing-normal: normal;
18
+ --modern-line_height-normal: normal;
19
+ --modern-line_height-150: 1.5;
20
+ --modern-line_height-115: 1.15;
21
+ --modern-line_height-110: 1.1;
22
+ --modern-line_height-20: 20px;
23
+ --modern-font-blkb_sans-family: var(--modern-font-blkb_sans-name), var(--modern-font-blkb_sans-fallback);
24
+ --modern-font-blkb_sans-fallback: Helvetica Neue, Arial, sans-serif;
25
+ --modern-font-blkb_sans-name: BLKB Sans;
26
+ --modern-font-monospaced-family: Menlo, Monaco, Consolas, Courier New, monospace;
27
+ --modern-font-style-bold: 700;
28
+ --modern-font-style-semibold: 600;
29
+ --modern-font-style-italic-style: italic;
30
+ --modern-font-style-italic-weight: 400;
31
+ --modern-font-style-normal-style: normal;
32
+ --modern-font-style-normal-weight: 400;
33
+ --modern-font-style-regular: 400;
34
+ --modern-font-style-light: 300;
35
+ --modern-font-weight-bold: 700;
36
+ --modern-font-weight-semibold: 600;
37
+ --modern-font-weight-regular: 400;
38
+ --modern-font-weight-light: 300;
39
+ --modern-font-size-800: 48px;
40
+ --modern-font-size-600: 32px;
41
+ --modern-font-size-500: 28px;
42
+ --modern-font-size-400: 24px;
43
+ --modern-font-size-300: 20px;
44
+ --modern-font-size-250: 18px;
45
+ --modern-font-size-200: 16px;
46
+ --modern-font-size-150: 14px;
47
+ --modern-font-size-125: 13px;
48
+ --modern-font-size-100: 12px;
49
+ --modern-size-960: 960px;
50
+ --modern-size-640: 640px;
51
+ --modern-size-400: 400px;
52
+ --modern-size-320: 320px;
53
+ --modern-size-296: 296px;
54
+ --modern-size-276: 276px;
55
+ --modern-size-236: 236px;
56
+ --modern-size-100: 100px;
57
+ --modern-size-96: 96px;
58
+ --modern-size-80: 80px;
59
+ --modern-size-65: 65px;
60
+ --modern-size-64: 64px;
61
+ --modern-size-48: 48px;
62
+ --modern-size-44: 44px;
63
+ --modern-size-40: 40px;
64
+ --modern-size-32: 32px;
65
+ --modern-size-30: 30px;
66
+ --modern-size-26: 26px;
67
+ --modern-size-24: 24px;
68
+ --modern-size-20: 20px;
69
+ --modern-size-19: 19px;
70
+ --modern-size-16: 16px;
71
+ --modern-size-15: 15px;
72
+ --modern-size-14: 14px;
73
+ --modern-size-13: 13px;
74
+ --modern-size-12: 12px;
75
+ --modern-size-10: 10px;
76
+ --modern-size-9: 9px;
77
+ --modern-size-8: 8px;
78
+ --modern-size-7: 7px;
79
+ --modern-size-6: 6px;
80
+ --modern-size-5: 5px;
81
+ --modern-size-4: 4px;
82
+ --modern-size-3: 3px;
83
+ --modern-size-2: 2px;
84
+ --modern-size-1: 1px;
85
+ --modern-size-0: 0rem;
86
+ --modern-space-xxl: 60px;
87
+ --modern-space-xl: 30px;
88
+ --modern-space-lg: 20px;
89
+ --modern-space-md: 15px;
90
+ --modern-space-s: 10px;
91
+ --modern-space-xs: 5px;
92
+ --modern-space-none: 0rem;
93
+ --modern-color-sky_blue-40: #40c7f4;
94
+ --modern-color-sky_blue-20: #bfecfb;
95
+ --modern-color-yellow-80: #c57c00;
96
+ --modern-color-yellow-50: #fbb034;
97
+ --modern-color-yellow-40: #fcd085;
98
+ --modern-color-yellow-30: #ffd597;
99
+ --modern-color-green-50: #72bf44;
100
+ --modern-color-green-30: #b7da9b;
101
+ --modern-color-blue-05: #ebfbff;
102
+ --modern-color-blue-80: #0d5ead;
103
+ --modern-color-blue-74: #1870b8;
104
+ --modern-color-blue-50: #00b4f1;
105
+ --modern-color-blue-30: #81d4f7;
106
+ --modern-color-blue-10: #c1e8fb;
107
+ --modern-color-red-70: #d93a3d;
108
+ --modern-color-red-50: #ef4044;
109
+ --modern-color-red-30: #f7a08f;
110
+ --modern-color-gray-005: #fcfcfc;
111
+ --modern-color-gray-07: #ededee;
112
+ --modern-color-gray-05: #eeeeef;
113
+ --modern-color-gray-105: #212327;
114
+ --modern-color-gray-70: #686c73;
115
+ --modern-color-gray-50: #8c929c;
116
+ --modern-color-gray-20: #cdcfd2;
117
+ --modern-color-gray-15: #d2d2d2;
118
+ --modern-color-gray-10: #e2e3e4;
119
+ --modern-color-blocking: rgba(255, 255, 255, 0.7);
120
+ --modern-color-scrim: rgba(0, 0, 0, 0.5);
121
+ --modern-color-shadow_color: rgba(0, 0, 0, 0.3);
122
+ --modern-color-transparent: rgba(0, 0, 0, 0);
123
+ --modern-color-black: #000000;
124
+ --modern-color-white: #ffffff;
121
125
  }
122
126
  .sky-theme-modern {
123
- --sky-color-text-default: var(--modern-color-gray-105);
124
- --sky-color-text-deemphasized: var(--modern-color-gray-70);
125
- --sky-color-text-action: var(--modern-color-blue-74);
126
- --sky-color-text-danger: var(--modern-color-red-70);
127
- --sky-color-text-inverse: var(--modern-color-white);
128
- --sky-color-text-heading: var(--modern-color-gray-105);
129
- --sky-color-text-link_highlight: var(--modern-color-blue-80);
130
- --sky-color-icon-default: var(--modern-color-gray-105);
131
- --sky-color-icon-deemphasized: var(--modern-color-gray-70);
132
- --sky-color-icon-danger: var(--modern-color-red-50);
133
- --sky-color-icon-warning: var(--modern-color-yellow-50);
134
- --sky-color-icon-success: var(--modern-color-green-50);
135
- --sky-color-icon-info: var(--modern-color-blue-50);
136
- --sky-color-icon-inverse: var(--modern-color-white);
137
- --sky-color-icon-action: var(--modern-color-blue-74);
138
- --sky-color-background-page: var(--modern-color-gray-005);
139
- --sky-color-background-scrim: var(--modern-color-scrim);
140
- --sky-color-background-text_highlight: var(--modern-color-yellow-40);
141
- --sky-color-background-container-base: var(--modern-color-white);
142
- --sky-color-background-container-menu: var(--modern-color-white);
143
- --sky-color-background-container-danger: var(--modern-color-red-30);
144
- --sky-color-background-container-warning: var(--modern-color-yellow-30);
145
- --sky-color-background-container-success: var(--modern-color-green-30);
146
- --sky-color-background-container-info: var(--modern-color-blue-10);
147
- --sky-color-background-action-primary-base: var(--modern-color-blue-74);
148
- --sky-color-background-action-primary-hover: var(--modern-color-blue-74);
149
- --sky-color-background-action-primary-active: var(--modern-color-blue-74);
150
- --sky-color-background-action-primary-focus: var(--modern-color-blue-74);
151
- --sky-color-background-action-primary-disabled: var(--modern-color-gray-07);
152
- --sky-color-background-action-secondary-base: var(--modern-color-white);
153
- --sky-color-background-action-secondary-hover: var(--modern-color-white);
154
- --sky-color-background-action-secondary-active: var(--modern-color-white);
155
- --sky-color-background-action-secondary-focus: var(--modern-color-white);
156
- --sky-color-background-action-secondary-disabled: var(--modern-color-gray-07);
157
- --sky-color-background-action-tertiary-base: var(--modern-color-transparent);
158
- --sky-color-background-action-tertiary-hover: var(--modern-color-transparent);
159
- --sky-color-background-action-tertiary-active: var(--modern-color-transparent);
160
- --sky-color-background-action-tertiary-focus: var(--modern-color-transparent);
161
- --sky-color-background-action-tertiary-disabled: var(--modern-color-gray-07);
162
- --sky-color-background-action-danger-base: var(--modern-color-red-70);
163
- --sky-color-background-action-danger-hover: var(--modern-color-red-70);
164
- --sky-color-background-action-danger-active: var(--modern-color-red-70);
165
- --sky-color-background-action-danger-focus: var(--modern-color-red-70);
166
- --sky-color-background-action-danger-disabled: var(--modern-color-gray-07);
167
- --sky-color-background-action-input-base: var(--modern-color-transparent);
168
- --sky-color-background-action-input-hover: var(--modern-color-transparent);
169
- --sky-color-background-action-input-active: var(--modern-color-transparent);
170
- --sky-color-background-action-input-focus: var(--modern-color-transparent);
171
- --sky-color-background-action-input-disabled: var(--modern-color-gray-07);
172
- --sky-color-background-selected-heavy: var(--modern-color-blue-05);
173
- --sky-color-background-selected-soft: var(--modern-color-blue-05);
174
- --sky-color-background-selected-danger: var(--modern-color-red-30);
175
- --sky-color-background-selected-warning: var(--modern-color-yellow-30);
176
- --sky-color-background-selected-success: var(--modern-color-green-30);
177
- --sky-color-background-input-base: var(--modern-color-transparent);
178
- --sky-color-background-input-disabled: var(--modern-color-gray-07);
179
- --sky-color-background-thumb-base: var(--modern-color-white);
127
+ --sky-opacity-wait: var(--modern-opacity-600);
128
+ --sky-elevation-overlay-400: var(--modern-shadow-size-24);
129
+ --sky-elevation-overlay-300: var(--modern-shadow-size-16);
130
+ --sky-elevation-overlay-200: var(--modern-shadow-size-8);
131
+ --sky-elevation-overlay-100: var(--modern-shadow-size-4);
132
+ --sky-elevation-raised-100: var(--modern-shadow-size-1);
133
+ --sky-elevation-overflow: var(--modern-shadow-size-3);
134
+ --sky-elevation-focus: var(--modern-shadow-size-3);
135
+ --sky-elevation-none: var(--modern-shadow-size-0);
136
+ --sky-color-border-separator-row: var(--modern-color-gray-20);
137
+ --sky-color-border-separator-light: var(--modern-color-gray-10);
138
+ --sky-color-border-separator-dark: var(--modern-color-gray-20);
139
+ --sky-color-border-input-error: var(--modern-color-red-50);
140
+ --sky-color-border-input-disabled: var(--modern-color-gray-50);
141
+ --sky-color-border-input-focus: var(--modern-color-blue-74);
142
+ --sky-color-border-input-active: var(--modern-color-blue-74);
143
+ --sky-color-border-input-hover: var(--modern-color-blue-74);
144
+ --sky-color-border-input-base: var(--modern-color-gray-50);
145
+ --sky-color-border-action-input-disabled: var(--modern-color-gray-50);
146
+ --sky-color-border-action-input-focus: var(--modern-color-blue-74);
147
+ --sky-color-border-action-input-active: var(--modern-color-blue-74);
148
+ --sky-color-border-action-input-hover: var(--modern-color-blue-74);
149
+ --sky-color-border-action-input-base: var(--modern-color-gray-50);
150
+ --sky-color-border-action-danger-disabled: var(--modern-color-gray-15);
151
+ --sky-color-border-action-danger-focus: var(--modern-color-red-30);
152
+ --sky-color-border-action-danger-active: var(--modern-color-red-30);
153
+ --sky-color-border-action-danger-hover: var(--modern-color-red-30);
154
+ --sky-color-border-action-danger-base: var(--modern-color-red-70);
155
+ --sky-color-border-action-tertiary-disabled: var(--modern-color-gray-15);
156
+ --sky-color-border-action-tertiary-active: var(--modern-color-blue-74);
157
+ --sky-color-border-action-tertiary-focus: var(--modern-color-blue-74);
158
+ --sky-color-border-action-tertiary-hover: var(--modern-color-blue-74);
159
+ --sky-color-border-action-tertiary-base: var(--modern-color-transparent);
160
+ --sky-color-border-action-secondary-disabled: var(--modern-color-gray-15);
161
+ --sky-color-border-action-secondary-focus: var(--modern-color-blue-74);
162
+ --sky-color-border-action-secondary-active: var(--modern-color-blue-74);
163
+ --sky-color-border-action-secondary-hover: var(--modern-color-blue-74);
164
+ --sky-color-border-action-secondary-base: var(--modern-color-gray-15);
165
+ --sky-color-border-action-primary-disabled: var(--modern-color-gray-15);
166
+ --sky-color-border-action-primary-focus: var(--modern-color-blue-10);
167
+ --sky-color-border-action-primary-active: var(--modern-color-blue-10);
168
+ --sky-color-border-action-primary-hover: var(--modern-color-blue-10);
169
+ --sky-color-border-action-primary-base: var(--modern-color-blue-74);
170
+ --sky-color-border-container-base: var(--modern-color-gray-15);
171
+ --sky-color-border-text_highlight: var(--modern-color-yellow-80);
172
+ --sky-color-border-elevation: var(--modern-color-gray-15);
173
+ --sky-color-border-divider: var(--modern-color-gray-15);
174
+ --sky-color-border-info: var(--modern-color-blue-50);
175
+ --sky-color-border-success: var(--modern-color-green-50);
176
+ --sky-color-border-warning: var(--modern-color-yellow-50);
177
+ --sky-color-border-danger: var(--modern-color-red-50);
178
+ --sky-color-border-selected_soft: var(--modern-color-blue-30);
179
+ --sky-color-border-selected: var(--modern-color-blue-74);
180
180
  --sky-color-background-thumb-disabled: var(--modern-color-gray-07);
181
- --sky-color-background-nav-base: var(--modern-color-transparent);
182
- --sky-color-background-nav-hover: var(--modern-color-transparent);
183
- --sky-color-background-nav-active: var(--modern-color-transparent);
184
- --sky-color-background-nav-focus: var(--modern-color-transparent);
181
+ --sky-color-background-thumb-base: var(--modern-color-white);
182
+ --sky-color-background-input-disabled: var(--modern-color-gray-07);
183
+ --sky-color-background-input-base: var(--modern-color-transparent);
184
+ --sky-color-background-selected-success: var(--modern-color-green-30);
185
+ --sky-color-background-selected-warning: var(--modern-color-yellow-30);
186
+ --sky-color-background-selected-danger: var(--modern-color-red-30);
187
+ --sky-color-background-selected-soft: var(--modern-color-blue-05);
188
+ --sky-color-background-selected-heavy: var(--modern-color-blue-05);
185
189
  --sky-color-background-nav-disabled: var(--modern-color-gray-07);
186
- --sky-color-background-list-base: var(--modern-color-transparent);
187
- --sky-color-background-list-hover: var(--modern-color-transparent);
188
- --sky-color-background-list-active: var(--modern-color-transparent);
189
- --sky-color-background-list-focus: var(--modern-color-transparent);
190
+ --sky-color-background-nav-focus: var(--modern-color-transparent);
191
+ --sky-color-background-nav-active: var(--modern-color-transparent);
192
+ --sky-color-background-nav-hover: var(--modern-color-transparent);
193
+ --sky-color-background-nav-base: var(--modern-color-transparent);
190
194
  --sky-color-background-list-disabled: var(--modern-color-gray-07);
191
- --sky-color-background-file_drop: var(--modern-color-gray-05);
195
+ --sky-color-background-list-focus: var(--modern-color-transparent);
196
+ --sky-color-background-list-active: var(--modern-color-transparent);
197
+ --sky-color-background-list-hover: var(--modern-color-transparent);
198
+ --sky-color-background-list-base: var(--modern-color-transparent);
199
+ --sky-color-background-icon_matte-action-light: var(--modern-color-blue-05);
200
+ --sky-color-background-icon_matte-action-heavy: var(--modern-color-blue-74);
201
+ --sky-color-background-icon_matte-success: var(--modern-color-green-50);
202
+ --sky-color-background-icon_matte-warning: var(--modern-color-yellow-50);
203
+ --sky-color-background-icon_matte-danger: var(--modern-color-red-50);
204
+ --sky-color-background-container-info: var(--modern-color-blue-10);
205
+ --sky-color-background-container-success: var(--modern-color-green-30);
206
+ --sky-color-background-container-warning: var(--modern-color-yellow-30);
207
+ --sky-color-background-container-danger: var(--modern-color-red-30);
208
+ --sky-color-background-container-menu: var(--modern-color-white);
209
+ --sky-color-background-container-base: var(--modern-color-white);
210
+ --sky-color-background-action-input-disabled: var(--modern-color-gray-07);
211
+ --sky-color-background-action-input-focus: var(--modern-color-transparent);
212
+ --sky-color-background-action-input-active: var(--modern-color-transparent);
213
+ --sky-color-background-action-input-hover: var(--modern-color-transparent);
214
+ --sky-color-background-action-input-base: var(--modern-color-transparent);
215
+ --sky-color-background-action-danger-disabled: var(--modern-color-gray-07);
216
+ --sky-color-background-action-danger-focus: var(--modern-color-red-70);
217
+ --sky-color-background-action-danger-active: var(--modern-color-red-70);
218
+ --sky-color-background-action-danger-hover: var(--modern-color-red-70);
219
+ --sky-color-background-action-danger-base: var(--modern-color-red-70);
220
+ --sky-color-background-action-tertiary-disabled: var(--modern-color-gray-07);
221
+ --sky-color-background-action-tertiary-focus: var(--modern-color-transparent);
222
+ --sky-color-background-action-tertiary-active: var(--modern-color-transparent);
223
+ --sky-color-background-action-tertiary-hover: var(--modern-color-transparent);
224
+ --sky-color-background-action-tertiary-base: var(--modern-color-transparent);
225
+ --sky-color-background-action-secondary-disabled: var(--modern-color-gray-07);
226
+ --sky-color-background-action-secondary-focus: var(--modern-color-white);
227
+ --sky-color-background-action-secondary-active: var(--modern-color-white);
228
+ --sky-color-background-action-secondary-hover: var(--modern-color-white);
229
+ --sky-color-background-action-secondary-base: var(--modern-color-white);
230
+ --sky-color-background-action-primary-disabled: var(--modern-color-gray-07);
231
+ --sky-color-background-action-primary-focus: var(--modern-color-blue-74);
232
+ --sky-color-background-action-primary-active: var(--modern-color-blue-74);
233
+ --sky-color-background-action-primary-hover: var(--modern-color-blue-74);
234
+ --sky-color-background-action-primary-base: var(--modern-color-blue-74);
192
235
  --sky-color-background-thumbnail_matte: var(--modern-color-white);
193
- --sky-color-background-icon_matte: var(--modern-color-blue-05);
194
- --sky-color-border-selected: var(--modern-color-blue-74);
195
- --sky-color-border-selected_soft: var(--modern-color-blue-30);
196
- --sky-color-border-danger: var(--modern-color-red-50);
197
- --sky-color-border-warning: var(--modern-color-yellow-50);
198
- --sky-color-border-success: var(--modern-color-green-50);
199
- --sky-color-border-info: var(--modern-color-blue-50);
200
- --sky-color-border-divider: var(--modern-color-gray-15);
201
- --sky-color-border-elevation: var(--modern-color-gray-15);
202
- --sky-color-border-text_highlight: var(--modern-color-yellow-80);
203
- --sky-color-border-container-base: var(--modern-color-gray-15);
204
- --sky-color-border-action-primary-base: var(--modern-color-blue-74);
205
- --sky-color-border-action-primary-hover: var(--modern-color-blue-10);
206
- --sky-color-border-action-primary-active: var(--modern-color-blue-10);
207
- --sky-color-border-action-primary-focus: var(--modern-color-blue-10);
208
- --sky-color-border-action-primary-disabled: var(--modern-color-gray-15);
209
- --sky-color-border-action-secondary-base: var(--modern-color-gray-15);
210
- --sky-color-border-action-secondary-hover: var(--modern-color-blue-74);
211
- --sky-color-border-action-secondary-active: var(--modern-color-blue-74);
212
- --sky-color-border-action-secondary-focus: var(--modern-color-blue-74);
213
- --sky-color-border-action-secondary-disabled: var(--modern-color-gray-15);
214
- --sky-color-border-action-tertiary-base: var(--modern-color-transparent);
215
- --sky-color-border-action-tertiary-hover: var(--modern-color-blue-74);
216
- --sky-color-border-action-tertiary-focus: var(--modern-color-blue-74);
217
- --sky-color-border-action-tertiary-active: var(--modern-color-blue-74);
218
- --sky-color-border-action-tertiary-disabled: var(--modern-color-gray-15);
219
- --sky-color-border-action-danger-base: var(--modern-color-red-70);
220
- --sky-color-border-action-danger-hover: var(--modern-color-red-30);
221
- --sky-color-border-action-danger-active: var(--modern-color-red-30);
222
- --sky-color-border-action-danger-focus: var(--modern-color-red-30);
223
- --sky-color-border-action-danger-disabled: var(--modern-color-gray-15);
224
- --sky-color-border-action-input-base: var(--modern-color-gray-50);
225
- --sky-color-border-action-input-hover: var(--modern-color-blue-74);
226
- --sky-color-border-action-input-active: var(--modern-color-blue-74);
227
- --sky-color-border-action-input-focus: var(--modern-color-blue-74);
228
- --sky-color-border-action-input-disabled: var(--modern-color-gray-50);
229
- --sky-color-border-input-base: var(--modern-color-gray-50);
230
- --sky-color-border-input-hover: var(--modern-color-blue-74);
231
- --sky-color-border-input-active: var(--modern-color-blue-74);
232
- --sky-color-border-input-focus: var(--modern-color-blue-74);
233
- --sky-color-border-input-disabled: var(--modern-color-gray-50);
234
- --sky-color-border-input-error: var(--modern-color-red-50);
235
- --sky-color-border-separator-dark: var(--modern-color-gray-20);
236
- --sky-color-border-separator-light: var(--modern-color-gray-10);
237
- --sky-color-border-separator-row: var(--modern-color-gray-20);
238
- --sky-elevation-none: var(--modern-shadow-size-0);
239
- --sky-elevation-focus: var(--modern-shadow-size-3);
240
- --sky-elevation-overflow: var(--modern-shadow-size-3);
241
- --sky-elevation-raised-100: var(--modern-shadow-size-1);
242
- --sky-elevation-overlay-100: var(--modern-shadow-size-4);
243
- --sky-elevation-overlay-200: var(--modern-shadow-size-8);
244
- --sky-elevation-overlay-300: var(--modern-shadow-size-16);
245
- --sky-elevation-overlay-400: var(--modern-shadow-size-24);
236
+ --sky-color-background-file_drop: var(--modern-color-gray-05);
237
+ --sky-color-background-text_highlight: var(--modern-color-yellow-40);
238
+ --sky-color-background-blocking: var(--modern-color-blocking);
239
+ --sky-color-background-scrim: var(--modern-color-scrim);
240
+ --sky-color-background-page: var(--modern-color-gray-005);
241
+ --sky-color-icon-action: var(--modern-color-blue-74);
242
+ --sky-color-icon-inverse: var(--modern-color-white);
243
+ --sky-color-icon-info: var(--modern-color-blue-50);
244
+ --sky-color-icon-success: var(--modern-color-green-50);
245
+ --sky-color-icon-warning: var(--modern-color-yellow-50);
246
+ --sky-color-icon-danger: var(--modern-color-red-50);
247
+ --sky-color-icon-deemphasized: var(--modern-color-gray-70);
248
+ --sky-color-icon-default: var(--modern-color-gray-105);
249
+ --sky-color-text-link_highlight: var(--modern-color-blue-80);
250
+ --sky-color-text-heading: var(--modern-color-gray-105);
251
+ --sky-color-text-inverse: var(--modern-color-white);
252
+ --sky-color-text-danger: var(--modern-color-red-70);
253
+ --sky-color-text-action: var(--modern-color-blue-74);
254
+ --sky-color-text-deemphasized: var(--modern-color-gray-70);
255
+ --sky-color-text-default: var(--modern-color-gray-105);
246
256
  }
247
257
  .sky-theme-modern {
248
- --sky-font-style-deemphasized-weight: 400;
249
- --sky-font-style-deemphasized-style: italic;
250
- --sky-font-style-hint-s-weight: 400;
251
- --sky-font-style-hint-s-style: italic;
252
- --sky-font-style-hint-m-weight: 400;
253
- --sky-font-style-hint-m-style: italic;
254
- --sky-font-text_decoration-visible_link: underline;
255
- --sky-font-text_decoration-inline_link-base: none;
256
- --sky-font-text_decoration-inline_link-hover: underline;
257
- --sky-font-text_decoration-inline_link-active: underline;
258
- --sky-font-text_decoration-inline_link-focus: none;
259
- --sky-font-text_decoration-inline_link-disabled: none;
260
- --sky-space-inset-balanced-none: 0;
261
- --sky-space-gap-action_group-0: 0;
262
- --sky-space-gap-form-0: 0;
263
- --sky-space-gap-icon-0: 0;
264
- --sky-space-gap-label-0: 0;
265
- --sky-space-gap-stacked_supplemental-0: 0;
266
- --sky-space-gap-text_action-0: 0;
267
- --sky-font-size-data_label: var(--modern-font-size-200);
268
- --sky-font-size-body-s: var(--modern-font-size-125);
269
- --sky-font-size-body-m: var(--modern-font-size-200);
270
- --sky-font-size-body-l: var(--modern-font-size-250);
271
- --sky-font-size-display-1: var(--modern-font-size-800);
272
- --sky-font-size-display-2: var(--modern-font-size-500);
273
- --sky-font-size-display-3: var(--modern-font-size-300);
274
- --sky-font-size-display-4: var(--modern-font-size-200);
275
- --sky-font-size-heading-1: var(--modern-font-size-600);
276
- --sky-font-size-heading-2: var(--modern-font-size-400);
277
- --sky-font-size-heading-3: var(--modern-font-size-300);
278
- --sky-font-size-heading-4: var(--modern-font-size-200);
279
- --sky-font-size-heading-5: var(--modern-font-size-150);
280
- --sky-font-size-hint-s: var(--modern-font-size-200);
281
- --sky-font-size-hint-m: var(--modern-font-size-200);
282
- --sky-font-size-input-label: var(--modern-font-size-125);
283
- --sky-font-size-input-val: var(--modern-font-size-200);
284
- --sky-font-line_height-data_label: var(--modern-line_height-normal);
285
- --sky-font-line_height-body-s: var(--modern-line_height-normal);
286
- --sky-font-line_height-body-m: var(--modern-line_height-150);
287
- --sky-font-line_height-body-l: var(--modern-line_height-normal);
288
- --sky-font-line_height-display-1: var(--modern-line_height-110);
289
- --sky-font-line_height-display-2: var(--modern-line_height-110);
290
- --sky-font-line_height-display-3: var(--modern-line_height-110);
291
- --sky-font-line_height-display-4: var(--modern-line_height-110);
292
- --sky-font-line_height-heading-1: var(--modern-line_height-110);
293
- --sky-font-line_height-heading-2: var(--modern-line_height-110);
294
- --sky-font-line_height-heading-3: var(--modern-line_height-110);
295
- --sky-font-line_height-heading-4: var(--modern-line_height-110);
296
- --sky-font-line_height-heading-5: var(--modern-line_height-110);
297
- --sky-font-line_height-hint-s: var(--modern-line_height-normal);
298
- --sky-font-line_height-hint-m: var(--modern-line_height-normal);
299
- --sky-font-line_height-input-label: var(--modern-line_height-normal);
300
- --sky-font-line_height-input-val: var(--modern-line_height-20);
301
- --sky-font-style-emphasized: var(--modern-font-style-semibold);
302
- --sky-font-style-data_label: var(--modern-font-style-regular);
303
- --sky-font-style-body-s: var(--modern-font-style-regular);
304
- --sky-font-style-body-m: var(--modern-font-style-regular);
305
- --sky-font-style-body-l: var(--modern-font-style-light);
306
- --sky-font-style-display-1: var(--modern-font-style-regular);
307
- --sky-font-style-display-2: var(--modern-font-style-regular);
308
- --sky-font-style-display-3: var(--modern-font-style-regular);
309
- --sky-font-style-display-4: var(--modern-font-style-bold);
310
- --sky-font-style-heading-1: var(--modern-font-style-light);
311
- --sky-font-style-heading-2: var(--modern-font-style-regular);
312
- --sky-font-style-heading-3: var(--modern-font-style-regular);
313
- --sky-font-style-heading-4: var(--modern-font-style-semibold);
314
- --sky-font-style-heading-5: var(--modern-font-style-semibold);
315
- --sky-font-style-input-label: var(--modern-font-style-regular);
316
- --sky-font-family-monospaced: var(--modern-font-monospaced-family);
317
- --sky-font-letter_spacing-input-label: var(--modern-letter_spacing-normal);
318
- --sky-font-letter_spacing-hint-s: var(--modern-letter_spacing-normal);
319
- --sky-font-weight-emphasized: var(--modern-font-weight-bold);
320
- --sky-font-weight-data_label: var(--modern-font-weight-regular);
321
- --sky-font-weight-body-s: var(--modern-font-weight-regular);
322
- --sky-font-weight-body-m: var(--modern-font-weight-regular);
323
- --sky-font-weight-body-l: var(--modern-font-weight-light);
324
- --sky-font-weight-display-1: var(--modern-font-weight-regular);
325
- --sky-font-weight-display-2: var(--modern-font-weight-regular);
326
- --sky-font-weight-display-3: var(--modern-font-weight-regular);
327
- --sky-font-weight-display-4: var(--modern-font-weight-bold);
328
- --sky-font-weight-heading-1: var(--modern-font-weight-light);
329
- --sky-font-weight-heading-2: var(--modern-font-weight-regular);
330
- --sky-font-weight-heading-3: var(--modern-font-weight-regular);
331
- --sky-font-weight-heading-4: var(--modern-font-weight-semibold);
332
- --sky-font-weight-heading-5: var(--modern-font-weight-semibold);
333
- --sky-font-weight-hint-s: var(--modern-font-weight-regular);
334
- --sky-font-weight-hint-m: var(--modern-font-weight-regular);
335
- --sky-font-weight-input-label: var(--modern-font-weight-regular);
336
- --sky-space-inset-balanced-xxs: var(--modern-size-2);
337
- --sky-space-inset-balanced-xs: var(--modern-space-xs);
338
- --sky-space-inset-balanced-s: var(--modern-space-s);
339
- --sky-space-inset-balanced-m: var(--modern-space-md);
340
- --sky-space-inset-balanced-l: var(--modern-space-lg);
341
- --sky-space-inset-balanced-xl: var(--modern-space-xl);
342
- --sky-space-inset-bottomless-top-m: var(--modern-size-15);
343
- --sky-space-inset-bottomless-top-l: var(--modern-space-lg);
344
- --sky-space-inset-bottomless-top-xl: var(--modern-space-xl);
345
- --sky-space-inset-bottomless-right-m: var(--modern-size-15);
346
- --sky-space-inset-bottomless-right-l: var(--modern-space-lg);
347
- --sky-space-inset-bottomless-right-xl: var(--modern-space-xl);
348
- --sky-space-inset-bottomless-left-m: var(--modern-size-15);
349
- --sky-space-inset-bottomless-left-l: var(--modern-space-lg);
350
- --sky-space-inset-bottomless-left-xl: var(--modern-space-xl);
351
- --sky-space-inset-bottomless-bottom-m: var(--modern-space-none);
352
- --sky-space-inset-bottomless-bottom-l: var(--modern-space-none);
353
- --sky-space-inset-bottomless-bottom-xl: var(--modern-space-none);
354
- --sky-space-inset-floated-top-0: var(--modern-space-none);
355
- --sky-space-inset-floated-top-s: var(--modern-space-xs);
356
- --sky-space-inset-floated-top-m: var(--modern-space-s);
357
- --sky-space-inset-floated-right-s: var(--modern-space-lg);
358
- --sky-space-inset-floated-right-m: var(--modern-space-xl);
359
- --sky-space-inset-floated-bottom-s: var(--modern-space-lg);
360
- --sky-space-inset-floated-bottom-m: var(--modern-space-xl);
361
- --sky-space-inset-floated-left-s: var(--modern-space-lg);
362
- --sky-space-inset-floated-left-m: var(--modern-space-xl);
363
- --sky-space-inset-input-top-m: var(--modern-size-10);
364
- --sky-space-inset-input-right-m: var(--modern-size-15);
365
- --sky-space-inset-input-bottom-m: var(--modern-size-9);
366
- --sky-space-inset-input-left-m: var(--modern-size-15);
367
- --sky-space-inset-input_label-top-m: var(--modern-size-6);
368
- --sky-space-inset-input_label-bottom-m: var(--modern-size-2);
369
- --sky-space-inset-letterbox-1_3-top-m: var(--modern-space-xl);
370
- --sky-space-inset-letterbox-1_3-right-m: var(--modern-space-s);
371
- --sky-space-inset-letterbox-1_3-bottom-m: var(--modern-space-xl);
372
- --sky-space-inset-letterbox-1_3-left-m: var(--modern-space-s);
373
- --sky-space-inset-letterbox-1_2-top-m: var(--modern-space-lg);
374
- --sky-space-inset-letterbox-1_2-right-m: var(--modern-space-s);
375
- --sky-space-inset-letterbox-1_2-bottom-m: var(--modern-space-lg);
376
- --sky-space-inset-letterbox-1_2-left-m: var(--modern-space-s);
377
- --sky-space-inset-letterbox-2_3-top-m: var(--modern-space-md);
378
- --sky-space-inset-letterbox-2_3-right-m: var(--modern-space-s);
379
- --sky-space-inset-letterbox-2_3-bottom-m: var(--modern-space-md);
380
- --sky-space-inset-letterbox-2_3-left-m: var(--modern-space-s);
381
- --sky-space-inset-pillarbox-1_4-top-xs: var(--modern-size-1);
382
- --sky-space-inset-pillarbox-1_4-top-s: var(--modern-size-4);
383
- --sky-space-inset-pillarbox-1_4-right-xs: var(--modern-size-5);
384
- --sky-space-inset-pillarbox-1_4-right-s: var(--modern-size-15);
385
- --sky-space-inset-pillarbox-1_4-bottom-xs: var(--modern-size-1);
386
- --sky-space-inset-pillarbox-1_4-bottom-s: var(--modern-size-4);
387
- --sky-space-inset-pillarbox-1_4-left-xs: var(--modern-size-5);
388
- --sky-space-inset-pillarbox-1_4-left-s: var(--modern-size-15);
389
- --sky-space-inset-pillarbox-1_3-top-m: var(--modern-size-10);
390
- --sky-space-inset-pillarbox-1_3-right-m: var(--modern-size-30);
391
- --sky-space-inset-pillarbox-1_3-bottom-m: var(--modern-size-10);
392
- --sky-space-inset-pillarbox-1_3-left-m: var(--modern-size-30);
393
- --sky-space-inset-pillarbox-1_2-top-s: var(--modern-size-5);
394
- --sky-space-inset-pillarbox-1_2-top-m: var(--modern-size-10);
395
- --sky-space-inset-pillarbox-1_2-top-l: var(--modern-size-15);
396
- --sky-space-inset-pillarbox-1_2-right-s: var(--modern-size-10);
397
- --sky-space-inset-pillarbox-1_2-right-m: var(--modern-size-20);
398
- --sky-space-inset-pillarbox-1_2-right-l: var(--modern-size-30);
399
- --sky-space-inset-pillarbox-1_2-bottom-s: var(--modern-size-5);
400
- --sky-space-inset-pillarbox-1_2-bottom-m: var(--modern-size-10);
401
- --sky-space-inset-pillarbox-1_2-bottom-l: var(--modern-size-15);
402
- --sky-space-inset-pillarbox-1_2-left-s: var(--modern-size-10);
403
- --sky-space-inset-pillarbox-1_2-left-m: var(--modern-size-20);
404
- --sky-space-inset-pillarbox-1_2-left-l: var(--modern-size-30);
405
- --sky-space-inset-pillarbox-2_3-top-m: var(--modern-size-10);
406
- --sky-space-inset-pillarbox-2_3-top-l: var(--modern-size-20);
407
- --sky-space-inset-pillarbox-2_3-right-m: var(--modern-size-15);
408
- --sky-space-inset-pillarbox-2_3-right-l: var(--modern-size-30);
409
- --sky-space-inset-pillarbox-2_3-bottom-m: var(--modern-size-10);
410
- --sky-space-inset-pillarbox-2_3-bottom-l: var(--modern-size-20);
411
- --sky-space-inset-pillarbox-2_3-left-m: var(--modern-size-15);
412
- --sky-space-inset-pillarbox-2_3-left-l: var(--modern-size-30);
413
- --sky-space-inset-sunk-top-l: var(--modern-space-xl);
414
- --sky-space-inset-sunk-right-l: var(--modern-space-xl);
415
- --sky-space-inset-sunk-bottom-l: var(--modern-space-lg);
416
- --sky-space-inset-sunk-left-l: var(--modern-space-xl);
417
- --sky-space-inset-tabs-s: var(--modern-space-s);
418
- --sky-space-inset-tabs-m: var(--modern-space-md);
419
- --sky-space-inset-tabs-l: var(--modern-space-lg);
420
- --sky-space-inset-tabs-xl: var(--modern-space-xl);
421
- --sky-space-inset-thumbnail_matte-s: var(--modern-size-2);
422
- --sky-space-inset-thumbnail_matte-m: var(--modern-size-3);
423
- --sky-space-inset-thumbnail_matte-l: var(--modern-size-5);
424
- --sky-space-inset-thumbnail_matte-xl: var(--modern-size-9);
425
- --sky-space-inset-vertical-top-s: var(--modern-space-s);
426
- --sky-space-inset-vertical-top-m: var(--modern-space-md);
427
- --sky-space-inset-vertical-top-l: var(--modern-space-lg);
428
- --sky-space-inset-vertical-top-xl: var(--modern-space-xl);
429
- --sky-space-inset-vertical-right-s: var(--modern-size-0);
430
- --sky-space-inset-vertical-right-m: var(--modern-size-0);
431
- --sky-space-inset-vertical-right-l: var(--modern-size-0);
432
- --sky-space-inset-vertical-right-xl: var(--modern-size-0);
433
- --sky-space-inset-vertical-bottom-s: var(--modern-space-s);
434
- --sky-space-inset-vertical-bottom-m: var(--modern-space-md);
435
- --sky-space-inset-vertical-bottom-l: var(--modern-space-lg);
436
- --sky-space-inset-vertical-bottom-xl: var(--modern-space-xl);
437
- --sky-space-inset-vertical-left-s: var(--modern-size-0);
438
- --sky-space-inset-vertical-left-m: var(--modern-size-0);
439
- --sky-space-inset-vertical-left-l: var(--modern-size-0);
440
- --sky-space-inset-vertical-left-xl: var(--modern-size-0);
441
- --sky-space-inset-horizontal-top-s: var(--modern-size-0);
442
- --sky-space-inset-horizontal-top-m: var(--modern-size-0);
443
- --sky-space-inset-horizontal-top-l: var(--modern-size-0);
444
- --sky-space-inset-horizontal-top-xl: var(--modern-size-0);
445
- --sky-space-inset-horizontal-right-s: var(--modern-space-s);
446
- --sky-space-inset-horizontal-right-m: var(--modern-space-md);
447
- --sky-space-inset-horizontal-right-l: var(--modern-space-lg);
448
- --sky-space-inset-horizontal-right-xl: var(--modern-space-xl);
449
- --sky-space-inset-horizontal-bottom-s: var(--modern-size-0);
450
- --sky-space-inset-horizontal-bottom-m: var(--modern-size-0);
451
- --sky-space-inset-horizontal-bottom-l: var(--modern-size-0);
452
- --sky-space-inset-horizontal-bottom-xl: var(--modern-size-0);
453
- --sky-space-inset-horizontal-left-s: var(--modern-space-s);
454
- --sky-space-inset-horizontal-left-m: var(--modern-space-md);
455
- --sky-space-inset-horizontal-left-l: var(--modern-space-lg);
456
- --sky-space-inset-horizontal-left-xl: var(--modern-space-xl);
457
- --sky-space-inset-thumb: var(--modern-size-1);
458
- --sky-space-gap-action_group-s: var(--modern-size-5);
459
- --sky-space-gap-action_group-m: var(--modern-size-10);
460
- --sky-space-gap-action_group-l: var(--modern-size-15);
461
- --sky-space-gap-action_group-xl: var(--modern-size-20);
462
- --sky-space-gap-form-xs: var(--modern-space-xs);
463
- --sky-space-gap-form-s: var(--modern-space-s);
464
- --sky-space-gap-form-m: var(--modern-space-md);
465
- --sky-space-gap-form-l: var(--modern-space-lg);
466
- --sky-space-gap-form-xl: var(--modern-space-xl);
467
- --sky-space-gap-icon-s: var(--modern-size-5);
468
- --sky-space-gap-icon-m: var(--modern-size-10);
469
- --sky-space-gap-icon-l: var(--modern-size-15);
470
- --sky-space-gap-icon-xl: var(--modern-size-20);
471
- --sky-space-gap-label-xxs: var(--modern-size-1);
472
- --sky-space-gap-label-xs: var(--modern-size-2);
473
- --sky-space-gap-label-s: var(--modern-size-5);
474
- --sky-space-gap-label-m: var(--modern-size-10);
475
- --sky-space-gap-label-l: var(--modern-size-15);
476
- --sky-space-gap-label-xl: var(--modern-size-20);
477
- --sky-space-gap-stacked_supplemental-s: var(--modern-size-5);
478
- --sky-space-gap-stacked_supplemental-m: var(--modern-size-10);
479
- --sky-space-gap-stacked_supplemental-l: var(--modern-size-15);
480
- --sky-space-gap-text_action-xs: var(--modern-space-xs);
481
- --sky-space-gap-text_action-s: var(--modern-space-s);
482
- --sky-space-gap-text_action-m: var(--modern-space-md);
483
- --sky-space-gap-text_action-l: var(--modern-space-lg);
484
- --sky-space-inline-xxs: var(--modern-size-2);
485
- --sky-space-inline-xs: var(--modern-space-xs);
486
- --sky-space-inline-s: var(--modern-space-s);
487
- --sky-space-inline-m: var(--modern-space-md);
488
- --sky-space-inline-l: var(--modern-space-lg);
489
- --sky-space-inline-xl: var(--modern-space-xl);
490
- --sky-space-inline-xxl: var(--modern-space-xxl);
491
- --sky-space-stacked-xs: var(--modern-space-xs);
492
- --sky-space-stacked-s: var(--modern-space-s);
493
- --sky-space-stacked-m: var(--modern-space-md);
494
- --sky-space-stacked-l: var(--modern-space-lg);
495
- --sky-space-stacked-xl: var(--modern-space-xl);
496
- --sky-space-stacked-xxl: var(--modern-space-xxl);
497
- --sky-size-switch: var(--modern-size-26);
498
- --sky-size-picker_btn: var(--modern-size-30);
499
- --sky-size-icon-xxxs: var(--modern-size-5);
500
- --sky-size-icon-xxs: var(--modern-size-10);
501
- --sky-size-icon-xs: var(--modern-size-12);
502
- --sky-size-icon-s: var(--modern-size-16);
503
- --sky-size-icon-m: var(--modern-size-20);
504
- --sky-size-icon-l: var(--modern-size-24);
505
- --sky-size-icon-xl: var(--modern-size-32);
506
- --sky-size-icon-xxl: var(--modern-size-40);
507
- --sky-size-icon-xxxl: var(--modern-size-48);
508
- --sky-size-illustration-s: var(--modern-size-48);
509
- --sky-size-illustration-m: var(--modern-size-64);
510
- --sky-size-illustration-l: var(--modern-size-80);
511
- --sky-size-illustration-xl: var(--modern-size-96);
258
+ --sky-border-style-separator-row: var(--modern-border-style-dotted);
259
+ --sky-border-style-separator-light: var(--modern-border-style-solid);
260
+ --sky-border-style-separator-dark: var(--modern-border-style-solid);
261
+ --sky-border-style-elevation: var(--modern-border-style-solid);
262
+ --sky-border-style-divider: var(--modern-border-style-solid);
263
+ --sky-border-style-accent: var(--modern-border-style-solid);
264
+ --sky-border-radius-round: var(--modern-border-radius-round);
265
+ --sky-border-radius-thumb: var(--modern-border-radius-round);
266
+ --sky-border-radius-pill: var(--modern-border-radius-pill);
267
+ --sky-border-radius-m: var(--modern-border-radius-md);
268
+ --sky-border-radius-s: var(--modern-border-radius-md);
269
+ --sky-border-radius-xs: var(--modern-border-radius-0);
270
+ --sky-border-radius-0: var(--modern-border-radius-0);
271
+ --sky-border-width-separator-row: var(--modern-size-1);
272
+ --sky-border-width-separator-light: var(--modern-size-1);
273
+ --sky-border-width-separator-dark: var(--modern-size-1);
274
+ --sky-border-width-selected-xl: var(--modern-size-6);
275
+ --sky-border-width-selected-l: var(--modern-size-4);
276
+ --sky-border-width-selected-m: var(--modern-size-2);
277
+ --sky-border-width-selected-s: var(--modern-size-1);
278
+ --sky-border-width-input-disabled: var(--modern-size-1);
279
+ --sky-border-width-input-error: var(--modern-size-2);
280
+ --sky-border-width-input-focus: var(--modern-size-2);
281
+ --sky-border-width-input-active: var(--modern-size-2);
282
+ --sky-border-width-input-hover: var(--modern-size-1);
283
+ --sky-border-width-input-base: var(--modern-size-1);
284
+ --sky-border-width-container-base: var(--modern-size-1);
285
+ --sky-border-width-action-disabled: var(--modern-size-1);
286
+ --sky-border-width-action-error: var(--modern-size-2);
287
+ --sky-border-width-action-focus: var(--modern-size-2);
288
+ --sky-border-width-action-active: var(--modern-size-2);
289
+ --sky-border-width-action-hover: var(--modern-size-1);
290
+ --sky-border-width-action-base: var(--modern-size-1);
291
+ --sky-border-width-elevation: var(--modern-size-1);
292
+ --sky-border-width-text_highlight: var(--modern-size-1);
293
+ --sky-border-width-divider: var(--modern-size-1);
294
+ --sky-border-width-accent: var(--modern-size-7);
295
+ --sky-size-avatar-l: var(--modern-size-100);
296
+ --sky-size-avatar-m: var(--modern-size-65);
297
+ --sky-size-avatar-s: var(--modern-size-32);
298
+ --sky-size-thumbnail-l: var(--modern-size-100);
299
+ --sky-size-max_width-overlay_message: var(--modern-size-236);
300
+ --sky-size-width-modal-l: var(--modern-size-960);
301
+ --sky-size-width-modal-m: var(--modern-size-640);
302
+ --sky-size-width-modal-s: var(--modern-size-320);
512
303
  --sky-size-width-viewport-smallest: var(--modern-size-296);
513
304
  --sky-size-width-resize_handle: var(--modern-size-14);
514
- --sky-size-max_width-overlay_message: var(--modern-size-236);
515
- --sky-size-thumbnail-l: var(--modern-size-100);
516
- --sky-size-avatar-s: var(--modern-size-32);
517
- --sky-size-avatar-m: var(--modern-size-65);
518
- --sky-size-avatar-l: var(--modern-size-100);
519
- --sky-border-width-accent: var(--modern-size-7);
520
- --sky-border-width-divider: var(--modern-size-1);
521
- --sky-border-width-text_highlight: var(--modern-size-1);
522
- --sky-border-width-elevation: var(--modern-size-1);
523
- --sky-border-width-action-base: var(--modern-size-1);
524
- --sky-border-width-action-hover: var(--modern-size-1);
525
- --sky-border-width-action-active: var(--modern-size-2);
526
- --sky-border-width-action-focus: var(--modern-size-2);
527
- --sky-border-width-action-error: var(--modern-size-2);
528
- --sky-border-width-action-disabled: var(--modern-size-1);
529
- --sky-border-width-container-base: var(--modern-size-1);
530
- --sky-border-width-input-base: var(--modern-size-1);
531
- --sky-border-width-input-hover: var(--modern-size-1);
532
- --sky-border-width-input-active: var(--modern-size-2);
533
- --sky-border-width-input-focus: var(--modern-size-2);
534
- --sky-border-width-input-error: var(--modern-size-2);
535
- --sky-border-width-input-disabled: var(--modern-size-1);
536
- --sky-border-width-selected-s: var(--modern-size-1);
537
- --sky-border-width-selected-m: var(--modern-size-2);
538
- --sky-border-width-selected-l: var(--modern-size-4);
539
- --sky-border-width-selected-xl: var(--modern-size-6);
540
- --sky-border-width-separator-dark: var(--modern-size-1);
541
- --sky-border-width-separator-light: var(--modern-size-1);
542
- --sky-border-width-separator-row: var(--modern-size-1);
543
- --sky-border-radius-0: var(--modern-border-radius-0);
544
- --sky-border-radius-xs: var(--modern-border-radius-0);
545
- --sky-border-radius-s: var(--modern-border-radius-md);
546
- --sky-border-radius-m: var(--modern-border-radius-md);
547
- --sky-border-radius-pill: var(--modern-border-radius-pill);
548
- --sky-border-radius-thumb: var(--modern-border-radius-round);
549
- --sky-border-radius-round: var(--modern-border-radius-round);
550
- --sky-border-style-accent: var(--modern-border-style-solid);
551
- --sky-border-style-divider: var(--modern-border-style-solid);
552
- --sky-border-style-elevation: var(--modern-border-style-solid);
553
- --sky-border-style-separator-dark: var(--modern-border-style-solid);
554
- --sky-border-style-separator-light: var(--modern-border-style-solid);
555
- --sky-border-style-separator-row: var(--modern-border-style-dotted);
556
- --sky-font-family-primary: var(--modern-font-blkb_sans-family);
305
+ --sky-size-illustration-xl: var(--modern-size-96);
306
+ --sky-size-illustration-l: var(--modern-size-80);
307
+ --sky-size-illustration-m: var(--modern-size-64);
308
+ --sky-size-illustration-s: var(--modern-size-48);
309
+ --sky-size-icon-xxxl: var(--modern-size-48);
310
+ --sky-size-icon-xxl: var(--modern-size-40);
311
+ --sky-size-icon-xl: var(--modern-size-32);
312
+ --sky-size-icon-l: var(--modern-size-24);
313
+ --sky-size-icon-m: var(--modern-size-20);
314
+ --sky-size-icon-s: var(--modern-size-16);
315
+ --sky-size-icon-xs: var(--modern-size-12);
316
+ --sky-size-icon-xxs: var(--modern-size-10);
317
+ --sky-size-icon-xxxs: var(--modern-size-5);
318
+ --sky-size-picker_btn: var(--modern-size-30);
319
+ --sky-size-switch: var(--modern-size-26);
320
+ --sky-space-stacked-xxl: var(--modern-space-xxl);
321
+ --sky-space-stacked-xl: var(--modern-space-xl);
322
+ --sky-space-stacked-l: var(--modern-space-lg);
323
+ --sky-space-stacked-m: var(--modern-space-md);
324
+ --sky-space-stacked-s: var(--modern-space-s);
325
+ --sky-space-stacked-xs: var(--modern-space-xs);
326
+ --sky-space-stacked-0: var(--modern-space-none);
327
+ --sky-space-inline-xxl: var(--modern-space-xxl);
328
+ --sky-space-inline-xl: var(--modern-space-xl);
329
+ --sky-space-inline-l: var(--modern-space-lg);
330
+ --sky-space-inline-m: var(--modern-space-md);
331
+ --sky-space-inline-s: var(--modern-space-s);
332
+ --sky-space-inline-xs: var(--modern-space-xs);
333
+ --sky-space-inline-xxs: var(--modern-size-2);
334
+ --sky-space-inline-0: var(--modern-space-none);
335
+ --sky-space-gap-text_action-l: var(--modern-space-lg);
336
+ --sky-space-gap-text_action-m: var(--modern-space-md);
337
+ --sky-space-gap-text_action-s: var(--modern-space-s);
338
+ --sky-space-gap-text_action-xs: var(--modern-space-xs);
339
+ --sky-space-gap-text_action-0: 0rem;
340
+ --sky-space-gap-stacked_supplemental-xl: var(--modern-size-20);
341
+ --sky-space-gap-stacked_supplemental-l: var(--modern-size-15);
342
+ --sky-space-gap-stacked_supplemental-m: var(--modern-size-10);
343
+ --sky-space-gap-stacked_supplemental-s: var(--modern-size-5);
344
+ --sky-space-gap-stacked_supplemental-0: 0rem;
345
+ --sky-space-gap-label-xl: var(--modern-size-20);
346
+ --sky-space-gap-label-l: var(--modern-size-15);
347
+ --sky-space-gap-label-m: var(--modern-size-10);
348
+ --sky-space-gap-label-s: var(--modern-size-5);
349
+ --sky-space-gap-label-xs: var(--modern-size-2);
350
+ --sky-space-gap-label-xxs: var(--modern-size-1);
351
+ --sky-space-gap-label-0: 0rem;
352
+ --sky-space-gap-icon-xl: var(--modern-size-20);
353
+ --sky-space-gap-icon-l: var(--modern-size-15);
354
+ --sky-space-gap-icon-m: var(--modern-size-10);
355
+ --sky-space-gap-icon-s: var(--modern-size-5);
356
+ --sky-space-gap-icon-0: 0rem;
357
+ --sky-space-gap-form-xl: var(--modern-space-xl);
358
+ --sky-space-gap-form-l: var(--modern-space-lg);
359
+ --sky-space-gap-form-m: var(--modern-space-md);
360
+ --sky-space-gap-form-s: var(--modern-space-s);
361
+ --sky-space-gap-form-xs: var(--modern-space-xs);
362
+ --sky-space-gap-form-0: 0rem;
363
+ --sky-space-gap-action_group-xl: var(--modern-size-20);
364
+ --sky-space-gap-action_group-l: var(--modern-size-15);
365
+ --sky-space-gap-action_group-m: var(--modern-size-10);
366
+ --sky-space-gap-action_group-s: var(--modern-size-5);
367
+ --sky-space-gap-action_group-0: 0rem;
368
+ --sky-space-inset-thumb: var(--modern-size-1);
557
369
  --sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
370
+ --sky-space-inset-horizontal-left-xl: var(--modern-space-xl);
371
+ --sky-space-inset-horizontal-left-l: var(--modern-space-lg);
372
+ --sky-space-inset-horizontal-left-m: var(--modern-space-md);
373
+ --sky-space-inset-horizontal-left-s: var(--modern-space-s);
374
+ --sky-space-inset-horizontal-left-0: var(--modern-space-none);
375
+ --sky-space-inset-horizontal-bottom-xl: var(--modern-size-0);
376
+ --sky-space-inset-horizontal-bottom-l: var(--modern-size-0);
377
+ --sky-space-inset-horizontal-bottom-m: var(--modern-size-0);
378
+ --sky-space-inset-horizontal-bottom-s: var(--modern-size-0);
379
+ --sky-space-inset-horizontal-bottom-0: var(--modern-space-none);
380
+ --sky-space-inset-horizontal-right-xl: var(--modern-space-xl);
381
+ --sky-space-inset-horizontal-right-l: var(--modern-space-lg);
382
+ --sky-space-inset-horizontal-right-m: var(--modern-space-md);
383
+ --sky-space-inset-horizontal-right-s: var(--modern-space-s);
384
+ --sky-space-inset-horizontal-right-0: var(--modern-space-none);
385
+ --sky-space-inset-horizontal-top-xl: var(--modern-size-0);
386
+ --sky-space-inset-horizontal-top-l: var(--modern-size-0);
387
+ --sky-space-inset-horizontal-top-m: var(--modern-size-0);
388
+ --sky-space-inset-horizontal-top-s: var(--modern-size-0);
389
+ --sky-space-inset-horizontal-top-0: var(--modern-space-none);
390
+ --sky-space-inset-vertical-fixed-bottom-l: var(--modern-size-20);
391
+ --sky-space-inset-vertical-fixed-top-l: var(--modern-size-20);
392
+ --sky-space-inset-vertical-left-xl: var(--modern-size-0);
393
+ --sky-space-inset-vertical-left-l: var(--modern-size-0);
394
+ --sky-space-inset-vertical-left-m: var(--modern-size-0);
395
+ --sky-space-inset-vertical-left-s: var(--modern-size-0);
396
+ --sky-space-inset-vertical-left-0: var(--modern-space-none);
397
+ --sky-space-inset-vertical-bottom-xl: var(--modern-space-xl);
398
+ --sky-space-inset-vertical-bottom-l: var(--modern-space-lg);
399
+ --sky-space-inset-vertical-bottom-m: var(--modern-space-md);
400
+ --sky-space-inset-vertical-bottom-s: var(--modern-space-s);
401
+ --sky-space-inset-vertical-bottom-0: var(--modern-space-none);
402
+ --sky-space-inset-vertical-right-xl: var(--modern-size-0);
403
+ --sky-space-inset-vertical-right-l: var(--modern-size-0);
404
+ --sky-space-inset-vertical-right-m: var(--modern-size-0);
405
+ --sky-space-inset-vertical-right-s: var(--modern-size-0);
406
+ --sky-space-inset-vertical-right-0: var(--modern-space-none);
407
+ --sky-space-inset-vertical-top-xl: var(--modern-space-xl);
408
+ --sky-space-inset-vertical-top-l: var(--modern-space-lg);
409
+ --sky-space-inset-vertical-top-m: var(--modern-space-md);
410
+ --sky-space-inset-vertical-top-s: var(--modern-space-s);
411
+ --sky-space-inset-vertical-top-0: var(--modern-space-none);
412
+ --sky-space-inset-thumbnail_matte-xl: var(--modern-size-9);
413
+ --sky-space-inset-thumbnail_matte-l: var(--modern-size-5);
414
+ --sky-space-inset-thumbnail_matte-m: var(--modern-size-3);
415
+ --sky-space-inset-thumbnail_matte-s: var(--modern-size-2);
416
+ --sky-space-inset-tabs-xl: var(--modern-space-xl);
417
+ --sky-space-inset-tabs-l: var(--modern-space-lg);
418
+ --sky-space-inset-tabs-m: var(--modern-space-md);
419
+ --sky-space-inset-tabs-s: var(--modern-space-s);
420
+ --sky-space-inset-sunk-left-l: var(--modern-space-xl);
421
+ --sky-space-inset-sunk-bottom-l: var(--modern-space-lg);
422
+ --sky-space-inset-sunk-right-l: var(--modern-space-xl);
423
+ --sky-space-inset-sunk-top-l: var(--modern-space-xl);
424
+ --sky-space-inset-pillarbox-2_3-left-l: var(--modern-size-30);
425
+ --sky-space-inset-pillarbox-2_3-left-m: var(--modern-size-15);
426
+ --sky-space-inset-pillarbox-2_3-bottom-l: var(--modern-size-20);
427
+ --sky-space-inset-pillarbox-2_3-bottom-m: var(--modern-size-10);
428
+ --sky-space-inset-pillarbox-2_3-right-l: var(--modern-size-30);
429
+ --sky-space-inset-pillarbox-2_3-right-m: var(--modern-size-15);
430
+ --sky-space-inset-pillarbox-2_3-top-l: var(--modern-size-20);
431
+ --sky-space-inset-pillarbox-2_3-top-m: var(--modern-size-10);
432
+ --sky-space-inset-pillarbox-1_2-left-l: var(--modern-size-30);
433
+ --sky-space-inset-pillarbox-1_2-left-m: var(--modern-size-20);
434
+ --sky-space-inset-pillarbox-1_2-left-s: var(--modern-size-10);
435
+ --sky-space-inset-pillarbox-1_2-bottom-l: var(--modern-size-15);
436
+ --sky-space-inset-pillarbox-1_2-bottom-m: var(--modern-size-10);
437
+ --sky-space-inset-pillarbox-1_2-bottom-s: var(--modern-size-5);
438
+ --sky-space-inset-pillarbox-1_2-right-l: var(--modern-size-30);
439
+ --sky-space-inset-pillarbox-1_2-right-m: var(--modern-size-20);
440
+ --sky-space-inset-pillarbox-1_2-right-s: var(--modern-size-10);
441
+ --sky-space-inset-pillarbox-1_2-top-l: var(--modern-size-15);
442
+ --sky-space-inset-pillarbox-1_2-top-m: var(--modern-size-10);
443
+ --sky-space-inset-pillarbox-1_2-top-s: var(--modern-size-5);
444
+ --sky-space-inset-pillarbox-1_3-left-m: var(--modern-size-30);
445
+ --sky-space-inset-pillarbox-1_3-bottom-m: var(--modern-size-10);
446
+ --sky-space-inset-pillarbox-1_3-right-m: var(--modern-size-30);
447
+ --sky-space-inset-pillarbox-1_3-top-m: var(--modern-size-10);
448
+ --sky-space-inset-pillarbox-1_4-left-s: var(--modern-size-15);
449
+ --sky-space-inset-pillarbox-1_4-left-xs: var(--modern-size-5);
450
+ --sky-space-inset-pillarbox-1_4-bottom-s: var(--modern-size-4);
451
+ --sky-space-inset-pillarbox-1_4-bottom-xs: var(--modern-size-1);
452
+ --sky-space-inset-pillarbox-1_4-right-s: var(--modern-size-15);
453
+ --sky-space-inset-pillarbox-1_4-right-xs: var(--modern-size-5);
454
+ --sky-space-inset-pillarbox-1_4-top-s: var(--modern-size-4);
455
+ --sky-space-inset-pillarbox-1_4-top-xs: var(--modern-size-1);
456
+ --sky-space-inset-letterbox-2_3-left-m: var(--modern-space-s);
457
+ --sky-space-inset-letterbox-2_3-bottom-m: var(--modern-space-md);
458
+ --sky-space-inset-letterbox-2_3-right-m: var(--modern-space-s);
459
+ --sky-space-inset-letterbox-2_3-top-m: var(--modern-space-md);
460
+ --sky-space-inset-letterbox-1_2-left-m: var(--modern-space-s);
461
+ --sky-space-inset-letterbox-1_2-bottom-m: var(--modern-space-lg);
462
+ --sky-space-inset-letterbox-1_2-right-m: var(--modern-space-s);
463
+ --sky-space-inset-letterbox-1_2-top-m: var(--modern-space-lg);
464
+ --sky-space-inset-letterbox-1_3-left-m: var(--modern-space-s);
465
+ --sky-space-inset-letterbox-1_3-bottom-m: var(--modern-space-xl);
466
+ --sky-space-inset-letterbox-1_3-right-m: var(--modern-space-s);
467
+ --sky-space-inset-letterbox-1_3-top-m: var(--modern-space-xl);
468
+ --sky-space-inset-input_label-bottom-m: var(--modern-size-2);
469
+ --sky-space-inset-input_label-top-m: var(--modern-size-6);
470
+ --sky-space-inset-input-left-m: var(--modern-size-15);
471
+ --sky-space-inset-input-bottom-m: var(--modern-size-9);
472
+ --sky-space-inset-input-right-m: var(--modern-size-15);
473
+ --sky-space-inset-input-top-m: var(--modern-size-10);
474
+ --sky-space-inset-floated-left-m: var(--modern-space-xl);
475
+ --sky-space-inset-floated-left-s: var(--modern-space-lg);
476
+ --sky-space-inset-floated-bottom-m: var(--modern-space-xl);
477
+ --sky-space-inset-floated-bottom-s: var(--modern-space-lg);
478
+ --sky-space-inset-floated-right-m: var(--modern-space-xl);
479
+ --sky-space-inset-floated-right-s: var(--modern-space-lg);
480
+ --sky-space-inset-floated-top-m: var(--modern-space-s);
481
+ --sky-space-inset-floated-top-s: var(--modern-space-xs);
482
+ --sky-space-inset-floated-top-0: var(--modern-space-none);
483
+ --sky-space-inset-bottomless-bottom-xl: var(--modern-space-none);
484
+ --sky-space-inset-bottomless-bottom-l: var(--modern-space-none);
485
+ --sky-space-inset-bottomless-bottom-m: var(--modern-space-none);
486
+ --sky-space-inset-bottomless-left-xl: var(--modern-space-xl);
487
+ --sky-space-inset-bottomless-left-l: var(--modern-space-lg);
488
+ --sky-space-inset-bottomless-left-m: var(--modern-size-15);
489
+ --sky-space-inset-bottomless-right-xl: var(--modern-space-xl);
490
+ --sky-space-inset-bottomless-right-l: var(--modern-space-lg);
491
+ --sky-space-inset-bottomless-right-m: var(--modern-size-15);
492
+ --sky-space-inset-bottomless-top-xl: var(--modern-space-xl);
493
+ --sky-space-inset-bottomless-top-l: var(--modern-space-lg);
494
+ --sky-space-inset-bottomless-top-m: var(--modern-size-15);
495
+ --sky-space-inset-balanced-fixed-xl: var(--modern-size-30);
496
+ --sky-space-inset-balanced-fixed-l: var(--modern-size-20);
497
+ --sky-space-inset-balanced-fixed-m: var(--modern-size-15);
498
+ --sky-space-inset-balanced-fixed-s: var(--modern-size-10);
499
+ --sky-space-inset-balanced-xl: var(--modern-space-xl);
500
+ --sky-space-inset-balanced-l: var(--modern-space-lg);
501
+ --sky-space-inset-balanced-m: var(--modern-space-md);
502
+ --sky-space-inset-balanced-s: var(--modern-space-s);
503
+ --sky-space-inset-balanced-xs: var(--modern-space-xs);
504
+ --sky-space-inset-balanced-xxs: var(--modern-size-2);
505
+ --sky-space-inset-balanced-none: 0rem;
506
+ --sky-font-text_decoration-inline_link-disabled: none;
507
+ --sky-font-text_decoration-inline_link-focus: none;
508
+ --sky-font-text_decoration-inline_link-active: underline;
509
+ --sky-font-text_decoration-inline_link-hover: underline;
510
+ --sky-font-text_decoration-inline_link-base: none;
511
+ --sky-font-text_decoration-visible_link: underline;
512
+ --sky-font-weight-input-label: var(--modern-font-weight-regular);
513
+ --sky-font-weight-hint-m: var(--modern-font-weight-regular);
514
+ --sky-font-weight-hint-s: var(--modern-font-weight-regular);
515
+ --sky-font-weight-heading-5: var(--modern-font-weight-semibold);
516
+ --sky-font-weight-heading-4: var(--modern-font-weight-semibold);
517
+ --sky-font-weight-heading-3: var(--modern-font-weight-regular);
518
+ --sky-font-weight-heading-2: var(--modern-font-weight-regular);
519
+ --sky-font-weight-heading-1: var(--modern-font-weight-light);
520
+ --sky-font-weight-display-4: var(--modern-font-weight-bold);
521
+ --sky-font-weight-display-3: var(--modern-font-weight-regular);
522
+ --sky-font-weight-display-2: var(--modern-font-weight-regular);
523
+ --sky-font-weight-display-1: var(--modern-font-weight-regular);
524
+ --sky-font-weight-body-l: var(--modern-font-weight-light);
525
+ --sky-font-weight-body-m: var(--modern-font-weight-regular);
526
+ --sky-font-weight-body-s: var(--modern-font-weight-regular);
527
+ --sky-font-weight-data_label: var(--modern-font-weight-regular);
528
+ --sky-font-weight-emphasized: var(--modern-font-weight-bold);
529
+ --sky-font-letter_spacing-hint-s: var(--modern-letter_spacing-normal);
530
+ --sky-font-letter_spacing-input-label: var(--modern-letter_spacing-normal);
531
+ --sky-font-family-monospaced: var(--modern-font-monospaced-family);
532
+ --sky-font-family-primary: var(--modern-font-blkb_sans-family);
533
+ --sky-font-style-input-label: var(--modern-font-style-regular);
534
+ --sky-font-style-hint-m-style: italic;
535
+ --sky-font-style-hint-m-weight: 400;
536
+ --sky-font-style-hint-s-style: italic;
537
+ --sky-font-style-hint-s-weight: 400;
538
+ --sky-font-style-heading-5: var(--modern-font-style-semibold);
539
+ --sky-font-style-heading-4: var(--modern-font-style-semibold);
540
+ --sky-font-style-heading-3: var(--modern-font-style-regular);
541
+ --sky-font-style-heading-2: var(--modern-font-style-regular);
542
+ --sky-font-style-heading-1: var(--modern-font-style-light);
543
+ --sky-font-style-display-4: var(--modern-font-style-bold);
544
+ --sky-font-style-display-3: var(--modern-font-style-regular);
545
+ --sky-font-style-display-2: var(--modern-font-style-regular);
546
+ --sky-font-style-display-1: var(--modern-font-style-regular);
547
+ --sky-font-style-body-l: var(--modern-font-style-light);
548
+ --sky-font-style-body-m: var(--modern-font-style-regular);
549
+ --sky-font-style-body-s: var(--modern-font-style-regular);
550
+ --sky-font-style-data_label: var(--modern-font-style-regular);
551
+ --sky-font-style-emphasized: var(--modern-font-style-semibold);
552
+ --sky-font-style-deemphasized-style: italic;
553
+ --sky-font-style-deemphasized-weight: 400;
554
+ --sky-font-line_height-input-val: var(--modern-line_height-20);
555
+ --sky-font-line_height-input-label: var(--modern-line_height-normal);
556
+ --sky-font-line_height-hint-m: var(--modern-line_height-normal);
557
+ --sky-font-line_height-hint-s: var(--modern-line_height-normal);
558
+ --sky-font-line_height-heading-5: var(--modern-line_height-110);
559
+ --sky-font-line_height-heading-4: var(--modern-line_height-110);
560
+ --sky-font-line_height-heading-3: var(--modern-line_height-110);
561
+ --sky-font-line_height-heading-2: var(--modern-line_height-110);
562
+ --sky-font-line_height-heading-1: var(--modern-line_height-110);
563
+ --sky-font-line_height-display-4: var(--modern-line_height-110);
564
+ --sky-font-line_height-display-3: var(--modern-line_height-110);
565
+ --sky-font-line_height-display-2: var(--modern-line_height-110);
566
+ --sky-font-line_height-display-1: var(--modern-line_height-110);
567
+ --sky-font-line_height-body-l: var(--modern-line_height-normal);
568
+ --sky-font-line_height-body-m: var(--modern-line_height-150);
569
+ --sky-font-line_height-body-s: var(--modern-line_height-normal);
570
+ --sky-font-line_height-data_label: var(--modern-line_height-normal);
571
+ --sky-font-size-input-val: var(--modern-font-size-200);
572
+ --sky-font-size-input-label: var(--modern-font-size-125);
573
+ --sky-font-size-hint-m: var(--modern-font-size-200);
574
+ --sky-font-size-hint-s: var(--modern-font-size-200);
575
+ --sky-font-size-heading-5: var(--modern-font-size-150);
576
+ --sky-font-size-heading-4: var(--modern-font-size-200);
577
+ --sky-font-size-heading-3: var(--modern-font-size-300);
578
+ --sky-font-size-heading-2: var(--modern-font-size-400);
579
+ --sky-font-size-heading-1: var(--modern-font-size-600);
580
+ --sky-font-size-display-4: var(--modern-font-size-200);
581
+ --sky-font-size-display-3: var(--modern-font-size-300);
582
+ --sky-font-size-display-2: var(--modern-font-size-500);
583
+ --sky-font-size-display-1: var(--modern-font-size-800);
584
+ --sky-font-size-body-l: var(--modern-font-size-250);
585
+ --sky-font-size-body-m: var(--modern-font-size-200);
586
+ --sky-font-size-body-s: var(--modern-font-size-125);
587
+ --sky-font-size-data_label: var(--modern-font-size-200);
558
588
  }