@wix/design-system-tokens 1.160.0 → 1.161.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.
@@ -0,0 +1,2022 @@
1
+ :root, .wds-tokens {
2
+ --wds-space-2400: 96px;
3
+ --wds-space-1700: 68px;
4
+ --wds-space-1600: 64px;
5
+ --wds-space-1500: 60px;
6
+ --wds-space-1400: 56px;
7
+ --wds-space-1300: 52px;
8
+ --wds-space-1200: 48px;
9
+ --wds-space-1150: 46px;
10
+ --wds-space-1100: 44px;
11
+ --wds-space-1050: 42px;
12
+ --wds-space-1000: 40px;
13
+ --wds-space-950: 38px;
14
+ --wds-space-900: 36px;
15
+ --wds-space-850: 34px;
16
+ --wds-space-800: 32px;
17
+ --wds-space-750: 30px;
18
+ --wds-space-700: 28px;
19
+ --wds-space-600: 24px;
20
+ --wds-space-500: 20px;
21
+ --wds-space-475: 18px;
22
+ --wds-space-400: 16px;
23
+ --wds-space-350: 14px;
24
+ --wds-space-300: 12px;
25
+ --wds-space-250: 10px;
26
+ --wds-space-200: 8px;
27
+ --wds-space-175: 7px;
28
+ --wds-space-150: 6px;
29
+ --wds-space-100: 4px;
30
+ --wds-space-50: 2px;
31
+ --wds-space-25: 1px;
32
+ --wds-space-0: 0px;
33
+ --wds-shadow-spread-secondary-raised: -0.70;
34
+ --wds-shadow-focus-spread: 0;
35
+ --wds-shadow-y-tertiary-toggle-button: 0.4px;
36
+ --wds-shadow-y-secondary-toggle-button: 1.2px;
37
+ --wds-shadow-y-600: 20px;
38
+ --wds-shadow-y-350: 10px;
39
+ --wds-shadow-y-300: 12px;
40
+ --wds-shadow-y-200: 8px;
41
+ --wds-shadow-y-150: 6px;
42
+ --wds-shadow-y-125: 5px;
43
+ --wds-shadow-y-100: 4px;
44
+ --wds-shadow-y-50: 2px;
45
+ --wds-shadow-y-25: 1px;
46
+ --wds-shadow-y-0: 0px;
47
+ --wds-shadow-x-tertiary-toggle-button: 0.4px;
48
+ --wds-shadow-x-secondary-toggle-button: 1.2px;
49
+ --wds-shadow-x-50: 2px;
50
+ --wds-shadow-x-25: 1px;
51
+ --wds-shadow-x-0: 0px;
52
+ --wds-shadow-blur-tertiary-toggle-button: 0.6px;
53
+ --wds-shadow-blur-secondary-toggle-button: 1.7px;
54
+ --wds-shadow-blur-800: 30px;
55
+ --wds-shadow-blur-500: 20px;
56
+ --wds-shadow-blur-400: 20px;
57
+ --wds-shadow-blur-200: 18px;
58
+ --wds-shadow-blur-150: 12px;
59
+ --wds-shadow-blur-135: 10px;
60
+ --wds-shadow-blur-125: 8px;
61
+ --wds-shadow-blur-100: 7px;
62
+ --wds-shadow-blur-75: 6px;
63
+ --wds-shadow-blur-50: 4px;
64
+ --wds-shadow-blur-35: 3px;
65
+ --wds-shadow-blur-25: 2px;
66
+ --wds-shadow-blur-0: 0px;
67
+ --wds-font-weight-semi-bold: 600;
68
+ --wds-font-weight-regular: 400;
69
+ --wds-font-weight-medium: 500;
70
+ --wds-font-weight-bold: 600;
71
+ --wds-font-size-900: 32px;
72
+ --wds-font-size-800: 24px;
73
+ --wds-font-size-700: 20px;
74
+ --wds-font-size-600: 18px;
75
+ --wds-font-size-500: 16px;
76
+ --wds-font-size-400: 15px;
77
+ --wds-font-size-300: 14px;
78
+ --wds-font-size-200: 12px;
79
+ --wds-font-size-100: 10px;
80
+ --wds-font-letter-spacing-heading-3: -0.50;
81
+ --wds-font-letter-spacing-heading-2: -0.50;
82
+ --wds-font-letter-spacing-heading-1: -0.50;
83
+ --wds-font-letter-spacing-100: 1px;
84
+ --wds-font-letter-spacing-0: 0px;
85
+ --wds-font-family-display: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
86
+ --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
87
+ --wds-color-text-stage-section: #6f56f9;
88
+ --wds-color-fill-stage-section-secondary-hover: #d9d2ff;
89
+ --wds-color-fill-stage-section-secondary-active: #d9d2ff;
90
+ --wds-color-fill-stage-section-secondary: #d9d2ff;
91
+ --wds-color-fill-stage-section-primary-hover: #6f56f9;
92
+ --wds-color-fill-stage-section-primary-active: #6f56f9;
93
+ --wds-color-fill-stage-section-primary: #6f56f9;
94
+ --wds-color-fill-stage-padding-hover: #18d9c2;
95
+ --wds-color-fill-stage-padding-active: #18d9c2;
96
+ --wds-color-fill-stage-padding: #18d9c2;
97
+ --wds-color-fill-stage-anchor-hover: #18d2de;
98
+ --wds-color-fill-stage-anchor-active: #5effff;
99
+ --wds-color-fill-stage-anchor: #5effff;
100
+ --wds-color-fill-social-youtube-hover: rgba(255, 0, 0, 0.8000);
101
+ --wds-color-fill-social-youtube-disabled: #bebebe;
102
+ --wds-color-fill-social-youtube-active: #ff0000;
103
+ --wds-color-fill-social-youtube: #ff0000;
104
+ --wds-color-fill-social-xcorp-hover: rgba(16, 20, 25, 0.8000);
105
+ --wds-color-fill-social-xcorp-disabled: #bebebe;
106
+ --wds-color-fill-social-xcorp-active: #101419;
107
+ --wds-color-fill-social-xcorp: #101419;
108
+ --wds-color-fill-social-twitter-hover: rgba(29, 161, 242, 0.8000);
109
+ --wds-color-fill-social-twitter-disabled: #bebebe;
110
+ --wds-color-fill-social-twitter-active: #1da1f2;
111
+ --wds-color-fill-social-twitter: #1da1f2;
112
+ --wds-color-fill-social-pinterest-hover: rgba(230, 0, 25, 0.8000);
113
+ --wds-color-fill-social-pinterest-disabled: #bebebe;
114
+ --wds-color-fill-social-pinterest-active: #e60019;
115
+ --wds-color-fill-social-pinterest: #e60019;
116
+ --wds-color-fill-social-linkedin-hover: rgba(0, 101, 200, 0.8000);
117
+ --wds-color-fill-social-linkedin-disabled: #bebebe;
118
+ --wds-color-fill-social-linkedin-active: #0065c8;
119
+ --wds-color-fill-social-linkedin: #0065c8;
120
+ --wds-color-fill-social-instagram-hover: rgba(255, 1, 117, 0.8000);
121
+ --wds-color-fill-social-instagram-disabled: #bebebe;
122
+ --wds-color-fill-social-instagram-active: #ff0175;
123
+ --wds-color-fill-social-instagram: #ff0175;
124
+ --wds-color-fill-social-facebook-hover: rgba(24, 119, 242, 0.8000);
125
+ --wds-color-fill-social-facebook-disabled: #bebebe;
126
+ --wds-color-fill-social-facebook-active: #1877f2;
127
+ --wds-color-fill-social-facebook: #1877f2;
128
+ --wds-color-fill-ai-secondary-disabled: #e5e5e5;
129
+ --wds-color-fill-ai-primary-pressed: #ffffff;
130
+ --wds-color-fill-ai-primary-disabled: #bebebe;
131
+ --wds-color-fill-ai-hover: #ffffff;
132
+ --wds-color-fill-ai: #ffffff;
133
+ --wds-color-fill-accent-12: #acafc4;
134
+ --wds-color-fill-accent-11: #1b3689;
135
+ --wds-color-fill-accent-10: #1f8845;
136
+ --wds-color-fill-accent-9: #59005f;
137
+ --wds-color-fill-accent-8: #cc180b;
138
+ --wds-color-fill-accent-7: #f36e1b;
139
+ --wds-color-fill-accent-6: #d49341;
140
+ --wds-color-fill-accent-5: #c42fca;
141
+ --wds-color-fill-accent-4: #1b838b;
142
+ --wds-color-fill-accent-3: #6959f0;
143
+ --wds-color-fill-accent-2: #17b0e2;
144
+ --wds-color-fill-accent-1: #1684ea;
145
+ --wds-color-border-stage-wip: #ffffff;
146
+ --wds-color-border-ai-primary-hover: #ffffff;
147
+ --wds-color-border-ai-primary-disabled: #ffffff;
148
+ --wds-color-border-ai-primary-active: #ffffff;
149
+ --wds-color-border-ai-primary: #ffffff;
150
+ --wds-color-yellow-600: #fef6ed;
151
+ --wds-color-yellow-500: #fef3e5;
152
+ --wds-color-yellow-400: #fdead2;
153
+ --wds-color-yellow-300: #fcd29d;
154
+ --wds-color-yellow-200: #fabd71;
155
+ --wds-color-yellow-100: #f9ad4d;
156
+ --wds-color-yellow-50: #e7a047;
157
+ --wds-color-yellow-0: #d49341;
158
+ --wds-color-white-transparent-80: rgba(255, 255, 255, .8);
159
+ --wds-color-white-transparent-70: rgba(255, 255, 255, .7);
160
+ --wds-color-white-transparent-60: rgba(255, 255, 255, .6);
161
+ --wds-color-white-transparent-50: rgba(255, 255, 255, .5);
162
+ --wds-color-white-transparent-30: rgba(255, 255, 255, .3);
163
+ --wds-color-white-transparent-20: rgba(255, 255, 255, .2);
164
+ --wds-color-white-transparent-12: rgba(255, 255, 255, .12);
165
+ --wds-color-white-transparent-10: rgba(255, 255, 255, .1);
166
+ --wds-color-white-transparent-5: rgba(255, 255, 255, .05);
167
+ --wds-color-white-transparent-1: rgba(255, 255, 255, .01);
168
+ --wds-color-white-transparent-0: rgba(255, 255, 255, 0);
169
+ --wds-color-white: #ffffff;
170
+ --wds-color-red-600: #fcebeb;
171
+ --wds-color-red-500: #f9d6d7;
172
+ --wds-color-red-400: #f4b8b9;
173
+ --wds-color-red-300: #ed8f90;
174
+ --wds-color-red-200: #e55c5e;
175
+ --wds-color-red-100: #df3336;
176
+ --wds-color-red-50: #be2b2e;
177
+ --wds-color-red-0: #9c2426;
178
+ --wds-color-purple-700: #faf0ff;
179
+ --wds-color-purple-600: #f8f2ff;
180
+ --wds-color-purple-500: #f1e5fe;
181
+ --wds-color-purple-400: #d7b7fb;
182
+ --wds-color-purple-300: #be89f9;
183
+ --wds-color-purple-200: #8b2df5;
184
+ --wds-color-purple-100: #7200f3;
185
+ --wds-color-purple-50: #6100cf;
186
+ --wds-color-purple-0: #5000aa;
187
+ --wds-color-orange-600: #fdf1ec;
188
+ --wds-color-orange-500: #fbe3d9;
189
+ --wds-color-orange-400: #fbcfbb;
190
+ --wds-color-orange-300: #fda77f;
191
+ --wds-color-orange-200: #fe9361;
192
+ --wds-color-orange-100: #ff8044;
193
+ --wds-color-orange-50: #d96d3a;
194
+ --wds-color-orange-0: #ae3e09;
195
+ --wds-color-iris-600: #eeecfe;
196
+ --wds-color-iris-500: #e7e4fe;
197
+ --wds-color-iris-400: #d6d1fc;
198
+ --wds-color-iris-300: #a59bfa;
199
+ --wds-color-iris-200: #7b6df7;
200
+ --wds-color-iris-100: #5a48f5;
201
+ --wds-color-iris-50: #5443e3;
202
+ --wds-color-iris-0: #4d3dd0;
203
+ --wds-color-green-600: #f1f5ed;
204
+ --wds-color-green-500: #effae5;
205
+ --wds-color-green-400: #daf3c0;
206
+ --wds-color-green-300: #bde2a7;
207
+ --wds-color-green-200: #97c693;
208
+ --wds-color-green-100: #4b916d;
209
+ --wds-color-green-50: #11664f;
210
+ --wds-color-green-0: #0d4f3d;
211
+ --wds-color-blue-600: #f5f7ff;
212
+ --wds-color-blue-500: #eaefff;
213
+ --wds-color-blue-400: #d5dfff;
214
+ --wds-color-blue-300: #acbeff;
215
+ --wds-color-blue-250: #7896ff;
216
+ --wds-color-blue-200: #597dff;
217
+ --wds-color-blue-100: #2f5dff;
218
+ --wds-color-blue-50: #1c3fe5;
219
+ --wds-color-blue-0: #0f2ccf;
220
+ --wds-color-black-300-transparent-70: rgba(118, 117, 116, .7);
221
+ --wds-color-black-300-transparent-60: rgba(118, 117, 116, .6);
222
+ --wds-color-black-300-transparent-50: rgba(118, 117, 116, .5);
223
+ --wds-color-black-300-transparent-20: rgba(118, 117, 116, 0.2);
224
+ --wds-color-black-300-transparent-18: rgba(124, 124, 124, 0.18);
225
+ --wds-color-black-300-transparent-0: rgba(118, 117, 116, 0);
226
+ --wds-color-black-200-transparent-70: rgba(82, 81, 80, .7);
227
+ --wds-color-black-200-transparent-60: rgba(82, 81, 80, .6);
228
+ --wds-color-black-200-transparent-50: rgba(82, 81, 80, .5);
229
+ --wds-color-black-200-transparent-0: rgba(82, 81, 80, 0);
230
+ --wds-color-black-100-transparent-70: rgba(19, 23, 32, .7);
231
+ --wds-color-black-100-transparent-50: rgba(19, 23, 32, .5);
232
+ --wds-color-black-100-transparent-40: rgba(19, 23, 32, .4);
233
+ --wds-color-black-100-transparent-30: rgba(19, 23, 32, .3);
234
+ --wds-color-black-100-transparent-25: rgba(19, 23, 32, .25);
235
+ --wds-color-black-100-transparent-20: rgba(19, 23, 32, .2);
236
+ --wds-color-black-100-transparent-15: rgba(19, 23, 32, .15);
237
+ --wds-color-black-100-transparent-10: rgba(19, 23, 32, .1);
238
+ --wds-color-black-100-transparent-5: rgba(19, 23, 32, .05);
239
+ --wds-color-black-100-transparent-0: rgba(19, 23, 32, 0);
240
+ --wds-color-black-750: #f8f6f6;
241
+ --wds-color-black-700: #f0efef;
242
+ --wds-color-black-600: #e8e7e7;
243
+ --wds-color-black-550: #dedede;
244
+ --wds-color-black-500: #a8a6a5;
245
+ --wds-color-black-400: #767574;
246
+ --wds-color-black-300: #525150;
247
+ --wds-color-black-200: #383838;
248
+ --wds-color-black-100: #151414;
249
+ --wds-breakpoint-x-large: 1572px;
250
+ --wds-breakpoint-small: 490px;
251
+ --wds-breakpoint-medium: 768px;
252
+ --wds-breakpoint-large: 1186px;
253
+ --wds-border-width-none: 0px;
254
+ --wds-border-width-200: 2px;
255
+ --wds-border-width-150: 1.5px;
256
+ --wds-border-width-100: 1px;
257
+ --wds-border-width-0: 0px;
258
+ --wds-border-radius-full: 1000px;
259
+ --wds-border-radius-1200: 24px;
260
+ --wds-border-radius-600: 12px;
261
+ --wds-border-radius-500: 10px;
262
+ --wds-border-radius-400: 8px;
263
+ --wds-border-radius-300: 6px;
264
+ --wds-border-radius-200: 4px;
265
+ --wds-border-radius-100: 2px;
266
+ --wds-border-radius-0: 0px;
267
+ --wds-background-blur-450: 40px;
268
+ --wds-background-blur-375: 30px;
269
+ --wds-background-blur-350: 28px;
270
+ --wds-background-blur-300: 24px;
271
+ --wds-background-blur-250: 20px;
272
+ --wds-background-blur-200: 16px;
273
+ --wds-background-blur-175: 14px;
274
+ --wds-background-blur-150: 12px;
275
+ --wds-background-blur-100: 8px;
276
+ --wds-background-blur-50: 4px;
277
+ --wds-background-blur-0: 0px;
278
+ --wds-variable-input-padding-vertical-tiny: 2px;
279
+ --wds-variable-input-padding-vertical-small: 5px;
280
+ --wds-toggle-switch-width-small: 24px;
281
+ --wds-toggle-switch-width-medium: 26px;
282
+ --wds-toggle-switch-width-large: 40px;
283
+ --wds-toggle-switch-shadow: 0;
284
+ --wds-toggle-switch-knob-text-height: 0px;
285
+ --wds-toggle-switch-knob-size-small: 12px;
286
+ --wds-toggle-switch-knob-size-medium: 14px;
287
+ --wds-toggle-switch-knob-size-large: 20px;
288
+ --wds-toggle-switch-icon: false;
289
+ --wds-toggle-button-shadow-y-tertiary-inverted: 4px;
290
+ --wds-toggle-button-shadow-y-tertiary: 0.4px;
291
+ --wds-toggle-button-shadow-y-secondary-inverted: 0.4px;
292
+ --wds-toggle-button-shadow-y-secondary: 1.2px;
293
+ --wds-toggle-button-shadow-y-primary-inverted: 5px;
294
+ --wds-toggle-button-shadow-x-tertiary-inverted: 1px;
295
+ --wds-toggle-button-shadow-x-tertiary: 0.4px;
296
+ --wds-toggle-button-shadow-x-secondary-inverted: 0.4px;
297
+ --wds-toggle-button-shadow-x-secondary: 1.2px;
298
+ --wds-toggle-button-shadow-x-primary-inverted: -8px;
299
+ --wds-toggle-button-shadow-blur-tertiary-inverted: 4px;
300
+ --wds-toggle-button-shadow-blur-tertiary: 0.6px;
301
+ --wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
302
+ --wds-toggle-button-shadow-blur-secondary: 1.7px;
303
+ --wds-toggle-button-shadow-blur-primary-inverted: 30px;
304
+ --wds-toggle-button-inner-shadow-blur-secondary: 1px;
305
+ --wds-toggle-button-inner-shadow-blur-primary: 1px;
306
+ --wds-tabs-selection-height: 3px;
307
+ --wds-swatches-swatch-size-tiny: 22px;
308
+ --wds-status-toast-width: 600px;
309
+ --wds-slider-track-size-transparent: 2px;
310
+ --wds-slider-track-size: 2px;
311
+ --wds-slider-slider-knob-size-transparent: 16px;
312
+ --wds-slider-slider-knob-size-hover: 18px;
313
+ --wds-slider-slider-knob-size: 8px;
314
+ --wds-slider-slider-knob-shadow: false;
315
+ --wds-slider-slider-knob-border-width-hover: 12px;
316
+ --wds-slider-slider-knob-border-width: 2px;
317
+ --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
318
+ --wds-sidebar-scrollbar-fill-dark-default: #717379;
319
+ --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
320
+ --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
321
+ --wds-sidebar-minimize-action-fill-dark-default: #42454c;
322
+ --wds-sidebar-item-text-dark-disabled: #898b8f;
323
+ --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
324
+ --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
325
+ --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
326
+ --wds-sidebar-item-level-1-fill-dark-default: #131720;
327
+ --wds-sidebar-item-level-1-fill-dark-active: #42454c;
328
+ --wds-sidebar-divider-fill-dark-default: #42454c;
329
+ --wds-sidebar-clear-button-fill: #5a5d63;
330
+ --wds-side-panel-header-divider-height: 0;
331
+ --wds-side-panel-footer-divider-height: 0;
332
+ --wds-side-panel-floating-max-height: 576px;
333
+ --wds-side-panel-control-layout-divider-border-width: false;
334
+ --wds-section-helper-prefix-offset-margin: 0px;
335
+ --wds-radio-dot-size: 4px;
336
+ --wds-internal-thumbnail-illustration-size-tiny: 38px;
337
+ --wds-internal-thumbnail-illustration-size-small: 51px;
338
+ --wds-internal-thumbnail-illustration-size-medium: 72px;
339
+ --wds-internal-thumbnail-illustration-size-large: 114px;
340
+ --wds-internal-image-width-tiny: 106px;
341
+ --wds-internal-image-width-small: 122px;
342
+ --wds-internal-image-width-medium: 156px;
343
+ --wds-internal-image-width-large: 240px;
344
+ --wds-internal-image-height-small: 60px;
345
+ --wds-internal-image-height-medium: 84px;
346
+ --wds-internal-image-height-large: 120px;
347
+ --wds-input-shadow-focus-warning: transparent;
348
+ --wds-input-shadow-focus-standard: transparent;
349
+ --wds-input-shadow-focus-destructive: transparent;
350
+ --wds-fill-button-border-color: conic-gradient(from 180deg at 50% 50%, #3747FE 0deg, #4076FD 36deg, #B522FE 72deg, #FF1125 144deg, #F7851A 216deg, #FFCC56 251deg, #37FFC3 324deg, #37A8E8 338deg, #3775D5 352deg, #3747FE 360deg);
351
+ --wds-composer-sidebar-end-max-width: 240px;
352
+ --wds-composer-sidebar-bottom-width: 88px;
353
+ --wds-color-picker-width: 236px;
354
+ --wds-avatar-group-gap-condensed: -2px;
355
+ --wds-angle-input-knob-size: 6px;
356
+ --wds-angle-input-knob-border: 2px;
357
+ --wds-width-default-2: var(--wds-border-width-none);
358
+ --wds-width-default: var(--wds-border-width-none);
359
+ --wds-inner-shadow-y-secondary: var(--wds-shadow-y-25);
360
+ --wds-inner-shadow-y-primary: var(--wds-shadow-y-25);
361
+ --wds-inner-shadow-y-input: var(--wds-shadow-y-25);
362
+ --wds-inner-shadow-x-secondary: var(--wds-shadow-x-25);
363
+ --wds-inner-shadow-x-primary: var(--wds-shadow-x-25);
364
+ --wds-inner-shadow-x-input: var(--wds-shadow-x-25);
365
+ --wds-inner-shadow-fill-track: var(--wds-color-black-100-transparent-20);
366
+ --wds-inner-shadow-fill-secondary: var(--wds-color-white);
367
+ --wds-inner-shadow-fill-primary: var(--wds-color-white);
368
+ --wds-inner-shadow-fill-input: var(--wds-color-black-300-transparent-20);
369
+ --wds-inner-shadow-blur-secondary: var(--wds-shadow-blur-25);
370
+ --wds-inner-shadow-blur-primary: var(--wds-shadow-blur-25);
371
+ --wds-inner-shadow-blur-input: var(--wds-shadow-blur-35);
372
+ --wds-border-width-varied: var(--wds-border-width-0);
373
+ --wds-border-width-default: var(--wds-border-width-100);
374
+ --wds-border-radius-surface-sunken: var(--wds-border-radius-0);
375
+ --wds-border-radius-surface-raised: var(--wds-border-radius-600);
376
+ --wds-border-radius-surface-overlay: var(--wds-border-radius-400);
377
+ --wds-border-radius-surface-modal-backdrop: var(--wds-border-radius-0);
378
+ --wds-border-radius-surface-modal: var(--wds-border-radius-600);
379
+ --wds-border-radius-surface-default: var(--wds-border-radius-600);
380
+ --wds-background-blur-modal: var(--wds-background-blur-175);
381
+ --wds-space-viewport-spacing: var(--wds-space-1200);
382
+ --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
383
+ --wds-space-padding-vertical-x-tiny: var(--wds-space-200);
384
+ --wds-space-padding-vertical-tiny: var(--wds-space-300);
385
+ --wds-space-padding-vertical-small: var(--wds-space-400);
386
+ --wds-space-padding-vertical-medium: var(--wds-space-500);
387
+ --wds-space-padding-vertical-large: var(--wds-space-600);
388
+ --wds-space-padding-horizontal-xx-tiny: var(--wds-space-100);
389
+ --wds-space-padding-horizontal-x-tiny: var(--wds-space-200);
390
+ --wds-space-padding-horizontal-tiny: var(--wds-space-300);
391
+ --wds-space-padding-horizontal-small: var(--wds-space-400);
392
+ --wds-space-padding-horizontal-medium: var(--wds-space-300);
393
+ --wds-space-padding-horizontal-large: var(--wds-space-400);
394
+ --wds-space-mobile-viewport-spacing: var(--wds-space-800);
395
+ --wds-shadow-x-secondary-raised: var(--wds-shadow-x-25);
396
+ --wds-shadow-surface-modal: var(--wds-shadow-x-50) var(--wds-shadow-y-600) var(--wds-shadow-blur-800) var(--wds-color-black-100-transparent-10), 0 var(--wds-shadow-blur-0) var(--wds-shadow-y-0) var(--wds-color-black-100-transparent-0);
397
+ --wds-shadow-focus-warning: 0 0 0 var(--wds-color-yellow-400);
398
+ --wds-shadow-focus-standard: 0 0 0 3px var(--wds-color-blue-300);
399
+ --wds-shadow-focus-inner-warning: 0 0 0 3px var(--wds-color-yellow-400) inset;
400
+ --wds-shadow-focus-inner-standard: 0 0 0 3px var(--wds-color-blue-300) inset;
401
+ --wds-shadow-focus-inner-destructive: 0 0 0 3px var(--wds-color-red-400) inset;
402
+ --wds-shadow-focus-destructive: 0 0 0 var(--wds-color-red-400);
403
+ --wds-shadow-fill-tertiary-raised: var(--wds-color-black-100-transparent-5);
404
+ --wds-shadow-fill-tertiary-toggle-button: var(--wds-color-black-100-transparent-25);
405
+ --wds-shadow-fill-secondary-toggle-button: var(--wds-color-black-100-transparent-15);
406
+ --wds-shadow-fill-secondary-toggle: var(--wds-color-black-100-transparent-0);
407
+ --wds-shadow-fill-secondary-raised: var(--wds-color-black-100-transparent-5);
408
+ --wds-shadow-fill-secondary-overlay-dark: var(--wds-color-black-100-transparent-0);
409
+ --wds-shadow-fill-secondary-overlay: var(--wds-color-black-100-transparent-0);
410
+ --wds-shadow-fill-secondary-modal: var(--wds-color-black-100-transparent-0);
411
+ --wds-shadow-fill-quaternary-raised: var(--wds-color-black-100-transparent-5);
412
+ --wds-shadow-fill-primary-toggle-button: var(--wds-color-black-100-transparent-5);
413
+ --wds-shadow-fill-primary-toggle: var(--wds-color-black-100-transparent-0);
414
+ --wds-shadow-fill-primary-slider: var(--wds-color-black-100-transparent-0);
415
+ --wds-shadow-fill-primary-raised: var(--wds-color-black-100-transparent-5);
416
+ --wds-shadow-fill-primary-overlay-dark: var(--wds-color-black-100-transparent-15);
417
+ --wds-shadow-fill-primary-overlay: var(--wds-color-black-100-transparent-10);
418
+ --wds-shadow-fill-primary-modal: var(--wds-color-black-100-transparent-10);
419
+ --wds-shadow-fill-input: var(--wds-color-black-300-transparent-20);
420
+ --wds-shadow-y-secondary-toggle: var(--wds-shadow-y-0);
421
+ --wds-shadow-y-secondary-raised: var(--wds-shadow-y-0);
422
+ --wds-shadow-y-secondary-overlay-dark: var(--wds-shadow-y-0);
423
+ --wds-shadow-y-secondary-overlay: var(--wds-shadow-y-0);
424
+ --wds-shadow-y-secondary-modal: var(--wds-shadow-y-0);
425
+ --wds-shadow-y-primary-toggle-button: var(--wds-shadow-y-100);
426
+ --wds-shadow-y-primary-toggle: var(--wds-shadow-y-0);
427
+ --wds-shadow-y-primary-raised: var(--wds-shadow-y-25);
428
+ --wds-shadow-y-primary-overlay-dark: var(--wds-shadow-y-0);
429
+ --wds-shadow-y-primary-overlay: var(--wds-shadow-y-300);
430
+ --wds-shadow-y-primary-modal: var(--wds-shadow-y-600);
431
+ --wds-shadow-y-input: var(--wds-shadow-y-25);
432
+ --wds-shadow-x-primary-toggle-button: var(--wds-shadow-x-25);
433
+ --wds-shadow-x-primary-modal: var(--wds-shadow-x-50);
434
+ --wds-shadow-x-input: var(--wds-shadow-x-25);
435
+ --wds-shadow-inner-400-top: 0 32px 24px -24px var(--wds-color-black-100-transparent-20) inset, 0 8px 6px -6px var(--wds-color-black-100-transparent-5) inset;
436
+ --wds-shadow-inner-400-right: -32px 0 24px -24px var(--wds-color-black-100-transparent-20) inset, -8px 0 6px -6px var(--wds-color-black-100-transparent-5) inset;
437
+ --wds-shadow-inner-400-left: 32px 0 24px -24px var(--wds-color-black-100-transparent-20) inset, 8px 0 6px -6px var(--wds-color-black-100-transparent-5) inset;
438
+ --wds-shadow-inner-400-bottom: 0 -32px 24px -24px var(--wds-color-black-100-transparent-20) inset, 0 -8px 6px -6px var(--wds-color-black-100-transparent-5) inset;
439
+ --wds-shadow-inner-300-top: 0 22px 18px -18px var(--wds-color-black-100-transparent-10) inset, 0 -8px 6px -6px var(--wds-color-black-100-transparent-5) inset;
440
+ --wds-shadow-inner-300-right: -22px 0 18px -18px var(--wds-color-black-100-transparent-10) inset, -8px 0 6px -6px var(--wds-color-black-100-transparent-5) inset;
441
+ --wds-shadow-inner-300-left: 22px 0 18px -18px var(--wds-color-black-100-transparent-10) inset, 8px 0 6px -6px var(--wds-color-black-100-transparent-5) inset;
442
+ --wds-shadow-inner-300-bottom: 0 -22px 18px -18px var(--wds-color-black-100-transparent-10) inset, 0 -8px 6px -6px var(--wds-color-black-100-transparent-5) inset;
443
+ --wds-shadow-inner-400: 0 0 24px var(--wds-color-black-100-transparent-20) inset, 0 0 6px var(--wds-color-black-100-transparent-5) inset;
444
+ --wds-shadow-inner-300: 0 0 18px var(--wds-color-black-100-transparent-10) inset, 0 0 6px var(--wds-color-black-100-transparent-5) inset;
445
+ --wds-shadow-inner-200: 1px 1px 4px var(--wds-color-black-100-transparent-20) inset;
446
+ --wds-shadow-inner-100: 1px 1px 2px var(--wds-color-black-100-transparent-10) inset, 1px 1px 2px var(--wds-color-white-transparent-10);
447
+ --wds-shadow-blur-secondary-toggle: var(--wds-shadow-blur-0);
448
+ --wds-shadow-blur-secondary-raised: var(--wds-shadow-blur-25);
449
+ --wds-shadow-blur-secondary-overlay-dark: var(--wds-shadow-blur-0);
450
+ --wds-shadow-blur-secondary-overlay: var(--wds-shadow-blur-0);
451
+ --wds-shadow-blur-secondary-modal: var(--wds-shadow-blur-0);
452
+ --wds-shadow-blur-primary-toggle-button: var(--wds-shadow-blur-50);
453
+ --wds-shadow-blur-primary-toggle: var(--wds-shadow-blur-0);
454
+ --wds-shadow-blur-primary-raised: var(--wds-shadow-blur-135);
455
+ --wds-shadow-blur-primary-overlay-dark: var(--wds-shadow-blur-125);
456
+ --wds-shadow-blur-primary-overlay: var(--wds-shadow-blur-800);
457
+ --wds-shadow-blur-primary-modal: var(--wds-shadow-blur-800);
458
+ --wds-shadow-blur-input: var(--wds-shadow-blur-35);
459
+ --wds-shadow-400: 0 8px 8px var(--wds-color-black-100-transparent-10), 0 3px 24px var(--wds-color-black-100-transparent-20);
460
+ --wds-shadow-300: 0 var(--wds-shadow-y-300) var(--wds-shadow-blur-800) 0 var(--wds-color-black-100-transparent-10), 0 var(--wds-shadow-blur-0) var(--wds-shadow-y-0) 0 var(--wds-color-black-100-transparent-0);
461
+ --wds-shadow-200: 0 2px 4px var(--wds-color-black-100-transparent-5), 0 0 6px var(--wds-color-black-100-transparent-10);
462
+ --wds-shadow-100: 0 2px 1px var(--wds-color-black-100-transparent-50), 0 0 3px var(--wds-color-black-100-transparent-10);
463
+ --wds-font-weight-body-bold: var(--wds-font-weight-semi-bold);
464
+ --wds-font-weight-heading-6: var(--wds-font-weight-regular);
465
+ --wds-font-weight-heading-5: var(--wds-font-weight-bold);
466
+ --wds-font-weight-heading-4: var(--wds-font-weight-bold);
467
+ --wds-font-weight-heading-3: var(--wds-font-weight-bold);
468
+ --wds-font-weight-heading-2: var(--wds-font-weight-medium);
469
+ --wds-font-weight-heading-1: var(--wds-font-weight-regular);
470
+ --wds-font-size-heading-6: var(--wds-font-size-200);
471
+ --wds-font-size-heading-5: var(--wds-font-size-100);
472
+ --wds-font-size-heading-4: var(--wds-font-size-500);
473
+ --wds-font-size-heading-3: var(--wds-font-size-500);
474
+ --wds-font-size-heading-2: var(--wds-font-size-800);
475
+ --wds-font-size-heading-1: var(--wds-font-size-900);
476
+ --wds-font-size-body-tiny: var(--wds-font-size-200);
477
+ --wds-font-size-body-small: var(--wds-font-size-300);
478
+ --wds-font-size-body-medium: var(--wds-font-size-500);
479
+ --wds-font-size-body-extra-tiny: var(--wds-font-size-100);
480
+ --wds-font-line-height-600: var(--wds-space-1000);
481
+ --wds-font-line-height-500: var(--wds-space-750);
482
+ --wds-font-line-height-400: var(--wds-space-600);
483
+ --wds-font-line-height-300: var(--wds-space-475);
484
+ --wds-font-line-height-200: var(--wds-space-400);
485
+ --wds-font-line-height-100: var(--wds-space-300);
486
+ --wds-font-line-height-50: var(--wds-space-350);
487
+ --wds-font-letter-spacing-heading-6: var(--wds-font-letter-spacing-100);
488
+ --wds-font-letter-spacing-heading-5: var(--wds-font-letter-spacing-100);
489
+ --wds-font-letter-spacing-heading-4: var(--wds-font-letter-spacing-0);
490
+ --wds-color-text-warning: var(--wds-color-yellow-100);
491
+ --wds-color-text-urgent: var(--wds-color-orange-100);
492
+ --wds-color-text-success: var(--wds-color-green-100);
493
+ --wds-color-text-standard-secondary-light: var(--wds-color-black-400);
494
+ --wds-color-text-standard-secondary: var(--wds-color-black-200);
495
+ --wds-color-text-standard-primary-light: var(--wds-color-white);
496
+ --wds-color-text-standard-primary: var(--wds-color-black-100);
497
+ --wds-color-text-stage-master: var(--wds-color-orange-100);
498
+ --wds-color-text-stage-element: var(--wds-color-blue-100);
499
+ --wds-color-text-primary: var(--wds-color-blue-100);
500
+ --wds-color-text-premium: var(--wds-color-blue-100);
501
+ --wds-color-text-placeholder-light: var(--wds-color-black-400);
502
+ --wds-color-text-placeholder: var(--wds-color-black-400);
503
+ --wds-color-text-highlight: var(--wds-color-blue-400);
504
+ --wds-color-text-disabled-light: var(--wds-color-white-transparent-70);
505
+ --wds-color-text-disabled: var(--wds-color-black-500);
506
+ --wds-color-text-destructive: var(--wds-color-red-100);
507
+ --wds-color-fill-warning-tertiary-hover: var(--wds-color-yellow-500);
508
+ --wds-color-fill-warning-tertiary-disabled: var(--wds-color-white);
509
+ --wds-color-fill-warning-tertiary-active: var(--wds-color-yellow-400);
510
+ --wds-color-fill-warning-tertiary: var(--wds-color-white);
511
+ --wds-color-fill-warning-secondary-hover: var(--wds-color-yellow-300);
512
+ --wds-color-fill-warning-secondary-disabled: var(--wds-color-black-100-transparent-10);
513
+ --wds-color-fill-warning-secondary-active: var(--wds-color-yellow-200);
514
+ --wds-color-fill-warning-secondary: var(--wds-color-yellow-400);
515
+ --wds-color-fill-warning-primary-hover: var(--wds-color-yellow-50);
516
+ --wds-color-fill-warning-primary-disabled: var(--wds-color-black-100-transparent-30);
517
+ --wds-color-fill-warning-primary-active: var(--wds-color-yellow-0);
518
+ --wds-color-fill-warning-primary: var(--wds-color-yellow-100);
519
+ --wds-color-fill-urgent-tertiary-hover: var(--wds-color-black-750);
520
+ --wds-color-fill-urgent-tertiary-disabled: var(--wds-color-white);
521
+ --wds-color-fill-urgent-tertiary-active: var(--wds-color-orange-400);
522
+ --wds-color-fill-urgent-tertiary: var(--wds-color-white);
523
+ --wds-color-fill-urgent-secondary-hover: var(--wds-color-orange-300);
524
+ --wds-color-fill-urgent-secondary-disabled: var(--wds-color-black-100-transparent-10);
525
+ --wds-color-fill-urgent-secondary-active: var(--wds-color-orange-200);
526
+ --wds-color-fill-urgent-secondary: var(--wds-color-orange-400);
527
+ --wds-color-fill-urgent-primary-hover: var(--wds-color-orange-50);
528
+ --wds-color-fill-urgent-primary-disabled: var(--wds-color-black-100-transparent-30);
529
+ --wds-color-fill-urgent-primary-active: var(--wds-color-orange-0);
530
+ --wds-color-fill-urgent-primary: var(--wds-color-orange-100);
531
+ --wds-color-fill-transparent-neutral-tertiary-hover: var(--wds-color-black-100-transparent-50);
532
+ --wds-color-fill-transparent-neutral-tertiary-disabled: var(--wds-color-black-100-transparent-0);
533
+ --wds-color-fill-transparent-neutral-tertiary-active: var(--wds-color-black-100-transparent-50);
534
+ --wds-color-fill-transparent-neutral-tertiary: var(--wds-color-black-100-transparent-0);
535
+ --wds-color-fill-transparent-neutral-secondary-hover: var(--wds-color-black-200-transparent-60);
536
+ --wds-color-fill-transparent-neutral-secondary-disabled: var(--wds-color-black-200-transparent-0);
537
+ --wds-color-fill-transparent-neutral-secondary-active: var(--wds-color-black-200-transparent-70);
538
+ --wds-color-fill-transparent-neutral-secondary: var(--wds-color-black-200-transparent-0);
539
+ --wds-color-fill-transparent-neutral-primary-hover: var(--wds-color-black-200-transparent-60);
540
+ --wds-color-fill-transparent-neutral-primary-disabled: var(--wds-color-black-100-transparent-20);
541
+ --wds-color-fill-transparent-neutral-primary-active: var(--wds-color-black-200-transparent-70);
542
+ --wds-color-fill-transparent-neutral-primary: var(--wds-color-black-200-transparent-50);
543
+ --wds-color-fill-transparent-tertiary-hover: var(--wds-color-black-100-transparent-50);
544
+ --wds-color-fill-transparent-tertiary-disabled: var(--wds-color-black-100-transparent-0);
545
+ --wds-color-fill-transparent-tertiary-active: var(--wds-color-black-100-transparent-50);
546
+ --wds-color-fill-transparent-tertiary: var(--wds-color-black-100-transparent-0);
547
+ --wds-color-fill-transparent-secondary-hover: var(--wds-color-black-200-transparent-60);
548
+ --wds-color-fill-transparent-secondary-disabled: var(--wds-color-black-200-transparent-0);
549
+ --wds-color-fill-transparent-secondary-active: var(--wds-color-black-200-transparent-70);
550
+ --wds-color-fill-transparent-secondary: var(--wds-color-black-200-transparent-0);
551
+ --wds-color-fill-transparent-primary-hover: var(--wds-color-black-200-transparent-60);
552
+ --wds-color-fill-transparent-primary-disabled: var(--wds-color-black-100-transparent-20);
553
+ --wds-color-fill-transparent-primary-active: var(--wds-color-black-200-transparent-70);
554
+ --wds-color-fill-transparent-primary: var(--wds-color-black-200-transparent-50);
555
+ --wds-color-fill-surface-warning: var(--wds-color-yellow-500);
556
+ --wds-color-fill-surface-sunken: var(--wds-color-black-750);
557
+ --wds-color-fill-surface-success: var(--wds-color-green-500);
558
+ --wds-color-fill-surface-standard: var(--wds-color-blue-400);
559
+ --wds-color-fill-surface-raised: var(--wds-color-white);
560
+ --wds-color-fill-surface-premium: var(--wds-color-blue-600);
561
+ --wds-color-fill-surface-overlay-dark: var(--wds-color-black-100);
562
+ --wds-color-fill-surface-overlay: var(--wds-color-white);
563
+ --wds-color-fill-surface-neutral: var(--wds-color-black-750);
564
+ --wds-color-fill-surface-modal: var(--wds-color-white);
565
+ --wds-color-fill-surface-destructive: var(--wds-color-red-500);
566
+ --wds-color-fill-surface-default: var(--wds-color-white);
567
+ --wds-color-fill-surface-dark: var(--wds-color-black-100);
568
+ --wds-color-fill-success-tertiary-hover: var(--wds-color-green-500);
569
+ --wds-color-fill-success-tertiary-disabled: var(--wds-color-white);
570
+ --wds-color-fill-success-tertiary-active: var(--wds-color-green-400);
571
+ --wds-color-fill-success-tertiary: var(--wds-color-white);
572
+ --wds-color-fill-success-secondary-hover: var(--wds-color-green-300);
573
+ --wds-color-fill-success-secondary-disabled: var(--wds-color-black-100-transparent-10);
574
+ --wds-color-fill-success-secondary-active: var(--wds-color-green-400);
575
+ --wds-color-fill-success-secondary: var(--wds-color-green-400);
576
+ --wds-color-fill-success-primary-hover: var(--wds-color-green-50);
577
+ --wds-color-fill-success-primary-disabled: var(--wds-color-black-100-transparent-30);
578
+ --wds-color-fill-success-primary-active: var(--wds-color-green-0);
579
+ --wds-color-fill-success-primary: var(--wds-color-green-100);
580
+ --wds-color-fill-standard-light-secondary-hover: var(--wds-color-blue-250);
581
+ --wds-color-fill-standard-light-secondary-disabled: var(--wds-color-white-transparent-30);
582
+ --wds-color-fill-standard-light-secondary-active: var(--wds-color-blue-200);
583
+ --wds-color-fill-standard-light-secondary: var(--wds-color-white);
584
+ --wds-color-fill-standard-light-primary-hover: var(--wds-color-blue-250);
585
+ --wds-color-fill-standard-light-primary-disabled: var(--wds-color-white-transparent-30);
586
+ --wds-color-fill-standard-light-primary-active: var(--wds-color-blue-200);
587
+ --wds-color-fill-standard-light-primary: var(--wds-color-blue-250);
588
+ --wds-color-fill-standard-tertiary-readonly: var(--wds-color-black-700);
589
+ --wds-color-fill-standard-tertiary-hover: var(--wds-color-blue-500);
590
+ --wds-color-fill-standard-tertiary-disabled: var(--wds-color-white);
591
+ --wds-color-fill-standard-tertiary-active: var(--wds-color-blue-400);
592
+ --wds-color-fill-standard-tertiary: var(--wds-color-white);
593
+ --wds-color-fill-standard-secondary-hover: var(--wds-color-blue-300);
594
+ --wds-color-fill-standard-secondary-disabled: var(--wds-color-black-100-transparent-10);
595
+ --wds-color-fill-standard-secondary-active: var(--wds-color-blue-250);
596
+ --wds-color-fill-standard-secondary: var(--wds-color-blue-400);
597
+ --wds-color-fill-standard-primary-hover: var(--wds-color-blue-50);
598
+ --wds-color-fill-standard-primary-disabled: var(--wds-color-black-100-transparent-30);
599
+ --wds-color-fill-standard-primary-active: var(--wds-color-blue-0);
600
+ --wds-color-fill-standard-primary: var(--wds-color-blue-100);
601
+ --wds-color-fill-stage-section-secondary-disabled: var(--wds-color-black-100-transparent-10);
602
+ --wds-color-fill-stage-section-primary-disabled: var(--wds-color-black-100-transparent-30);
603
+ --wds-color-fill-stage-padding-disabled: var(--wds-color-black-100-transparent-10);
604
+ --wds-color-fill-stage-master-secondary-hover: var(--wds-color-orange-300);
605
+ --wds-color-fill-stage-master-secondary-disabled: var(--wds-color-black-100-transparent-10);
606
+ --wds-color-fill-stage-master-secondary-active: var(--wds-color-orange-200);
607
+ --wds-color-fill-stage-master-secondary: var(--wds-color-orange-400);
608
+ --wds-color-fill-stage-master-primary-hover: var(--wds-color-orange-0);
609
+ --wds-color-fill-stage-master-primary-disabled: var(--wds-color-black-100-transparent-30);
610
+ --wds-color-fill-stage-master-primary-active: var(--wds-color-orange-100);
611
+ --wds-color-fill-stage-master-primary: var(--wds-color-orange-100);
612
+ --wds-color-fill-stage-element-secondary-hover: var(--wds-color-blue-300);
613
+ --wds-color-fill-stage-element-secondary-disabled: var(--wds-color-black-100-transparent-10);
614
+ --wds-color-fill-stage-element-secondary-active: var(--wds-color-blue-200);
615
+ --wds-color-fill-stage-element-secondary: var(--wds-color-blue-400);
616
+ --wds-color-fill-stage-element-primary-hover: var(--wds-color-blue-50);
617
+ --wds-color-fill-stage-element-primary-disabled: var(--wds-color-black-100-transparent-30);
618
+ --wds-color-fill-stage-element-primary-active: var(--wds-color-blue-0);
619
+ --wds-color-fill-stage-element-primary: var(--wds-color-blue-100);
620
+ --wds-color-fill-stage-anchor-disabled: var(--wds-color-black-100-transparent-30);
621
+ --wds-color-fill-premium-light-secondary-hover: var(--wds-color-blue-500);
622
+ --wds-color-fill-premium-light-secondary-disabled: var(--wds-color-white-transparent-0);
623
+ --wds-color-fill-premium-light-secondary-active: var(--wds-color-blue-400);
624
+ --wds-color-fill-premium-light-secondary: var(--wds-color-white-transparent-0);
625
+ --wds-color-fill-premium-light-primary-hover: var(--wds-color-blue-500);
626
+ --wds-color-fill-premium-light-primary-disabled: var(--wds-color-white-transparent-30);
627
+ --wds-color-fill-premium-light-primary-active: var(--wds-color-blue-400);
628
+ --wds-color-fill-premium-light-primary: var(--wds-color-white);
629
+ --wds-color-fill-premium-tertiary-hover: var(--wds-color-blue-500);
630
+ --wds-color-fill-premium-tertiary-disabled: var(--wds-color-white);
631
+ --wds-color-fill-premium-tertiary-active: var(--wds-color-blue-400);
632
+ --wds-color-fill-premium-tertiary: var(--wds-color-white);
633
+ --wds-color-fill-premium-secondary-hover: var(--wds-color-blue-300);
634
+ --wds-color-fill-premium-secondary-disabled: var(--wds-color-black-100-transparent-10);
635
+ --wds-color-fill-premium-secondary-active: var(--wds-color-blue-250);
636
+ --wds-color-fill-premium-secondary: var(--wds-color-blue-400);
637
+ --wds-color-fill-premium-primary-hover: var(--wds-color-blue-50);
638
+ --wds-color-fill-premium-primary-disabled: var(--wds-color-black-100-transparent-30);
639
+ --wds-color-fill-premium-primary-active: var(--wds-color-blue-0);
640
+ --wds-color-fill-premium-primary: var(--wds-color-blue-100);
641
+ --wds-color-fill-light-tertiary-hover: var(--wds-color-blue-500);
642
+ --wds-color-fill-light-tertiary-disabled: var(--wds-color-white-transparent-0);
643
+ --wds-color-fill-light-tertiary-active: var(--wds-color-blue-400);
644
+ --wds-color-fill-light-tertiary: var(--wds-color-white);
645
+ --wds-color-fill-light-secondary-hover: var(--wds-color-blue-500);
646
+ --wds-color-fill-light-secondary-disabled: var(--wds-color-white-transparent-0);
647
+ --wds-color-fill-light-secondary-active: var(--wds-color-blue-400);
648
+ --wds-color-fill-light-secondary: var(--wds-color-white-transparent-0);
649
+ --wds-color-fill-light-primary-hover: var(--wds-color-blue-500);
650
+ --wds-color-fill-light-primary-disabled: var(--wds-color-white-transparent-30);
651
+ --wds-color-fill-light-primary-active: var(--wds-color-blue-400);
652
+ --wds-color-fill-light-primary: var(--wds-color-white);
653
+ --wds-color-fill-destructive-tertiary-hover: var(--wds-color-red-500);
654
+ --wds-color-fill-destructive-tertiary-disabled: var(--wds-color-white);
655
+ --wds-color-fill-destructive-tertiary-active: var(--wds-color-red-400);
656
+ --wds-color-fill-destructive-tertiary: var(--wds-color-white);
657
+ --wds-color-fill-destructive-secondary-hover: var(--wds-color-red-300);
658
+ --wds-color-fill-destructive-secondary-disabled: var(--wds-color-black-100-transparent-10);
659
+ --wds-color-fill-destructive-secondary-active: var(--wds-color-red-200);
660
+ --wds-color-fill-destructive-secondary: var(--wds-color-red-400);
661
+ --wds-color-fill-destructive-primary-hover: var(--wds-color-red-50);
662
+ --wds-color-fill-destructive-primary-disabled: var(--wds-color-black-100-transparent-30);
663
+ --wds-color-fill-destructive-primary-active: var(--wds-color-red-0);
664
+ --wds-color-fill-destructive-primary: var(--wds-color-red-100);
665
+ --wds-color-fill-dark-tertiary-hover: var(--wds-color-black-750);
666
+ --wds-color-fill-dark-tertiary-disabled: var(--wds-color-white);
667
+ --wds-color-fill-dark-tertiary-active: var(--wds-color-black-700);
668
+ --wds-color-fill-dark-tertiary: var(--wds-color-white);
669
+ --wds-color-fill-dark-secondary-hover: var(--wds-color-black-600);
670
+ --wds-color-fill-dark-secondary-disabled: var(--wds-color-black-100-transparent-10);
671
+ --wds-color-fill-dark-secondary-active: var(--wds-color-black-550);
672
+ --wds-color-fill-dark-secondary: var(--wds-color-black-700);
673
+ --wds-color-fill-dark-primary-hover: var(--wds-color-black-200);
674
+ --wds-color-fill-dark-primary-disabled: var(--wds-color-black-100-transparent-30);
675
+ --wds-color-fill-dark-primary-active: var(--wds-color-black-300);
676
+ --wds-color-fill-dark-primary: var(--wds-color-black-100);
677
+ --wds-color-fill-ai-tertiary-hover: var(--wds-color-black-750);
678
+ --wds-color-fill-ai-tertiary-disabled: var(--wds-color-white);
679
+ --wds-color-fill-ai-tertiary-active: var(--wds-color-iris-400);
680
+ --wds-color-fill-ai-tertiary: var(--wds-color-white);
681
+ --wds-color-fill-ai-secondary-hover: var(--wds-color-iris-300);
682
+ --wds-color-fill-ai-secondary-active: var(--wds-color-iris-400);
683
+ --wds-color-fill-ai-secondary: var(--wds-color-iris-400);
684
+ --wds-color-fill-ai-primary-hover: var(--wds-color-iris-0);
685
+ --wds-color-fill-ai-primary-active: var(--wds-color-iris-100);
686
+ --wds-color-fill-ai-primary: var(--wds-color-iris-100);
687
+ --wds-color-border-warning-tertiary-hover: var(--wds-color-yellow-500);
688
+ --wds-color-border-warning-tertiary-disabled: var(--wds-color-black-100-transparent-10);
689
+ --wds-color-border-warning-tertiary-active: var(--wds-color-yellow-400);
690
+ --wds-color-border-warning-tertiary: var(--wds-color-black-600);
691
+ --wds-color-border-warning-secondary-hover: var(--wds-color-yellow-300);
692
+ --wds-color-border-warning-secondary-disabled: var(--wds-color-black-100-transparent-10);
693
+ --wds-color-border-warning-secondary-active: var(--wds-color-yellow-100);
694
+ --wds-color-border-warning-secondary: var(--wds-color-yellow-400);
695
+ --wds-color-border-warning-primary-hover: var(--wds-color-yellow-200);
696
+ --wds-color-border-warning-primary-disabled: var(--wds-color-black-100-transparent-10);
697
+ --wds-color-border-warning-primary-active: var(--wds-color-yellow-100);
698
+ --wds-color-border-warning-primary: var(--wds-color-yellow-300);
699
+ --wds-color-border-urgent-tertiary-hover: var(--wds-color-orange-500);
700
+ --wds-color-border-urgent-tertiary-disabled: var(--wds-color-black-100-transparent-10);
701
+ --wds-color-border-urgent-tertiary-active: var(--wds-color-orange-400);
702
+ --wds-color-border-urgent-tertiary: var(--wds-color-black-600);
703
+ --wds-color-border-urgent-secondary-hover: var(--wds-color-orange-300);
704
+ --wds-color-border-urgent-secondary-disabled: var(--wds-color-black-100-transparent-10);
705
+ --wds-color-border-urgent-secondary-active: var(--wds-color-orange-100);
706
+ --wds-color-border-urgent-secondary: var(--wds-color-orange-400);
707
+ --wds-color-border-urgent-primary-hover: var(--wds-color-orange-200);
708
+ --wds-color-border-urgent-primary-disabled: var(--wds-color-black-100-transparent-10);
709
+ --wds-color-border-urgent-primary-active: var(--wds-color-orange-100);
710
+ --wds-color-border-urgent-primary: var(--wds-color-orange-300);
711
+ --wds-color-border-transparent-primary-hover: var(--wds-color-black-100-transparent-40);
712
+ --wds-color-border-transparent-primary-disabled: var(--wds-color-black-100-transparent-10);
713
+ --wds-color-border-transparent-primary-active: var(--wds-color-black-100-transparent-20);
714
+ --wds-color-border-transparent-primary: var(--wds-color-black-100-transparent-20);
715
+ --wds-color-border-success-tertiary-hover: var(--wds-color-green-500);
716
+ --wds-color-border-success-tertiary-disabled: var(--wds-color-black-100-transparent-10);
717
+ --wds-color-border-success-tertiary-active: var(--wds-color-green-400);
718
+ --wds-color-border-success-tertiary: var(--wds-color-black-600);
719
+ --wds-color-border-success-secondary-hover: var(--wds-color-green-300);
720
+ --wds-color-border-success-secondary-disabled: var(--wds-color-black-100-transparent-10);
721
+ --wds-color-border-success-secondary-active: var(--wds-color-green-100);
722
+ --wds-color-border-success-secondary: var(--wds-color-green-400);
723
+ --wds-color-border-success-primary-hover: var(--wds-color-green-200);
724
+ --wds-color-border-success-primary-disabled: var(--wds-color-black-100-transparent-10);
725
+ --wds-color-border-success-primary-active: var(--wds-color-green-100);
726
+ --wds-color-border-success-primary: var(--wds-color-green-300);
727
+ --wds-color-border-standard-tertiary-hover: var(--wds-color-blue-500);
728
+ --wds-color-border-standard-tertiary-disabled: var(--wds-color-black-100-transparent-10);
729
+ --wds-color-border-standard-tertiary-active: var(--wds-color-blue-400);
730
+ --wds-color-border-standard-tertiary: var(--wds-color-black-600);
731
+ --wds-color-border-standard-secondary-readonly: var(--wds-color-black-600);
732
+ --wds-color-border-standard-secondary-hover: var(--wds-color-blue-300);
733
+ --wds-color-border-standard-secondary-disabled: var(--wds-color-black-100-transparent-10);
734
+ --wds-color-border-standard-secondary-active: var(--wds-color-blue-100);
735
+ --wds-color-border-standard-secondary: var(--wds-color-blue-500);
736
+ --wds-color-border-standard-primary-hover: var(--wds-color-blue-200);
737
+ --wds-color-border-standard-primary-disabled: var(--wds-color-black-100-transparent-10);
738
+ --wds-color-border-standard-primary-active: var(--wds-color-blue-100);
739
+ --wds-color-border-standard-primary: var(--wds-color-blue-250);
740
+ --wds-color-border-premium-tertiary-hover: var(--wds-color-blue-400);
741
+ --wds-color-border-premium-tertiary-disabled: var(--wds-color-black-100-transparent-10);
742
+ --wds-color-border-premium-tertiary-active: var(--wds-color-blue-300);
743
+ --wds-color-border-premium-tertiary: var(--wds-color-black-600);
744
+ --wds-color-border-premium-secondary-hover: var(--wds-color-blue-300);
745
+ --wds-color-border-premium-secondary-disabled: var(--wds-color-black-100-transparent-10);
746
+ --wds-color-border-premium-secondary-active: var(--wds-color-blue-100);
747
+ --wds-color-border-premium-secondary: var(--wds-color-blue-400);
748
+ --wds-color-border-premium-primary-hover: var(--wds-color-blue-200);
749
+ --wds-color-border-premium-primary-disabled: var(--wds-color-black-100-transparent-10);
750
+ --wds-color-border-premium-primary-active: var(--wds-color-blue-100);
751
+ --wds-color-border-premium-primary: var(--wds-color-blue-300);
752
+ --wds-color-border-light-primary-disabled: var(--wds-color-white-transparent-30);
753
+ --wds-color-border-light-primary-active: var(--wds-color-white);
754
+ --wds-color-border-light-hover: var(--wds-color-white-transparent-70);
755
+ --wds-color-border-light-disabled: var(--wds-color-white-transparent-30);
756
+ --wds-color-border-light-active: var(--wds-color-white);
757
+ --wds-color-border-light: var(--wds-color-white-transparent-50);
758
+ --wds-color-border-destructive-tertiary-hover: var(--wds-color-red-500);
759
+ --wds-color-border-destructive-tertiary-disabled: var(--wds-color-black-100-transparent-10);
760
+ --wds-color-border-destructive-tertiary-active: var(--wds-color-red-400);
761
+ --wds-color-border-destructive-tertiary: var(--wds-color-black-600);
762
+ --wds-color-border-destructive-secondary-hover: var(--wds-color-red-300);
763
+ --wds-color-border-destructive-secondary-disabled: var(--wds-color-black-100-transparent-10);
764
+ --wds-color-border-destructive-secondary-active: var(--wds-color-red-100);
765
+ --wds-color-border-destructive-secondary: var(--wds-color-red-400);
766
+ --wds-color-border-destructive-primary-hover: var(--wds-color-red-200);
767
+ --wds-color-border-destructive-primary-disabled: var(--wds-color-black-100-transparent-10);
768
+ --wds-color-border-destructive-primary-active: var(--wds-color-red-100);
769
+ --wds-color-border-destructive-primary: var(--wds-color-red-300);
770
+ --wds-color-border-dark-secondary-hover: var(--wds-color-black-600);
771
+ --wds-color-border-dark-secondary-disabled: var(--wds-color-black-100-transparent-10);
772
+ --wds-color-border-dark-secondary-active: var(--wds-color-black-600);
773
+ --wds-color-border-dark-secondary: var(--wds-color-black-600);
774
+ --wds-color-border-dark-primary-hover: var(--wds-color-black-300);
775
+ --wds-color-border-dark-primary-disabled: var(--wds-color-black-100-transparent-10);
776
+ --wds-color-border-dark-primary-active: var(--wds-color-black-200);
777
+ --wds-color-border-dark-primary: var(--wds-color-black-400);
778
+ --wds-vertical-tabs-item-padding-vertical-tiny: var(--wds-space-100);
779
+ --wds-vertical-tabs-item-padding-vertical-small: var(--wds-space-200);
780
+ --wds-vertical-tabs-item-padding-vertical-medium: var(--wds-space-200);
781
+ --wds-vertical-tabs-item-padding-horizontal-tiny: var(--wds-space-300);
782
+ --wds-vertical-tabs-item-padding-horizontal-small: var(--wds-space-300);
783
+ --wds-vertical-tabs-item-label-font-weight-active: var(--wds-font-weight-semi-bold);
784
+ --wds-vertical-tabs-item-label-font-weight: var(--wds-font-weight-medium);
785
+ --wds-vertical-tabs-section-title-padding-top-tiny: var(--wds-space-100);
786
+ --wds-vertical-tabs-section-title-padding-top-small: var(--wds-space-400);
787
+ --wds-vertical-tabs-section-title-padding-top-medium: var(--wds-space-600);
788
+ --wds-vertical-tabs-section-title-padding-horizontal-tiny: var(--wds-space-300);
789
+ --wds-vertical-tabs-section-title-padding-horizontal-small: var(--wds-space-300);
790
+ --wds-vertical-tabs-section-title-padding-horizontal-medium: var(--wds-space-600);
791
+ --wds-vertical-tabs-section-title-padding-bottom-tiny: var(--wds-space-100);
792
+ --wds-vertical-tabs-section-title-padding-bottom-small: var(--wds-space-300);
793
+ --wds-vertical-tabs-section-title-padding-bottom-medium: var(--wds-space-300);
794
+ --wds-vertical-tabs-section-text-font-weight-small: var(--wds-font-weight-bold);
795
+ --wds-vertical-tabs-icon-padding-vertical-small: var(--wds-space-200);
796
+ --wds-vertical-tabs-icon-padding-vertical-medium: var(--wds-space-200);
797
+ --wds-vertical-tabs-icon-padding-horizontal-small: var(--wds-space-200);
798
+ --wds-vertical-tabs-icon-padding-horizontal-medium: var(--wds-space-200);
799
+ --wds-vertical-tabs-gaps-vertical: var(--wds-space-50);
800
+ --wds-vertical-tabs-gaps-horizontal: var(--wds-space-300);
801
+ --wds-vertical-tabs-action-radius: var(--wds-border-radius-400);
802
+ --wds-vertical-tabs-action-padding-vertical-tiny: var(--wds-space-100);
803
+ --wds-vertical-tabs-action-padding-vertical-small: var(--wds-space-300);
804
+ --wds-vertical-tabs-action-padding-vertical-medium: var(--wds-space-300);
805
+ --wds-vertical-tabs-action-padding-horizontal-tiny: var(--wds-space-300);
806
+ --wds-vertical-tabs-action-padding-horizontal-small: var(--wds-space-300);
807
+ --wds-vertical-tabs-action-padding-horizontal-medium: var(--wds-space-600);
808
+ --wds-tooltip-shadow: var(--wds-color-black-100-transparent-0);
809
+ --wds-tooltip-padding-vertical-small: var(--wds-space-150);
810
+ --wds-tooltip-padding-vertical-medium: var(--wds-space-150);
811
+ --wds-tooltip-padding-horizontal-small: var(--wds-space-200);
812
+ --wds-tooltip-padding-horizontal-medium: var(--wds-space-200);
813
+ --wds-tooltip-label-font-weight-medium: var(--wds-font-weight-medium);
814
+ --wds-tooltip-border-radius: var(--wds-border-radius-300);
815
+ --wds-toggle-switch-padding: var(--wds-space-25);
816
+ --wds-toggle-switch-fill-standard: var(--wds-color-black-400);
817
+ --wds-toggle-switch-border-urgent-disabled: var(--wds-color-black-100-transparent-0);
818
+ --wds-toggle-switch-border-success-disabled: var(--wds-color-black-100-transparent-0);
819
+ --wds-toggle-switch-border-standard-disabled: var(--wds-color-black-100-transparent-0);
820
+ --wds-toggle-switch-border-error-disabled: var(--wds-color-black-100-transparent-0);
821
+ --wds-toggle-button-shadow-y-primary: var(--wds-shadow-y-100);
822
+ --wds-toggle-button-shadow-x-primary: var(--wds-shadow-x-25);
823
+ --wds-toggle-button-shadow-fill-tertiary-inverted: var(--wds-color-black-100-transparent-10);
824
+ --wds-toggle-button-shadow-fill-tertiary: var(--wds-color-black-100-transparent-25);
825
+ --wds-toggle-button-shadow-fill-secondary-inverted: var(--wds-color-black-300-transparent-20);
826
+ --wds-toggle-button-shadow-fill-secondary: var(--wds-color-black-100-transparent-15);
827
+ --wds-toggle-button-shadow-fill-primary-inverted: var(--wds-color-black-100-transparent-5);
828
+ --wds-toggle-button-shadow-fill-primary: var(--wds-color-black-100-transparent-5);
829
+ --wds-toggle-button-shadow-blur-primary: var(--wds-shadow-blur-50);
830
+ --wds-toggle-button-padding-tiny-round: var(--wds-space-300);
831
+ --wds-toggle-button-padding-tiny: var(--wds-space-200);
832
+ --wds-toggle-button-padding-small-round: var(--wds-space-400);
833
+ --wds-toggle-button-padding-small: var(--wds-space-300);
834
+ --wds-toggle-button-padding-medium-round: var(--wds-space-500);
835
+ --wds-toggle-button-padding-medium: var(--wds-space-300);
836
+ --wds-toggle-button-padding-large-round: var(--wds-space-600);
837
+ --wds-toggle-button-padding-large: var(--wds-space-600);
838
+ --wds-toggle-button-label-font-weight-standard-secondary-selected: var(--wds-font-weight-semi-bold);
839
+ --wds-toggle-button-label-font-weight-square: var(--wds-font-weight-semi-bold);
840
+ --wds-toggle-button-label-font-weight-round: var(--wds-font-weight-semi-bold);
841
+ --wds-toggle-button-label-font-weight-pill: var(--wds-font-weight-semi-bold);
842
+ --wds-toggle-button-label-fill-standard-selected-disabled: var(--wds-color-black-500);
843
+ --wds-toggle-button-label-fill-standard-secondary-selected-hover: var(--wds-color-blue-50);
844
+ --wds-toggle-button-label-fill-standard-hover: var(--wds-color-blue-50);
845
+ --wds-toggle-button-label-fill-standard-disabled: var(--wds-color-black-500);
846
+ --wds-toggle-button-label-fill-inverted-selected-disabled: var(--wds-color-black-500);
847
+ --wds-toggle-button-label-fill-inverted-disabled: var(--wds-color-black-500);
848
+ --wds-toggle-button-label-fill-dark-selected-disabled: var(--wds-color-black-500);
849
+ --wds-toggle-button-label-fill-dark-disabled: var(--wds-color-black-500);
850
+ --wds-toggle-button-inner-shadow-y-secondary: var(--wds-shadow-y-25);
851
+ --wds-toggle-button-inner-shadow-y-primary: var(--wds-shadow-y-25);
852
+ --wds-toggle-button-inner-shadow-x-secondary: var(--wds-shadow-x-25);
853
+ --wds-toggle-button-inner-shadow-x-primary: var(--wds-shadow-x-25);
854
+ --wds-toggle-button-inner-shadow-fill-secondary: var(--wds-color-white);
855
+ --wds-toggle-button-inner-shadow-fill-primary: var(--wds-color-white);
856
+ --wds-toggle-button-fill-standard-selected-hover: var(--wds-color-blue-400);
857
+ --wds-toggle-button-fill-standard-selected-disabled: var(--wds-color-black-700);
858
+ --wds-toggle-button-fill-standard-selected: var(--wds-color-blue-500);
859
+ --wds-toggle-button-fill-standard-secondary-selected-hover: var(--wds-color-blue-400);
860
+ --wds-toggle-button-fill-standard-secondary-selected: var(--wds-color-blue-500);
861
+ --wds-toggle-button-fill-standard-secondary-hover: var(--wds-color-blue-500);
862
+ --wds-toggle-button-fill-standard-hover: var(--wds-color-black-100-transparent-0);
863
+ --wds-toggle-button-fill-standard-disabled: var(--wds-color-black-100-transparent-0);
864
+ --wds-toggle-button-fill-standard: var(--wds-color-black-100-transparent-0);
865
+ --wds-toggle-button-fill-inverted-selected-disabled: var(--wds-color-black-700);
866
+ --wds-toggle-button-fill-inverted-disabled: var(--wds-color-black-100-transparent-0);
867
+ --wds-toggle-button-fill-inverted: var(--wds-color-black-100-transparent-0);
868
+ --wds-toggle-button-fill-dark-selected-hover: var(--wds-color-black-550);
869
+ --wds-toggle-button-fill-dark-selected-disabled: var(--wds-color-black-700);
870
+ --wds-toggle-button-fill-dark-selected: var(--wds-color-black-550);
871
+ --wds-toggle-button-fill-dark-disabled: var(--wds-color-black-100-transparent-0);
872
+ --wds-toggle-button-fill-dark: var(--wds-color-black-100-transparent-0);
873
+ --wds-toggle-button-border-radius-square-tiny: var(--wds-border-radius-400);
874
+ --wds-toggle-button-border-radius-square-small: var(--wds-border-radius-400);
875
+ --wds-toggle-button-border-radius-square-medium: var(--wds-border-radius-400);
876
+ --wds-toggle-button-border-radius-square-large: var(--wds-border-radius-400);
877
+ --wds-toggle-button-border-color-standard-hover: var(--wds-color-blue-300);
878
+ --wds-toggle-button-border-color-standard-disabled: var(--wds-color-white-transparent-0);
879
+ --wds-toggle-button-border-color-standard: var(--wds-color-white-transparent-0);
880
+ --wds-toggle-button-border-color-inverted-hover: var(--wds-color-white-transparent-0);
881
+ --wds-toggle-button-border-color-inverted-disabled: var(--wds-color-white-transparent-0);
882
+ --wds-toggle-button-border-color-inverted: var(--wds-color-white-transparent-0);
883
+ --wds-toggle-button-border-color-dark-hover: var(--wds-color-white-transparent-0);
884
+ --wds-toggle-button-border-color-dark-disabled: var(--wds-color-white-transparent-0);
885
+ --wds-toggle-button-border-color-dark: var(--wds-color-white-transparent-0);
886
+ --wds-toast-vertical-padding: var(--wds-space-200);
887
+ --wds-toast-horizontal-padding: var(--wds-space-300);
888
+ --wds-thumbnail-title-padding-top: var(--wds-space-100);
889
+ --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-medium);
890
+ --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-10);
891
+ --wds-thumbnail-illustration-fill-3: var(--wds-color-blue-500);
892
+ --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
893
+ --wds-thumbnail-illustration-fill-1: var(--wds-color-blue-250);
894
+ --wds-thumbnail-gap: var(--wds-space-300);
895
+ --wds-thumbnail-fill-hover: var(--wds-color-white-transparent-0);
896
+ --wds-thumbnail-fill: var(--wds-color-white-transparent-0);
897
+ --wds-thumbnail-checkmark-disabled: var(--wds-color-black-550);
898
+ --wds-thumbnail-border-width-selected: var(--wds-border-width-200);
899
+ --wds-thumbnail-border-width-hover: var(--wds-border-width-100);
900
+ --wds-thumbnail-border-width-default: var(--wds-border-width-100);
901
+ --wds-thumbnail-border-radius: var(--wds-border-radius-400);
902
+ --wds-text-button-font-weight-thin: var(--wds-font-weight-medium);
903
+ --wds-text-button-font-weight-normal: var(--wds-font-weight-semi-bold);
904
+ --wds-testimonial-list-gap: var(--wds-space-600);
905
+ --wds-tag-size-tiny: var(--wds-space-500);
906
+ --wds-tag-size-small: var(--wds-space-600);
907
+ --wds-tag-size-medium: var(--wds-space-700);
908
+ --wds-tag-size-large: var(--wds-space-800);
909
+ --wds-tag-padding-vertical-tiny: var(--wds-space-0);
910
+ --wds-tag-padding-vertical-small: var(--wds-space-50);
911
+ --wds-tag-padding-vertical-medium: var(--wds-space-100);
912
+ --wds-tag-padding-vertical-large: var(--wds-space-50);
913
+ --wds-tag-padding-horizontal-tiny: var(--wds-space-250);
914
+ --wds-tag-padding-horizontal-small: var(--wds-space-300);
915
+ --wds-tag-padding-horizontal-medium: var(--wds-space-300);
916
+ --wds-tag-padding-horizontal-large: var(--wds-space-400);
917
+ --wds-tag-border-radius-tiny: var(--wds-border-radius-200);
918
+ --wds-tag-border-radius-small: var(--wds-border-radius-200);
919
+ --wds-tag-border-radius-medium: var(--wds-border-radius-200);
920
+ --wds-tag-border-radius-large: var(--wds-border-radius-200);
921
+ --wds-tabs-selection-fill-secondary: var(--wds-color-black-100-transparent-0);
922
+ --wds-tabs-selection-fill-primary: var(--wds-color-black-100-transparent-0);
923
+ --wds-tabs-selection-border: var(--wds-color-black-100-transparent-0);
924
+ --wds-tabs-padding-vertical-small: var(--wds-space-100);
925
+ --wds-tabs-padding-vertical-medium: var(--wds-space-200);
926
+ --wds-tabs-padding-horizontal-small: var(--wds-space-200);
927
+ --wds-tabs-padding-horizontal-medium: var(--wds-space-400);
928
+ --wds-tabs-label-font-weight-active: var(--wds-font-weight-semi-bold);
929
+ --wds-tabs-label-font-weight: var(--wds-font-weight-medium);
930
+ --wds-tabs-label-fill: var(--wds-color-black-300);
931
+ --wds-tabs-item-gap-small: var(--wds-space-150);
932
+ --wds-tabs-item-gap-medium: var(--wds-space-200);
933
+ --wds-tabs-item-fill-hover: var(--wds-color-black-750);
934
+ --wds-tabs-gap-horizontal: var(--wds-space-100);
935
+ --wds-tabs-container-padding-horizontal: var(--wds-space-400);
936
+ --wds-tabs-border-radius: var(--wds-border-radius-300);
937
+ --wds-table-list-item-paddings: var(--wds-space-0);
938
+ --wds-table-list-item-indentation-level-3: var(--wds-space-700);
939
+ --wds-table-list-item-indentation-level-2: var(--wds-space-300);
940
+ --wds-table-list-item-gap: var(--wds-space-400);
941
+ --wds-table-list-item-controls-padding-medium: var(--wds-space-200);
942
+ --wds-table-list-item-border-radius: var(--wds-border-radius-600);
943
+ --wds-table-list-item-border-color: var(--wds-color-black-550);
944
+ --wds-table-toolbar-padding-horizontal: var(--wds-space-600);
945
+ --wds-swatches-swatch-size-small: var(--wds-space-700);
946
+ --wds-swatches-swatch-size-medium: var(--wds-space-900);
947
+ --wds-swatches-swatch-size-large: var(--wds-space-1100);
948
+ --wds-swatches-swatch-size-extra-tiny: var(--wds-space-400);
949
+ --wds-swatches-swatch-border-radius-small: var(--wds-border-radius-full);
950
+ --wds-swatches-swatch-border-radius-medium: var(--wds-border-radius-full);
951
+ --wds-swatches-swatch-active-border-radius-small: var(--wds-border-radius-full);
952
+ --wds-swatches-swatch-active-border-radius-medium: var(--wds-border-radius-full);
953
+ --wds-swatches-list-padding-vertical: var(--wds-space-300);
954
+ --wds-swatches-list-padding-horizontal: var(--wds-space-400);
955
+ --wds-swatches-list-gap: var(--wds-space-300);
956
+ --wds-swatches-fill-border-disabled: var(--wds-color-black-100-transparent-5);
957
+ --wds-suffix-active-font-weight: var(--wds-font-weight-semi-bold);
958
+ --wds-stepper-prefix-size-number: var(--wds-space-600);
959
+ --wds-stepper-prefix-size-circle: var(--wds-space-700);
960
+ --wds-social-preview-content-padding-vertical: var(--wds-space-200);
961
+ --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
962
+ --wds-social-post-preview-content-padding-vertical: var(--wds-space-300);
963
+ --wds-social-post-preview-content-padding-horizontal: var(--wds-space-300);
964
+ --wds-slider-track-border-radius-transparent: var(--wds-border-radius-full);
965
+ --wds-slider-track-border-border-radius: var(--wds-border-radius-full);
966
+ --wds-slider-slider-marks-label-font-size: var(--wds-font-size-200);
967
+ --wds-slider-slider-mark-size: var(--wds-space-200);
968
+ --wds-skeleton-fill-light: var(--wds-color-black-700);
969
+ --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
970
+ --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
971
+ --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
972
+ --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
973
+ --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
974
+ --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
975
+ --wds-sidebar-minimize-tooltip-fill-neutral-default: var(--wds-color-white);
976
+ --wds-sidebar-minimize-tooltip-fill-light-default: var(--wds-color-white);
977
+ --wds-sidebar-minimize-action-text-neutral-default: var(--wds-color-blue-100);
978
+ --wds-sidebar-minimize-action-text-light-default: var(--wds-color-blue-100);
979
+ --wds-sidebar-minimize-action-text-dark-default: var(--wds-color-black-550);
980
+ --wds-sidebar-minimize-action-fill-neutral-default: var(--wds-color-blue-400);
981
+ --wds-sidebar-minimize-action-fill-light-default: var(--wds-color-blue-400);
982
+ --wds-sidebar-item-text-neutral-active: var(--wds-color-blue-0);
983
+ --wds-sidebar-item-text-light-active: var(--wds-color-blue-0);
984
+ --wds-sidebar-item-text-dark-default: var(--wds-color-black-550);
985
+ --wds-sidebar-item-text-dark-active: var(--wds-color-white);
986
+ --wds-sidebar-item-prefix-padding-end: var(--wds-space-300);
987
+ --wds-sidebar-item-minimized-paddings-vertical: var(--wds-space-200);
988
+ --wds-sidebar-item-minimized-paddings-horizontal: var(--wds-space-475);
989
+ --wds-sidebar-item-level-3-padding-top: var(--wds-space-150);
990
+ --wds-sidebar-item-level-3-padding-start: var(--wds-space-1300);
991
+ --wds-sidebar-item-level-3-padding-end: var(--wds-space-475);
992
+ --wds-sidebar-item-level-3-padding-bottom: var(--wds-space-150);
993
+ --wds-sidebar-item-level-3-divider-padding-top: var(--wds-space-200);
994
+ --wds-sidebar-item-level-3-divider-padding-end: var(--wds-space-300);
995
+ --wds-sidebar-item-level-3-divider-padding-bottom: var(--wds-space-200);
996
+ --wds-sidebar-item-level-2-padding-top: var(--wds-space-150);
997
+ --wds-sidebar-item-level-2-padding-start: var(--wds-space-1300);
998
+ --wds-sidebar-item-level-2-padding-end: var(--wds-space-475);
999
+ --wds-sidebar-item-level-2-padding-bottom: var(--wds-space-150);
1000
+ --wds-sidebar-item-level-2-fill-neutral-default: var(--wds-color-black-700);
1001
+ --wds-sidebar-item-level-1-padding-top: var(--wds-space-200);
1002
+ --wds-sidebar-item-level-1-padding-start: var(--wds-space-600);
1003
+ --wds-sidebar-item-level-1-padding-end: var(--wds-space-475);
1004
+ --wds-sidebar-item-level-1-padding-bottom: var(--wds-space-200);
1005
+ --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-blue-400);
1006
+ --wds-sidebar-item-level-1-fill-neutral-default: var(--wds-color-black-700);
1007
+ --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-blue-300);
1008
+ --wds-sidebar-item-level-1-fill-light-hover: var(--wds-color-blue-400);
1009
+ --wds-sidebar-item-level-1-fill-light-default: var(--wds-color-white);
1010
+ --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-blue-300);
1011
+ --wds-sidebar-item-content-gap: var(--wds-space-200);
1012
+ --wds-sidebar-header-margin-bottom: var(--wds-space-300);
1013
+ --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
1014
+ --wds-sidebar-divider-fill-light-default: var(--wds-color-black-550);
1015
+ --wds-side-panel-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1016
+ --wds-side-panel-header-padding-vertical: var(--wds-space-400);
1017
+ --wds-side-panel-header-padding-right: var(--wds-space-300);
1018
+ --wds-side-panel-header-padding-left: var(--wds-space-400);
1019
+ --wds-side-panel-footnote-padding-vertical: var(--wds-space-200);
1020
+ --wds-side-panel-footnote-padding-horizontal: var(--wds-space-400);
1021
+ --wds-side-panel-footer-padding-vertical: var(--wds-space-400);
1022
+ --wds-side-panel-footer-padding-horizontal: var(--wds-space-400);
1023
+ --wds-side-panel-footer-border-width: var(--wds-border-width-none);
1024
+ --wds-side-panel-footer-border-fill: var(--wds-color-white-transparent-0);
1025
+ --wds-side-panel-footer-background-blur: var(--wds-background-blur-0);
1026
+ --wds-side-panel-floating-title-font-family: var(--wds-font-family-display);
1027
+ --wds-side-panel-floating-header-padding-vertical: var(--wds-space-400);
1028
+ --wds-side-panel-floating-header-padding-right: var(--wds-space-300);
1029
+ --wds-side-panel-floating-header-padding-left: var(--wds-space-400);
1030
+ --wds-side-panel-floating-border-radius: var(--wds-border-radius-600);
1031
+ --wds-side-panel-field-padding-vertical: var(--wds-space-300);
1032
+ --wds-side-panel-field-padding-horizontal: var(--wds-space-400);
1033
+ --wds-side-panel-content-padding-vertical: var(--wds-space-400);
1034
+ --wds-side-panel-content-padding-horizontal: var(--wds-space-400);
1035
+ --wds-side-panel-back-button-top-padding: var(--wds-space-50);
1036
+ --wds-selector-list-item-padding-vertical-small: var(--wds-space-100);
1037
+ --wds-selector-list-item-padding-vertical-medium: var(--wds-space-200);
1038
+ --wds-selector-list-item-padding-horizontal-small: var(--wds-space-400);
1039
+ --wds-selector-list-item-padding-horizontal-medium: var(--wds-space-600);
1040
+ --wds-selector-button-size-small: var(--wds-space-750);
1041
+ --wds-selector-button-size-medium: var(--wds-space-950);
1042
+ --wds-selector-button-size-large: var(--wds-space-1150);
1043
+ --wds-selector-button-padding-vertical-small: var(--wds-space-150);
1044
+ --wds-selector-button-padding-vertical-medium: var(--wds-space-150);
1045
+ --wds-selector-button-padding-vertical-large: var(--wds-space-150);
1046
+ --wds-selector-button-padding-horizontal-right-small: var(--wds-space-150);
1047
+ --wds-selector-button-padding-horizontal-right-medium: var(--wds-space-150);
1048
+ --wds-selector-button-padding-horizontal-right-large: var(--wds-space-150);
1049
+ --wds-selector-button-padding-horizontal-left-small: var(--wds-space-300);
1050
+ --wds-selector-button-padding-horizontal-left-medium: var(--wds-space-300);
1051
+ --wds-selector-button-padding-horizontal-left-large: var(--wds-space-300);
1052
+ --wds-selector-button-fill-pressed: var(--wds-color-black-750);
1053
+ --wds-selector-button-fill-hover: var(--wds-color-black-750);
1054
+ --wds-selector-button-fill-disabled: var(--wds-color-black-750);
1055
+ --wds-selector-button-fill: var(--wds-color-black-750);
1056
+ --wds-selector-button-border-color-disabled: var(--wds-color-black-100-transparent-0);
1057
+ --wds-selector-button-border-color: var(--wds-color-black-100-transparent-0);
1058
+ --wds-select-area-padding-vertical: var(--wds-space-300);
1059
+ --wds-select-area-padding-horizontal: var(--wds-space-400);
1060
+ --wds-select-area-fill-hover: var(--wds-color-black-700);
1061
+ --wds-select-area-fill-disabled: var(--wds-color-white-transparent-0);
1062
+ --wds-select-area-fill-active: var(--wds-color-blue-400);
1063
+ --wds-select-area-fill: var(--wds-color-black-750);
1064
+ --wds-select-area-border-radius: var(--wds-border-radius-200);
1065
+ --wds-segmented-toggle-size-small: var(--wds-space-750);
1066
+ --wds-segmented-toggle-size-medium: var(--wds-space-1000);
1067
+ --wds-segmented-toggle-padding-vertical-small: var(--wds-space-100);
1068
+ --wds-segmented-toggle-padding-vertical-medium: var(--wds-space-100);
1069
+ --wds-segmented-toggle-padding-horizontal-small: var(--wds-space-300);
1070
+ --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
1071
+ --wds-segmented-toggle-padding-container: var(--wds-space-100);
1072
+ --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-semi-bold);
1073
+ --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
1074
+ --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
1075
+ --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-250);
1076
+ --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-350);
1077
+ --wds-segmented-toggle-fill-disabled: var(--wds-color-black-750);
1078
+ --wds-segmented-toggle-fill: var(--wds-color-black-750);
1079
+ --wds-segmented-toggle-container-border-radius-small: var(--wds-border-radius-400);
1080
+ --wds-segmented-toggle-container-border-radius-medium: var(--wds-border-radius-400);
1081
+ --wds-segmented-toggle-border-width-selected: var(--wds-border-width-0);
1082
+ --wds-segmented-toggle-border-width-hover: var(--wds-border-width-0);
1083
+ --wds-segmented-toggle-border-width-default: var(--wds-border-width-0);
1084
+ --wds-segmented-toggle-border-width: var(--wds-border-width-0);
1085
+ --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-300);
1086
+ --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-300);
1087
+ --wds-segmented-toggle-border-color-selected: var(--wds-color-black-100-transparent-0);
1088
+ --wds-segmented-toggle-border-color-hover: var(--wds-color-black-100-transparent-0);
1089
+ --wds-segmented-toggle-border-color-disabled: var(--wds-color-black-100-transparent-0);
1090
+ --wds-segmented-toggle-border-color: var(--wds-color-black-100-transparent-0);
1091
+ --wds-section-helper-vertical-padding-small: var(--wds-space-200);
1092
+ --wds-section-helper-vertical-padding-medium: var(--wds-space-600);
1093
+ --wds-section-helper-vertical-margin: var(--wds-space-150);
1094
+ --wds-section-helper-title-font-weight: var(--wds-font-weight-semi-bold);
1095
+ --wds-section-helper-prefix-offset-medium: var(--wds-space-400);
1096
+ --wds-section-helper-horizontal-padding-small: var(--wds-space-300);
1097
+ --wds-section-helper-horizontal-padding-medium: var(--wds-space-400);
1098
+ --wds-section-helper-horizontal-margin: var(--wds-space-150);
1099
+ --wds-section-helper-fill-standard: var(--wds-color-blue-600);
1100
+ --wds-section-helper-fill-preview: var(--wds-color-black-750);
1101
+ --wds-section-helper-close-button-offset: var(--wds-space-0);
1102
+ --wds-section-helper-border-radius: var(--wds-border-radius-300);
1103
+ --wds-section-helper-border-preview: var(--wds-color-black-600);
1104
+ --wds-section-helper-action-padding-small: var(--wds-space-200);
1105
+ --wds-section-helper-action-padding-medium: var(--wds-space-300);
1106
+ --wds-section-header-padding-vertical-small: var(--wds-space-200);
1107
+ --wds-section-header-padding-vertical-medium: var(--wds-space-300);
1108
+ --wds-section-header-font-weight: var(--wds-font-weight-semi-bold);
1109
+ --wds-search-expandable-padding-small: var(--wds-space-150);
1110
+ --wds-search-expandable-padding-medium: var(--wds-space-175);
1111
+ --wds-search-expandable-padding-large: var(--wds-space-300);
1112
+ --wds-search-border-radius-tiny: var(--wds-border-radius-full);
1113
+ --wds-search-border-radius-small: var(--wds-border-radius-full);
1114
+ --wds-search-border-radius-medium: var(--wds-border-radius-full);
1115
+ --wds-search-border-radius-large: var(--wds-border-radius-full);
1116
+ --wds-scrollbar-fill-hover: var(--wds-color-black-400);
1117
+ --wds-scrollbar-fill-active: var(--wds-color-black-400);
1118
+ --wds-scrollbar-fill: var(--wds-color-black-550);
1119
+ --wds-radio-group-item-padding-outlined-vertical-screen-small: var(--wds-space-300);
1120
+ --wds-radio-group-item-padding-outlined-vertical: var(--wds-space-300);
1121
+ --wds-radio-group-item-padding-outlined-horizontal-screen-small: var(--wds-space-400);
1122
+ --wds-radio-group-item-padding-outlined-horizontal: var(--wds-space-400);
1123
+ --wds-radio-group-item-padding-filled-vertical-screen-small: var(--wds-space-300);
1124
+ --wds-radio-group-item-padding-filled-vertical: var(--wds-space-300);
1125
+ --wds-radio-group-item-padding-filled-horizontal-screen-small: var(--wds-space-400);
1126
+ --wds-radio-group-item-padding-filled-horizontal: var(--wds-space-400);
1127
+ --wds-radio-group-item-padding-default-vertical-screen-small: var(--wds-space-300);
1128
+ --wds-radio-group-item-padding-default-vertical: var(--wds-space-0);
1129
+ --wds-radio-group-item-padding-default-horizontal-screen-small: var(--wds-space-0);
1130
+ --wds-radio-group-item-padding-default-horizontal: var(--wds-space-0);
1131
+ --wds-radio-group-gap-vertical-small: var(--wds-space-150);
1132
+ --wds-radio-group-gap-vertical-medium: var(--wds-space-300);
1133
+ --wds-radio-group-gap-horizontal-small: var(--wds-space-400);
1134
+ --wds-radio-group-gap-horizontal-medium: var(--wds-space-400);
1135
+ --wds-radio-size: var(--wds-space-350);
1136
+ --wds-radio-fill-hover: var(--wds-color-blue-600);
1137
+ --wds-radio-border-radius: var(--wds-border-radius-full);
1138
+ --wds-radio-border-active-disabled: var(--wds-color-black-100-transparent-0);
1139
+ --wds-radio-border: var(--wds-color-black-200);
1140
+ --wds-popover-menu-paddings-vertical: var(--wds-space-200);
1141
+ --wds-popover-menu-paddings-horizontal: var(--wds-space-200);
1142
+ --wds-popover-menu-border-radius: var(--wds-border-radius-600);
1143
+ --wds-popover-border-width: var(--wds-border-width-none);
1144
+ --wds-popover-border-radius: var(--wds-border-radius-600);
1145
+ --wds-popover-border-fill: var(--wds-color-black-100-transparent-0);
1146
+ --wds-palette-border: var(--wds-border-radius-200);
1147
+ --wds-pagination-padding-vertical: var(--wds-space-50);
1148
+ --wds-pagination-padding-horizontal: var(--wds-space-50);
1149
+ --wds-pagination-gap: var(--wds-space-100);
1150
+ --wds-page-header-padding-vertical-small: var(--wds-space-475);
1151
+ --wds-page-header-padding-vertical: var(--wds-space-600);
1152
+ --wds-page-header-padding-horizontal: var(--wds-space-1200);
1153
+ --wds-padding-vertical-tiny: var(--wds-space-500);
1154
+ --wds-padding-vertical-small: var(--wds-space-600);
1155
+ --wds-padding-vertical-medium: var(--wds-space-600);
1156
+ --wds-padding-right-tiny: var(--wds-space-700);
1157
+ --wds-padding-right-small: var(--wds-space-700);
1158
+ --wds-padding-right-medium: var(--wds-space-1000);
1159
+ --wds-padding-left-tiny: var(--wds-space-600);
1160
+ --wds-padding-left-small: var(--wds-space-600);
1161
+ --wds-padding-left-medium: var(--wds-space-1200);
1162
+ --wds-notification-padding-vertical: var(--wds-space-200);
1163
+ --wds-notification-padding-horizontal: var(--wds-space-200);
1164
+ --wds-notification-fill-warning: var(--wds-color-yellow-100);
1165
+ --wds-notification-fill-success: var(--wds-color-green-200);
1166
+ --wds-notification-fill-standard: var(--wds-color-blue-200);
1167
+ --wds-notification-fill-premium: var(--wds-color-purple-200);
1168
+ --wds-notification-fill-error: var(--wds-color-red-200);
1169
+ --wds-nestable-list-paddings: var(--wds-space-200);
1170
+ --wds-nestable-list-fill: var(--wds-color-white-transparent-0);
1171
+ --wds-mobile-modal-footer-padding-vertical: var(--wds-space-600);
1172
+ --wds-mobile-modal-footer-padding-horizontal: var(--wds-space-600);
1173
+ --wds-mobile-modal-content-padding-vertical: var(--wds-space-600);
1174
+ --wds-mobile-modal-content-padding-horizontal: var(--wds-space-600);
1175
+ --wds-message-modal-top-controls-paddings: var(--wds-space-250);
1176
+ --wds-message-modal-title-font-size: var(--wds-font-size-800);
1177
+ --wds-message-modal-title-font-family: var(--wds-font-family-display);
1178
+ --wds-message-modal-padding-vertical: var(--wds-space-600);
1179
+ --wds-message-modal-padding-horizontal: var(--wds-space-600);
1180
+ --wds-message-modal-content-gap: var(--wds-space-300);
1181
+ --wds-marketing-page-paddings-vertical-medium: var(--wds-space-500);
1182
+ --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1183
+ --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
1184
+ --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
1185
+ --wds-marketing-layout-border: var(--wds-border-radius-200);
1186
+ --wds-loader-fill-loading: var(--wds-color-blue-0);
1187
+ --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
1188
+ --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
1189
+ --wds-list-item-select-icon-padding-horizontal-small: var(--wds-space-300);
1190
+ --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
1191
+ --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
1192
+ --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
1193
+ --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1194
+ --wds-list-item-select-padding-vertical-small: var(--wds-space-100);
1195
+ --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
1196
+ --wds-list-item-select-padding-vertical-medium: var(--wds-space-100);
1197
+ --wds-list-item-select-padding-right-small: var(--wds-space-400);
1198
+ --wds-list-item-select-padding-right-medium: var(--wds-space-400);
1199
+ --wds-list-item-select-padding-left-small: var(--wds-space-300);
1200
+ --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1201
+ --wds-list-item-select-padding-horizontal-small: var(--wds-space-200);
1202
+ --wds-list-item-select-padding-horizontal-medium: var(--wds-space-200);
1203
+ --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-medium);
1204
+ --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-bold);
1205
+ --wds-list-item-select-gap: var(--wds-space-50);
1206
+ --wds-list-item-select-border-radius: var(--wds-border-radius-400);
1207
+ --wds-list-item-select-affix-margin: var(--wds-space-100);
1208
+ --wds-list-item-select-active-fill-hover: var(--wds-color-blue-600);
1209
+ --wds-list-item-section-title-label-fill-neutral: var(--wds-color-black-500);
1210
+ --wds-list-item-section-padding-vertical-neutral: var(--wds-space-250);
1211
+ --wds-list-item-section-padding-top: var(--wds-space-200);
1212
+ --wds-list-item-section-padding-horizontal: var(--wds-space-200);
1213
+ --wds-list-item-section-padding-bottom: var(--wds-space-300);
1214
+ --wds-list-item-section-font-weight-neutral: var(--wds-font-weight-regular);
1215
+ --wds-list-item-section-font-weight: var(--wds-font-weight-semi-bold);
1216
+ --wds-list-item-section-divider-padding-top: var(--wds-space-200);
1217
+ --wds-list-item-section-divider-padding-horizontal: var(--wds-space-0);
1218
+ --wds-list-item-section-divider-padding-bottom: var(--wds-space-0);
1219
+ --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-bold);
1220
+ --wds-list-item-action-title-font-weight: var(--wds-font-weight-medium);
1221
+ --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
1222
+ --wds-list-item-action-padding-vertical-small: var(--wds-space-200);
1223
+ --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
1224
+ --wds-list-item-action-padding-vertical-medium: var(--wds-space-200);
1225
+ --wds-list-item-action-padding-horizontal-small: var(--wds-space-200);
1226
+ --wds-list-item-action-padding-horizontal-medium: var(--wds-space-200);
1227
+ --wds-list-item-action-gap: var(--wds-space-50);
1228
+ --wds-list-item-action-border-radius: var(--wds-border-radius-400);
1229
+ --wds-list-item-action-affix-margin: var(--wds-space-100);
1230
+ --wds-linear-progress-bar-value-gap: var(--wds-space-100);
1231
+ --wds-linear-progress-bar-label-font-letter-spacing: var(--wds-font-letter-spacing-0);
1232
+ --wds-linear-progress-bar-border-radius: var(--wds-border-radius-100);
1233
+ --wds-internal-button-border-width: var(--wds-border-width-100);
1234
+ --wds-internal-angle-input-knob-offset-bottom: var(--wds-space-100);
1235
+ --wds-internal-angle-input-knob-offset: var(--wds-space-50);
1236
+ --wds-input-area-padding-vertical-small: var(--wds-space-200);
1237
+ --wds-input-area-padding-vertical-medium: var(--wds-space-300);
1238
+ --wds-input-area-padding-right-small: var(--wds-space-150);
1239
+ --wds-input-area-padding-right-medium: var(--wds-space-250);
1240
+ --wds-input-area-padding-left-small: var(--wds-space-200);
1241
+ --wds-input-area-padding-left-medium: var(--wds-space-300);
1242
+ --wds-input-area-border-radius-default-small: var(--wds-border-radius-400);
1243
+ --wds-input-area-border-radius-default-medium: var(--wds-border-radius-400);
1244
+ --wds-input-size-tiny: var(--wds-space-600);
1245
+ --wds-input-size-small: var(--wds-space-750);
1246
+ --wds-input-size-medium: var(--wds-space-950);
1247
+ --wds-input-size-large: var(--wds-space-1200);
1248
+ --wds-input-padding-vertical-tiny: var(--wds-space-100);
1249
+ --wds-input-padding-vertical-small: var(--wds-space-150);
1250
+ --wds-input-padding-vertical-medium: var(--wds-space-175);
1251
+ --wds-input-padding-vertical-large: var(--wds-space-300);
1252
+ --wds-input-padding-horizontal-tiny: var(--wds-space-100);
1253
+ --wds-input-padding-horizontal-small: var(--wds-space-200);
1254
+ --wds-input-padding-horizontal-medium: var(--wds-space-200);
1255
+ --wds-input-padding-horizontal-large: var(--wds-space-300);
1256
+ --wds-input-border-radius-round-tiny: var(--wds-border-radius-full);
1257
+ --wds-input-border-radius-round-small: var(--wds-border-radius-full);
1258
+ --wds-input-border-radius-round-medium: var(--wds-border-radius-full);
1259
+ --wds-input-border-radius-round-large: var(--wds-border-radius-full);
1260
+ --wds-input-border-radius-default-tiny: var(--wds-border-radius-200);
1261
+ --wds-input-border-radius-default-small: var(--wds-border-radius-400);
1262
+ --wds-input-border-radius-default-medium: var(--wds-border-radius-400);
1263
+ --wds-input-border-radius-default-large: var(--wds-border-radius-400);
1264
+ --wds-input-border-color-disabled: var(--wds-color-black-700);
1265
+ --wds-input-border-color: var(--wds-color-black-100-transparent-0);
1266
+ --wds-input-background-fill-readonly: var(--wds-color-white);
1267
+ --wds-input-background-fill-hover: var(--wds-color-black-750);
1268
+ --wds-input-background-fill-disabled: var(--wds-color-black-750);
1269
+ --wds-input-background-fill-default: var(--wds-color-black-750);
1270
+ --wds-input-background-fill: var(--wds-color-black-750);
1271
+ --wds-image-border-radius-none: var(--wds-border-radius-0);
1272
+ --wds-image-border-radius-default: var(--wds-border-radius-400);
1273
+ --wds-icon-button-color-text-standard-tertiary-disabled: var(--wds-color-black-500);
1274
+ --wds-icon-button-color-text-standard-secondary-disabled: var(--wds-color-black-500);
1275
+ --wds-icon-button-color-text-standard-primary-disabled: var(--wds-color-black-500);
1276
+ --wds-icon-button-color-text-premium-tertiary-disabled: var(--wds-color-black-500);
1277
+ --wds-icon-button-color-text-premium-secondary-disabled: var(--wds-color-black-500);
1278
+ --wds-icon-button-color-text-premium-primary-disabled: var(--wds-color-black-500);
1279
+ --wds-icon-button-color-text-light-secondary-disabled: var(--wds-color-black-500);
1280
+ --wds-icon-button-color-text-light-primary-disabled: var(--wds-color-black-500);
1281
+ --wds-icon-button-color-text-dark-tertiary-disabled: var(--wds-color-black-500);
1282
+ --wds-icon-button-color-text-dark-secondary-disabled: var(--wds-color-black-500);
1283
+ --wds-icon-button-color-text-dark-primary-disabled: var(--wds-color-black-500);
1284
+ --wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-black-700);
1285
+ --wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-black-700);
1286
+ --wds-icon-button-color-fill-premium-secondary-disabled: var(--wds-color-black-700);
1287
+ --wds-icon-button-color-fill-premium-primary-disabled: var(--wds-color-black-700);
1288
+ --wds-icon-button-color-fill-light-secondary-disabled: var(--wds-color-black-700);
1289
+ --wds-icon-button-color-fill-light-primary-disabled: var(--wds-color-black-700);
1290
+ --wds-icon-button-color-fill-dark-secondary-disabled: var(--wds-color-black-700);
1291
+ --wds-icon-button-color-fill-dark-primary-disabled: var(--wds-color-black-700);
1292
+ --wds-icon-button-color-border-standard-secondary-disabled: var(--wds-color-black-700);
1293
+ --wds-icon-button-color-border-premium-secondary-disabled: var(--wds-color-black-700);
1294
+ --wds-icon-button-color-border-light-secondary-disabled: var(--wds-color-black-700);
1295
+ --wds-icon-button-color-border-dark-secondary-disabled: var(--wds-color-black-700);
1296
+ --wds-form-field-label-gap-tiny: var(--wds-space-150);
1297
+ --wds-form-field-label-gap-small: var(--wds-space-200);
1298
+ --wds-form-field-label-font-weight: var(--wds-font-weight-medium);
1299
+ --wds-floating-helper-padding-vertical: var(--wds-space-700);
1300
+ --wds-floating-helper-padding-horizontal: var(--wds-space-800);
1301
+ --wds-floating-helper-main-action-padding-top: var(--wds-space-400);
1302
+ --wds-fill-button-border-width: var(--wds-border-width-200);
1303
+ --wds-field-set-label-gap-tiny: var(--wds-space-150);
1304
+ --wds-field-set-label-gap-small: var(--wds-space-200);
1305
+ --wds-field-set-label-font-weight: var(--wds-font-weight-medium);
1306
+ --wds-field-set-gap-small: var(--wds-space-200);
1307
+ --wds-field-set-gap-medium: var(--wds-space-300);
1308
+ --wds-field-set-gap-large: var(--wds-space-400);
1309
+ --wds-feature-list-gap: var(--wds-space-600);
1310
+ --wds-empty-state-section-content-paddings: var(--wds-space-600);
1311
+ --wds-empty-state-page-content-paddings: var(--wds-space-600);
1312
+ --wds-empty-state-border-radius: var(--wds-border-radius-200);
1313
+ --wds-dropdown-layout-option-size-small: var(--wds-space-800);
1314
+ --wds-dropdown-layout-option-size-big: var(--wds-space-1000);
1315
+ --wds-dropdown-list-paddings: var(--wds-space-200);
1316
+ --wds-dock-area-fill: var(--wds-color-black-750);
1317
+ --wds-custom-modal-header-padding-vertical: var(--wds-space-600);
1318
+ --wds-custom-modal-header-padding-right: var(--wds-space-500);
1319
+ --wds-custom-modal-header-padding-left: var(--wds-space-600);
1320
+ --wds-custom-modal-footnote-padding-vertical: var(--wds-space-400);
1321
+ --wds-custom-modal-footnote-padding-horizontal: var(--wds-space-600);
1322
+ --wds-custom-modal-footnote-link-font-weight: var(--wds-font-weight-regular);
1323
+ --wds-custom-modal-footer-padding-vertical: var(--wds-space-600);
1324
+ --wds-custom-modal-footer-padding-horizontal: var(--wds-space-600);
1325
+ --wds-custom-modal-content-padding-vertical: var(--wds-space-600);
1326
+ --wds-custom-modal-content-padding-horizontal: var(--wds-space-600);
1327
+ --wds-counter-badge-size-small: var(--wds-space-475);
1328
+ --wds-counter-badge-size-medium: var(--wds-space-600);
1329
+ --wds-counter-badge-padding-horizontal-small: var(--wds-space-100);
1330
+ --wds-counter-badge-padding-horizontal-medium: var(--wds-space-150);
1331
+ --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1332
+ --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1333
+ --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
1334
+ --wds-composer-sidebar-item-tooltip-padding-vertical-medium: var(--wds-space-200);
1335
+ --wds-composer-sidebar-item-tooltip-padding-vertical-large: var(--wds-space-200);
1336
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-small: var(--wds-space-200);
1337
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: var(--wds-space-200);
1338
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-large: var(--wds-space-200);
1339
+ --wds-composer-sidebar-item-end-padding-vertical-small: var(--wds-space-100);
1340
+ --wds-composer-sidebar-item-end-padding-vertical-medium: var(--wds-space-200);
1341
+ --wds-composer-sidebar-item-end-padding-vertical-large: var(--wds-space-200);
1342
+ --wds-composer-sidebar-item-end-padding-horizontal-small: var(--wds-space-300);
1343
+ --wds-composer-sidebar-item-end-padding-horizontal-medium: var(--wds-space-300);
1344
+ --wds-composer-sidebar-item-end-padding-horizontal-large: var(--wds-space-300);
1345
+ --wds-composer-sidebar-item-bottom-padding-vertical-small: var(--wds-space-200);
1346
+ --wds-composer-sidebar-item-bottom-padding-vertical-medium: var(--wds-space-300);
1347
+ --wds-composer-sidebar-item-bottom-padding-vertical-large: var(--wds-space-300);
1348
+ --wds-composer-sidebar-item-bottom-padding-horizontal-small: var(--wds-space-100);
1349
+ --wds-composer-sidebar-item-bottom-padding-horizontal-medium: var(--wds-space-100);
1350
+ --wds-composer-sidebar-item-bottom-padding-horizontal-large: var(--wds-space-100);
1351
+ --wds-color-picker-padding-vertical: var(--wds-space-300);
1352
+ --wds-color-picker-padding-horizontal: var(--wds-space-400);
1353
+ --wds-close-button-standard-filled-size-small: var(--wds-space-475);
1354
+ --wds-close-button-standard-filled-size-medium: var(--wds-space-600);
1355
+ --wds-close-button-standard-filled-size-large: var(--wds-space-750);
1356
+ --wds-clickable-card-outline-border-color: var(--wds-color-black-550);
1357
+ --wds-clickable-card-filled-fill-hover: var(--wds-color-black-700);
1358
+ --wds-clickable-card-filled-fill-disabled: var(--wds-color-black-750);
1359
+ --wds-clickable-card-filled-fill-active: var(--wds-color-black-600);
1360
+ --wds-clickable-card-filled-fill: var(--wds-color-black-750);
1361
+ --wds-circular-progress-bar-size-tiny: var(--wds-space-475);
1362
+ --wds-circular-progress-bar-size-small: var(--wds-space-600);
1363
+ --wds-circular-progress-bar-size-medium: var(--wds-space-1300);
1364
+ --wds-circular-progress-bar-size-large: var(--wds-space-2400);
1365
+ --wds-circular-progress-bar-label-padding-medium: var(--wds-space-100);
1366
+ --wds-circular-progress-bar-label-padding-large: var(--wds-space-200);
1367
+ --wds-circular-progress-bar-label-font-weight: var(--wds-font-weight-medium);
1368
+ --wds-circular-progress-bar-label-font-size: var(--wds-font-size-200);
1369
+ --wds-circular-progress-bar-border-width: var(--wds-border-width-200);
1370
+ --wds-checkbox-size: var(--wds-space-350);
1371
+ --wds-checkbox-group-gap-vertical: var(--wds-space-300);
1372
+ --wds-checkbox-fill-hover: var(--wds-color-blue-600);
1373
+ --wds-checkbox-border-radius: var(--wds-border-radius-200);
1374
+ --wds-checkbox-border-active-hover: var(--wds-color-black-100-transparent-0);
1375
+ --wds-checkbox-border-active-disabled: var(--wds-color-black-100-transparent-0);
1376
+ --wds-checkbox-border: var(--wds-color-black-200);
1377
+ --wds-carousel-dots-width: var(--wds-space-100);
1378
+ --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1379
+ --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-475);
1380
+ --wds-card-gallery-item-padding-right-small: var(--wds-space-475);
1381
+ --wds-card-gallery-item-padding-right-medium: var(--wds-space-600);
1382
+ --wds-card-gallery-item-padding-left-small: var(--wds-space-300);
1383
+ --wds-card-gallery-item-padding-left-medium: var(--wds-space-475);
1384
+ --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-600);
1385
+ --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1386
+ --wds-card-gallery-item-content-margin-horizontal: var(--wds-space-200);
1387
+ --wds-card-gallery-item-buttons-gap: var(--wds-space-200);
1388
+ --wds-card-tab-padding-vertical-small: var(--wds-space-400);
1389
+ --wds-card-tab-padding-vertical-medium: var(--wds-space-400);
1390
+ --wds-card-tab-padding-horizontal-small: var(--wds-space-500);
1391
+ --wds-card-tab-padding-horizontal-medium: var(--wds-space-500);
1392
+ --wds-card-header-padding-vertical: var(--wds-space-400);
1393
+ --wds-card-header-padding-horizontal: var(--wds-space-600);
1394
+ --wds-card-content-paddings-vertical: var(--wds-space-300);
1395
+ --wds-card-content-paddings-horizontal: var(--wds-space-300);
1396
+ --wds-button-size-x-tiny: var(--wds-space-475);
1397
+ --wds-button-size-tiny-screen-small: var(--wds-space-800);
1398
+ --wds-button-size-tiny: var(--wds-space-600);
1399
+ --wds-button-size-small-screen-small: var(--wds-space-950);
1400
+ --wds-button-size-small: var(--wds-space-750);
1401
+ --wds-button-size-medium-screen-small: var(--wds-space-1050);
1402
+ --wds-button-size-medium: var(--wds-space-950);
1403
+ --wds-button-size-large-screen-small: var(--wds-space-1200);
1404
+ --wds-button-size-large: var(--wds-space-1150);
1405
+ --wds-button-padding-vertical-tiny: var(--wds-space-50);
1406
+ --wds-button-padding-vertical-small: var(--wds-space-150);
1407
+ --wds-button-padding-vertical-medium: var(--wds-space-150);
1408
+ --wds-button-padding-vertical-large: var(--wds-space-150);
1409
+ --wds-button-padding-horizontal-tiny: var(--wds-space-300);
1410
+ --wds-button-padding-horizontal-small: var(--wds-space-400);
1411
+ --wds-button-padding-horizontal-medium: var(--wds-space-500);
1412
+ --wds-button-padding-horizontal-large: var(--wds-space-600);
1413
+ --wds-button-label-fill-standard-secondary-disabled: var(--wds-color-black-500);
1414
+ --wds-button-label-fill-standard-primary-disabled: var(--wds-color-black-500);
1415
+ --wds-button-label-fill-premium-secondary-disabled: var(--wds-color-black-500);
1416
+ --wds-button-label-fill-premium-primary-disabled: var(--wds-color-black-500);
1417
+ --wds-button-label-fill-destructive-primary-disabled: var(--wds-color-black-500);
1418
+ --wds-button-label-fill-dark-secondary-disabled: var(--wds-color-black-500);
1419
+ --wds-button-label-fill-dark-primary-disabled: var(--wds-color-black-500);
1420
+ --wds-button-icon-offset-tiny: var(--wds-space-300);
1421
+ --wds-button-icon-offset-small: var(--wds-space-300);
1422
+ --wds-button-icon-offset-medium: var(--wds-space-475);
1423
+ --wds-button-icon-offset-large: var(--wds-space-475);
1424
+ --wds-button-gap-tiny: var(--wds-space-100);
1425
+ --wds-button-gap-small: var(--wds-space-100);
1426
+ --wds-button-gap-medium: var(--wds-space-100);
1427
+ --wds-button-gap-large: var(--wds-space-100);
1428
+ --wds-button-gap-extra-large: var(--wds-space-100);
1429
+ --wds-button-font-weight-tiny: var(--wds-font-weight-semi-bold);
1430
+ --wds-button-font-weight-small: var(--wds-font-weight-semi-bold);
1431
+ --wds-button-font-weight-medium: var(--wds-font-weight-semi-bold);
1432
+ --wds-button-font-weight-large: var(--wds-font-weight-semi-bold);
1433
+ --wds-button-fill-standard-secondary-disabled: var(--wds-color-black-700);
1434
+ --wds-button-fill-standard-secondary: var(--wds-color-white-transparent-0);
1435
+ --wds-button-fill-standard-primary-disabled: var(--wds-color-black-700);
1436
+ --wds-button-fill-premium-secondary-disabled: var(--wds-color-black-700);
1437
+ --wds-button-fill-premium-secondary: var(--wds-color-white-transparent-0);
1438
+ --wds-button-fill-premium-primary-disabled: var(--wds-color-black-700);
1439
+ --wds-button-fill-destructive-secondary-disabled: var(--wds-color-black-700);
1440
+ --wds-button-fill-destructive-secondary: var(--wds-color-white-transparent-0);
1441
+ --wds-button-fill-destructive-primary-disabled: var(--wds-color-black-700);
1442
+ --wds-button-fill-dark-secondary-hover: var(--wds-color-black-700);
1443
+ --wds-button-fill-dark-secondary-disabled: var(--wds-color-black-700);
1444
+ --wds-button-fill-dark-secondary-active: var(--wds-color-black-550);
1445
+ --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1446
+ --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1447
+ --wds-button-border-width-secondary-hover: var(--wds-border-width-100);
1448
+ --wds-button-border-standard-secondary-disabled: var(--wds-color-black-700);
1449
+ --wds-button-border-radius-tiny: var(--wds-border-radius-300);
1450
+ --wds-button-border-radius-small: var(--wds-border-radius-300);
1451
+ --wds-button-border-radius-medium: var(--wds-border-radius-400);
1452
+ --wds-button-border-radius-large: var(--wds-border-radius-400);
1453
+ --wds-button-border-premium-secondary-disabled: var(--wds-color-black-700);
1454
+ --wds-button-border-destructive-secondary-hover: var(--wds-color-red-400);
1455
+ --wds-button-border-destructive-secondary-disabled: var(--wds-color-black-700);
1456
+ --wds-button-border-dark-secondary-hover: var(--wds-color-black-550);
1457
+ --wds-button-border-dark-secondary-disabled: var(--wds-color-black-700);
1458
+ --wds-button-border-dark-secondary-active: var(--wds-color-black-550);
1459
+ --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-bold);
1460
+ --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular);
1461
+ --wds-breadcrumbs-text-line-height-small: var(--wds-space-400);
1462
+ --wds-breadcrumbs-padding-vertical-small: var(--wds-space-50);
1463
+ --wds-breadcrumbs-padding-vertical-medium: var(--wds-space-100);
1464
+ --wds-breadcrumbs-padding-vertical-large: var(--wds-space-100);
1465
+ --wds-breadcrumbs-padding-horizontal-small: var(--wds-space-100);
1466
+ --wds-breadcrumbs-padding-horizontal-medium: var(--wds-space-200);
1467
+ --wds-breadcrumbs-padding-horizontal-large: var(--wds-space-400);
1468
+ --wds-breadcrumbs-on-white-fill-hover: var(--wds-color-black-700);
1469
+ --wds-breadcrumbs-on-grey-fill-hover: var(--wds-color-white);
1470
+ --wds-breadcrumbs-on-dark-fill-hover: var(--wds-color-white-transparent-30);
1471
+ --wds-breadcrumbs-font-size-small: var(--wds-font-size-200);
1472
+ --wds-breadcrumbs-border-radius: var(--wds-border-radius-100);
1473
+ --wds-badge-size-tiny: var(--wds-space-500);
1474
+ --wds-badge-size-small: var(--wds-space-600);
1475
+ --wds-badge-size-medium: var(--wds-space-700);
1476
+ --wds-badge-padding-vertical-tiny: var(--wds-space-0);
1477
+ --wds-badge-padding-vertical-small: var(--wds-space-50);
1478
+ --wds-badge-padding-vertical-medium: var(--wds-space-100);
1479
+ --wds-badge-padding-horizontal-tiny: var(--wds-space-150);
1480
+ --wds-badge-padding-horizontal-small: var(--wds-space-200);
1481
+ --wds-badge-padding-horizontal-medium: var(--wds-space-200);
1482
+ --wds-badge-outline-warning-label-color: var(--wds-color-yellow-0);
1483
+ --wds-badge-outline-warning-fill: var(--wds-color-yellow-500);
1484
+ --wds-badge-outline-warning-border-color: var(--wds-color-yellow-300);
1485
+ --wds-badge-outline-urgent-label-color: var(--wds-color-orange-50);
1486
+ --wds-badge-outline-urgent-fill: var(--wds-color-orange-600);
1487
+ --wds-badge-outline-success-label-color: var(--wds-color-green-50);
1488
+ --wds-badge-outline-success-fill: var(--wds-color-green-600);
1489
+ --wds-badge-outline-standard-label-color: var(--wds-color-blue-50);
1490
+ --wds-badge-outline-standard-fill: var(--wds-color-blue-500);
1491
+ --wds-badge-outline-neutral-border-color: var(--wds-color-black-500);
1492
+ --wds-badge-outline-destructive-label-color: var(--wds-color-red-50);
1493
+ --wds-badge-outline-destructive-fill: var(--wds-color-red-600);
1494
+ --wds-badge-border-radius-tiny: var(--wds-border-radius-200);
1495
+ --wds-badge-border-radius-small: var(--wds-border-radius-200);
1496
+ --wds-badge-border-radius-medium: var(--wds-border-radius-200);
1497
+ --wds-avatar-group-gap-default: var(--wds-space-100);
1498
+ --wds-announcement-modal-padding-vertical: var(--wds-space-1100);
1499
+ --wds-announcement-modal-padding-horizontal: var(--wds-space-2400);
1500
+ --wds-announcement-modal-content-gap: var(--wds-space-300);
1501
+ --wds-announcement-modal-border-radius: var(--wds-border-radius-1200);
1502
+ --wds-announcement-modal-actions-padding: var(--wds-space-1050);
1503
+ --wds-add-item-padding-vertical-tiny: var(--wds-space-300);
1504
+ --wds-add-item-padding-vertical-small: var(--wds-space-400);
1505
+ --wds-add-item-padding-vertical-medium: var(--wds-space-600);
1506
+ --wds-add-item-padding-vertical-large: var(--wds-space-700);
1507
+ --wds-add-item-padding-horizontal-tiny: var(--wds-space-300);
1508
+ --wds-add-item-padding-horizontal-large: var(--wds-space-700);
1509
+ --wds-add-item-fill-disabled: var(--wds-color-black-100-transparent-5);
1510
+ --wds-add-item-fill: var(--wds-color-black-750);
1511
+ --wds-add-item-border-radius: var(--wds-border-radius-600);
1512
+ --wds-add-item-border-dashed-radius: var(--wds-border-radius-400);
1513
+ --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1514
+ --wds-accordion-inner-content-padding-top: var(--wds-space-100);
1515
+ --wds-accordion-inner-content-fill: var(--wds-color-white);
1516
+ --wds-accordion-border-radius: var(--wds-border-radius-0);
1517
+ --wds-shadow-surface-raised: var(--wds-shadow-200);
1518
+ --wds-shadow-surface-overlay-dark: var(--wds-shadow-300);
1519
+ --wds-shadow-surface-overlay: var(--wds-shadow-300);
1520
+ --wds-shadow-inner-400-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
1521
+ --wds-shadow-inner-400-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
1522
+ --wds-shadow-inner-300-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
1523
+ --wds-shadow-inner-300-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
1524
+ --wds-font-line-height-heading-6: var(--wds-font-line-height-100);
1525
+ --wds-font-line-height-heading-5: var(--wds-font-line-height-100);
1526
+ --wds-font-line-height-heading-4: var(--wds-font-line-height-300);
1527
+ --wds-font-line-height-heading-3: var(--wds-font-line-height-400);
1528
+ --wds-font-line-height-heading-2: var(--wds-font-line-height-500);
1529
+ --wds-font-line-height-heading-1: var(--wds-font-line-height-600);
1530
+ --wds-font-line-height-body-tiny: var(--wds-font-line-height-200);
1531
+ --wds-font-line-height-body-small: var(--wds-font-line-height-300);
1532
+ --wds-font-line-height-body-medium: var(--wds-font-line-height-400);
1533
+ --wds-font-line-height-body-extra-tiny: var(--wds-font-line-height-100);
1534
+ --wds-color-fill-surface-modal-backdrop: var(--wds-color-fill-transparent-primary);
1535
+ --wds-vertical-tabs-item-label-text-premium-active: var(--wds-color-text-premium);
1536
+ --wds-vertical-tabs-item-label-text-premium: var(--wds-color-text-premium);
1537
+ --wds-vertical-tabs-item-label-text-active: var(--wds-color-text-standard-primary);
1538
+ --wds-vertical-tabs-item-label-text: var(--wds-color-text-standard-secondary);
1539
+ --wds-vertical-tabs-item-label-disabled: var(--wds-color-text-disabled);
1540
+ --wds-vertical-tabs-item-fill-standard-premium-hover: var(--wds-color-fill-standard-tertiary-hover);
1541
+ --wds-vertical-tabs-item-fill-standard-premium-disabled: var(--wds-color-fill-standard-tertiary-hover);
1542
+ --wds-vertical-tabs-item-fill-standard-premium-active: var(--wds-color-fill-standard-tertiary-active);
1543
+ --wds-vertical-tabs-item-fill-standard-premium: var(--wds-color-fill-standard-tertiary);
1544
+ --wds-vertical-tabs-item-fill-standard-hover: var(--wds-color-fill-dark-tertiary-hover);
1545
+ --wds-vertical-tabs-item-fill-standard-disabled: var(--wds-color-fill-dark-tertiary-disabled);
1546
+ --wds-vertical-tabs-item-fill-standard-active: var(--wds-color-fill-dark-tertiary-active);
1547
+ --wds-vertical-tabs-item-fill-standard: var(--wds-color-fill-standard-tertiary);
1548
+ --wds-vertical-tabs-item-fill-neutral-premium-hover: var(--wds-color-fill-premium-light-primary-hover);
1549
+ --wds-vertical-tabs-item-fill-neutral-premium-disabled: var(--wds-color-fill-surface-neutral);
1550
+ --wds-vertical-tabs-item-fill-neutral-premium-active: var(--wds-color-fill-premium-tertiary-active);
1551
+ --wds-vertical-tabs-item-fill-neutral-premium: var(--wds-color-fill-surface-neutral);
1552
+ --wds-vertical-tabs-item-fill-neutral-hover: var(--wds-color-fill-dark-secondary-hover);
1553
+ --wds-vertical-tabs-item-fill-neutral-disabled: var(--wds-color-fill-surface-neutral);
1554
+ --wds-vertical-tabs-item-fill-neutral-active: var(--wds-color-fill-dark-tertiary-active);
1555
+ --wds-vertical-tabs-item-fill-neutral: var(--wds-color-fill-surface-neutral);
1556
+ --wds-vertical-tabs-item-fill-light-premium-hover: var(--wds-color-fill-premium-tertiary-hover);
1557
+ --wds-vertical-tabs-item-fill-light-premium-disabled: var(--wds-color-fill-premium-tertiary-disabled);
1558
+ --wds-vertical-tabs-item-fill-light-premium-active: var(--wds-color-fill-premium-tertiary-active);
1559
+ --wds-vertical-tabs-item-fill-light-premium: var(--wds-color-fill-premium-tertiary);
1560
+ --wds-vertical-tabs-item-fill-light-hover: var(--wds-color-fill-dark-tertiary-hover);
1561
+ --wds-vertical-tabs-item-fill-light-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1562
+ --wds-vertical-tabs-item-fill-light-active: var(--wds-color-fill-dark-tertiary-active);
1563
+ --wds-vertical-tabs-item-fill-light: var(--wds-color-fill-standard-tertiary);
1564
+ --wds-vertical-tabs-item-active-title-text-disabled: var(--wds-color-text-disabled);
1565
+ --wds-vertical-tabs-section-text-font-size-small: var(--wds-font-size-body-tiny);
1566
+ --wds-vertical-tabs-icon-fill-hover: var(--wds-color-text-standard-secondary);
1567
+ --wds-vertical-tabs-icon-fill-disabled: var(--wds-color-text-disabled);
1568
+ --wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary);
1569
+ --wds-vertical-tabs-icon-fill: var(--wds-color-text-standard-secondary);
1570
+ --wds-tooltip-text-fill: var(--wds-color-text-standard-primary-light);
1571
+ --wds-tooltip-label-font-size-medium: var(--wds-font-size-body-tiny);
1572
+ --wds-tooltip-background-fill: var(--wds-color-fill-surface-overlay-dark);
1573
+ --wds-toggle-switch-fill-urgent-hover: var(--wds-color-fill-dark-primary-hover);
1574
+ --wds-toggle-switch-fill-urgent-disabled: var(--wds-color-fill-urgent-primary-disabled);
1575
+ --wds-toggle-switch-fill-urgent-active-hover: var(--wds-color-fill-urgent-primary-hover);
1576
+ --wds-toggle-switch-fill-urgent-active: var(--wds-color-fill-urgent-primary);
1577
+ --wds-toggle-switch-fill-urgent: var(--wds-color-fill-dark-primary);
1578
+ --wds-toggle-switch-fill-success-hover: var(--wds-color-fill-dark-primary-hover);
1579
+ --wds-toggle-switch-fill-success-disabled: var(--wds-color-fill-success-primary-disabled);
1580
+ --wds-toggle-switch-fill-success-active-hover: var(--wds-color-fill-success-primary-hover);
1581
+ --wds-toggle-switch-fill-success-active: var(--wds-color-fill-success-primary);
1582
+ --wds-toggle-switch-fill-success: var(--wds-color-fill-dark-primary);
1583
+ --wds-toggle-switch-fill-standard-hover: var(--wds-color-fill-dark-primary-hover);
1584
+ --wds-toggle-switch-fill-standard-disabled: var(--wds-color-fill-standard-primary-disabled);
1585
+ --wds-toggle-switch-fill-standard-active-hover: var(--wds-color-fill-standard-primary-hover);
1586
+ --wds-toggle-switch-fill-standard-active: var(--wds-color-fill-standard-primary);
1587
+ --wds-toggle-switch-fill-error-hover: var(--wds-color-fill-dark-primary-hover);
1588
+ --wds-toggle-switch-fill-error-disabled: var(--wds-color-fill-destructive-primary-disabled);
1589
+ --wds-toggle-switch-fill-error-active-hover: var(--wds-color-fill-destructive-primary-hover);
1590
+ --wds-toggle-switch-fill-error-active: var(--wds-color-fill-destructive-primary);
1591
+ --wds-toggle-switch-fill-error: var(--wds-color-fill-dark-primary);
1592
+ --wds-toggle-button-square-label-font-size-tiny: var(--wds-font-size-body-tiny);
1593
+ --wds-toggle-button-square-label-font-size-small: var(--wds-font-size-body-tiny);
1594
+ --wds-toggle-button-square-label-font-size-medium: var(--wds-font-size-body-small);
1595
+ --wds-toggle-button-square-label-font-size-large: var(--wds-font-size-body-small);
1596
+ --wds-toggle-button-label-font-size-square-tiny: var(--wds-font-size-body-tiny);
1597
+ --wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-small);
1598
+ --wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-small);
1599
+ --wds-toggle-button-label-font-size-square-large: var(--wds-font-size-body-tiny);
1600
+ --wds-toggle-button-label-font-size-round-small: var(--wds-font-size-body-tiny);
1601
+ --wds-toggle-button-label-fill-standard-selected: var(--wds-color-text-primary);
1602
+ --wds-toggle-button-label-fill-standard-secondary-hover: var(--wds-color-text-standard-primary);
1603
+ --wds-toggle-button-label-fill-standard: var(--wds-color-text-standard-primary);
1604
+ --wds-toggle-button-label-fill-inverted-selected-hover: var(--wds-color-text-standard-primary);
1605
+ --wds-toggle-button-label-fill-inverted-selected: var(--wds-color-text-standard-primary);
1606
+ --wds-toggle-button-label-fill-inverted-hover: var(--wds-color-text-standard-primary);
1607
+ --wds-toggle-button-label-fill-inverted: var(--wds-color-text-standard-primary);
1608
+ --wds-toggle-button-label-fill-dark-selected-hover: var(--wds-color-text-standard-primary);
1609
+ --wds-toggle-button-label-fill-dark-selected: var(--wds-color-text-standard-primary);
1610
+ --wds-toggle-button-label-fill-dark-hover: var(--wds-color-text-standard-primary);
1611
+ --wds-toggle-button-label-fill-dark-default: var(--wds-color-text-standard-primary);
1612
+ --wds-toggle-button-fill-inverted-selected-hover: var(--wds-color-fill-dark-tertiary-hover);
1613
+ --wds-toggle-button-fill-inverted-selected: var(--wds-color-fill-dark-tertiary);
1614
+ --wds-toggle-button-fill-inverted-hover: var(--wds-color-fill-dark-secondary-hover);
1615
+ --wds-toggle-button-fill-dark-hover: var(--wds-color-fill-dark-secondary-hover);
1616
+ --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1617
+ --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1618
+ --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1619
+ --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1620
+ --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1621
+ --wds-thumbnail-border-color-selected: var(--wds-color-border-standard-secondary-active);
1622
+ --wds-thumbnail-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1623
+ --wds-thumbnail-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
1624
+ --wds-thumbnail-border-color: var(--wds-color-border-dark-secondary);
1625
+ --wds-tag-label-font-size-small: var(--wds-font-size-body-tiny);
1626
+ --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
1627
+ --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
1628
+ --wds-tabs-item-fill-active: var(--wds-color-fill-dark-secondary);
1629
+ --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1630
+ --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
1631
+ --wds-table-list-item-fill: var(--wds-color-fill-dark-tertiary);
1632
+ --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
1633
+ --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
1634
+ --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
1635
+ --wds-swatches-fill-border-no-value-dash: var(--wds-color-border-destructive-primary);
1636
+ --wds-swatches-fill-border-no-value: var(--wds-color-border-dark-secondary);
1637
+ --wds-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1638
+ --wds-status-toast-text-font-size: var(--wds-font-size-body-small);
1639
+ --wds-status-toast-text-fill: var(--wds-color-text-standard-primary-light);
1640
+ --wds-status-toast-info-icon-fill: var(--wds-color-text-standard-primary-light);
1641
+ --wds-slider-track-color: var(--wds-color-fill-dark-secondary-hover);
1642
+ --wds-slider-slider-marks-label-font-line-height: var(--wds-font-line-height-100);
1643
+ --wds-slider-slider-knob-color-hover: var(--wds-color-fill-standard-tertiary);
1644
+ --wds-slider-slider-knob-color-disabled: var(--wds-color-fill-standard-tertiary);
1645
+ --wds-slider-slider-knob-color: var(--wds-color-fill-standard-tertiary);
1646
+ --wds-sidebar-item-title: var(--wds-color-text-standard-secondary-light);
1647
+ --wds-sidebar-item-text-neutral-disabled: var(--wds-color-text-disabled);
1648
+ --wds-sidebar-item-text-neutral-default: var(--wds-color-text-standard-secondary);
1649
+ --wds-sidebar-item-text-light-disabled: var(--wds-color-text-disabled);
1650
+ --wds-sidebar-item-text-light-default: var(--wds-color-text-standard-secondary);
1651
+ --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
1652
+ --wds-side-panel-footer-fill: var(--wds-color-fill-surface-modal);
1653
+ --wds-side-panel-floating-title-font-size: var(--wds-font-size-heading-3);
1654
+ --wds-selector-button-text-fill-pressed: var(--wds-color-text-primary);
1655
+ --wds-selector-button-text-fill-hover: var(--wds-color-text-standard-primary);
1656
+ --wds-selector-button-text-fill-disabled: var(--wds-color-text-disabled);
1657
+ --wds-selector-button-text-fill: var(--wds-color-text-standard-primary);
1658
+ --wds-selector-button-font-size-small: var(--wds-font-size-body-tiny);
1659
+ --wds-selector-button-border-color-pressed: var(--wds-color-border-standard-secondary-active);
1660
+ --wds-selector-button-border-color-hover: var(--wds-color-border-standard-primary);
1661
+ --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled);
1662
+ --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-primary);
1663
+ --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-primary);
1664
+ --wds-segmented-toggle-value-fill-disabled: var(--wds-color-text-disabled);
1665
+ --wds-segmented-toggle-value-fill-default: var(--wds-color-text-standard-primary);
1666
+ --wds-segmented-toggle-value-fill: var(--wds-color-text-standard-primary);
1667
+ --wds-segmented-toggle-label-font-size-small: var(--wds-font-size-body-small);
1668
+ --wds-segmented-toggle-label-font-size-medium: var(--wds-font-size-body-medium);
1669
+ --wds-segmented-toggle-label-font-line-height-medium: var(--wds-font-line-height-400);
1670
+ --wds-segmented-toggle-fill-selected-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1671
+ --wds-segmented-toggle-fill-selected: var(--wds-color-fill-standard-tertiary);
1672
+ --wds-segmented-toggle-fill-hover: var(--wds-color-fill-light-secondary);
1673
+ --wds-segmented-toggle-fill-default: var(--wds-color-fill-standard-tertiary);
1674
+ --wds-segmented-toggle-border-hover: var(--wds-color-border-standard-secondary-hover);
1675
+ --wds-section-helper-title-font-size: var(--wds-font-size-body-small);
1676
+ --wds-section-helper-text-font-size: var(--wds-font-size-body-tiny);
1677
+ --wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
1678
+ --wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
1679
+ --wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
1680
+ --wds-section-header-fill-neutral: var(--wds-color-fill-surface-default);
1681
+ --wds-radio-label-font-size-small: var(--wds-font-size-body-tiny);
1682
+ --wds-radio-label-font-size-medium: var(--wds-font-size-body-small);
1683
+ --wds-radio-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
1684
+ --wds-radio-fill-active-hover: var(--wds-color-fill-standard-primary);
1685
+ --wds-radio-fill-active-disabled: var(--wds-color-fill-dark-secondary-active);
1686
+ --wds-radio-fill-active: var(--wds-color-fill-standard-primary);
1687
+ --wds-radio-fill: var(--wds-color-fill-standard-tertiary);
1688
+ --wds-radio-dot-fill-disabled: var(--wds-color-fill-standard-tertiary-readonly);
1689
+ --wds-radio-dot-fill-active: var(--wds-color-fill-standard-tertiary);
1690
+ --wds-radio-border-hover: var(--wds-color-fill-standard-primary);
1691
+ --wds-radio-border-disabled: var(--wds-color-border-transparent-primary);
1692
+ --wds-radio-border-active: var(--wds-color-fill-standard-primary);
1693
+ --wds-popover-fill: var(--wds-color-fill-surface-overlay);
1694
+ --wds-pagination-fill-hover: var(--wds-color-fill-standard-primary-hover);
1695
+ --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1696
+ --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1697
+ --wds-number-input-spacing: var(--wds-form-field-label-gap-tiny);
1698
+ --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1699
+ --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1700
+ --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1701
+ --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1702
+ --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1703
+ --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1704
+ --wds-loader-fill: var(--wds-color-fill-standard-secondary);
1705
+ --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
1706
+ --wds-list-item-select-title: var(--wds-color-text-standard-primary);
1707
+ --wds-list-item-select-suffix: var(--wds-color-text-standard-primary);
1708
+ --wds-list-item-select-subtitle-disabled: var(--wds-color-text-disabled);
1709
+ --wds-list-item-select-subtitle: var(--wds-color-text-placeholder);
1710
+ --wds-list-item-select-label-font-size-small: var(--wds-font-size-body-tiny);
1711
+ --wds-list-item-select-label-font-size-medium: var(--wds-font-size-body-small);
1712
+ --wds-list-item-select-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1713
+ --wds-list-item-select-fill-disabled: var(--wds-color-fill-standard-tertiary);
1714
+ --wds-list-item-select-fill-active: var(--wds-color-fill-standard-tertiary);
1715
+ --wds-list-item-select-fill: var(--wds-color-fill-standard-tertiary);
1716
+ --wds-list-item-select-active-title-screen-small: var(--wds-color-text-standard-primary);
1717
+ --wds-list-item-select-active-title-disabled-screen-small: var(--wds-color-text-disabled);
1718
+ --wds-list-item-select-active-title-disabled: var(--wds-color-text-disabled);
1719
+ --wds-list-item-select-active-title: var(--wds-color-text-standard-primary);
1720
+ --wds-list-item-select-active-subtitle-disabled: var(--wds-color-text-disabled);
1721
+ --wds-list-item-select-active-subtitle: var(--wds-color-text-standard-primary);
1722
+ --wds-list-item-select-active-fill-screen-small: var(--wds-color-fill-standard-secondary);
1723
+ --wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-tertiary);
1724
+ --wds-list-item-select-active-fill-active-screen-small: var(--wds-color-fill-standard-secondary-active);
1725
+ --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-tertiary-active);
1726
+ --wds-list-item-select-active-fill: var(--wds-color-fill-dark-tertiary-active);
1727
+ --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
1728
+ --wds-list-item-section-font-size: var(--wds-font-size-body-small);
1729
+ --wds-list-item-section-fill-neutral: var(--wds-color-fill-standard-tertiary);
1730
+ --wds-list-item-section-fill: var(--wds-color-fill-standard-tertiary);
1731
+ --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
1732
+ --wds-list-item-action-suffix-fill: var(--wds-color-text-standard-primary);
1733
+ --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-tiny);
1734
+ --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
1735
+ --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
1736
+ --wds-list-item-action-label-fill-active: var(--wds-color-text-standard-primary);
1737
+ --wds-list-item-action-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1738
+ --wds-list-item-action-fill-active: var(--wds-color-fill-dark-tertiary-active);
1739
+ --wds-linear-progress-bar-label-font-line-height: var(--wds-font-line-height-200);
1740
+ --wds-input-value-font-size-tiny: var(--wds-font-size-body-tiny);
1741
+ --wds-input-value-font-size-small: var(--wds-font-size-body-small);
1742
+ --wds-input-value-font-size-medium: var(--wds-font-size-body-small);
1743
+ --wds-input-value-font-size-large: var(--wds-font-size-body-small);
1744
+ --wds-input-value-font-line-height-large: var(--wds-font-size-body-small);
1745
+ --wds-input-icon-affix-fill: var(--wds-color-text-standard-primary);
1746
+ --wds-input-border-color-hover: var(--wds-color-border-standard-primary);
1747
+ --wds-input-border-color-focus: var(--wds-color-border-standard-primary-active);
1748
+ --wds-info-icon-fill-hover: var(--wds-color-text-primary);
1749
+ --wds-info-icon-fill: var(--wds-color-text-placeholder);
1750
+ --wds-icon-button-color-text-standard-tertiary-hover: var(--wds-color-fill-standard-primary-active);
1751
+ --wds-icon-button-color-text-standard-tertiary-active: var(--wds-color-fill-standard-primary-active);
1752
+ --wds-icon-button-color-text-standard-tertiary: var(--wds-color-text-primary);
1753
+ --wds-icon-button-color-text-standard-secondary-hover: var(--wds-color-fill-standard-primary-active);
1754
+ --wds-icon-button-color-text-standard-secondary-active: var(--wds-color-fill-standard-primary-active);
1755
+ --wds-icon-button-color-text-standard-secondary: var(--wds-color-text-primary);
1756
+ --wds-icon-button-color-text-standard-primary-hover: var(--wds-color-text-standard-primary-light);
1757
+ --wds-icon-button-color-text-standard-primary-active: var(--wds-color-text-standard-primary-light);
1758
+ --wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary-light);
1759
+ --wds-icon-button-color-text-premium-tertiary-hover: var(--wds-color-fill-premium-primary-active);
1760
+ --wds-icon-button-color-text-premium-tertiary-active: var(--wds-color-fill-premium-primary-active);
1761
+ --wds-icon-button-color-text-premium-tertiary: var(--wds-color-text-premium);
1762
+ --wds-icon-button-color-text-premium-secondary-hover: var(--wds-color-fill-premium-primary-active);
1763
+ --wds-icon-button-color-text-premium-secondary-active: var(--wds-color-fill-premium-primary-active);
1764
+ --wds-icon-button-color-text-premium-secondary: var(--wds-color-fill-premium-primary);
1765
+ --wds-icon-button-color-text-premium-primary-hover: var(--wds-color-text-standard-primary-light);
1766
+ --wds-icon-button-color-text-premium-primary-active: var(--wds-color-text-standard-primary-light);
1767
+ --wds-icon-button-color-text-premium-primary: var(--wds-color-text-standard-primary-light);
1768
+ --wds-icon-button-color-text-light-tertiary-hover: var(--wds-color-fill-standard-primary-active);
1769
+ --wds-icon-button-color-text-light-tertiary-disabled: var(--wds-color-text-disabled-light);
1770
+ --wds-icon-button-color-text-light-tertiary-active: var(--wds-color-fill-standard-primary-active);
1771
+ --wds-icon-button-color-text-light-tertiary: var(--wds-color-text-standard-primary-light);
1772
+ --wds-icon-button-color-text-light-secondary-hover: var(--wds-color-fill-standard-primary-active);
1773
+ --wds-icon-button-color-text-light-secondary-active: var(--wds-color-fill-standard-primary-active);
1774
+ --wds-icon-button-color-text-light-secondary: var(--wds-color-text-standard-primary-light);
1775
+ --wds-icon-button-color-text-light-primary-hover: var(--wds-color-fill-standard-primary-active);
1776
+ --wds-icon-button-color-text-light-primary-active: var(--wds-color-fill-standard-primary-active);
1777
+ --wds-icon-button-color-text-light-primary: var(--wds-color-fill-standard-primary);
1778
+ --wds-icon-button-color-text-dark-tertiary-hover: var(--wds-color-text-standard-primary);
1779
+ --wds-icon-button-color-text-dark-tertiary-active: var(--wds-color-text-standard-primary);
1780
+ --wds-icon-button-color-text-dark-tertiary: var(--wds-color-text-standard-primary);
1781
+ --wds-icon-button-color-text-dark-secondary-hover: var(--wds-color-text-standard-primary);
1782
+ --wds-icon-button-color-text-dark-secondary-active: var(--wds-color-text-standard-primary);
1783
+ --wds-icon-button-color-text-dark-secondary: var(--wds-color-text-standard-primary);
1784
+ --wds-icon-button-color-text-dark-primary-hover: var(--wds-color-text-standard-primary-light);
1785
+ --wds-icon-button-color-text-dark-primary-active: var(--wds-color-text-standard-primary-light);
1786
+ --wds-icon-button-color-text-dark-primary: var(--wds-color-text-standard-primary-light);
1787
+ --wds-icon-button-color-fill-standard-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
1788
+ --wds-icon-button-color-fill-standard-tertiary-disabled: var(--wds-color-fill-light-secondary);
1789
+ --wds-icon-button-color-fill-standard-tertiary-active: var(--wds-color-fill-light-secondary-active);
1790
+ --wds-icon-button-color-fill-standard-tertiary: var(--wds-color-fill-light-secondary);
1791
+ --wds-icon-button-color-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
1792
+ --wds-icon-button-color-fill-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
1793
+ --wds-icon-button-color-fill-standard-secondary: var(--wds-color-fill-standard-tertiary);
1794
+ --wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
1795
+ --wds-icon-button-color-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
1796
+ --wds-icon-button-color-fill-standard-primary: var(--wds-color-fill-standard-primary);
1797
+ --wds-icon-button-color-fill-premium-tertiary-hover: var(--wds-color-fill-premium-secondary-hover);
1798
+ --wds-icon-button-color-fill-premium-tertiary-disabled: var(--wds-color-fill-premium-secondary-disabled);
1799
+ --wds-icon-button-color-fill-premium-tertiary-active: var(--wds-color-fill-premium-secondary-active);
1800
+ --wds-icon-button-color-fill-premium-tertiary: var(--wds-color-fill-premium-secondary);
1801
+ --wds-icon-button-color-fill-premium-secondary-hover: var(--wds-color-fill-premium-tertiary-hover);
1802
+ --wds-icon-button-color-fill-premium-secondary-active: var(--wds-color-fill-premium-tertiary-active);
1803
+ --wds-icon-button-color-fill-premium-secondary: var(--wds-color-fill-premium-tertiary);
1804
+ --wds-icon-button-color-fill-premium-primary-hover: var(--wds-color-fill-premium-primary-hover);
1805
+ --wds-icon-button-color-fill-premium-primary-active: var(--wds-color-fill-premium-primary-active);
1806
+ --wds-icon-button-color-fill-premium-primary: var(--wds-color-fill-premium-primary);
1807
+ --wds-icon-button-color-fill-light-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
1808
+ --wds-icon-button-color-fill-light-tertiary-disabled: var(--wds-color-fill-light-secondary);
1809
+ --wds-icon-button-color-fill-light-tertiary-active: var(--wds-color-fill-light-secondary-active);
1810
+ --wds-icon-button-color-fill-light-tertiary: var(--wds-color-fill-light-secondary);
1811
+ --wds-icon-button-color-fill-light-secondary-hover: var(--wds-color-fill-light-secondary-hover);
1812
+ --wds-icon-button-color-fill-light-secondary-active: var(--wds-color-fill-light-secondary-active);
1813
+ --wds-icon-button-color-fill-light-secondary: var(--wds-color-fill-light-secondary);
1814
+ --wds-icon-button-color-fill-light-primary-hover: var(--wds-color-fill-light-primary-hover);
1815
+ --wds-icon-button-color-fill-light-primary-active: var(--wds-color-fill-light-primary-active);
1816
+ --wds-icon-button-color-fill-light-primary: var(--wds-color-fill-light-primary);
1817
+ --wds-icon-button-color-fill-dark-tertiary-hover: var(--wds-color-fill-dark-tertiary-hover);
1818
+ --wds-icon-button-color-fill-dark-tertiary-disabled: var(--wds-color-fill-light-secondary);
1819
+ --wds-icon-button-color-fill-dark-tertiary-active: var(--wds-color-fill-dark-tertiary-active);
1820
+ --wds-icon-button-color-fill-dark-tertiary: var(--wds-color-fill-light-secondary);
1821
+ --wds-icon-button-color-fill-dark-secondary-hover: var(--wds-color-fill-dark-tertiary-hover);
1822
+ --wds-icon-button-color-fill-dark-secondary-active: var(--wds-color-fill-dark-tertiary-active);
1823
+ --wds-icon-button-color-fill-dark-secondary: var(--wds-color-fill-light-secondary);
1824
+ --wds-icon-button-color-fill-dark-primary-hover: var(--wds-color-fill-dark-primary-hover);
1825
+ --wds-icon-button-color-fill-dark-primary-active: var(--wds-color-fill-dark-primary-active);
1826
+ --wds-icon-button-color-fill-dark-primary: var(--wds-color-fill-dark-primary);
1827
+ --wds-icon-button-color-border-standard-secondary-hover: var(--wds-color-border-standard-tertiary-hover);
1828
+ --wds-icon-button-color-border-standard-secondary-active: var(--wds-color-border-standard-tertiary-active);
1829
+ --wds-icon-button-color-border-standard-secondary: var(--wds-color-border-standard-primary);
1830
+ --wds-icon-button-color-border-premium-secondary-active: var(--wds-color-border-premium-tertiary-active);
1831
+ --wds-icon-button-color-border-premium-secondary: var(--wds-color-border-premium-primary);
1832
+ --wds-icon-button-color-border-light-secondary-hover: var(--wds-color-border-light-hover);
1833
+ --wds-icon-button-color-border-light-secondary-active: var(--wds-color-border-light-active);
1834
+ --wds-icon-button-color-border-light-secondary: var(--wds-color-border-light);
1835
+ --wds-icon-button-color-border-dark-secondary-hover: var(--wds-color-border-dark-secondary-hover);
1836
+ --wds-icon-button-color-border-dark-secondary-active: var(--wds-color-border-dark-secondary-active);
1837
+ --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary);
1838
+ --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
1839
+ --wds-form-field-label-font-size-small: var(--wds-font-size-body-tiny);
1840
+ --wds-form-field-label-fill: var(--wds-color-text-standard-secondary);
1841
+ --wds-fill-button-icon-color: var(--wds-color-text-standard-primary);
1842
+ --wds-fill-button-fill-hover: var(--wds-color-fill-standard-tertiary);
1843
+ --wds-fill-button-fill: var(--wds-color-fill-standard-tertiary);
1844
+ --wds-field-set-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
1845
+ --wds-field-set-label-font-size-small: var(--wds-font-size-body-tiny);
1846
+ --wds-field-set-label-fill: var(--wds-color-text-standard-secondary);
1847
+ --wds-dropdown-icon-fill-disabled: var(--wds-color-text-disabled);
1848
+ --wds-dropdown-icon-fill: var(--wds-color-text-standard-secondary);
1849
+ --wds-drag-handle-fill: var(--wds-color-text-standard-primary);
1850
+ --wds-dock-point-fill-hover: var(--wds-color-fill-dark-secondary-active);
1851
+ --wds-dock-point-fill-fill: var(--wds-color-text-standard-secondary-light);
1852
+ --wds-dock-point-fill-active: var(--wds-color-fill-standard-primary);
1853
+ --wds-divider-fill-color-light-secondary: var(--wds-color-border-dark-secondary);
1854
+ --wds-divider-fill-color-light-primary: var(--wds-color-border-dark-secondary);
1855
+ --wds-date-picker-icon-fill-disabled: var(--wds-color-text-disabled);
1856
+ --wds-date-picker-icon-fill: var(--wds-color-text-standard-secondary);
1857
+ --wds-custom-modal-header-subtitle-font-size: var(--wds-font-size-body-small);
1858
+ --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-tiny);
1859
+ --wds-custom-modal-border-radius: var(--wds-border-radius-surface-modal);
1860
+ --wds-close-button-standard-filled-text-hover: var(--wds-color-text-standard-primary);
1861
+ --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-disabled);
1862
+ --wds-close-button-standard-filled-text: var(--wds-color-text-standard-primary);
1863
+ --wds-close-button-standard-filled-fill: var(--wds-color-fill-dark-secondary);
1864
+ --wds-close-button-standard-fill-hover: var(--wds-color-fill-dark-secondary-hover);
1865
+ --wds-close-button-standard-fill-disabled: var(--wds-color-fill-dark-secondary-disabled);
1866
+ --wds-close-button-standard-fill-active: var(--wds-color-fill-dark-tertiary-active);
1867
+ --wds-clickable-card-outline-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1868
+ --wds-clickable-card-outline-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
1869
+ --wds-clickable-card-outline-border-color-active: var(--wds-color-border-standard-secondary-active);
1870
+ --wds-circular-progress-bar-label-font-line-height: var(--wds-font-line-height-300);
1871
+ --wds-circular-progress-bar-foreground-fill-success: var(--wds-color-fill-success-primary);
1872
+ --wds-circular-progress-bar-foreground-fill-standard: var(--wds-color-fill-standard-primary);
1873
+ --wds-circular-progress-bar-foreground-fill-premium: var(--wds-color-fill-premium-primary);
1874
+ --wds-circular-progress-bar-foreground-fill-error: var(--wds-color-fill-destructive-primary);
1875
+ --wds-circular-progress-bar-background-fill-success: var(--wds-color-fill-success-secondary-disabled);
1876
+ --wds-circular-progress-bar-background-fill-standard: var(--wds-color-fill-standard-secondary-disabled);
1877
+ --wds-circular-progress-bar-background-fill-premium: var(--wds-color-fill-premium-secondary-disabled);
1878
+ --wds-circular-progress-bar-background-fill-error: var(--wds-color-fill-destructive-secondary-disabled);
1879
+ --wds-checkbox-label-font-size-small: var(--wds-font-size-body-tiny);
1880
+ --wds-checkbox-label-font-size-medium: var(--wds-font-size-body-small);
1881
+ --wds-checkbox-label-disabled: var(--wds-color-text-disabled);
1882
+ --wds-checkbox-icon-disabled: var(--wds-color-text-disabled-light);
1883
+ --wds-checkbox-icon: var(--wds-color-text-standard-primary-light);
1884
+ --wds-checkbox-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
1885
+ --wds-checkbox-fill-active-hover: var(--wds-color-fill-standard-primary-hover);
1886
+ --wds-checkbox-fill-active-disabled: var(--wds-color-fill-standard-primary-disabled);
1887
+ --wds-checkbox-fill-active: var(--wds-color-fill-standard-primary);
1888
+ --wds-checkbox-fill: var(--wds-color-fill-standard-tertiary);
1889
+ --wds-checkbox-border-hover: var(--wds-color-fill-standard-primary);
1890
+ --wds-checkbox-border-disabled: var(--wds-color-border-transparent-primary);
1891
+ --wds-checkbox-border-active: var(--wds-color-border-standard-primary-active);
1892
+ --wds-carousel-controls-shadow: 0 var(--wds-shadow-y-primary-modal) var(--wds-shadow-blur-primary-modal) var(--wds-shadow-fill-primary-modal), 0 var(--wds-shadow-blur-secondary-modal) var(--wds-shadow-y-secondary-modal) var(--wds-shadow-fill-secondary-modal);
1893
+ --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
1894
+ --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1895
+ --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
1896
+ --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
1897
+ --wds-button-label-font-size-large: var(--wds-font-size-body-medium);
1898
+ --wds-button-label-fill-standard-secondary-hover: var(--wds-color-fill-standard-primary-active);
1899
+ --wds-button-label-fill-standard-secondary-active: var(--wds-color-fill-standard-primary-active);
1900
+ --wds-button-label-fill-standard-secondary: var(--wds-color-fill-standard-primary-hover);
1901
+ --wds-button-label-fill-premium-secondary-hover: var(--wds-color-fill-premium-primary-active);
1902
+ --wds-button-label-fill-premium-secondary-active: var(--wds-color-fill-premium-primary-active);
1903
+ --wds-button-label-fill-premium-secondary: var(--wds-color-text-premium);
1904
+ --wds-button-label-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-primary-hover);
1905
+ --wds-button-label-fill-destructive-secondary-disabled: var(--wds-color-fill-destructive-primary-active);
1906
+ --wds-button-label-fill-destructive-secondary-active: var(--wds-color-fill-destructive-primary-active);
1907
+ --wds-button-label-fill-destructive-secondary: var(--wds-color-text-destructive);
1908
+ --wds-button-label-fill-dark-secondary-hover: var(--wds-color-text-standard-primary);
1909
+ --wds-button-label-fill-dark-secondary-active: var(--wds-color-text-standard-primary);
1910
+ --wds-button-label-fill-dark-secondary: var(--wds-color-text-standard-primary);
1911
+ --wds-button-font-size-tiny: var(--wds-font-size-body-tiny);
1912
+ --wds-button-font-size-small: var(--wds-font-size-body-tiny);
1913
+ --wds-button-font-size-medium: var(--wds-font-size-body-small);
1914
+ --wds-button-font-size-large: var(--wds-font-size-body-medium);
1915
+ --wds-button-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
1916
+ --wds-button-fill-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
1917
+ --wds-button-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
1918
+ --wds-button-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
1919
+ --wds-button-fill-standard-primary: var(--wds-color-fill-standard-primary);
1920
+ --wds-button-fill-premium-secondary-hover: var(--wds-color-fill-premium-tertiary-hover);
1921
+ --wds-button-fill-premium-secondary-active: var(--wds-color-fill-premium-tertiary-active);
1922
+ --wds-button-fill-gradient-hover-secondary: var(--wds-color-fill-standard-primary-hover);
1923
+ --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
1924
+ --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover);
1925
+ --wds-button-fill-destructive-secondary-active: var(--wds-color-fill-destructive-tertiary-active);
1926
+ --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
1927
+ --wds-button-border-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
1928
+ --wds-button-border-standard-secondary: var(--wds-color-border-standard-primary);
1929
+ --wds-button-border-premium-secondary-hover: var(--wds-color-fill-premium-secondary-hover);
1930
+ --wds-button-border-premium-secondary-active: var(--wds-color-fill-premium-tertiary-active);
1931
+ --wds-button-border-premium-secondary: var(--wds-color-border-premium-secondary-hover);
1932
+ --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
1933
+ --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
1934
+ --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
1935
+ --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
1936
+ --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
1937
+ --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
1938
+ --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
1939
+ --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary-hover);
1940
+ --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
1941
+ --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
1942
+ --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-secondary);
1943
+ --wds-badge-outline-destructive-border-color: var(--wds-color-border-destructive-primary);
1944
+ --wds-badge-outline-dark-label-color: var(--wds-color-text-standard-secondary);
1945
+ --wds-badge-outline-dark-fill: var(--wds-color-fill-dark-secondary);
1946
+ --wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary);
1947
+ --wds-badge-label-font-size-small: var(--wds-font-size-body-tiny);
1948
+ --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-2);
1949
+ --wds-announcement-modal-text-font-size: var(--wds-font-size-body-medium);
1950
+ --wds-angle-input-ring-border: var(--wds-color-border-dark-secondary);
1951
+ --wds-angle-input-knob-fill: var(--wds-color-fill-standard-tertiary);
1952
+ --wds-angle-input-knob-disabled: var(--wds-color-fill-standard-tertiary);
1953
+ --wds-angle-input-arm-border: var(--wds-color-fill-standard-primary);
1954
+ --wds-add-item-title-font-size-small: var(--wds-font-size-body-tiny);
1955
+ --wds-add-item-title-font-size-medium: var(--wds-font-size-body-small);
1956
+ --wds-add-item-label-color: var(--wds-color-text-standard-primary);
1957
+ --wds-add-item-fill-pressed: var(--wds-color-fill-dark-secondary-active);
1958
+ --wds-add-item-fill-hover: var(--wds-color-fill-dark-secondary-hover);
1959
+ --wds-add-item-border-color-hover: var(--wds-color-fill-dark-primary);
1960
+ --wds-add-item-border-color-disabled: var(--wds-color-fill-dark-primary-disabled);
1961
+ --wds-add-item-border-color: var(--wds-color-fill-dark-primary);
1962
+ --wds-accordion-title-font-size-small: var(--wds-font-size-body-tiny);
1963
+ --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
1964
+ --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
1965
+ --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
1966
+ --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
1967
+ --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
1968
+ --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-dark-tertiary-hover);
1969
+ --wds-accordion-background-fill-standard: var(--wds-color-fill-dark-tertiary);
1970
+ --wds-accordion-background-fill-light-hover: var(--wds-color-fill-dark-tertiary-hover);
1971
+ --wds-accordion-background-fill-light: var(--wds-color-fill-dark-tertiary);
1972
+ --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-tiny);
1973
+ --wds-tooltip-label-font-line-height-small: var(--wds-font-line-height-body-extra-tiny);
1974
+ --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
1975
+ --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
1976
+ --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
1977
+ --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1978
+ --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1979
+ --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
1980
+ --wds-tabs-label-line-height-small: var(--wds-font-line-height-body-small);
1981
+ --wds-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
1982
+ --wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-small);
1983
+ --wds-side-panel-title-font-line-height: var(--wds-font-line-height-heading-3);
1984
+ --wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-heading-3);
1985
+ --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-small);
1986
+ --wds-section-helper-text-font-line-height: var(--wds-font-line-height-body-tiny);
1987
+ --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
1988
+ --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
1989
+ --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
1990
+ --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
1991
+ --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-small);
1992
+ --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1993
+ --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-small);
1994
+ --wds-list-item-action-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
1995
+ --wds-list-item-action-label-font-line-height-small: var(--wds-font-line-height-body-small);
1996
+ --wds-list-item-action-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1997
+ --wds-input-value-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1998
+ --wds-input-value-font-line-height-small: var(--wds-font-line-height-body-small);
1999
+ --wds-input-value-font-line-height-medium: var(--wds-font-line-height-body-small);
2000
+ --wds-form-field-label-line-height-tiny: var(--wds-font-line-height-body-extra-tiny);
2001
+ --wds-form-field-label-line-height-small: var(--wds-font-line-height-body-tiny);
2002
+ --wds-field-set-label-font-line-height-tiny: var(--wds-font-line-height-body-extra-tiny);
2003
+ --wds-field-set-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2004
+ --wds-custom-modal-header-subtitle-font-line-height: var(--wds-font-line-height-body-small);
2005
+ --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-tiny);
2006
+ --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2007
+ --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2008
+ --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-tiny);
2009
+ --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2010
+ --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2011
+ --wds-button-font-line-height-small: var(--wds-font-line-height-body-tiny);
2012
+ --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);
2013
+ --wds-button-font-line-height-large: var(--wds-font-line-height-body-medium);
2014
+ --wds-button-font-line-height-extra-large: var(--wds-font-line-height-body-medium);
2015
+ --wds-badge-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2016
+ --wds-announcement-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
2017
+ --wds-announcement-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2018
+ --wds-add-item-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2019
+ --wds-add-item-title-font-line-height-medium: var(--wds-font-line-height-body-small);
2020
+ --wds-accordion-title-font-line-height-small: var(--wds-font-line-height-body-medium);
2021
+ --wds-accordion-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2022
+ }