@arc-ui/tokens-ee 12.0.0-beta.5 → 12.0.0-beta7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.cjs.d.ts +1529 -1413
  2. package/dist/index.cjs.js +1639 -1407
  3. package/dist/index.css +1515 -1399
  4. package/dist/index.es.js +1516 -1400
  5. package/dist/scss/index.scss +1515 -1399
  6. package/package.json +2 -2
package/dist/scss/index.scss CHANGED
@@ -1,1168 +1,127 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 29 Aug 2024 08:40:41 GMT
3
+ // Generated on Fri, 25 Oct 2024 08:32:15 GMT
4
4
 
5
- $sem-font-family-heading: Non-Dottee;
6
- $sem-font-family-body: Non-Dottee;
7
- $sem-font-family-interface: Non-Dottee;
8
- $sem-font-weight-regular: 400;
9
- $sem-font-weight-semi: 700;
10
- $sem-font-weight-bold: 700;
11
- $sem-font-weight-button: 700;
12
- $sem-font-weight-semi-bold: 500;
13
- $sem-type-body-reg-xs: 400 12px/16px Non-Dottee;
14
- $sem-type-body-reg-s: 400 14px/20px Non-Dottee;
15
- $sem-type-body-reg-m: 400 16px/24px Non-Dottee;
16
- $sem-type-body-reg-l: 400 20px/26px Non-Dottee;
17
- $sem-type-body-bold-xs: 700 12px/16px Non-Dottee;
18
- $sem-type-body-bold-s: 700 14px/20px Non-Dottee;
19
- $sem-type-body-bold-m: 700 16px/24px Non-Dottee;
20
- $sem-type-body-bold-l: 700 20px/26px Non-Dottee;
21
- $sem-type-body-semi-xs: 700 12px/16px Non-Dottee;
22
- $sem-type-body-semi-s: 700 14px/20px Non-Dottee;
23
- $sem-type-body-semi-m: 700 16px/24px Non-Dottee;
24
- $sem-type-body-semi-l: 700 20px/26px Non-Dottee;
25
- $sem-type-interface-reg-xs: 400 12px/12px Non-Dottee;
26
- $sem-type-interface-reg-s: 400 14px/14px Non-Dottee;
27
- $sem-type-interface-reg-m: 400 16px/16px Non-Dottee;
28
- $sem-type-interface-reg-l: 400 20px/20px Non-Dottee;
29
- $sem-type-interface-semi-xs: 700 12px/12px Non-Dottee;
30
- $sem-type-interface-semi-s: 700 14px/14px Non-Dottee;
31
- $sem-type-interface-semi-m: 700 16px/16px Non-Dottee;
32
- $sem-type-interface-semi-l: 700 20px/20px Non-Dottee;
33
- $sem-type-interface-bold-xs: 700 12px/12px Non-Dottee;
34
- $sem-type-interface-bold-s: 700 14px/14px Non-Dottee;
35
- $sem-type-interface-bold-m: 700 16px/16px Non-Dottee;
36
- $sem-type-interface-bold-l: 700 20px/20px Non-Dottee;
37
- $sem-type-interface-button-s: 700 14px/14px Non-Dottee;
38
- $sem-type-interface-button-m: 700 16px/16px Non-Dottee;
39
- $sem-type-interface-button-l: 700 20px/20px Non-Dottee;
40
- $sem-type-interface-card-semi-m: 700 24px/32px Non-Dottee;
41
- $sem-type-interface-card-semi-l: 700 28px/32px Non-Dottee;
42
- $sem-type-interface-card-semi-xl: 700 32px/40px Non-Dottee;
43
- $sem-type-interface-card-semi-s: 700 20px/26px Non-Dottee;
44
- $sem-type-interface-alert-title-m: 700 16px/24px Non-Dottee;
45
- $sem-type-interface-progress-bar-title-m: 400 16px/16px Non-Dottee;
46
- $sem-type-support-reg-xs: 400 12px/16px Non-Dottee;
47
- $sem-type-support-reg-s: 400 14px/20px Non-Dottee;
48
- $sem-type-support-reg-m: 400 16px/24px Non-Dottee;
49
- $sem-type-support-reg-l: 400 20px/26px Non-Dottee;
50
- $sem-type-mobile-semi-xxxs: 700 12px/16px Non-Dottee;
51
- $sem-type-mobile-semi-xxs: 700 14px/20px Non-Dottee;
52
- $sem-type-mobile-semi-xs: 700 16px/24px Non-Dottee;
53
- $sem-type-mobile-semi-s: 700 20px/26px Non-Dottee;
54
- $sem-type-mobile-semi-m: 700 24px/32px Non-Dottee;
55
- $sem-type-mobile-semi-l: 700 28px/36px Non-Dottee;
56
- $sem-type-mobile-semi-xl: 700 36px/44px Non-Dottee;
57
- $sem-type-mobile-semi-xxl: 700 40px/48px Non-Dottee;
58
- $sem-type-mobile-semi-xxxl: 700 56px/64px Non-Dottee;
59
- $sem-type-mobile-bold-xxxs: 700 12px/16px Non-Dottee;
60
- $sem-type-mobile-bold-xxs: 700 14px/20px Non-Dottee;
61
- $sem-type-mobile-bold-xs: 700 16px/24px Non-Dottee;
62
- $sem-type-mobile-bold-s: 700 20px/26px Non-Dottee;
63
- $sem-type-mobile-bold-m: 700 24px/32px Non-Dottee;
64
- $sem-type-mobile-bold-l: 700 28px/36px Non-Dottee;
65
- $sem-type-mobile-bold-xl: 700 36px/44px Non-Dottee;
66
- $sem-type-mobile-bold-xxl: 700 40px/48px Non-Dottee;
67
- $sem-type-mobile-bold-xxxl: 700 56px/64px Non-Dottee;
68
- $sem-type-tablet-semi-m: 700 28px/36px Non-Dottee;
69
- $sem-type-tablet-semi-l: 700 32px/40px Non-Dottee;
70
- $sem-type-tablet-semi-xl: 700 40px/48px Non-Dottee;
71
- $sem-type-tablet-semi-xxl: 700 56px/64px Non-Dottee;
72
- $sem-type-tablet-semi-xxxl: 700 80px/96px Non-Dottee;
73
- $sem-type-tablet-bold-m: 700 28px/36px Non-Dottee;
74
- $sem-type-tablet-bold-l: 700 32px/40px Non-Dottee;
75
- $sem-type-tablet-bold-xl: 700 40px/48px Non-Dottee;
76
- $sem-type-tablet-bold-xxl: 700 56px/64px Non-Dottee;
77
- $sem-type-tablet-bold-xxxl: 700 80px/96px Non-Dottee;
78
- $sem-type-desktop-semi-m: 700 32px/40px Non-Dottee;
79
- $sem-type-desktop-semi-l: 700 40px/48px Non-Dottee;
80
- $sem-type-desktop-semi-xl: 700 56px/64px Non-Dottee;
81
- $sem-type-desktop-semi-xxl: 700 80px/96px Non-Dottee;
82
- $sem-type-desktop-semi-xxxl: 700 120px/136px Non-Dottee;
83
- $sem-type-desktop-bold-m: 700 32px/40px Non-Dottee;
84
- $sem-type-desktop-bold-l: 700 40px/48px Non-Dottee;
85
- $sem-type-desktop-bold-xl: 700 56px/64px Non-Dottee;
86
- $sem-type-desktop-bold-xxl: 700 80px/96px Non-Dottee;
87
- $sem-type-desktop-bold-xxxl: 700 120px/136px Non-Dottee;
88
- $sem-type-label-reg-xxs: 400 14px/20px Non-Dottee;
89
- $sem-type-label-reg-xs: 400 14px/20px Non-Dottee;
90
- $sem-type-label-reg-l: 400 20px/26px Non-Dottee;
91
- $sem-type-label-reg-m: 400 16px/24px Non-Dottee;
92
- $sem-type-label-reg-xl: 400 20px/26px Non-Dottee;
93
- $sem-type-label-reg-s: 400 14px/20px Non-Dottee;
94
- $sem-font-size-75: 12px;
95
- $sem-font-size-87: 14px;
96
- $sem-font-size-100: 16px;
97
- $sem-font-size-125: 20px;
98
- $sem-font-size-150: 24px;
99
- $sem-font-size-175: 28px;
100
- $sem-font-size-200: 32px;
101
- $sem-font-size-225: 36px;
102
- $sem-font-size-250: 40px;
103
- $sem-font-size-300: 48px;
104
- $sem-font-size-350: 56px;
105
- $sem-font-size-400: 64px;
106
- $sem-font-size-500: 80px;
107
- $sem-font-size-750: 120px;
108
- $sem-line-height-base-scale-xxxs: 16px;
109
- $sem-line-height-base-scale-xxs: 20px;
110
- $sem-line-height-base-scale-xs: 24px;
111
- $sem-line-height-base-scale-s: 26px;
112
- $sem-line-height-base-scale-m: 28px;
113
- $sem-line-height-base-scale-l: 32px;
114
- $sem-line-height-base-scale-xl: 36px;
115
- $sem-line-height-base-scale-xxl: 40px;
116
- $sem-line-height-base-scale-xxxl: 44px;
117
- $sem-line-height-base-scale-xxxxl: 48px;
118
- $sem-line-height-base-scale-xxxxxl: 64px;
119
- $sem-line-height-base-scale-xxxxxxl: 96px;
120
- $sem-line-height-base-scale-xxxxxxxl: 136px;
121
- $sem-line-height-interface-none: 0px;
122
- $sem-line-height-interface-xxxs: 8px;
123
- $sem-line-height-interface-xxs: 10px;
124
- $sem-line-height-interface-xs: 12px;
125
- $sem-line-height-interface-s: 14px;
126
- $sem-line-height-interface-m: 16px;
127
- $sem-line-height-interface-l: 20px;
128
- $sem-paragraph-spacing-heading: 0;
129
- $sem-paragraph-spacing-body: 0.5;
130
- $sem-paragraph-spacing-interface: 0;
131
- $sem-size-icon-xxxs: 12px;
132
- $sem-size-icon-xxs: 14px;
133
- $sem-size-icon-xs: 16px;
134
- $sem-size-icon-s: 20px;
135
- $sem-size-icon-m: 24px;
136
- $sem-size-icon-ml: 42px;
137
- $sem-size-icon-l: 28px;
138
- $sem-size-icon-xl: 32px;
139
- $sem-size-icon-xxl: 40px;
140
- $sem-size-icon-xxxl: 48px;
141
- $sem-size-icon-xxxxl: 64px;
142
- $sem-size-icon-xxxxxl: 80px;
143
- $sem-size-icon-xxxxxxl: 96px;
144
- $sem-size-icon-xxxxs: 32px;
145
- $sem-size-icon-xxxxxxs: 10px;
146
- $sem-size-all-5: 2px;
147
- $sem-size-all-10: 1px;
148
- $sem-size-all-20: 4px;
149
- $sem-size-all-30: 8px;
150
- $sem-size-all-40: 12px;
151
- $sem-size-all-45: 14px;
152
- $sem-size-all-50: 16px;
153
- $sem-size-all-60: 20px;
154
- $sem-size-all-70: 24px;
155
- $sem-size-all-75: 26px;
156
- $sem-size-all-80: 28px;
157
- $sem-size-all-85: 28px;
158
- $sem-size-all-90: 32px;
159
- $sem-size-all-95: 34px;
160
- $sem-size-all-100: 36px;
161
- $sem-size-all-110: 40px;
162
- $sem-size-all-115: 36px;
163
- $sem-size-all-120: 42px;
164
- $sem-size-all-130: 44px;
165
- $sem-size-all-140: 48px;
166
- $sem-size-all-142: 52px;
167
- $sem-size-all-145: 56px;
168
- $sem-size-all-150: 58px;
169
- $sem-size-all-155: 60px;
170
- $sem-size-all-160: 64px;
171
- $sem-size-all-162: 84px; // SiteHeader (ENT)
172
- $sem-size-all-165: 80px;
173
- $sem-size-all-170: 96px;
174
- $sem-size-all-175: 96px;
175
- $sem-size-all-178: 72px;
176
- $sem-size-all-180: 128px;
177
- $sem-size-all-182: 106px;
178
- $sem-size-all-185: 282px;
179
- $sem-size-all-190: 288px;
180
- $sem-size-all-195: 304px;
181
- $sem-size-all-200: 384px;
182
- $sem-size-all-210: 472px;
183
- $sem-size-all-220: 591px;
184
- $sem-size-all-230: 800px;
185
- $sem-size-all-240: 800px;
186
- $sem-size-breakpoints-xs: 320px; // Extra Small (XS) - 320px or under 576px: This is typically the breakpoint for smartphones in portrait mode.
187
- $sem-size-breakpoints-s: 576px; // Small (SM) - 576px to 767px: This is often used for smartphones in landscape mode and small tablets.
188
- $sem-size-breakpoints-m: 768px; // Medium (MD) - 768px to 991px: This is commonly used for larger tablets and smaller desktop screens.
189
- $sem-size-breakpoints-l: 1024px; // Large (LG) - 1024px - 1279px: This breakpoint is often applied to larger desktop screens and some laptops.
190
- $sem-size-breakpoints-xl: 1280px; // Extra Large (XL) - 1280px and above: This breakpoint is used for very large desktop screens.
191
- $sem-size-breakpoints-xxl: 1440px; // Extra Large (XXL) - Used for very large desktop screens.
192
- $sem-size-vertical-10: 4px; // This can be reserved for commonly used components: buttons, dropdowns, inputs etc
193
- $sem-size-vertical-20: 8px;
194
- $sem-size-vertical-30: 12px;
195
- $sem-size-vertical-40: 16px;
196
- $sem-size-vertical-50: 20px;
197
- $sem-size-vertical-60: 24px;
198
- $sem-size-vertical-70: 28px;
199
- $sem-size-vertical-80: 32px;
200
- $sem-size-vertical-90: 40px;
201
- $sem-size-vertical-100: 48px;
202
- $sem-size-vertical-110: 64px;
203
- $sem-size-vertical-120: 96px;
204
- $sem-size-vertical-130: 128px;
205
- $sem-space-padding-5: 1px;
206
- $sem-space-padding-10: 2px;
207
- $sem-space-padding-15: 3px;
208
- $sem-space-padding-20: 4px;
209
- $sem-space-padding-30: 6px;
210
- $sem-space-padding-40: 8px;
211
- $sem-space-padding-45: 22px;
212
- $sem-space-padding-50: 10px;
213
- $sem-space-padding-60: 12px;
214
- $sem-space-padding-70: 16px;
215
- $sem-space-padding-80: 18px;
216
- $sem-space-padding-90: 20px;
217
- $sem-space-padding-100: 22px;
218
- $sem-space-padding-110: 24px;
219
- $sem-space-padding-120: 28px;
220
- $sem-space-padding-130: 32px;
221
- $sem-space-padding-140: 40px;
222
- $sem-space-padding-145: 40px;
223
- $sem-space-padding-150: 44px;
224
- $sem-space-padding-160: 48px;
225
- $sem-space-padding-170: 56px;
226
- $sem-space-padding-180: 64px;
227
- $sem-space-padding-190: 128px;
228
- $sem-space-gap-5: 0px;
229
- $sem-space-gap-10: 2px;
230
- $sem-space-gap-20: 4px;
231
- $sem-space-gap-30: 6px;
232
- $sem-space-gap-40: 8px;
233
- $sem-space-gap-60: 12px;
234
- $sem-space-gap-70: 16px;
235
- $sem-space-gap-80: 18px;
236
- $sem-space-gap-90: 20px;
237
- $sem-space-gap-100: 22px;
238
- $sem-space-gap-110: 24px;
239
- $sem-space-gap-120: 28px;
240
- $sem-space-gap-130: 32px;
241
- $sem-space-gap-140: 40px;
242
- $sem-space-gap-150: 44px;
243
- $sem-space-gap-160: 48px;
244
- $sem-space-gap-170: 56px;
245
- $sem-space-gap-180: 64px;
246
- $sem-space-gap-190: 128px;
247
- $sem-space-gap-none: 0px;
248
- $sem-space-stack-10: 2px;
249
- $sem-space-stack-20: 4px;
250
- $sem-space-stack-30: 8px;
251
- $sem-space-stack-40: 12px;
252
- $sem-space-stack-50: 16px;
253
- $sem-space-stack-60: 18px;
254
- $sem-space-stack-70: 20px;
255
- $sem-space-stack-80: 22px;
256
- $sem-space-stack-90: 24px;
257
- $sem-space-stack-100: 28px;
258
- $sem-space-stack-110: 32px;
259
- $sem-space-stack-120: 36px;
260
- $sem-space-stack-130: 40px;
261
- $sem-space-stack-140: 44px;
262
- $sem-space-stack-150: 48px;
263
- $sem-space-stack-160: 56px;
264
- $sem-space-stack-170: 64px;
265
- $sem-space-stack-180: 72px;
266
- $sem-space-stack-190: 80px;
267
- $sem-space-stack-200: 96px;
268
- $sem-space-stack-210: 112px;
269
- $sem-space-stack-220: 128px;
270
- $sem-space-stack-none: 0px;
271
- $sem-space-variant-gap-30: 8px;
272
- $sem-border-width-xxxxs: 0;
273
- $sem-border-width-xxxs: 1px; // Used: Alerts /
274
- $sem-border-width-xxs: 4px; // Used: Alerts /
275
- $sem-border-width-xs: 1px;
276
- $sem-border-width-s: 2px;
277
- $sem-border-width-l: 3px;
278
- $sem-border-width-xl: 4px;
279
- $sem-border-width-xxl: 8px;
280
- $sem-border-width-xxxl: 10px;
281
- $sem-border-width-m: 2px;
282
- $sem-border-radius-xxxxxxs: 2px;
283
- $sem-border-radius-xxxxxs: 8px;
284
- $sem-border-radius-xxxxs: 8px;
285
- $sem-border-radius-xxxs: 4px;
286
- $sem-border-radius-xxs: 4px;
287
- $sem-border-radius-xs: 8px;
288
- $sem-border-radius-s: 16px;
289
- $sem-border-radius-m: 16px;
290
- $sem-border-radius-l: 24px;
291
- $sem-border-radius-xl: 32px;
292
- $sem-border-radius-xxl: 1000px;
293
- $sem-border-radius-xxxl: 4px;
294
- $sem-border-radius-variant-s: 8px;
295
- $sem-border-radius-variant-m: 12px;
296
- $sem-border-radius-variant-l: 8px;
297
- $sem-color-gradient-border-02: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%); // indigo-gradient-1
298
- $sem-color-gradient-border-03: linear-gradient(53deg, #5514b4 0%, #ff80ff 100%); // dark: pink-gradient-1
299
- $sem-color-gradient-border-04: linear-gradient(90deg, #ff80ff 50%, #d666ed 100%); // dark: pink-gradient-2
300
- $sem-color-gradient-border-05: linear-gradient(244deg, #f200f5 0%, #1ec8e6 100%); // dark: pink-gradient-2
301
- $sem-color-gradient-border-01: linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%); // turquoise-gradient
302
- $sem-color-gradient-bg-10: linear-gradient(53deg, #5514b4 0%, #ff80ff 100%); // dark: pink-gradient-1
303
- $sem-color-gradient-bg-11: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%); // indigo-gradient-1
304
- $sem-color-gradient-bg-09: linear-gradient(90deg, #ff80ff 50%, #d666ed 100%); // dark: pink-gradient-2
305
- $sem-color-gradient-bg-08: linear-gradient(90deg, #fff2f0 0%, #f5eefa 100%); // coral-gradient
306
- $sem-color-gradient-bg-05: linear-gradient(90deg, #f5eefa 0%, #eafcff 100%); // turquoise-gradient
307
- $sem-color-gradient-bg-06: linear-gradient(225deg, #5615b4 0%, #4665cd 100%); // turquoise-gradient
308
- $sem-color-gradient-bg-07: linear-gradient(90deg, #fcf9ff 0%, #f9f9ff 100%); // turquoise-gradient
309
- $sem-color-gradient-bg-01: linear-gradient(244deg, #f200f5 0%, #1ec8e6 100%);
310
- $sem-color-gradient-bg-02: linear-gradient(-45deg, #ff80ff 0%, #72d4e9 100%); // turquoise-gradient
311
- $sem-color-gradient-bg-03: linear-gradient(-44deg, #72d4e9 0%, #ff80ff 100%); // turquoise-gradient
312
- $sem-color-gradient-bg-04: linear-gradient(90deg, #f5eefa 0%, #eafcff 100%); // turquoise-gradient
313
- $sem-color-gradient-fg-01: linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%); // turquoise-gradient
314
- $sem-color-gradient-tertiary-light-emphasis: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%); // turquoise-gradient
315
- $sem-color-gradient-tertiary-dark-emphasis: linear-gradient(90deg, #ff80ff 50%, #d666ed 100%); // turquoise-gradient
316
- $sem-color-status-border-light-error: #D20007;
317
- $sem-color-status-border-light-warning: #B14D00;
318
- $sem-color-status-border-light-success: #138100;
319
- $sem-color-status-border-light-general: #3F3F3F;
320
- $sem-color-status-border-dark-error: #FF8883;
321
- $sem-color-status-border-dark-warning: #FFA94D;
322
- $sem-color-status-border-dark-general: #F3F3F3;
323
- $sem-color-status-border-dark-success: #73C367;
324
- $sem-color-status-border-dark-error-subtle: #E81D1D;
325
- $sem-color-status-border-dark-warning-subtle: #FEDDA4;
326
- $sem-color-status-border-dark-success-subtle: #138100;
327
- $sem-color-status-border-dark-error-minimal: #D20007;
328
- $sem-color-status-bg-light-error-alt: #D20007;
329
- $sem-color-status-bg-light-warning-alt: #FFA94D;
330
- $sem-color-status-bg-light-success-alt: #0F6D00;
331
- $sem-color-status-bg-light-warning-strong: #ffa200;
332
- $sem-color-status-bg-light-error-strong: #da020f;
333
- $sem-color-status-bg-light-error: #FEEDED;
334
- $sem-color-status-bg-light-success: #e6f4e5;
335
- $sem-color-status-bg-light-warning: #FEF2DE;
336
- $sem-color-status-bg-light-general: #F3F3F3;
337
- $sem-color-status-bg-light-general-alt: #2a2a2a;
338
- $sem-color-status-bg-light-error-subtle: #AA0006;
339
- $sem-color-status-bg-light-error-emphasis: #ffc8cb;
340
- $sem-color-status-bg-dark-error-strong: #FF8883;
341
- $sem-color-status-bg-dark-warning-strong: #FFA94D;
342
- $sem-color-status-bg-dark-error: #2D0002;
343
- $sem-color-status-bg-dark-success: #073600;
344
- $sem-color-status-bg-dark-warning: #4B2000;
345
- $sem-color-status-bg-dark-general: #2B2B2B;
346
- $sem-color-status-bg-dark-general-alt: #f0f0f0;
347
- $sem-color-status-bg-dark-default: #FFFFFF;
348
- $sem-color-status-bg-dark-error-subtle: #401313;
349
- $sem-color-status-fg-light-error: #D20007;
350
- $sem-color-status-fg-light-warning: #B14D00;
351
- $sem-color-status-fg-light-success: #138100;
352
- $sem-color-status-fg-light-general: #3F3F3F;
353
- $sem-color-status-fg-light-warning-alt: #ffa200;
354
- $sem-color-status-fg-dark-error-alt: #D20007;
355
- $sem-color-status-fg-dark-error-subtle: #E81D1D;
356
- $sem-color-status-fg-dark-error: #FF8883;
357
- $sem-color-status-fg-dark-warning: #FFA94D;
358
- $sem-color-status-fg-dark-success: #73C367;
359
- $sem-color-status-fg-dark-success-subtle: #138100;
360
- $sem-color-status-fg-dark-warning-alt: #2a2a2a;
361
- $sem-color-status-fg-dark-warning-subtle: #2a2a2a;
362
- $sem-color-status-fg-dark-general: #F3F3F3;
363
- $sem-color-border-primary-light-default: #111111; // Brand indigo
364
- $sem-color-border-primary-light-subtle: #686868;
365
- $sem-color-border-primary-light-strong: #525252; // Brand indigo
366
- $sem-color-border-primary-light-emphasis: #111111; // Brand indigo
367
- $sem-color-border-primary-light-minimal: #BBBBBB;
368
- $sem-color-border-primary-light-minimal-alt: #3F3F3F;
369
- $sem-color-border-primary-light-emphasis-subtle: #BBBBBB; // Brand indigo
370
- $sem-color-border-primary-dark-default: #FFFFFF;
371
- $sem-color-border-primary-dark-subtle: #BBBBBB;
372
- $sem-color-border-primary-dark-strong: #F3F3F3;
373
- $sem-color-border-primary-dark-emphasis: #D9D9D9;
374
- $sem-color-border-primary-dark-minimal: #BBBBBB;
375
- $sem-color-border-secondary-light-default: #818181;
376
- $sem-color-border-secondary-light-subtle: #D9D9D9;
377
- $sem-color-border-secondary-light-strong: #525252;
378
- $sem-color-border-secondary-light-minimal: #BBBBBB;
379
- $sem-color-border-secondary-light-alt: #F3F3F3;
380
- $sem-color-border-secondary-light-default-alt: #818181;
381
- $sem-color-border-secondary-light-muted: #ffffff;
382
- $sem-color-border-secondary-dark-default: #F3F3F3;
383
- $sem-color-border-secondary-dark-strong: #BBBBBB;
384
- $sem-color-border-secondary-dark-subtle: #686868;
385
- $sem-color-border-secondary-dark-minimal: #525252;
386
- $sem-color-border-secondary-dark-alt: #2B2B2B;
387
- $sem-color-border-secondary-dark-muted: #6b6b6b;
388
- $sem-color-border-tertiary-light-default: #009BA5;
389
- $sem-color-border-tertiary-dark-default: #06C3C2;
390
- $sem-color-bg-primary-light-default: #111111;
391
- $sem-color-bg-primary-light-default-alt: #035F6E; // Brand indigo
392
- $sem-color-bg-primary-light-default-strong: #111111; // Brand indigo
393
- $sem-color-bg-primary-light-subtle: #3F3F3F; // Brand indigo
394
- $sem-color-bg-primary-light-strong: #2B2B2B;
395
- $sem-color-bg-primary-light-emphasis: #9C9C9C; // Brand indigo
396
- $sem-color-bg-primary-light-minimal: #F3F3F3; // Brand indigo
397
- $sem-color-bg-primary-light-subtle-alt: #F3F3F3; // Brand indigo
398
- $sem-color-bg-primary-light-minimal-alt: #057382;
399
- $sem-color-bg-primary-dark-default: #FFFFFF;
400
- $sem-color-bg-primary-dark-default-alt: #F3F3F3;
401
- $sem-color-bg-primary-dark-strong: #F3F3F3;
402
- $sem-color-bg-primary-dark-subtle: #BBBBBB;
403
- $sem-color-bg-primary-dark-emphasis: #F3F3F3;
404
- $sem-color-bg-primary-dark-minimal: #FFFFFF;
405
- $sem-color-bg-primary-dark-minimal-alt: #818181;
406
- $sem-color-bg-secondary-light-default: #FFFFFF;
407
- $sem-color-bg-secondary-light-default-alt: #f7f7f7;
408
- $sem-color-bg-secondary-light-subtle: #818181;
409
- $sem-color-bg-secondary-light-strong: #686868;
410
- $sem-color-bg-secondary-light-minimal: #BBBBBB;
411
- $sem-color-bg-secondary-light-minimal-alt: #D9D9D9;
412
- $sem-color-bg-secondary-light-muted: #D9D9D9;
413
- $sem-color-bg-secondary-light-alt: #2B2B2B;
414
- $sem-color-bg-secondary-light-strong-alt: #111111;
415
- $sem-color-bg-secondary-light-muted-alt: #F3F3F3;
416
- $sem-color-bg-secondary-light-muted-subtle: #ffffff;
417
- $sem-color-bg-secondary-dark-default: #111111;
418
- $sem-color-bg-secondary-dark-strong: #BBBBBB;
419
- $sem-color-bg-secondary-dark-alt: #FFFFFF;
420
- $sem-color-bg-secondary-dark-strong-alt: #FFFFFF;
421
- $sem-color-bg-secondary-dark-subtle: #9C9C9C;
422
- $sem-color-bg-secondary-dark-minimal: #818181;
423
- $sem-color-bg-secondary-dark-minimal-alt: #2B2B2B;
424
- $sem-color-bg-secondary-dark-muted: #686868;
425
- $sem-color-bg-secondary-dark-muted-alt: #3F3F3F;
426
- $sem-color-bg-tertiary-warning-default: #AA0006;
427
- $sem-color-bg-tertiary-warning-subtle: #840106;
428
- $sem-color-bg-tertiary-warning-strong: #600104;
429
- $sem-color-bg-tertiary-status-light-general: #2a2a2a;
430
- $sem-color-bg-tertiary-status-light-error: #2a2a2a;
431
- $sem-color-bg-tertiary-status-light-warning: #2a2a2a;
432
- $sem-color-bg-tertiary-status-light-success: #2a2a2a;
433
- $sem-color-bg-tertiary-status-light-error-alt: #2a2a2a;
434
- $sem-color-bg-tertiary-status-light-success-alt: #2a2a2a;
435
- $sem-color-text-status-light-default: #ffffff;
436
- $sem-color-text-status-light-error: #ffffff;
437
- $sem-color-text-status-light-warning: #2a2a2a;
438
- $sem-color-text-status-light-success: #ffffff;
439
- $sem-color-text-status-dark-default: #2a2a2a;
440
- $sem-color-text-status-dark-error: #2a2a2a;
441
- $sem-color-text-primary-light-default: #001318;
442
- $sem-color-text-primary-light-default-alt: #5514b4;
443
- $sem-color-text-primary-light-hover: #2a1c4a;
444
- $sem-color-text-primary-light-default-strong: #ffffff;
445
- $sem-color-text-primary-light-emphasis: #ffffff;
446
- $sem-color-text-primary-light-subtle: #6b6b6b;
447
- $sem-color-text-primary-light-strong: #01404C;
448
- $sem-color-text-primary-dark-default: #ffffff;
449
- $sem-color-text-primary-dark-strong: #ffffff;
450
- $sem-color-text-primary-dark-default-alt: #efe5f7;
451
- $sem-color-text-primary-dark-strong-alt: #D9D9D9;
452
- $sem-color-text-secondary-light-default: #5514b4;
453
- $sem-color-text-secondary-light-default-alt: #ffffff;
454
- $sem-color-text-secondary-light-hover: #2a1c4a;
455
- $sem-color-text-secondary-light-default-strong: #ffffff;
456
- $sem-color-text-secondary-light-emphasis: #ff80ff;
457
- $sem-color-text-secondary-light-subtle: #6b6b6b;
458
- $sem-color-text-secondary-light-strong: #2a2a2a;
459
- $sem-color-text-secondary-dark-default: #ffffff;
460
- $sem-color-text-secondary-dark-default-alt: #F3F3F3;
461
- $sem-color-text-secondary-dark-strong: #ffffff;
462
- $sem-color-text-secondary-dark-strong-alt: #ffe4ff;
463
- $sem-color-fg-primary-light-default: #009BA5;
464
- $sem-color-fg-primary-light-subtle: #057382;
465
- $sem-color-fg-primary-light-strong: #001318;
466
- $sem-color-fg-primary-light-emphasis: #035F6E; // Brand indigo
467
- $sem-color-fg-primary-light-vibrant: #057382; // Brand indigo
468
- $sem-color-fg-primary-light-minimal: #3F3F3F; // Brand indigo
469
- $sem-color-fg-primary-light-default-alt: #001318;
470
- $sem-color-fg-primary-light-subtle-alt: #3f187f;
471
- $sem-color-fg-primary-dark-default: #EBF304;
472
- $sem-color-fg-primary-dark-subtle: #FFFFFF;
473
- $sem-color-fg-primary-dark-strong: #F8FF19;
474
- $sem-color-fg-primary-dark-emphasis: #ABAD00;
475
- $sem-color-fg-primary-dark-vibrant: #EBF304; // Brand indigo
476
- $sem-color-fg-secondary-light-default: #2B2B2B;
477
- $sem-color-fg-secondary-light-subtle: #818181;
478
- $sem-color-fg-secondary-light-strong: #686868;
479
- $sem-color-fg-secondary-light-minimal: #BBBBBB;
480
- $sem-color-fg-secondary-light-muted: #525252;
481
- $sem-color-fg-secondary-light-alt: #FFFFFF;
482
- $sem-color-fg-secondary-light-default-alt: #2a2a2a;
483
- $sem-color-fg-secondary-light-subtle-alt: #9C9C9C;
484
- $sem-color-fg-secondary-light-strong-alt: #111111;
485
- $sem-color-fg-secondary-light-minimal-alt: #ffffff;
486
- $sem-color-fg-secondary-light-muted-alt: #6b6b6b;
487
- $sem-color-fg-secondary-light-strong-subtle: #aaaaaa;
488
- $sem-color-fg-secondary-dark-default: #FFFFFF;
489
- $sem-color-fg-secondary-dark-muted: #BBBBBB;
490
- $sem-color-fg-secondary-dark-strong: #9C9C9C;
491
- $sem-color-fg-secondary-dark-subtle: #686868;
492
- $sem-color-fg-secondary-dark-minimal: #525252;
493
- $sem-color-fg-secondary-dark-alt: #2B2B2B;
494
- $sem-color-fg-secondary-dark-minimal-alt: #111111;
495
- $sem-color-fg-secondary-dark-subtle-alt: #818181;
496
- $sem-color-overlay-gradient-faded: rgba(85,20,180,0.5);
497
- $sem-color-overlay-gradient-dark-faded: rgba(255,128,255,0.5);
498
- $sem-color-overlay-flat-default: rgba(0,0,0,0.5);
499
- $sem-color-overlay-flat-light: rgba(255,255,255,0.5);
500
- $sem-color-overlay-flat-brand: rgba(85,20,180,0.5);
501
- $sem-inner-shadow-01: inset 0 1px 0 0 #c8c8c8;
502
- $sem-inner-shadow-02: inset 0 1px 0 0 #c8c8c8;
503
- $sem-box-shadow-01: 0 2px 6px 2px rgba( 0, 0, 0 , 0.25);
504
- $sem-box-shadow-02: -8px 8px 36px 0 rgba( 0, 0, 0 , 0.25);
505
- $sem-box-shadow-03: 0 2px 6px 2px rgba( 0, 0, 0 , 0.9 );
506
- $sem-box-shadow-04: -8px 8px 36px 0 rgba( 0, 0, 0 , 0.9);
507
- $sem-box-shadow-05: 0 0 0 2px #8449cc;
508
- $sem-box-shadow-06: 0 0 0 2px #fd51ff;
509
- $sem-underline: underline;
510
- $sem-line-through: line-through;
511
- $sem-scale-modifier-1: 4px;
512
- $sem-scale-modifier-3: 4px;
513
- $sem-scale-modifier-2: 3px;
514
- $sem-scale-modifier-4: 0;
515
- $select-size-s: 32px;
516
- $select-size-m: 44px;
517
- $select-size-l: 64px;
518
- $select-padding-s: 8px;
519
- $select-padding-m: 12px;
520
- $select-padding-l: 16px;
521
- $select-padding-xl: 28px;
522
- $select-border-radius-s: 4px;
523
- $select-border-radius-m: 4px;
524
- $select-border-radius-l: 8px;
525
- $select-border-weight-s: 1px;
526
- $select-border-weight-m: 2px;
527
- $select-border-weight-l: 4px;
528
- $select-gap-s: 4px;
529
- $select-gap-m: 8px;
530
- $select-gap-l: 12px;
531
- $select-size-icon-s: 16px;
532
- $select-size-icon-m: 20px;
533
- $select-size-icon-l: 24px;
534
- $select-colors-light-bg-default: #FFFFFF;
535
- $select-colors-light-bg-hover: #D9D9D9;
536
- $select-colors-light-bg-disabled: #D9D9D9;
537
- $select-colors-light-bg-error: #FEEDED;
538
- $select-colors-light-bg-hover-alt: #D9D9D9;
539
- $select-colors-light-bg-selected: #F3F3F3;
540
- $select-colors-light-border-default: #818181;
541
- $select-colors-light-border-hover: #525252;
542
- $select-colors-light-border-focus: #111111;
543
- $select-colors-light-border-disabled: #D9D9D9;
544
- $select-colors-light-border-error: #D20007;
545
- $select-colors-light-border-subtle: #BBBBBB;
546
- $select-colors-light-fg-default: #2B2B2B;
547
- $select-colors-light-fg-disabled: #686868;
548
- $select-colors-light-fg-subtle: #BBBBBB;
549
- $select-colors-light-fg-error: #D20007;
550
- $select-colors-light-text-default: #2B2B2B;
551
- $select-colors-light-text-default-alt: #5514b4;
552
- $select-colors-light-text-disabled: #686868;
553
- $select-colors-light-text-error: #D20007;
554
- $select-colors-dark-bg-default: #111111;
555
- $select-colors-dark-bg-hover: #111111;
556
- $select-colors-dark-bg-disabled: #686868;
557
- $select-colors-dark-bg-error: #2D0002;
558
- $select-colors-dark-bg-hover-alt: #F3F3F3;
559
- $select-colors-dark-bg-selected: #818181;
560
- $select-colors-dark-border-strong: #F3F3F3;
561
- $select-colors-dark-border-hover: #F3F3F3;
562
- $select-colors-dark-border-focus: #D9D9D9;
563
- $select-colors-dark-border-disabled: #686868;
564
- $select-colors-dark-border-error: #FF8883;
565
- $select-colors-dark-border-subtle: #525252;
566
- $select-colors-dark-text-default: #FFFFFF;
567
- $select-colors-dark-text-disabled: #9C9C9C;
568
- $select-colors-dark-text-error: #2a2a2a;
569
- $select-colors-dark-fg-default: #FFFFFF;
570
- $select-colors-dark-fg-disabled: #9C9C9C;
571
- $select-colors-dark-fg-subtle: #525252;
572
- $select-colors-dark-fg-error: #FF8883;
573
- $select-border-radius-test-s: 32px;
574
- $select-border-radius-test-m: 24px;
575
- $select-border-radius-test-l: 32px;
576
- $checkbox-size-s: 24px;
577
- $checkbox-size-l: 36px;
578
- $checkbox-padding-s: 2px;
579
- $checkbox-gap-s: 8px;
580
- $checkbox-gap-m: 12px;
581
- $checkbox-border-radius-xs: 8px;
582
- $checkbox-border-radius-s: 12px;
583
- $checkbox-border-weight-s: 2px;
584
- $checkbox-size-icon-s: 20px;
585
- $checkbox-size-icon-m: 32px;
586
- $checkbox-colors-light-bg-default: #035F6E;
587
- $checkbox-colors-light-bg-default-alt: #FFFFFF;
588
- $checkbox-colors-light-bg-disabled: #D9D9D9;
589
- $checkbox-colors-light-bg-error: #FEEDED;
590
- $checkbox-colors-light-fg-default: #FFFFFF;
591
- $checkbox-colors-light-fg-disabled: #686868;
592
- $checkbox-colors-light-border-default: #818181;
593
- $checkbox-colors-light-border-disabled: #D9D9D9;
594
- $checkbox-colors-light-border-error: #D20007;
595
- $checkbox-colors-light-text-default: #2B2B2B;
596
- $checkbox-colors-light-text-disabled: #686868;
597
- $checkbox-colors-dark-bg-default: #FFFFFF;
598
- $checkbox-colors-dark-bg-default-alt: #111111;
599
- $checkbox-colors-dark-bg-disabled: #686868;
600
- $checkbox-colors-dark-bg-error: #2D0002;
601
- $checkbox-colors-dark-fg-default: #2B2B2B;
602
- $checkbox-colors-dark-fg-disabled: #9C9C9C;
603
- $checkbox-colors-dark-border-default: #F3F3F3;
604
- $checkbox-colors-dark-border-disabled: #686868;
605
- $checkbox-colors-dark-border-error: #FF8883;
606
- $checkbox-colors-dark-text-default: #FFFFFF;
607
- $checkbox-colors-dark-text-disabled: #9C9C9C;
608
- $radio-size-s: 12px;
609
- $radio-size-m: 20px;
610
- $radio-size-l: 24px;
611
- $radio-size-xl: 34px;
612
- $radio-gap-s: 8px;
613
- $radio-gap-m: 12px;
614
- $radio-border-weight-s: 2px;
615
- $radio-colors-light-bg-default: #FFFFFF;
616
- $radio-colors-light-bg-disabled: #D9D9D9;
617
- $radio-colors-light-border-default: #818181;
618
- $radio-colors-light-border-disabled: #D9D9D9;
619
- $radio-colors-light-fg-default: #035F6E;
620
- $radio-colors-light-fg-disabled: #686868;
621
- $radio-colors-light-text-default: #2B2B2B;
622
- $radio-colors-light-text-disabled: #686868;
623
- $radio-colors-dark-bg-default: #111111;
624
- $radio-colors-dark-bg-disabled: #686868;
625
- $radio-colors-dark-border-default: #F3F3F3;
626
- $radio-colors-dark-border-disabled: #686868;
627
- $radio-colors-dark-fg-default: #EBF304;
628
- $radio-colors-dark-fg-disabled: #9C9C9C;
629
- $radio-colors-dark-text-default: #FFFFFF;
630
- $radio-colors-dark-text-disabled: #9C9C9C;
631
- $date-picker-size-s: 32px;
632
- $date-picker-size-m: 34px;
633
- $date-picker-size-l: 36px;
634
- $date-picker-size-xl: 40px;
635
- $date-picker-size-xxl: 44px;
636
- $date-picker-size-xxxl: 48px;
637
- $date-picker-size-xxxxl: 64px;
638
- $date-picker-padding-xxs: 2px;
639
- $date-picker-padding-xs: 3px;
640
- $date-picker-padding-s: 4px;
641
- $date-picker-padding-m: 8px;
642
- $date-picker-padding-l: 12px;
643
- $date-picker-padding-xl: 16px;
644
- $date-picker-border-radius-s: 4px;
645
- $date-picker-border-radius-m: 4px;
646
- $date-picker-border-radius-l: 8px;
647
- $date-picker-border-radius-xl: 1000px;
648
- $date-picker-border-weight-s: 1px;
649
- $date-picker-border-weight-m: 2px;
650
- $date-picker-border-weight-l: 4px;
651
- $date-picker-colors-light-bg-default-alt: #FFFFFF;
652
- $date-picker-colors-light-bg-hover: #2B2B2B;
653
- $date-picker-colors-light-bg-selected: #057382;
654
- $date-picker-colors-light-bg-pressed: #057382;
655
- $date-picker-colors-light-bg-disabled: #D9D9D9;
656
- $date-picker-colors-light-bg-error: #FEEDED;
657
- $date-picker-colors-light-bg-subtle: #F3F3F3;
658
- $date-picker-colors-light-bg-hover-alt: #D9D9D9;
659
- $date-picker-colors-light-border-hover: #525252;
660
- $date-picker-colors-light-border-focus: #111111;
661
- $date-picker-colors-light-border-selected: #3F3F3F;
662
- $date-picker-colors-light-border-disabled: #D9D9D9;
663
- $date-picker-colors-light-border-error: #D20007;
664
- $date-picker-colors-light-border-strong: #818181;
665
- $date-picker-colors-light-fg-default-alt: #FFFFFF;
666
- $date-picker-colors-light-fg-hover: #001318;
667
- $date-picker-colors-light-fg-strong: #2B2B2B;
668
- $date-picker-colors-light-fg-disabled: #686868;
669
- $date-picker-colors-light-fg-error: #D20007;
670
- $date-picker-colors-light-text-default: #009BA5;
671
- $date-picker-colors-light-text-default-alt: #FFFFFF;
672
- $date-picker-colors-light-text-strong: #2B2B2B;
673
- $date-picker-colors-light-text-disabled: #686868;
674
- $date-picker-colors-light-text-error: #D20007;
675
- $date-picker-colors-light-text-hint: #686868;
676
- $date-picker-gap-xs: 4px;
677
- $date-picker-gap-s: 8px;
678
- $date-picker-gap-m: 12px;
679
- $date-picker-gap-l: 40px;
680
- $date-picker-size-icon-s: 24px;
681
- $date-picker-size-icon-m: 32px;
682
- $date-picker-size-icon-l: 40px;
683
- $switch-size-s: 24px;
684
- $switch-size-m: 32px;
685
- $switch-border-weight-s: 2px;
686
- $switch-colors-light-bg-default: #035F6E;
687
- $switch-colors-light-bg-disabled: #D9D9D9;
688
- $switch-colors-light-bg-strong: #FFFFFF;
689
- $switch-colors-light-bg-subtle: #D9D9D9;
690
- $switch-colors-light-border-default: #111111;
691
- $switch-colors-light-border-disabled: #D9D9D9;
692
- $switch-colors-light-border-strong: #818181;
693
- $switch-colors-light-fg-default: #009BA5;
694
- $switch-colors-light-fg-disabled: #686868;
695
- $switch-colors-light-text-default: #2B2B2B;
696
- $switch-colors-light-text-disabled: #686868;
697
- $switch-colors-dark-bg-default: #FFFFFF;
698
- $switch-colors-dark-bg-disabled: #686868;
699
- $switch-colors-dark-bg-strong: #111111;
700
- $switch-colors-dark-bg-subtle: #3F3F3F;
701
- $switch-colors-dark-border-default: #FFFFFF;
702
- $switch-colors-dark-border-disabled: #686868;
703
- $switch-colors-dark-border-strong: #F3F3F3;
704
- $switch-colors-dark-fg-default: #EBF304;
705
- $switch-colors-dark-fg-disabled: #9C9C9C;
706
- $switch-colors-dark-text-default: #FFFFFF;
707
- $switch-colors-dark-text-disabled: #9C9C9C;
708
- $switch-border-radius-s: 1000px;
709
- $switch-box-shadow-01: 0 0 0 2px #8449cc;
710
- $switch-box-shadow-02: 0 0 0 2px #fd51ff;
711
- $switch-gap-s: 8px;
712
- $switch-gap-m: 12px;
713
- $textinput-size-s: 32px;
714
- $textinput-size-m: 44px;
715
- $textinput-size-l: 64px;
716
- $textinput-border-radius-s: 4px;
717
- $textinput-border-radius-m: 4px;
718
- $textinput-border-radius-l: 8px;
719
- $textinput-padding-s: 8px;
720
- $textinput-padding-m: 12px;
721
- $textinput-padding-l: 16px;
722
- $textinput-gap-s: 4px;
723
- $textinput-gap-m: 12px;
724
- $textinput-border-weight-s: 1px;
725
- $textinput-border-weight-m: 2px;
726
- $textinput-border-weight-l: 4px;
727
- $textinput-size-icon-m: 24px;
728
- $textinput-colors-light-bg-default: #FFFFFF;
729
- $textinput-colors-light-bg-hover: #D9D9D9;
730
- $textinput-colors-light-bg-disabled: #D9D9D9;
731
- $textinput-colors-light-bg-error: #FEEDED;
732
- $textinput-colors-light-border-default: #818181;
733
- $textinput-colors-light-border-hover: #525252;
734
- $textinput-colors-light-border-focus: #111111;
735
- $textinput-colors-light-border-disabled: #D9D9D9;
736
- $textinput-colors-light-border-error: #D20007;
737
- $textinput-colors-light-text-default: #2B2B2B;
738
- $textinput-colors-light-text-disabled: #686868;
739
- $textinput-colors-light-text-error: #D20007;
740
- $textinput-colors-light-fg-default: #2B2B2B;
741
- $textinput-colors-light-fg-error: #D20007;
742
- $textinput-colors-dark-bg-default: #111111;
743
- $textinput-colors-dark-bg-hover: #111111;
744
- $textinput-colors-dark-bg-disabled: #686868;
745
- $textinput-colors-dark-bg-error: #2D0002;
746
- $textinput-colors-dark-border-default: #F3F3F3;
747
- $textinput-colors-dark-border-hover: #F3F3F3;
748
- $textinput-colors-dark-border-focus: #D9D9D9;
749
- $textinput-colors-dark-border-disabled: #686868;
750
- $textinput-colors-dark-border-error: #FF8883;
751
- $textinput-colors-dark-text-default: #FFFFFF;
752
- $textinput-colors-dark-text-disabled: #9C9C9C;
753
- $textinput-colors-dark-text-error: #FF8883;
754
- $textinput-colors-dark-fg-default: #FFFFFF;
755
- $textinput-colors-dark-fg-error: #FF8883;
756
- $textarea-padding-s: 10px;
757
- $textarea-padding-m: 12px;
758
- $textarea-size-icon-s: 16px;
759
- $textarea-border-radius-s: 8px;
760
- $textarea-border-weight-s: 1px;
761
- $textarea-border-weight-m: 2px;
762
- $textarea-border-weight-l: 4px;
763
- $textarea-gap-s: 4px;
764
- $textarea-gap-m: 12px;
765
- $textarea-colors-light-bg-default: #FFFFFF;
766
- $textarea-colors-light-bg-hover: #D9D9D9;
767
- $textarea-colors-light-bg-disabled: #D9D9D9;
768
- $textarea-colors-light-bg-error: #FEEDED;
769
- $textarea-colors-light-border-default: #818181;
770
- $textarea-colors-light-border-hover: #525252;
771
- $textarea-colors-light-border-focus: #111111;
772
- $textarea-colors-light-border-error: #D20007;
773
- $textarea-colors-light-border-disabled: #D9D9D9;
774
- $textarea-colors-light-fg-default: #2B2B2B;
775
- $textarea-colors-light-fg-disabled: #686868;
776
- $textarea-colors-light-fg-error: #D20007;
777
- $textarea-colors-light-text-default: #2B2B2B;
778
- $textarea-colors-light-text-disabled: #686868;
779
- $textarea-colors-light-text-error: #D20007;
780
- $textarea-colors-dark-fg-default: #FFFFFF;
781
- $textarea-colors-dark-fg-disabled: #9C9C9C;
782
- $textarea-colors-dark-fg-error: #FF8883;
783
- $textarea-colors-dark-bg-default: #111111;
784
- $textarea-colors-dark-bg-hover: #2B2B2B;
785
- $textarea-colors-dark-bg-disabled: #686868;
786
- $textarea-colors-dark-bg-error: #2D0002;
787
- $textarea-colors-dark-border-strong: #F3F3F3;
788
- $textarea-colors-dark-border-hover: #F3F3F3;
789
- $textarea-colors-dark-border-focus: #D9D9D9;
790
- $textarea-colors-dark-border-disabled: #686868;
791
- $textarea-colors-dark-border-error: #FF8883;
792
- $textarea-colors-dark-text-strong: #FFFFFF;
793
- $textarea-colors-dark-text-disabled: #9C9C9C;
794
- $textarea-colors-dark-text-error: #FF8883;
795
- $backtotop-size-m: 48px;
796
- $backtotop-size-icon-m: 48px;
797
- $backtotop-padding-m: 22px;
798
- $backtotop-border-radius-m: 1000px;
799
- $backtotop-border-weight-m: 2px;
800
- $backtotop-colors-light-bg-default: #111111;
801
- $backtotop-colors-light-bg-hover: #2B2B2B;
802
- $backtotop-colors-light-bg-selected: #057382;
803
- $backtotop-colors-light-bg-strong: #FFFFFF;
804
- $backtotop-colors-light-bg-subtle: #D9D9D9;
805
- $backtotop-colors-light-border-default: #111111;
806
- $backtotop-colors-light-border-hover: #525252;
807
- $backtotop-colors-light-border-selected: #3F3F3F;
808
- $backtotop-colors-light-border-strong: #F3F3F3;
809
- $backtotop-colors-light-border-focus: #111111;
810
- $backtotop-colors-light-fg-default: #009BA5;
811
- $backtotop-colors-light-fg-default-alt: #FFFFFF;
812
- $backtotop-colors-light-text-default: #009BA5;
813
- $backtotop-colors-light-text-default-alt: #FFFFFF;
814
- $backtotop-colors-dark-bg-default: #FFFFFF;
815
- $backtotop-colors-dark-bg-hover: #F3F3F3;
816
- $backtotop-colors-dark-bg-selected: #818181;
817
- $backtotop-colors-dark-bg-strong: #111111;
818
- $backtotop-colors-dark-bg-subtle: #3F3F3F;
819
- $backtotop-colors-dark-border-default: #FFFFFF;
820
- $backtotop-colors-dark-border-hover: #F3F3F3;
821
- $backtotop-colors-dark-border-selected: #818181;
822
- $backtotop-colors-dark-border-strong: #818181;
823
- $backtotop-colors-dark-border-focus: #D9D9D9;
824
- $backtotop-colors-dark-fg-default: #2B2B2B;
825
- $backtotop-colors-dark-fg-default-alt: #FFFFFF;
826
- $backtotop-colors-dark-text-default: #2B2B2B;
827
- $backtotop-colors-dark-text-default-alt: #FFFFFF;
828
- $tabs-border-weight-s: 0;
829
- $tabs-border-weight-m: 1px;
830
- $tabs-border-weight-l: 2px;
831
- $tabs-border-radius-s: 8px;
832
- $tabs-padding-s: 4px;
833
- $tabs-padding-m: 12px;
834
- $tabs-padding-l: 16px;
835
- $tabs-padding-xl: 24px;
836
- $tabs-gap-s: 4px;
837
- $tabs-gap-m: 6px;
838
- $tabs-gap-l: 12px;
839
- $tabs-size-s: 42px;
840
- $tabs-size-m: 48px;
841
- $tabs-size-icon-s: 40px;
842
- $tabs-colors-light-bg-default: #FFFFFF;
843
- $tabs-colors-light-bg-subtle: #D9D9D9;
844
- $tabs-colors-light-bg-error: #D20007;
845
- $tabs-colors-light-border-subtle: #BBBBBB;
846
- $tabs-colors-light-border-selected: #3F3F3F;
847
- $tabs-colors-light-border-focus: #111111;
848
- $tabs-colors-light-border-error: #D20007;
849
- $tabs-colors-light-fg-default: #009BA5;
850
- $tabs-colors-light-fg-hover: #001318;
851
- $tabs-colors-light-fg-selected: #3F3F3F;
852
- $tabs-colors-light-text-default: #009BA5;
853
- $tabs-colors-light-text-hover: #001318;
854
- $tabs-colors-light-text-selected: #3F3F3F;
855
- $tabs-colors-light-text-strong: #01404C;
856
- $tabs-colors-dark-bg-default: #111111;
857
- $tabs-colors-dark-bg-subtle: #3F3F3F;
858
- $tabs-colors-dark-bg-error: #401313;
859
- $tabs-colors-dark-border-subtle: #525252;
860
- $tabs-colors-dark-border-selected: #818181;
861
- $tabs-colors-dark-border-focus: #D9D9D9;
862
- $tabs-colors-dark-border-error: #D20007;
863
- $tabs-colors-dark-fg-default: #EBF304;
864
- $tabs-colors-dark-fg-hover: #F8FF19;
865
- $tabs-colors-dark-fg-selected: #818181;
866
- $tabs-colors-dark-fg-strong: #FFFFFF;
867
- $tabs-colors-dark-text-default: #FFFFFF;
868
- $tabs-colors-dark-text-hover: #F8FF19;
869
- $tabs-colors-dark-text-selected: #818181;
870
- $tabs-colors-dark-text-strong: #ffffff;
871
- $pagination-size-m: 32px;
872
- $pagination-padding-s: 8px;
873
- $pagination-padding-m: 12px;
874
- $pagination-border-radius-m: 1000px;
875
- $pagination-border-weight-s: 2px;
876
- $pagination-colors-light-bg-hover: #2B2B2B;
877
- $pagination-colors-light-bg-selected: #057382;
878
- $pagination-colors-light-bg-pressed: #057382;
879
- $pagination-colors-light-bg-subtle: #BBBBBB;
880
- $pagination-colors-light-border-focus: #111111;
881
- $pagination-colors-light-text-default: #FFFFFF;
882
- $pagination-colors-light-text-strong: #2B2B2B;
883
- $pagination-colors-light-fg-default: #009BA5;
884
- $pagination-colors-light-fg-default-alt: #FFFFFF;
885
- $pagination-colors-dark-bg-hover: #F3F3F3;
886
- $pagination-colors-dark-bg-selected: #818181;
887
- $pagination-colors-dark-bg-pressed: #818181;
888
- $pagination-colors-dark-border-focus: #D9D9D9;
889
- $pagination-colors-dark-text-default: #2B2B2B;
890
- $pagination-colors-dark-text-strong: #FFFFFF;
891
- $pagination-colors-dark-fg-default: #EBF304;
892
- $pagination-colors-dark-fg-default-alt: #2B2B2B;
893
- $pagination-size-icon-m: 32px;
894
- $pagination-gap-s: 4px;
895
- $pagination-gap-m: 16px;
896
- $breadcrumb-size-icon-s: 12px;
897
- $breadcrumb-colors-light-fg-strong: #2B2B2B;
898
- $breadcrumb-colors-light-text-default: #009BA5;
899
- $breadcrumb-colors-light-text-hover: #001318;
900
- $breadcrumb-colors-light-text-strong: #2B2B2B;
901
- $breadcrumb-colors-dark-fg-strong: #FFFFFF;
902
- $breadcrumb-colors-dark-text-default: #EBF304;
903
- $breadcrumb-colors-dark-text-hover: #F8FF19;
904
- $breadcrumb-colors-dark-text-strong: #FFFFFF;
905
- $breadcrumb-gap-xs: 6px;
906
- $breadcrumb-gap-s: 8px;
907
- $box-padding-s: 16px;
908
- $box-border-radius-s: 16px;
909
- $box-border-weight-xs: 1px;
910
- $box-border-weight-s: 2px;
911
- $box-colors-light-bg-default: #FFFFFF;
912
- $box-colors-light-bg-subtle: #D9D9D9;
913
- $box-colors-light-bg-error-subtle: #D20007;
914
- $box-colors-light-bg-minimal: #f7f7f7;
915
- $box-colors-light-bg-error: #AA0006;
916
- $box-colors-light-fg-strong: #2B2B2B;
917
- $box-colors-light-border-subtle: #BBBBBB;
918
- $box-colors-light-border-error: #D20007;
919
- $box-colors-light-text-strong: #2B2B2B;
920
- $box-colors-dark-bg-default: #111111;
921
- $box-colors-dark-bg-subtle: #686868;
922
- $box-colors-dark-bg-minimal: #2B2B2B;
923
- $box-colors-dark-bg-default-alt: #111111;
924
- $box-colors-dark-border-subtle: #525252;
925
- $box-colors-variant-light-bg-default-01: linear-gradient(90deg, #fff2f0 0%, #f5eefa 100%); // coral-gradient
926
- $box-colors-variant-light-bg-default-02: linear-gradient(90deg, #f5eefa 0%, #eafcff 100%); // turquoise-gradient
927
- $box-colors-variant-dark-bg-default-01: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%); // Brand gradient (light)
928
- $disclosure-mini-padding-s: 28px;
929
- $disclosure-mini-size-icon-s: 16px;
930
- $disclosure-mini-gap-s: 8px;
931
- $disclosure-mini-gap-m: 12px;
932
- $disclosure-mini-colors-light-fg-default: #009BA5;
933
- $disclosure-mini-colors-light-text-default: #009BA5;
934
- $disclosure-mini-colors-light-text-strong: #2B2B2B;
935
- $disclosure-mini-colors-dark-fg-default: #EBF304;
936
- $disclosure-mini-colors-dark-text-default: #EBF304;
937
- $disclosure-mini-colors-dark-text-strong: #FFFFFF;
938
- $disclosure-padding-s: 16px;
939
- $disclosure-gap-s: 20px;
940
- $disclosure-size-s: 58px;
941
- $disclosure-border-weight-s: 1px;
942
- $disclosure-size-icon-s: 20px;
943
- $disclosure-colors-light-bg-hover: #D9D9D9;
944
- $disclosure-colors-light-border-subtle: #BBBBBB;
945
- $disclosure-colors-light-fg-default: #009BA5;
946
- $disclosure-colors-light-fg-hover: #001318;
947
- $disclosure-colors-light-text-default: #009BA5;
948
- $disclosure-colors-light-text-hover: #001318;
949
- $disclosure-colors-dark-bg-hover: #3F3F3F;
950
- $disclosure-colors-dark-border-subtle: #525252;
951
- $disclosure-colors-dark-fg-default: #EBF304;
952
- $disclosure-colors-dark-fg-hover: #F8FF19;
953
- $disclosure-colors-dark-text-default: #EBF304;
954
- $disclosure-colors-dark-text-hover: #F8FF19;
955
- $avatar-size-s: 32px;
956
- $avatar-size-m: 48px;
957
- $avatar-size-l: 64px;
958
- $avatar-size-xl: 80px;
959
- $avatar-size-icon-s: 16px;
960
- $avatar-size-icon-m: 24px;
961
- $avatar-size-icon-l: 32px;
962
- $avatar-size-icon-xl: 40px;
963
- $avatar-border-weight-s: 1px;
964
- $avatar-colors-light-bg-default: #111111;
965
- $avatar-colors-light-fg-default-alt: #FFFFFF;
966
- $avatar-colors-light-text-default-alt: #FFFFFF;
967
- $modal-size-s: 288px;
968
- $modal-size-m: 472px;
969
- $modal-size-l: 591px;
970
- $modal-size-xl: 800px;
971
- $modal-size-xxl: 800px;
972
- $modal-size-icon-s: 32px;
973
- $modal-padding-m: 24px;
974
- $modal-gap-s: 8px;
975
- $modal-gap-m: 20px;
976
- $modal-border-radius-s: 16px;
977
- $modal-colors-light-bg-default: #FFFFFF;
978
- $modal-colors-light-text-default: #2B2B2B;
979
- $modal-colors-light-fg-default: #2B2B2B;
980
- $overlay-colors-overlay-default: rgba(0,0,0,0.5);
981
- $stepper-size-s: 8px;
982
- $stepper-size-m: 14px;
983
- $stepper-size-l: 16px;
984
- $stepper-size-xl: 24px;
985
- $stepper-size-icon-s: 16px;
986
- $stepper-size-icon-l: 24px;
987
- $stepper-padding-s: 16px;
988
- $stepper-padding-m: 24px;
989
- $stepper-gap-s: 16px;
990
- $stepper-gap-m: 24px;
991
- $stepper-colors-light-bg-default: #111111;
992
- $stepper-colors-light-bg-subtle: #BBBBBB;
993
- $stepper-colors-light-bg-error: #da020f;
994
- $stepper-colors-light-bg-warning: #ffa200;
995
- $stepper-colors-light-bg-error-subtle: #FEEDED;
996
- $stepper-colors-light-bg-warning-subtle: #FEF2DE;
997
- $stepper-colors-light-border-default: #111111;
998
- $stepper-colors-light-border-subtle: #BBBBBB;
999
- $stepper-colors-light-border-error: #D20007;
1000
- $stepper-colors-light-border-warning: #B14D00;
1001
- $stepper-colors-light-border-variant: #009BA5;
1002
- $stepper-colors-light-fg-default: #009BA5;
1003
- $stepper-colors-light-fg-default-alt: #FFFFFF;
1004
- $stepper-colors-light-fg-error: #D20007;
1005
- $stepper-colors-light-fg-warning: #B14D00;
1006
- $stepper-colors-light-fg-variant: #001318;
1007
- $stepper-colors-light-text-default: #2B2B2B;
1008
- $stepper-colors-light-text-hover: #001318;
1009
- $stepper-colors-light-text-subtle: #686868;
1010
- $stepper-colors-dark-bg-default: #FFFFFF;
1011
- $stepper-colors-dark-bg-subtle: #818181;
1012
- $stepper-colors-dark-bg-strong: #FFFFFF;
1013
- $stepper-colors-dark-bg-error: #FF8883;
1014
- $stepper-colors-dark-bg-warning: #FFA94D;
1015
- $stepper-colors-dark-bg-error-subtle: #2D0002;
1016
- $stepper-colors-dark-bg-warning-subtle: #4B2000;
1017
- $stepper-colors-dark-border-default: #FFFFFF;
1018
- $stepper-colors-dark-border-subtle: #525252;
1019
- $stepper-colors-dark-border-strong: #F3F3F3;
1020
- $stepper-colors-dark-border-error: #FF8883;
1021
- $stepper-colors-dark-border-warning: #FFA94D;
1022
- $stepper-colors-dark-border-variant: #FFFFFF;
1023
- $stepper-colors-dark-fg-default: #FFFFFF;
1024
- $stepper-colors-dark-fg-default-alt: #2B2B2B;
1025
- $stepper-colors-dark-fg-strong: #FFFFFF;
1026
- $stepper-colors-dark-fg-error: #FF8883;
1027
- $stepper-colors-dark-fg-warning: #FFA94D;
1028
- $stepper-colors-dark-fg-variant: #FFFFFF;
1029
- $stepper-colors-dark-text-default: #FFFFFF;
1030
- $stepper-colors-dark-text-hover: #F8FF19;
1031
- $stepper-colors-dark-text-subtle: #9C9C9C;
1032
- $stepper-border-weight-s: 1px;
1033
- $stepper-border-weight-m: 2px;
1034
- $progress-bar-gap-s: 4px;
1035
- $progress-bar-gap-m: 8px;
1036
- $progress-bar-size-s: 12px;
1037
- $progress-bar-border-radius-s: 24px;
1038
- $progress-bar-colors-light-bg-default: #111111;
1039
- $progress-bar-colors-light-bg-default-alt: #D9D9D9;
1040
- $progress-bar-colors-light-bg-muted: #F3F3F3;
1041
- $progress-bar-colors-light-bg-error: #2a2a2a;
1042
- $progress-bar-colors-light-bg-success: #2a2a2a;
1043
- $progress-bar-colors-light-text-default: #2B2B2B;
1044
- $progress-bar-colors-light-text-default-alt: #009BA5;
1045
- $progress-bar-colors-light-text-default-alt-hover: hsl(184 100% 25.9%);
1046
- $progress-bar-colors-light-text-error: #D20007;
1047
- $progress-bar-colors-light-text-error-hover: hsl(358 100% 28.8%);
1048
- $progress-bar-colors-light-text-success: #2a2a2a;
1049
- $progress-bar-colors-light-text-success-hover: hsl(0 0% 11.5%);
1050
- $progress-bar-colors-light-fg-default: #009BA5;
1051
- $progress-bar-colors-light-fg-default-hover: hsl(184 100% 25.9%);
1052
- $progress-bar-colors-light-fg-error: #D20007;
1053
- $progress-bar-colors-light-fg-error-hover: hsl(358 100% 28.8%);
1054
- $progress-bar-colors-light-fg-success: #2a2a2a;
1055
- $progress-bar-colors-light-fg-success-hover: hsl(0 0% 11.5%);
1056
- $progress-bar-colors-dark-bg-default: #FFFFFF;
1057
- $progress-bar-colors-dark-bg-default-alt: #3F3F3F;
1058
- $progress-bar-colors-dark-bg-error: #FF8883;
1059
- $progress-bar-colors-dark-bg-success: #73C367;
1060
- $progress-bar-colors-dark-fg-default: #EBF304;
1061
- $progress-bar-colors-dark-fg-default-hover: hsl(62 96.8% 63.9%);
1062
- $progress-bar-colors-dark-fg-error: #FF8883;
1063
- $progress-bar-colors-dark-fg-error-hover: hsl(2.42 100% 87.8%);
1064
- $progress-bar-colors-dark-fg-success: #73C367;
1065
- $progress-bar-colors-dark-fg-success-hover: hsl(112 43.4% 63.6%);
1066
- $progress-bar-colors-dark-text-default: #FFFFFF;
1067
- $progress-bar-colors-dark-text-default-alt: #EBF304;
1068
- $progress-bar-colors-dark-text-default-alt-hover: hsl(62 96.8% 74.2%);
1069
- $progress-bar-colors-dark-text-error: #FF8883;
1070
- $progress-bar-colors-dark-text-error-hover: hsl(2.42 100% 87.8%);
1071
- $progress-bar-colors-dark-text-success: #73C367;
1072
- $progress-bar-colors-dark-text-success-hover: hsl(112 43.4% 63.6%);
1073
- $toast-size-s: 40px;
1074
- $toast-padding-s: 8px;
1075
- $toast-border-radius-s: 4px;
1076
- $toast-gap-s: 8px;
1077
- $toast-size-icon-s: 24px;
1078
- $toast-border-weight-s: 1px;
1079
- $toast-colors-status-light-bg-default: #2a2a2a;
1080
- $toast-colors-status-light-bg-error: #2a2a2a;
1081
- $toast-colors-status-light-bg-warning: #2a2a2a;
1082
- $toast-colors-status-light-bg-success: #2a2a2a;
1083
- $toast-colors-status-light-border-default: #F3F3F3;
1084
- $toast-colors-status-light-border-error: #FF8883;
1085
- $toast-colors-status-light-border-warning: #FFA94D;
1086
- $toast-colors-status-light-border-success: #73C367;
1087
- $toast-colors-status-light-fg-default: #2a2a2a;
1088
- $toast-colors-status-light-fg-error: #FF8883;
1089
- $toast-colors-status-light-fg-warning: #ffa200;
1090
- $toast-colors-status-light-fg-success: #73C367;
1091
- $toast-colors-status-light-fg-default-alt: #FFFFFF;
1092
- $toast-colors-status-light-text-default: #ffffff;
1093
- $toast-colors-status-light-text-default-alt: #ffffff;
1094
- $toast-colors-status-dark-bg-default: #f0f0f0;
1095
- $toast-colors-status-dark-bg-error: #f0f0f0;
1096
- $toast-colors-status-dark-bg-warning: #f0f0f0;
1097
- $toast-colors-status-dark-bg-success: #f0f0f0;
1098
- $toast-colors-status-dark-border-default: #3F3F3F;
1099
- $toast-colors-status-dark-border-error: #D20007;
1100
- $toast-colors-status-dark-border-warning: #FEDDA4;
1101
- $toast-colors-status-dark-border-success: #138100;
1102
- $toast-colors-status-dark-fg-default: #2B2B2B;
1103
- $toast-colors-status-dark-fg-error: #D20007;
1104
- $toast-colors-status-dark-fg-warning: #2a2a2a;
1105
- $toast-colors-status-dark-fg-success: #138100;
1106
- $toast-colors-status-dark-text-default: #2a2a2a;
1107
- $tag-size-s: 28px;
1108
- $tag-padding-xxs: 4px;
1109
- $tag-padding-xs: 6px;
1110
- $tag-padding-s: 8px;
1111
- $tag-border-radius-s: 32px;
1112
- $tag-border-weight-s: 1px;
1113
- $tag-colors-light-bg-default: #FFFFFF;
1114
- $tag-colors-light-bg-default-alt: #D9D9D9;
1115
- $tag-colors-light-bg-hover: #ffffff;
1116
- $tag-colors-light-border-default: #BBBBBB;
1117
- $tag-colors-light-border-default-alt: #ffffff;
1118
- $tag-colors-light-border-hover: #ffffff;
1119
- $tag-colors-light-fg-default: #2B2B2B;
1120
- $tag-colors-light-fg-hover: #001318;
1121
- $tag-colors-light-text-default: #2B2B2B;
1122
- $tag-colors-light-text-hover: #001318;
1123
- $tag-size-icon-s: 16px;
1124
- $tag-size-icon-m: 14px;
1125
- $badge-size-s: 24px;
1126
- $badge-padding-s: 8px;
1127
- $badge-border-radius-s: 1000px;
1128
- $badge-colors-bg-default: #2a2a2a;
1129
- $badge-colors-bg-error: #AA0006;
1130
- $badge-colors-bg-warning: #FFA94D;
1131
- $badge-colors-bg-success: #0F6D00;
1132
- $badge-colors-text-default: #ffffff;
1133
- $badge-colors-text-error: #ffffff;
1134
- $badge-colors-text-warning: #2a2a2a;
1135
- $badge-colors-text-success: #ffffff;
1136
- $alert-padding-xxs: 2px;
1137
- $alert-padding-xs: 6px;
1138
- $alert-padding-s: 22px;
1139
- $alert-padding-m: 10px;
1140
- $alert-border-radius-s: 8px;
1141
- $alert-border-weight-s: 1px;
1142
- $alert-border-weight-m: 4px;
1143
- $alert-box-shadow-01: sem.box-shadow.01;
1144
- $alert-colors-status-light-bg-subtle-default: #F3F3F3;
1145
- $alert-colors-status-light-bg-subtle-error: #FEEDED;
1146
- $alert-colors-status-light-bg-subtle-warning: #FEF2DE;
1147
- $alert-colors-status-light-bg-subtle-success: #e6f4e5;
1148
- $alert-colors-status-light-border-default: #3F3F3F;
1149
- $alert-colors-status-light-border-error: #D20007;
1150
- $alert-colors-status-light-border-warning: #B14D00;
1151
- $alert-colors-status-light-border-success: #138100;
1152
- $alert-colors-status-light-fg-default: #2B2B2B;
1153
- $alert-colors-status-light-text-default: #2B2B2B;
1154
- $alert-colors-status-dark-bg-subtle-default: #2B2B2B;
1155
- $alert-colors-status-dark-bg-subtle-error: #2D0002;
1156
- $alert-colors-status-dark-bg-subtle-warning: #4B2000;
1157
- $alert-colors-status-dark-bg-subtle-success: #073600;
1158
- $alert-colors-status-dark-border-default: #F3F3F3;
1159
- $alert-colors-status-dark-border-error: #E81D1D;
1160
- $alert-colors-status-dark-border-warning: #FFA94D;
1161
- $alert-colors-status-dark-border-success: #73C367;
1162
- $alert-colors-status-dark-fg-default: #F3F3F3;
1163
- $alert-colors-status-dark-text-default: #F3F3F3;
1164
- $alert-size-icon-s: 24px;
1165
- $alert-gap-s: 0px;
5
+ $card-colors-light-bg-default: #111111;
6
+ $card-colors-light-bg-default-alt: #FFFFFF;
7
+ $card-colors-light-bg-emphasis: #F8FF19;
8
+ $card-colors-light-fg-default: #001318;
9
+ $card-colors-light-fg-default-alt: #FFFFFF;
10
+ $card-colors-light-fg-hover: #057382;
11
+ $card-colors-light-border-default: #BBBBBB;
12
+ $card-colors-light-border-hover: #525252;
13
+ $card-colors-light-border-minimal: #BBBBBB;
14
+ $card-colors-light-text-default: #2B2B2B;
15
+ $card-colors-light-text-hover: #001318;
16
+ $card-colors-light-text-support: #686868;
17
+ $card-colors-dark-bg-default: #FFFFFF;
18
+ $card-colors-dark-bg-default-alt: #111111;
19
+ $card-colors-dark-bg-emphasis: #009BA5;
20
+ $card-colors-dark-fg-default-alt: #FFFFFF;
21
+ $card-colors-dark-border-hover: #F3F3F3;
22
+ $card-colors-dark-text-default: #FFFFFF;
23
+ $card-colors-dark-text-hover: #F8FF19;
24
+ $card-colors-dark-text-support: #BBBBBB;
25
+ $card-padding-xs: 8px;
26
+ $card-padding-s: 24px;
27
+ $card-padding-m: 32px;
28
+ $card-border-weight-s: 1px;
29
+ $card-border-weight-m: 2px;
30
+ $card-border-radius-s: 16px;
31
+ $card-gap-xs: 8px;
32
+ $card-gap-s: 16px;
33
+ $card-gap-m: 20px;
34
+ $card-gap-l: 22px;
35
+ $card-gap-xl: 24px;
36
+ $card-gap-xxl: 48px;
37
+ $card-size-s: 42px;
38
+ $card-size-m: 80px;
39
+ $card-size-l: 96px;
40
+ $card-size-icon-s: 42px;
41
+ $card-size-icon-m: 80px;
42
+ $universal-header-size-s: 32px;
43
+ $universal-header-padding-s: 10px;
44
+ $universal-header-padding-m: 16px;
45
+ $universal-header-padding-l: 24px;
46
+ $universal-header-padding-xl: 32px;
47
+ $universal-header-gap-s: 6px;
48
+ $universal-header-gap-m: 12px;
49
+ $universal-header-gap-l: 32px;
50
+ $universal-header-size-icon-s: 10px;
51
+ $universal-header-colors-light-bg-default: #D9D9D9;
52
+ $universal-header-colors-light-fg-default: #2B2B2B;
53
+ $universal-header-colors-light-text-default: #01404C;
54
+ $universal-header-colors-light-text-hover: #001318;
55
+ $siteheader-size-s: 34px;
56
+ $siteheader-size-m: 58px;
57
+ $siteheader-size-l: 84px;
58
+ $siteheader-padding-s: 12px;
59
+ $siteheader-padding-m: 16px;
60
+ $siteheader-padding-l: 24px;
61
+ $siteheader-padding-xl: 32px;
62
+ $siteheader-gap-s: 12px;
63
+ $siteheader-gap-m: 24px;
64
+ $siteheader-gap-l: 40px;
65
+ $siteheader-size-icon-s: 24px;
66
+ $siteheader-colors-light-bg-default: #111111;
67
+ $siteheader-colors-light-fg-default: #aaaaaa;
68
+ $siteheader-colors-light-fg-default-alt: #2B2B2B;
69
+ $siteheader-colors-light-text-default: #5514b4;
70
+ $siteheader-colors-light-text-default-alt: #01404C;
71
+ $sitefooter-size-s: 20px;
72
+ $sitefooter-size-m: 34px;
73
+ $sitefooter-size-icon-s: 16px;
74
+ $sitefooter-size-icon-m: 24px;
75
+ $sitefooter-size-icon-l: 32px;
76
+ $sitefooter-padding-s: 8px;
77
+ $sitefooter-padding-m: 12px;
78
+ $sitefooter-padding-l: 16px;
79
+ $sitefooter-padding-xl: 24px;
80
+ $sitefooter-padding-xxl: 32px;
81
+ $sitefooter-gap-s: 4px;
82
+ $sitefooter-gap-m: 8px;
83
+ $sitefooter-gap-l: 16px;
84
+ $sitefooter-gap-xl: 24px;
85
+ $sitefooter-gap-xxl: 48px;
86
+ $sitefooter-colors-light-bg-default: #111111;
87
+ $sitefooter-colors-light-fg-default: #aaaaaa;
88
+ $sitefooter-colors-light-fg-default-alt: #3f187f;
89
+ $sitefooter-colors-light-border-subtle: #BBBBBB;
90
+ $sitefooter-colors-light-text-default: #ffffff;
91
+ $sitefooter-colors-light-text-subtle: #6b6b6b;
92
+ $sitefooter-border-weight-s: 1px;
93
+ $header-menu-size-s: 40px;
94
+ $header-menu-size-m: 96px;
95
+ $header-menu-size-l: 72px;
96
+ $header-menu-size-xl: 106px;
97
+ $header-menu-padding-s: 8px;
98
+ $header-menu-padding-m: 12px;
99
+ $header-menu-padding-l: 24px;
100
+ $header-menu-padding-xl: 40px;
101
+ $header-menu-gap-s: 8px;
102
+ $header-menu-gap-m: 16px;
103
+ $header-menu-gap-l: 20px;
104
+ $header-menu-gap-xl: 24px;
105
+ $header-menu-gap-xxl: 28px;
106
+ $header-menu-gap-xxxl: 44px;
107
+ $header-menu-gap-xxxxl: 48px;
108
+ $header-menu-border-radius-s: 24px;
109
+ $header-menu-border-radius-m: 16px;
110
+ $header-menu-border-radius-l: 16px;
111
+ $header-menu-border-radius-xl: 16px;
112
+ $header-menu-size-icon-s: 16px;
113
+ $header-menu-size-icon-m: 28px;
114
+ $header-menu-size-icon-l: 48px;
115
+ $header-menu-border-weight-s: 1px;
116
+ $header-menu-colors-light-bg-strong: #2B2B2B;
117
+ $header-menu-colors-light-bg-default-alt: #FFFFFF;
118
+ $header-menu-colors-light-fg-default: #009BA5;
119
+ $header-menu-colors-light-fg-default-alt: #FFFFFF;
120
+ $header-menu-colors-light-fg-strong: #2B2B2B;
121
+ $header-menu-colors-light-border-strong-alt-copy: #818181;
122
+ $header-menu-colors-light-text-default: #009BA5;
123
+ $header-menu-colors-light-text-default-alt: #FFFFFF;
124
+ $header-menu-colors-light-text-strong: #2B2B2B;
1166
125
  $segmented-control-size-icon-s: 24px;
1167
126
  $segmented-control-size-s: 40px;
1168
127
  $segmented-control-padding-s: 8px;
@@ -1183,27 +142,259 @@ $segmented-control-colors-light-border-subtle: #BBBBBB;
1183
142
  $segmented-control-colors-light-text-default: #009BA5;
1184
143
  $segmented-control-colors-light-text-default-alt: #FFFFFF;
1185
144
  $segmented-control-colors-light-text-focus: #035F6E;
1186
- $rule-colors-light-border-subtle: #BBBBBB;
1187
- $rule-colors-dark-border-subtle: #525252;
1188
- $rule-border-weight-s: 1px;
1189
- $logos-size-m: 40px;
1190
- $logos-colors-light-fg-default: #009BA5;
1191
- $logos-colors-light-fg-strong: #2B2B2B;
1192
- $logos-colors-light-fg-variant: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%);
1193
- $logos-colors-dark-fg-default: #EBF304;
1194
- $vertical-space-size-4: 4px;
1195
- $vertical-space-size-8: 8px;
1196
- $vertical-space-size-12: 12px;
1197
- $vertical-space-size-16: 16px;
1198
- $vertical-space-size-20: 20px;
1199
- $vertical-space-size-24: 24px;
1200
- $vertical-space-size-28: 28px;
1201
- $vertical-space-size-32: 32px;
1202
- $vertical-space-size-40: 40px;
1203
- $vertical-space-size-48: 48px;
1204
- $vertical-space-size-64: 64px;
1205
- $vertical-space-size-96: 96px;
1206
- $vertical-space-size-128: 128px;
145
+ $pagination-size-m: 32px;
146
+ $pagination-padding-s: 8px;
147
+ $pagination-padding-m: 12px;
148
+ $pagination-border-radius-m: 1000px;
149
+ $pagination-border-weight-s: 2px;
150
+ $pagination-colors-light-bg-hover: #2B2B2B;
151
+ $pagination-colors-light-bg-selected: #057382;
152
+ $pagination-colors-light-bg-pressed: #057382;
153
+ $pagination-colors-light-bg-subtle: #BBBBBB;
154
+ $pagination-colors-light-border-focus: #111111;
155
+ $pagination-colors-light-text-default: #FFFFFF;
156
+ $pagination-colors-light-text-strong: #2B2B2B;
157
+ $pagination-colors-light-fg-default: #009BA5;
158
+ $pagination-colors-light-fg-default-alt: #FFFFFF;
159
+ $pagination-colors-dark-bg-hover: #F3F3F3;
160
+ $pagination-colors-dark-bg-selected: #818181;
161
+ $pagination-colors-dark-bg-pressed: #818181;
162
+ $pagination-colors-dark-border-focus: #D9D9D9;
163
+ $pagination-colors-dark-text-default: #2B2B2B;
164
+ $pagination-colors-dark-text-strong: #FFFFFF;
165
+ $pagination-colors-dark-fg-default: #EBF304;
166
+ $pagination-colors-dark-fg-default-alt: #2B2B2B;
167
+ $pagination-size-icon-m: 32px;
168
+ $pagination-gap-s: 4px;
169
+ $pagination-gap-m: 16px;
170
+ $breadcrumb-size-icon-s: 12px;
171
+ $breadcrumb-colors-light-fg-strong: #2B2B2B;
172
+ $breadcrumb-colors-light-text-default: #001318;
173
+ $breadcrumb-colors-light-text-hover: #001318;
174
+ $breadcrumb-colors-light-text-strong: #2B2B2B;
175
+ $breadcrumb-colors-dark-fg-strong: #FFFFFF;
176
+ $breadcrumb-colors-dark-text-default: #EBF304;
177
+ $breadcrumb-colors-dark-text-hover: #F8FF19;
178
+ $breadcrumb-colors-dark-text-strong: #FFFFFF;
179
+ $breadcrumb-gap-xs: 6px;
180
+ $breadcrumb-gap-s: 8px;
181
+ $tabs-border-weight-s: 0;
182
+ $tabs-border-weight-m: 1px;
183
+ $tabs-border-weight-l: 2px;
184
+ $tabs-border-radius-s: 8px;
185
+ $tabs-padding-s: 4px;
186
+ $tabs-padding-m: 12px;
187
+ $tabs-padding-l: 16px;
188
+ $tabs-padding-xl: 24px;
189
+ $tabs-gap-s: 4px;
190
+ $tabs-gap-m: 6px;
191
+ $tabs-gap-l: 12px;
192
+ $tabs-size-s: 42px;
193
+ $tabs-size-m: 48px;
194
+ $tabs-size-icon-s: 40px;
195
+ $tabs-colors-light-bg-default: #FFFFFF;
196
+ $tabs-colors-light-bg-subtle: #f7f7f7;
197
+ $tabs-colors-light-bg-error: #D20007;
198
+ $tabs-colors-light-border-subtle: #BBBBBB;
199
+ $tabs-colors-light-border-selected: #3F3F3F;
200
+ $tabs-colors-light-border-focus: #111111;
201
+ $tabs-colors-light-border-error: #D20007;
202
+ $tabs-colors-light-fg-default: #686868;
203
+ $tabs-colors-light-fg-hover: #001318;
204
+ $tabs-colors-light-fg-selected: #3F3F3F;
205
+ $tabs-colors-light-text-default: #686868;
206
+ $tabs-colors-light-text-hover: #001318;
207
+ $tabs-colors-light-text-selected: #3F3F3F;
208
+ $tabs-colors-light-text-strong: #01404C;
209
+ $tabs-colors-dark-bg-default: #111111;
210
+ $tabs-colors-dark-bg-subtle: #3F3F3F;
211
+ $tabs-colors-dark-bg-error: #401313;
212
+ $tabs-colors-dark-border-subtle: #BBBBBB;
213
+ $tabs-colors-dark-border-selected: #FFFFFF;
214
+ $tabs-colors-dark-border-focus: #D9D9D9;
215
+ $tabs-colors-dark-border-error: #D20007;
216
+ $tabs-colors-dark-fg-default: #EBF304;
217
+ $tabs-colors-dark-fg-hover: #F8FF19;
218
+ $tabs-colors-dark-fg-selected: #FFFFFF;
219
+ $tabs-colors-dark-fg-strong: #FFFFFF;
220
+ $tabs-colors-dark-text-default: #FFFFFF;
221
+ $tabs-colors-dark-text-hover: #F8FF19;
222
+ $tabs-colors-dark-text-selected: #ffffff;
223
+ $tabs-colors-dark-text-strong: #ffffff;
224
+ $filter-size-s: 32px;
225
+ $filter-padding-s: 4px;
226
+ $filter-padding-m: 12px;
227
+ $filter-border-radius-s: 32px;
228
+ $filter-border-weight-s: 1px;
229
+ $filter-border-weight-m: 2px;
230
+ $filter-colors-light-border-default: #BBBBBB;
231
+ $filter-colors-light-border-hover: #525252;
232
+ $filter-colors-light-bg-default: #FFFFFF;
233
+ $filter-colors-light-bg-selected: #111111;
234
+ $filter-colors-light-text-default: #001318;
235
+ $filter-colors-light-text-default-alt: #ffffff;
236
+ $filter-colors-light-text-hover: #2a1c4a;
237
+ $filter-colors-dark-border-default: #FFFFFF;
238
+ $filter-colors-dark-border-hover: #525252;
239
+ $filter-colors-dark-bg-selected: #FFFFFF;
240
+ $filter-colors-dark-bg-default: #111111;
241
+ $filter-colors-dark-text-default: #001318;
242
+ $filter-colors-dark-text-default-alt: #efe5f7;
243
+ $filter-colors-dark-text-hover: #D9D9D9;
244
+ $filter-colors-dark-text-selected: #2a1c4a;
245
+ $filter-gap-l: 16px;
246
+ $filter-margin-m: 16px;
247
+ $content-switcher-padding-s: 10px;
248
+ $content-switcher-padding-xs: 8px;
249
+ $content-switcher-padding-m: 12px;
250
+ $content-switcher-padding-l: 16px;
251
+ $content-switcher-padding-xl: 18px;
252
+ $content-switcher-padding-xxl: 20px;
253
+ $content-switcher-padding-xxxl: 24px;
254
+ $content-switcher-gap-xs: 2px;
255
+ $content-switcher-gap-s: 4px;
256
+ $content-switcher-gap-m: 6px;
257
+ $content-switcher-gap-l: 8px;
258
+ $content-switcher-gap-xl: 16px;
259
+ $content-switcher-colors-light-bg-default: #ffffff;
260
+ $content-switcher-colors-light-bg-default-alt: #5514b4;
261
+ $content-switcher-colors-light-bg-hover: #f0f0f0;
262
+ $content-switcher-colors-light-bg-active: #e3e3e3;
263
+ $content-switcher-colors-light-bg-selected: #000000;
264
+ $content-switcher-colors-light-bg-selected-hover: #3f187f;
265
+ $content-switcher-colors-light-bg-disabled: rgba(255,255,255,0);
266
+ $content-switcher-colors-light-bg-seleced: #000000;
267
+ $content-switcher-colors-light-border-default: #111111;
268
+ $content-switcher-colors-light-border-pressed: #3F3F3F;
269
+ $content-switcher-colors-light-border-disabled: #D9D9D9;
270
+ $content-switcher-colors-light-fg-default: #001318;
271
+ $content-switcher-colors-light-fg-default-alt: #FFFFFF;
272
+ $content-switcher-colors-light-fg-hover: #001318;
273
+ $content-switcher-colors-light-fg-pressed: #3F3F3F;
274
+ $content-switcher-colors-light-fg-disabled: #686868;
275
+ $content-switcher-colors-light-text-default: #01404C;
276
+ $content-switcher-colors-light-text-default-alt: #FFFFFF;
277
+ $content-switcher-colors-light-text-hover: #001318;
278
+ $content-switcher-colors-light-text-pressed: #3F3F3F;
279
+ $content-switcher-colors-light-text-disabled: lch(67.1 0 0);
280
+ $content-switcher-colors-dark-bg-default: #FFFFFF;
281
+ $content-switcher-colors-dark-bg-hover: #F3F3F3;
282
+ $content-switcher-colors-dark-bg-pressed: #818181;
283
+ $content-switcher-colors-dark-bg-disabled: #686868;
284
+ $content-switcher-colors-dark-border-default: #FFFFFF;
285
+ $content-switcher-colors-dark-border-pressed: #818181;
286
+ $content-switcher-colors-dark-border-disabled: #686868;
287
+ $content-switcher-colors-dark-fg-default: #EBF304;
288
+ $content-switcher-colors-dark-fg-default-alt: #2B2B2B;
289
+ $content-switcher-colors-dark-fg-hover: #F8FF19;
290
+ $content-switcher-colors-dark-fg-pressed: #818181;
291
+ $content-switcher-colors-dark-fg-disabled: #9C9C9C;
292
+ $content-switcher-colors-dark-text-default: #EBF304;
293
+ $content-switcher-colors-dark-text-default-alt: #2B2B2B;
294
+ $content-switcher-colors-dark-text-hover: #F8FF19;
295
+ $content-switcher-colors-dark-text-pressed: #818181;
296
+ $content-switcher-colors-dark-text-disabled: #9C9C9C;
297
+ $content-switcher-border-radius-pill: 1000px;
298
+ $content-switcher-border-radius-xl: 32px;
299
+ $content-switcher-border-weight-s: 2px;
300
+ $content-switcher-elevations-02: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 4px 12px 0 rgba( 0, 0, 0 , 0.10);
301
+ $herobanner-padding-s: 24px;
302
+ $herobanner-padding-m: 40px;
303
+ $herobanner-padding-l: 64px;
304
+ $herobanner-gap-s: 8px;
305
+ $herobanner-gap-m: 16px;
306
+ $herobanner-gap-l: 32px;
307
+ $herobanner-radius-l: 16px;
308
+ $herobanner-radius-m: 24px;
309
+ $herobanner-border-default: 1px solid #BBBBBB;
310
+ $herobanner-color-light-bg-default: #ffffff;
311
+ $herobanner-color-light-bg-contained: #ffffff;
312
+ $herobanner-color-light-bg-gradient: ;
313
+ $herobanner-color-light-text-default: #2B2B2B;
314
+ $herobanner-color-dark-bg-default: #009BA5;
315
+ $herobanner-color-dark-bg-gradient: ;
316
+ $herobanner-color-dark-text-default: #ffffff;
317
+ $herobanner-box-shadow-01: -24px -24px 150px 0 rgb(241, 242, 202, 45%), 24px 24px 150px 0 rgb(198, 23, 238, 45%);
318
+ $box-padding-s: 16px;
319
+ $box-border-radius-s: 16px;
320
+ $box-border-weight-xs: 1px;
321
+ $box-border-weight-s: 2px;
322
+ $box-colors-light-bg-default: #FFFFFF;
323
+ $box-colors-light-bg-subtle: #D9D9D9;
324
+ $box-colors-light-bg-error-subtle: #D20007;
325
+ $box-colors-light-bg-minimal: #f7f7f7;
326
+ $box-colors-light-bg-error: #AA0006;
327
+ $box-colors-light-bg-replacement: #f8c8da;
328
+ $box-colors-light-fg-strong: #2B2B2B;
329
+ $box-colors-light-border-subtle: #BBBBBB;
330
+ $box-colors-light-border-error: #D20007;
331
+ $box-colors-light-text-strong: #2B2B2B;
332
+ $box-colors-dark-bg-default: #111111;
333
+ $box-colors-dark-bg-subtle: #686868;
334
+ $box-colors-dark-bg-minimal: #2B2B2B;
335
+ $box-colors-dark-bg-default-alt: #111111;
336
+ $box-colors-dark-border-subtle: #525252;
337
+ $box-colors-variant-light-bg-default-01: linear-gradient(90deg, #fff2f0 0%, #f5eefa 100%); // coral-gradient
338
+ $box-colors-variant-light-bg-default-02: linear-gradient(90deg, #f5eefa 0%, #eafcff 100%); // turquoise-gradient
339
+ $box-colors-variant-dark-bg-default-01: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%); // Brand gradient (light)
340
+ $disclosure-mini-padding-s: 28px;
341
+ $disclosure-mini-size-icon-s: 16px;
342
+ $disclosure-mini-gap-s: 8px;
343
+ $disclosure-mini-gap-m: 12px;
344
+ $disclosure-mini-colors-light-fg-default: #057382;
345
+ $disclosure-mini-colors-light-text-default: #057382;
346
+ $disclosure-mini-colors-light-text-strong: #2B2B2B;
347
+ $disclosure-mini-colors-dark-fg-default: #EBF304;
348
+ $disclosure-mini-colors-dark-text-default: #EBF304;
349
+ $disclosure-mini-colors-dark-text-strong: #FFFFFF;
350
+ $disclosure-padding-s: 16px;
351
+ $disclosure-padding-l: 40px;
352
+ $disclosure-padding-xl: 56px;
353
+ $disclosure-gap-s: 20px;
354
+ $disclosure-size-s: 58px;
355
+ $disclosure-border-weight-s: 1px;
356
+ $disclosure-size-icon-s: 20px;
357
+ $disclosure-colors-light-bg-hover: #F3F3F3;
358
+ $disclosure-colors-light-border-subtle: #BBBBBB;
359
+ $disclosure-colors-light-fg-default: #001318;
360
+ $disclosure-colors-light-fg-hover: #001318;
361
+ $disclosure-colors-light-text-default: #001318;
362
+ $disclosure-colors-light-text-body: #01404C;
363
+ $disclosure-colors-light-text-hover: #001318;
364
+ $disclosure-colors-dark-bg-hover: #3F3F3F;
365
+ $disclosure-colors-dark-border-subtle: #525252;
366
+ $disclosure-colors-dark-fg-default: #EBF304;
367
+ $disclosure-colors-dark-fg-hover: #F8FF19;
368
+ $disclosure-colors-dark-text-default: #EBF304;
369
+ $disclosure-colors-dark-text-body: #FFFFFF;
370
+ $disclosure-colors-dark-text-hover: #F8FF19;
371
+ $disclosure-type-label-l: 700 20px/1 Non-Dottee;
372
+ $avatar-size-s: 32px;
373
+ $avatar-size-m: 48px;
374
+ $avatar-size-l: 64px;
375
+ $avatar-size-xl: 80px;
376
+ $avatar-size-icon-s: 16px;
377
+ $avatar-size-icon-m: 24px;
378
+ $avatar-size-icon-l: 32px;
379
+ $avatar-size-icon-xl: 40px;
380
+ $avatar-border-weight-s: 1px;
381
+ $avatar-colors-light-bg-default: #ebebeb;
382
+ $avatar-colors-light-fg-default-alt: #3f3f3f;
383
+ $avatar-colors-light-text-default-alt: #3f3f3f;
384
+ $modal-size-s: 288px;
385
+ $modal-size-m: 472px;
386
+ $modal-size-l: 591px;
387
+ $modal-size-xl: 800px;
388
+ $modal-size-xxl: 800px;
389
+ $modal-size-icon-s: 32px;
390
+ $modal-padding-m: 24px;
391
+ $modal-gap-s: 8px;
392
+ $modal-gap-m: 20px;
393
+ $modal-border-radius-s: 16px;
394
+ $modal-colors-light-bg-default: #FFFFFF;
395
+ $modal-colors-light-text-default: #2B2B2B;
396
+ $modal-colors-light-fg-default: #2B2B2B;
397
+ $overlay-colors-overlay-default: rgba(0,0,0,0.5);
1207
398
  $textlink-size-s: 20px;
1208
399
  $textlink-size-m: 24px;
1209
400
  $textlink-size-l: 26px;
@@ -1218,81 +409,69 @@ $textlink-colors-light-text-hover: #001318;
1218
409
  $textlink-colors-light-text-visited: #111111;
1219
410
  $textlink-colors-dark-fg-default: #EBF304;
1220
411
  $textlink-colors-dark-fg-hover: #F8FF19;
1221
- $textlink-colors-dark-fg-visited: #ABAD00;
412
+ $textlink-colors-dark-fg-visited: #EBF304;
1222
413
  $textlink-colors-dark-text-default: #EBF304;
1223
414
  $textlink-colors-dark-text-hover: #F8FF19;
1224
- $textlink-colors-dark-text-visited: #ABAD00;
415
+ $textlink-colors-dark-text-visited: #EBF304;
1225
416
  $textlink-gap-s: 4px;
1226
- $siteheader-size-s: 34px;
1227
- $siteheader-size-m: 58px;
1228
- $siteheader-size-l: 84px;
1229
- $siteheader-padding-s: 12px;
1230
- $siteheader-padding-m: 16px;
1231
- $siteheader-padding-l: 24px;
1232
- $siteheader-padding-xl: 32px;
1233
- $siteheader-gap-s: 12px;
1234
- $siteheader-gap-m: 24px;
1235
- $siteheader-gap-l: 40px;
1236
- $siteheader-size-icon-s: 24px;
1237
- $siteheader-colors-light-bg-default: #111111;
1238
- $siteheader-colors-light-fg-default: #aaaaaa;
1239
- $siteheader-colors-light-fg-default-alt: #2B2B2B;
1240
- $siteheader-colors-light-text-default: #5514b4;
1241
- $siteheader-colors-light-text-default-alt: #01404C;
1242
- $sitefooter-size-s: 20px;
1243
- $sitefooter-size-m: 34px;
1244
- $sitefooter-size-icon-s: 16px;
1245
- $sitefooter-size-icon-m: 24px;
1246
- $sitefooter-size-icon-l: 32px;
1247
- $sitefooter-padding-s: 8px;
1248
- $sitefooter-padding-m: 12px;
1249
- $sitefooter-padding-l: 16px;
1250
- $sitefooter-padding-xl: 24px;
1251
- $sitefooter-padding-xxl: 32px;
1252
- $sitefooter-gap-s: 4px;
1253
- $sitefooter-gap-m: 8px;
1254
- $sitefooter-gap-l: 16px;
1255
- $sitefooter-gap-xl: 24px;
1256
- $sitefooter-gap-xxl: 48px;
1257
- $sitefooter-colors-light-bg-default: #111111;
1258
- $sitefooter-colors-light-fg-default: #aaaaaa;
1259
- $sitefooter-colors-light-fg-default-alt: #3f187f;
1260
- $sitefooter-colors-light-border-subtle: #BBBBBB;
1261
- $sitefooter-colors-light-text-default: #ffffff;
1262
- $sitefooter-colors-light-text-subtle: #6b6b6b;
1263
- $sitefooter-border-weight-s: 1px;
1264
- $header-menu-size-s: 40px;
1265
- $header-menu-size-m: 96px;
1266
- $header-menu-size-l: 72px;
1267
- $header-menu-size-xl: 106px;
1268
- $header-menu-padding-s: 8px;
1269
- $header-menu-padding-m: 12px;
1270
- $header-menu-padding-l: 24px;
1271
- $header-menu-padding-xl: 40px;
1272
- $header-menu-gap-s: 8px;
1273
- $header-menu-gap-m: 16px;
1274
- $header-menu-gap-l: 20px;
1275
- $header-menu-gap-xl: 24px;
1276
- $header-menu-gap-xxl: 28px;
1277
- $header-menu-gap-xxxl: 44px;
1278
- $header-menu-gap-xxxxl: 48px;
1279
- $header-menu-border-radius-s: 24px;
1280
- $header-menu-border-radius-m: 16px;
1281
- $header-menu-border-radius-l: 16px;
1282
- $header-menu-border-radius-xl: 16px;
1283
- $header-menu-size-icon-s: 16px;
1284
- $header-menu-size-icon-m: 28px;
1285
- $header-menu-size-icon-l: 48px;
1286
- $header-menu-border-weight-s: 1px;
1287
- $header-menu-colors-light-bg-strong: #2B2B2B;
1288
- $header-menu-colors-light-bg-default-alt: #FFFFFF;
1289
- $header-menu-colors-light-fg-default: #009BA5;
1290
- $header-menu-colors-light-fg-default-alt: #FFFFFF;
1291
- $header-menu-colors-light-fg-strong: #2B2B2B;
1292
- $header-menu-colors-light-border-strong-alt-copy: #818181;
1293
- $header-menu-colors-light-text-default: #009BA5;
1294
- $header-menu-colors-light-text-default-alt: #FFFFFF;
1295
- $header-menu-colors-light-text-strong: #2B2B2B;
417
+ $button-padding-s: 10px;
418
+ $button-padding-m: 12px;
419
+ $button-padding-l: 16px;
420
+ $button-padding-xl: 18px;
421
+ $button-padding-xxl: 20px;
422
+ $button-padding-xxxl: 24px;
423
+ $button-gap-xs: 2px;
424
+ $button-gap-s: 4px;
425
+ $button-gap-m: 6px;
426
+ $button-gap-l: 8px;
427
+ $button-border-radius-s: 20px;
428
+ $button-size-xxs: 20px;
429
+ $button-size-xs: 24px;
430
+ $button-size-s: 28px;
431
+ $button-size-m: 32px;
432
+ $button-size-l: 44px;
433
+ $button-size-xl: 48px;
434
+ $button-size-xxl: 60px;
435
+ $button-size-icon-xs: 12px;
436
+ $button-size-icon-s: 16px;
437
+ $button-size-icon-m: 20px;
438
+ $button-size-icon-l: 24px;
439
+ $button-size-icon-xl: 28px;
440
+ $button-colors-light-bg-default: #111111;
441
+ $button-colors-light-bg-hover: #2B2B2B;
442
+ $button-colors-light-bg-pressed: #3F3F3F;
443
+ $button-colors-light-bg-disabled: #D9D9D9;
444
+ $button-colors-light-border-default: #111111;
445
+ $button-colors-light-border-pressed: #3F3F3F;
446
+ $button-colors-light-border-disabled: #D9D9D9;
447
+ $button-colors-light-fg-default: #001318;
448
+ $button-colors-light-fg-default-alt: #FFFFFF;
449
+ $button-colors-light-fg-hover: #001318;
450
+ $button-colors-light-fg-pressed: #3F3F3F;
451
+ $button-colors-light-fg-disabled: #686868;
452
+ $button-colors-light-text-default: #001318;
453
+ $button-colors-light-text-default-alt: #FFFFFF;
454
+ $button-colors-light-text-hover: #001318;
455
+ $button-colors-light-text-pressed: #3F3F3F;
456
+ $button-colors-light-text-disabled: #686868;
457
+ $button-colors-dark-bg-default: #FFFFFF;
458
+ $button-colors-dark-bg-hover: #d9d9d9;
459
+ $button-colors-dark-bg-pressed: #b7b7b7;
460
+ $button-colors-dark-bg-disabled: #686868;
461
+ $button-colors-dark-border-default: #FFFFFF;
462
+ $button-colors-dark-border-pressed: #818181;
463
+ $button-colors-dark-border-disabled: #686868;
464
+ $button-colors-dark-fg-default: #ffffff;
465
+ $button-colors-dark-fg-default-alt: #2B2B2B;
466
+ $button-colors-dark-fg-hover: #ffffff;
467
+ $button-colors-dark-fg-pressed: #818181;
468
+ $button-colors-dark-fg-disabled: #9C9C9C;
469
+ $button-colors-dark-text-default: #ffffff;
470
+ $button-colors-dark-text-default-alt: #2B2B2B;
471
+ $button-colors-dark-text-hover: #ffffff;
472
+ $button-colors-dark-text-pressed: #ffffff;
473
+ $button-colors-dark-text-disabled: #9C9C9C;
474
+ $button-border-weight-s: 2px;
1296
475
  $button-v2-padding-xxxs: 3px;
1297
476
  $button-v2-padding-xxs: 4px;
1298
477
  $button-v2-padding-xs: 8px;
@@ -1307,7 +486,7 @@ $button-v2-gap-s: 6px;
1307
486
  $button-v2-gap-m: 8px;
1308
487
  $button-v2-border-radius-s: 16px;
1309
488
  $button-v2-size-s: 32px;
1310
- $button-v2-size-m: 44px;
489
+ $button-v2-size-m: 48px;
1311
490
  $button-v2-size-l: 64px;
1312
491
  $button-v2-size-icon-s: 20px;
1313
492
  $button-v2-size-icon-m: 24px;
@@ -1318,7 +497,7 @@ $button-v2-border-weight-s: 2px;
1318
497
  $button-v2-border-weight-m: 2px;
1319
498
  $button-v2-colors-light-bg-default: #111111;
1320
499
  $button-v2-colors-light-bg-hover: #2B2B2B;
1321
- $button-v2-colors-light-bg-pressed: #057382;
500
+ $button-v2-colors-light-bg-pressed: #3F3F3F;
1322
501
  $button-v2-colors-light-bg-disabled: #D9D9D9;
1323
502
  $button-v2-colors-light-bg-strong: #D9D9D9;
1324
503
  $button-v2-colors-light-bg-subtle: #F3F3F3;
@@ -1349,7 +528,7 @@ $button-v2-colors-light-variant-fg-default: linear-gradient(105deg, #f200f5 0%,
1349
528
  $button-v2-colors-light-variant-border-default: linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%);
1350
529
  $button-v2-colors-dark-bg-default: #FFFFFF;
1351
530
  $button-v2-colors-dark-bg-hover: #F3F3F3;
1352
- $button-v2-colors-dark-bg-pressed: #818181;
531
+ $button-v2-colors-dark-bg-pressed: #BBBBBB;
1353
532
  $button-v2-colors-dark-bg-disabled: #686868;
1354
533
  $button-v2-colors-dark-bg-strong: #686868;
1355
534
  $button-v2-colors-dark-bg-hover-alt: #3F3F3F;
@@ -1359,9 +538,9 @@ $button-v2-colors-dark-border-default: #FFFFFF;
1359
538
  $button-v2-colors-dark-border-pressed: #818181;
1360
539
  $button-v2-colors-dark-border-disabled: #686868;
1361
540
  $button-v2-colors-dark-border-subtle: #6b6b6b;
1362
- $button-v2-colors-dark-fg-default: #EBF304;
541
+ $button-v2-colors-dark-fg-default: #ffffff;
1363
542
  $button-v2-colors-dark-fg-default-alt: #2B2B2B;
1364
- $button-v2-colors-dark-fg-hover: #F8FF19;
543
+ $button-v2-colors-dark-fg-hover: #ffffff;
1365
544
  $button-v2-colors-dark-fg-pressed: #818181;
1366
545
  $button-v2-colors-dark-fg-disabled: #9C9C9C;
1367
546
  $button-v2-colors-dark-fg-strong: #9C9C9C;
@@ -1371,10 +550,10 @@ $button-v2-colors-dark-status-text-default: #FFFFFF;
1371
550
  $button-v2-colors-dark-status-bg-default: #600104;
1372
551
  $button-v2-colors-dark-status-bg-hover: #840106;
1373
552
  $button-v2-colors-dark-status-bg-pressed: #AA0006;
1374
- $button-v2-colors-dark-text-default: #EBF304;
553
+ $button-v2-colors-dark-text-default: #ffffff;
1375
554
  $button-v2-colors-dark-text-default-alt: #2B2B2B;
1376
- $button-v2-colors-dark-text-hover: #F8FF19;
1377
- $button-v2-colors-dark-text-pressed: #818181;
555
+ $button-v2-colors-dark-text-hover: #ffffff;
556
+ $button-v2-colors-dark-text-pressed: #ffffff;
1378
557
  $button-v2-colors-dark-text-disabled: #9C9C9C;
1379
558
  $button-v2-colors-dark-variant-bg-loader: linear-gradient(90deg, #f5eefa 0%, #eafcff 100%);
1380
559
  $button-v2-colors-dark-variant-fg-default: linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%);
@@ -1469,146 +648,1083 @@ $hero-button-colors-dark-variant-fg-default: linear-gradient(105deg, #f200f5 0%,
1469
648
  $hero-button-colors-dark-variant-border-default: linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%);
1470
649
  $hero-button-colors-overlay-flat-01: rgba(255,255,255,0.5);
1471
650
  $hero-button-colors-overlay-flat-02: rgba(85,20,180,0.5);
1472
- $button-padding-s: 10px;
1473
- $button-padding-m: 12px;
1474
- $button-padding-l: 16px;
1475
- $button-padding-xl: 18px;
1476
- $button-padding-xxl: 20px;
1477
- $button-padding-xxxl: 24px;
1478
- $button-gap-xs: 2px;
1479
- $button-gap-s: 4px;
1480
- $button-gap-m: 6px;
1481
- $button-gap-l: 8px;
1482
- $button-border-radius-s: 16px;
1483
- $button-size-xxs: 20px;
1484
- $button-size-xs: 24px;
1485
- $button-size-s: 28px;
1486
- $button-size-m: 32px;
1487
- $button-size-l: 44px;
1488
- $button-size-xl: 48px;
1489
- $button-size-xxl: 60px;
1490
- $button-size-icon-xs: 12px;
1491
- $button-size-icon-s: 16px;
1492
- $button-size-icon-m: 20px;
1493
- $button-size-icon-l: 24px;
1494
- $button-size-icon-xl: 28px;
1495
- $button-colors-light-bg-default: #111111;
1496
- $button-colors-light-bg-hover: #2B2B2B;
1497
- $button-colors-light-bg-pressed: #057382;
1498
- $button-colors-light-bg-disabled: #D9D9D9;
1499
- $button-colors-light-border-default: #111111;
1500
- $button-colors-light-border-pressed: #3F3F3F;
1501
- $button-colors-light-border-disabled: #D9D9D9;
1502
- $button-colors-light-fg-default: #001318;
1503
- $button-colors-light-fg-default-alt: #FFFFFF;
1504
- $button-colors-light-fg-hover: #001318;
1505
- $button-colors-light-fg-pressed: #3F3F3F;
1506
- $button-colors-light-fg-disabled: #686868;
1507
- $button-colors-light-text-default: #001318;
1508
- $button-colors-light-text-default-alt: #FFFFFF;
1509
- $button-colors-light-text-hover: #001318;
1510
- $button-colors-light-text-pressed: #3F3F3F;
1511
- $button-colors-light-text-disabled: #686868;
1512
- $button-colors-dark-bg-default: #FFFFFF;
1513
- $button-colors-dark-bg-hover: #F3F3F3;
1514
- $button-colors-dark-bg-pressed: #818181;
1515
- $button-colors-dark-bg-disabled: #686868;
1516
- $button-colors-dark-border-default: #FFFFFF;
1517
- $button-colors-dark-border-pressed: #818181;
1518
- $button-colors-dark-border-disabled: #686868;
1519
- $button-colors-dark-fg-default: #EBF304;
1520
- $button-colors-dark-fg-default-alt: #2B2B2B;
1521
- $button-colors-dark-fg-hover: #F8FF19;
1522
- $button-colors-dark-fg-pressed: #818181;
1523
- $button-colors-dark-fg-disabled: #9C9C9C;
1524
- $button-colors-dark-text-default: #EBF304;
1525
- $button-colors-dark-text-default-alt: #2B2B2B;
1526
- $button-colors-dark-text-hover: #F8FF19;
1527
- $button-colors-dark-text-pressed: #818181;
1528
- $button-colors-dark-text-disabled: #9C9C9C;
1529
- $button-border-weight-s: 2px;
651
+ $backtotop-size-m: 48px;
652
+ $backtotop-size-icon-m: 48px;
653
+ $backtotop-padding-m: 22px;
654
+ $backtotop-border-radius-m: 1000px;
655
+ $backtotop-border-weight-m: 2px;
656
+ $backtotop-colors-light-bg-default: #111111;
657
+ $backtotop-colors-light-bg-hover: #2B2B2B;
658
+ $backtotop-colors-light-bg-selected: #057382;
659
+ $backtotop-colors-light-bg-strong: #FFFFFF;
660
+ $backtotop-colors-light-bg-subtle: #D9D9D9;
661
+ $backtotop-colors-light-border-default: #111111;
662
+ $backtotop-colors-light-border-hover: #525252;
663
+ $backtotop-colors-light-border-selected: #3F3F3F;
664
+ $backtotop-colors-light-border-strong: #F3F3F3;
665
+ $backtotop-colors-light-border-focus: #111111;
666
+ $backtotop-colors-light-fg-default: #009BA5;
667
+ $backtotop-colors-light-fg-default-alt: #FFFFFF;
668
+ $backtotop-colors-light-text-default: #009BA5;
669
+ $backtotop-colors-light-text-default-alt: #FFFFFF;
670
+ $backtotop-colors-dark-bg-default: #FFFFFF;
671
+ $backtotop-colors-dark-bg-hover: #F3F3F3;
672
+ $backtotop-colors-dark-bg-selected: #818181;
673
+ $backtotop-colors-dark-bg-strong: #111111;
674
+ $backtotop-colors-dark-bg-subtle: #3F3F3F;
675
+ $backtotop-colors-dark-border-default: #FFFFFF;
676
+ $backtotop-colors-dark-border-hover: #F3F3F3;
677
+ $backtotop-colors-dark-border-selected: #818181;
678
+ $backtotop-colors-dark-border-strong: #818181;
679
+ $backtotop-colors-dark-border-focus: #D9D9D9;
680
+ $backtotop-colors-dark-fg-default: #2B2B2B;
681
+ $backtotop-colors-dark-fg-default-alt: #FFFFFF;
682
+ $backtotop-colors-dark-text-default: #2B2B2B;
683
+ $backtotop-colors-dark-text-default-alt: #FFFFFF;
684
+ $elevation-01: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 2px 6px 0 rgba( 0, 0, 0 , 0.10);
685
+ $elevation-02: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 4px 12px 0 rgba( 0, 0, 0 , 0.10);
686
+ $elevation-03: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 8px 16px 0 rgba( 0, 0, 0 , 0.10);
687
+ $elevation-04: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 16px 20px 0 rgba( 0, 0, 0 , 0.10);
688
+ $elevation-05: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 24px 32px 0 rgba( 0, 0, 0 , 0.10);
689
+ $vertical-space-size-4: 4px;
690
+ $vertical-space-size-8: 8px;
691
+ $vertical-space-size-12: 12px;
692
+ $vertical-space-size-16: 16px;
693
+ $vertical-space-size-20: 20px;
694
+ $vertical-space-size-24: 24px;
695
+ $vertical-space-size-28: 28px;
696
+ $vertical-space-size-32: 32px;
697
+ $vertical-space-size-40: 40px;
698
+ $vertical-space-size-48: 48px;
699
+ $vertical-space-size-64: 64px;
700
+ $vertical-space-size-96: 96px;
701
+ $vertical-space-size-128: 128px;
702
+ $rule-colors-light-border-subtle: #BBBBBB;
703
+ $rule-colors-dark-border-subtle: #525252;
704
+ $rule-border-weight-s: 1px;
1530
705
  $focus-colors-light-border-subtle: #111111;
1531
706
  $focus-colors-dark-border-subtle: #D9D9D9;
1532
707
  $focus-border-weight-s: 2px;
1533
708
  $focus-border-radius-s: 16px;
1534
- $universal-header-size-s: 32px;
1535
- $universal-header-padding-s: 10px;
1536
- $universal-header-padding-m: 16px;
1537
- $universal-header-padding-l: 24px;
1538
- $universal-header-padding-xl: 32px;
1539
- $universal-header-gap-s: 6px;
1540
- $universal-header-gap-m: 12px;
1541
- $universal-header-gap-l: 32px;
1542
- $universal-header-size-icon-s: 10px;
1543
- $universal-header-colors-light-bg-default: #D9D9D9;
1544
- $universal-header-colors-light-fg-default: #2B2B2B;
1545
- $universal-header-colors-light-text-default: #01404C;
1546
- $universal-header-colors-light-text-hover: #001318;
1547
- $card-colors-light-bg-default: #111111;
1548
- $card-colors-light-bg-default-alt: #FFFFFF;
1549
- $card-colors-light-bg-emphasis: linear-gradient(90deg, #fcf9ff 0%, #f9f9ff 100%);
1550
- $card-colors-light-fg-default: #001318;
1551
- $card-colors-light-fg-default-alt: #FFFFFF;
1552
- $card-colors-light-fg-hover: #057382;
1553
- $card-colors-light-border-default: #BBBBBB;
1554
- $card-colors-light-border-hover: #525252;
1555
- $card-colors-light-border-minimal: #BBBBBB;
1556
- $card-colors-light-text-default: #2B2B2B;
1557
- $card-colors-light-text-hover: #001318;
1558
- $card-colors-light-text-support: #686868;
1559
- $card-colors-dark-bg-default: #FFFFFF;
1560
- $card-colors-dark-bg-default-alt: #111111;
1561
- $card-colors-dark-bg-emphasis: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%);
1562
- $card-colors-dark-fg-default-alt: #FFFFFF;
1563
- $card-colors-dark-border-hover: #F3F3F3;
1564
- $card-colors-dark-text-default: #FFFFFF;
1565
- $card-colors-dark-text-hover: #F8FF19;
1566
- $card-colors-dark-text-support: #BBBBBB;
1567
- $card-padding-s: 24px;
1568
- $card-padding-m: 32px;
1569
- $card-border-weight-s: 1px;
1570
- $card-border-weight-m: 2px;
1571
- $card-border-radius-s: 16px;
1572
- $card-gap-xs: 8px;
1573
- $card-gap-s: 16px;
1574
- $card-gap-m: 20px;
1575
- $card-gap-l: 22px;
1576
- $card-gap-xl: 24px;
1577
- $card-size-s: 48px;
1578
- $card-size-m: 80px;
1579
- $card-size-l: 96px;
1580
- $card-size-icon-s: 42px;
1581
- $card-size-icon-m: 80px;
1582
- $surface-colors-bg-dark-brand-02: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%);
1583
- $surface-colors-bg-dark-brand-01: #111111;
1584
- $surface-colors-bg-dark-neutral-01: #686868;
709
+ $logos-size-m: 40px;
710
+ $logos-colors-light-fg-default: #009BA5;
711
+ $logos-colors-light-fg-strong: #2B2B2B;
712
+ $logos-colors-light-fg-variant: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%);
713
+ $logos-colors-dark-fg-default: #EBF304;
714
+ $surface-colors-bg-dark-brand-01: #067382;
715
+ $surface-colors-bg-dark-brand-02: #067382;
716
+ $surface-colors-bg-dark-neutral-01: #3F3F3F;
1585
717
  $surface-colors-bg-dark-neutral-02: #2B2B2B;
718
+ $surface-colors-bg-dark-black: #111111;
1586
719
  $surface-colors-bg-light-white: #FFFFFF;
1587
720
  $surface-colors-bg-light-neutral-01: #f7f7f7;
1588
- $surface-colors-bg-light-neutral-02: #D9D9D9;
1589
- $surface-colors-bg-light-brand-01: linear-gradient(90deg, #fff2f0 0%, #f5eefa 100%);
1590
- $surface-colors-bg-light-brand-02: linear-gradient(90deg, #f5eefa 0%, #eafcff 100%);
1591
- $surface-colors-bg-dark-black: #111111;
1592
- $filter-size-s: 28px;
1593
- $filter-padding-s: 4px;
1594
- $filter-padding-m: 10px;
1595
- $filter-border-radius-s: 32px;
1596
- $filter-border-weight-s: 1px;
1597
- $filter-border-weight-m: 2px;
1598
- $filter-colors-light-border-default: #BBBBBB;
1599
- $filter-colors-light-border-hover: #525252;
1600
- $filter-colors-light-bg-default: #FFFFFF;
1601
- $filter-colors-light-bg-selected: #111111;
1602
- $filter-colors-light-text-default: #001318;
1603
- $filter-colors-light-text-default-alt: #ffffff;
1604
- $filter-colors-light-text-hover: #2a1c4a;
1605
- $filter-colors-dark-border-default: #06C3C2;
1606
- $filter-colors-dark-border-hover: #525252;
1607
- $filter-colors-dark-bg-selected: #FFFFFF;
1608
- $filter-colors-dark-bg-default: #111111;
1609
- $filter-colors-dark-text-default: #001318;
1610
- $filter-colors-dark-text-default-alt: #efe5f7;
1611
- $filter-colors-dark-text-hover: #D9D9D9;
1612
- $filter-colors-dark-text-seleced: #2a1c4a;
1613
- $filter-gap-l: 16px;
1614
- $filter-margin-m: 16px;
721
+ $surface-colors-bg-light-neutral-02: #F7F7F7;
722
+ $surface-colors-bg-light-brand-01: #009BA5;
723
+ $surface-colors-bg-light-brand-02: #EAF304;
724
+ $tag-size-s: 28px;
725
+ $tag-padding-xxs: 4px;
726
+ $tag-padding-xs: 6px;
727
+ $tag-padding-s: 8px;
728
+ $tag-border-radius-s: 32px;
729
+ $tag-border-weight-s: 1px;
730
+ $tag-colors-light-bg-default: #FFFFFF;
731
+ $tag-colors-light-bg-default-alt: #FFFFFF;
732
+ $tag-colors-light-bg-hover: #ffffff;
733
+ $tag-colors-light-border-default: #BBBBBB;
734
+ $tag-colors-light-border-default-alt: #BBBBBB;
735
+ $tag-colors-light-border-hover: #BBBBBB;
736
+ $tag-colors-light-fg-default: #2B2B2B;
737
+ $tag-colors-light-fg-hover: #001318;
738
+ $tag-colors-light-text-default: #2B2B2B;
739
+ $tag-colors-light-text-hover: #001318;
740
+ $tag-size-icon-s: 16px;
741
+ $tag-size-icon-m: 20;
742
+ $alert-padding-xxs: 2px;
743
+ $alert-padding-xs: 6px;
744
+ $alert-padding-s: 22px;
745
+ $alert-padding-m: 10px;
746
+ $alert-border-radius-s: 16px;
747
+ $alert-border-weight-s: 2px;
748
+ $alert-border-weight-m: 2px;
749
+ $alert-colors-status-light-bg-subtle-default: #F3F3F3;
750
+ $alert-colors-status-light-bg-subtle-error: #FEEDED;
751
+ $alert-colors-status-light-bg-subtle-warning: #FEF2DE;
752
+ $alert-colors-status-light-bg-subtle-success: #e6f4e5;
753
+ $alert-colors-status-light-border-default: #3F3F3F;
754
+ $alert-colors-status-light-border-error: #D20007;
755
+ $alert-colors-status-light-border-warning: #B14D00;
756
+ $alert-colors-status-light-border-success: #138100;
757
+ $alert-colors-status-light-fg-default: #2B2B2B;
758
+ $alert-colors-status-light-text-default: #2B2B2B;
759
+ $alert-colors-status-dark-bg-subtle-default: #121212;
760
+ $alert-colors-status-dark-bg-subtle-error: #2D0002;
761
+ $alert-colors-status-dark-bg-subtle-warning: #1F0D00;
762
+ $alert-colors-status-dark-bg-subtle-success: #031700;
763
+ $alert-colors-status-dark-border-default: #838383;
764
+ $alert-colors-status-dark-border-error: #E81D1D;
765
+ $alert-colors-status-dark-border-warning: #D55C00;
766
+ $alert-colors-status-dark-border-success: #159000;
767
+ $alert-colors-status-dark-fg-default: #F3F3F3;
768
+ $alert-colors-status-dark-text-default: #F3F3F3;
769
+ $alert-size-icon-s: 24px;
770
+ $alert-gap-s: 0px;
771
+ $badge-size-s: 24px;
772
+ $badge-padding-s: 8px;
773
+ $badge-padding-xxs: 1px;
774
+ $badge-border-radius-s: 1000px;
775
+ $badge-colors-bg-default: #2a2a2a;
776
+ $badge-colors-bg-error: #AA0006;
777
+ $badge-colors-bg-warning: #FFA94D;
778
+ $badge-colors-bg-success: #0F6D00;
779
+ $badge-colors-text-default: #ffffff;
780
+ $badge-colors-text-error: #ffffff;
781
+ $badge-colors-text-warning: #2a2a2a;
782
+ $badge-colors-text-success: #ffffff;
783
+ $stepper-size-s: 8px;
784
+ $stepper-size-m: 14px;
785
+ $stepper-size-l: 16px;
786
+ $stepper-size-xl: 24px;
787
+ $stepper-size-icon-s: 16px;
788
+ $stepper-size-icon-l: 24px;
789
+ $stepper-padding-s: 16px;
790
+ $stepper-padding-m: 24px;
791
+ $stepper-gap-s: 16px;
792
+ $stepper-gap-m: 24px;
793
+ $stepper-colors-light-bg-default: #111111;
794
+ $stepper-colors-light-bg-subtle: #BBBBBB;
795
+ $stepper-colors-light-bg-error: #da020f;
796
+ $stepper-colors-light-bg-warning: #ffa200;
797
+ $stepper-colors-light-bg-error-subtle: #FEEDED;
798
+ $stepper-colors-light-bg-warning-subtle: #FEF2DE;
799
+ $stepper-colors-light-border-default: #111111;
800
+ $stepper-colors-light-border-subtle: #BBBBBB;
801
+ $stepper-colors-light-border-error: #D20007;
802
+ $stepper-colors-light-border-warning: #B14D00;
803
+ $stepper-colors-light-border-variant: #000000;
804
+ $stepper-colors-light-fg-default: #009BA5;
805
+ $stepper-colors-light-fg-default-alt: #FFFFFF;
806
+ $stepper-colors-light-fg-error: #D20007;
807
+ $stepper-colors-light-fg-warning: #B14D00;
808
+ $stepper-colors-light-fg-variant: #009BA5;
809
+ $stepper-colors-light-text-default: #2B2B2B;
810
+ $stepper-colors-light-text-hover: #001318;
811
+ $stepper-colors-light-text-subtle: #686868;
812
+ $stepper-colors-light-pluse-from: rgba(0,155,165, 20%);;
813
+ $stepper-colors-light-pluse-to: rgba(0,155,165, 0%);;
814
+ $stepper-colors-dark-bg-default: #FFFFFF;
815
+ $stepper-colors-dark-bg-subtle: #818181;
816
+ $stepper-colors-dark-bg-strong: #FFFFFF;
817
+ $stepper-colors-dark-bg-error: #FF8883;
818
+ $stepper-colors-dark-bg-warning: #FFA94D;
819
+ $stepper-colors-dark-bg-error-subtle: #2D0002;
820
+ $stepper-colors-dark-bg-warning-subtle: #4B2000;
821
+ $stepper-colors-dark-border-default: #FFFFFF;
822
+ $stepper-colors-dark-border-subtle: #525252;
823
+ $stepper-colors-dark-border-strong: #F3F3F3;
824
+ $stepper-colors-dark-border-error: #FF8883;
825
+ $stepper-colors-dark-border-warning: #FFA94D;
826
+ $stepper-colors-dark-border-variant: #FFFFFF;
827
+ $stepper-colors-dark-fg-default: #FFFFFF;
828
+ $stepper-colors-dark-fg-default-alt: #2B2B2B;
829
+ $stepper-colors-dark-fg-strong: #FFFFFF;
830
+ $stepper-colors-dark-fg-error: #FF8883;
831
+ $stepper-colors-dark-fg-warning: #FFA94D;
832
+ $stepper-colors-dark-fg-variant: #FFFFFF;
833
+ $stepper-colors-dark-text-default: #FFFFFF;
834
+ $stepper-colors-dark-text-hover: #F8FF19;
835
+ $stepper-colors-dark-text-subtle: #9C9C9C;
836
+ $stepper-border-weight-s: 1px;
837
+ $stepper-border-weight-m: 2px;
838
+ $stepper-border-radius: 50px;
839
+ $spinner-size-s: 16px;
840
+ $spinner-size-m: 24px;
841
+ $spinner-size-l: 32px;
842
+ $spinner-size-xl: 40px;
843
+ $spinner-size-xxl: 48px;
844
+ $spinner-colors-light-fg-default: #009BA5;
845
+ $spinner-colors-dark-fg-default: #FFFFFF;
846
+ $toast-size-s: 40px;
847
+ $toast-padding-s: 8px;
848
+ $toast-border-radius-s: 8px;
849
+ $toast-gap-s: 8px;
850
+ $toast-size-icon-s: 24px;
851
+ $toast-border-weight-s: 1px;
852
+ $toast-colors-status-light-bg-default: #2a2a2a;
853
+ $toast-colors-status-light-bg-error: #2a2a2a;
854
+ $toast-colors-status-light-bg-warning: #2a2a2a;
855
+ $toast-colors-status-light-bg-success: #2a2a2a;
856
+ $toast-colors-status-light-border-default: #F3F3F3;
857
+ $toast-colors-status-light-border-error: #FF8883;
858
+ $toast-colors-status-light-border-warning: #FFA94D;
859
+ $toast-colors-status-light-border-success: #73C367;
860
+ $toast-colors-status-light-fg-default: #2a2a2a;
861
+ $toast-colors-status-light-fg-error: #FFA200;
862
+ $toast-colors-status-light-fg-warning: #ffa200;
863
+ $toast-colors-status-light-fg-success: #73C367;
864
+ $toast-colors-status-light-fg-default-alt: #FFFFFF;
865
+ $toast-colors-status-light-text-default: #ffffff;
866
+ $toast-colors-status-light-text-default-alt: #ffffff;
867
+ $toast-colors-status-dark-bg-default: #f0f0f0;
868
+ $toast-colors-status-dark-bg-error: #f0f0f0;
869
+ $toast-colors-status-dark-bg-warning: #f0f0f0;
870
+ $toast-colors-status-dark-bg-success: #f0f0f0;
871
+ $toast-colors-status-dark-border-default: #3F3F3F;
872
+ $toast-colors-status-dark-border-error: #D20007;
873
+ $toast-colors-status-dark-border-warning: #FEDDA4;
874
+ $toast-colors-status-dark-border-success: #138100;
875
+ $toast-colors-status-dark-fg-default: #2B2B2B;
876
+ $toast-colors-status-dark-fg-error: #D20007;
877
+ $toast-colors-status-dark-fg-warning: #FFA200;
878
+ $toast-colors-status-dark-fg-success: #138100;
879
+ $toast-colors-status-dark-text-default: #2a2a2a;
880
+ $toast-box-shadow-01: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 4px 12px 0 rgba( 0, 0, 0 , 0.10);
881
+ $progress-bar-gap-s: 4px;
882
+ $progress-bar-gap-m: 8px;
883
+ $progress-bar-size-s: 12px;
884
+ $progress-bar-border-radius-s: 24px;
885
+ $progress-bar-colors-light-bg-default: #111111;
886
+ $progress-bar-colors-light-bg-default-alt: #D9D9D9;
887
+ $progress-bar-colors-light-bg-muted: #F3F3F3;
888
+ $progress-bar-colors-light-bg-error: #2a2a2a;
889
+ $progress-bar-colors-light-bg-success: #2a2a2a;
890
+ $progress-bar-colors-light-text-default: #2B2B2B;
891
+ $progress-bar-colors-light-text-default-alt: #009BA5;
892
+ $progress-bar-colors-light-text-default-alt-hover: hsl(184 100% 25.9%);
893
+ $progress-bar-colors-light-text-error: #D20007;
894
+ $progress-bar-colors-light-text-error-hover: hsl(358 100% 28.8%);
895
+ $progress-bar-colors-light-text-success: #2a2a2a;
896
+ $progress-bar-colors-light-text-success-hover: hsl(0 0% 11.5%);
897
+ $progress-bar-colors-light-fg-default: #009BA5;
898
+ $progress-bar-colors-light-fg-default-hover: hsl(184 100% 25.9%);
899
+ $progress-bar-colors-light-fg-error: #D20007;
900
+ $progress-bar-colors-light-fg-error-hover: hsl(358 100% 28.8%);
901
+ $progress-bar-colors-light-fg-success: #2a2a2a;
902
+ $progress-bar-colors-light-fg-success-hover: hsl(0 0% 11.5%);
903
+ $progress-bar-colors-dark-bg-default: #FFFFFF;
904
+ $progress-bar-colors-dark-bg-default-alt: #3F3F3F;
905
+ $progress-bar-colors-dark-bg-error: #FF8883;
906
+ $progress-bar-colors-dark-bg-success: #73C367;
907
+ $progress-bar-colors-dark-fg-default: #EBF304;
908
+ $progress-bar-colors-dark-fg-default-hover: hsl(62 96.8% 63.9%);
909
+ $progress-bar-colors-dark-fg-error: #FF8883;
910
+ $progress-bar-colors-dark-fg-error-hover: hsl(2.42 100% 87.8%);
911
+ $progress-bar-colors-dark-fg-success: #73C367;
912
+ $progress-bar-colors-dark-fg-success-hover: hsl(112 43.4% 63.6%);
913
+ $progress-bar-colors-dark-text-default: #FFFFFF;
914
+ $progress-bar-colors-dark-text-default-alt: #EBF304;
915
+ $progress-bar-colors-dark-text-default-alt-hover: hsl(62 96.8% 74.2%);
916
+ $progress-bar-colors-dark-text-error: #FF8883;
917
+ $progress-bar-colors-dark-text-error-hover: hsl(2.42 100% 87.8%);
918
+ $progress-bar-colors-dark-text-success: #73C367;
919
+ $progress-bar-colors-dark-text-success-hover: hsl(112 43.4% 63.6%);
920
+ $date-picker-size-s: 32px;
921
+ $date-picker-size-m: 34px;
922
+ $date-picker-size-l: 36px;
923
+ $date-picker-size-xl: 40px;
924
+ $date-picker-size-xxl: 44px;
925
+ $date-picker-size-xxxl: 48px;
926
+ $date-picker-size-xxxxl: 64px;
927
+ $date-picker-padding-xxs: 2px;
928
+ $date-picker-padding-xs: 3px;
929
+ $date-picker-padding-s: 4px;
930
+ $date-picker-padding-m: 8px;
931
+ $date-picker-padding-l: 12px;
932
+ $date-picker-padding-xl: 16px;
933
+ $date-picker-border-radius-s: 4px;
934
+ $date-picker-border-radius-m: 8px;
935
+ $date-picker-border-radius-l: 8px;
936
+ $date-picker-border-radius-xl: 1000px;
937
+ $date-picker-border-weight-s: 1px;
938
+ $date-picker-border-weight-m: 2px;
939
+ $date-picker-border-weight-l: 4px;
940
+ $date-picker-colors-light-bg-default-alt: #FFFFFF;
941
+ $date-picker-colors-light-bg-hover: #2B2B2B;
942
+ $date-picker-colors-light-bg-selected: #057382;
943
+ $date-picker-colors-light-bg-pressed: #057382;
944
+ $date-picker-colors-light-bg-disabled: #F0F0F0;
945
+ $date-picker-colors-light-bg-error: #FEEDED;
946
+ $date-picker-colors-light-bg-subtle: #F3F3F3;
947
+ $date-picker-colors-light-bg-hover-alt: #D9D9D9;
948
+ $date-picker-colors-light-border-hover: #525252;
949
+ $date-picker-colors-light-border-focus: #111111;
950
+ $date-picker-colors-light-border-selected: #3F3F3F;
951
+ $date-picker-colors-light-border-disabled: #949494;
952
+ $date-picker-colors-light-border-error: #D20007;
953
+ $date-picker-colors-light-border-strong: #818181;
954
+ $date-picker-colors-light-fg-default-alt: #FFFFFF;
955
+ $date-picker-colors-light-fg-hover: #001318;
956
+ $date-picker-colors-light-fg-strong: #2B2B2B;
957
+ $date-picker-colors-light-fg-disabled: #686868;
958
+ $date-picker-colors-light-fg-error: #D20007;
959
+ $date-picker-colors-light-text-default: #009BA5;
960
+ $date-picker-colors-light-text-default-alt: #FFFFFF;
961
+ $date-picker-colors-light-text-strong: #2B2B2B;
962
+ $date-picker-colors-light-text-disabled: #AAAAAA;
963
+ $date-picker-colors-light-text-error: #D20007;
964
+ $date-picker-colors-light-text-hint: #686868;
965
+ $date-picker-gap-xs: 4px;
966
+ $date-picker-gap-s: 8px;
967
+ $date-picker-gap-m: 12px;
968
+ $date-picker-gap-l: 40px;
969
+ $date-picker-size-icon-s: 24px;
970
+ $date-picker-size-icon-m: 32px;
971
+ $date-picker-size-icon-l: 40px;
972
+ $date-picker-type-label-s: 700 14px/1 Non-Dottee;
973
+ $date-picker-type-label-m: 700 16px/1 Non-Dottee;
974
+ $date-picker-type-label-l: 700 20px/1 Non-Dottee;
975
+ $datepicker-type-label-s: 700 14px/1 Non-Dottee;
976
+ $datepicker-type-label-m: 700 16px/1 Non-Dottee;
977
+ $datepicker-type-label-l: 700 20px/1 Non-Dottee;
978
+ $select-size-s: 32px;
979
+ $select-size-m: 44px;
980
+ $select-size-l: 64px;
981
+ $select-padding-s: 8px;
982
+ $select-padding-m: 12px;
983
+ $select-padding-l: 16px;
984
+ $select-padding-xl: 28px;
985
+ $select-border-radius-s: 4px;
986
+ $select-border-radius-m: 8px;
987
+ $select-border-radius-l: 8px;
988
+ $select-border-weight-s: 1px;
989
+ $select-border-weight-m: 2px;
990
+ $select-border-weight-l: 4px;
991
+ $select-gap-s: 4px;
992
+ $select-gap-m: 8px;
993
+ $select-gap-l: 12px;
994
+ $select-size-icon-s: 16px;
995
+ $select-size-icon-m: 20px;
996
+ $select-size-icon-l: 24px;
997
+ $select-colors-light-bg-default: #FFFFFF;
998
+ $select-colors-light-bg-hover: #D9D9D9;
999
+ $select-colors-light-bg-disabled: #F0F0F0;
1000
+ $select-colors-light-bg-error: #FEEDED;
1001
+ $select-colors-light-bg-hover-alt: #D9D9D9;
1002
+ $select-colors-light-bg-selected: #F3F3F3;
1003
+ $select-colors-light-border-default: #818181;
1004
+ $select-colors-light-border-hover: #525252;
1005
+ $select-colors-light-border-focus: #111111;
1006
+ $select-colors-light-border-disabled: #949494;
1007
+ $select-colors-light-border-error: #D20007;
1008
+ $select-colors-light-border-subtle: #BBBBBB;
1009
+ $select-colors-light-fg-default: #2B2B2B;
1010
+ $select-colors-light-fg-disabled: #686868;
1011
+ $select-colors-light-fg-subtle: #BBBBBB;
1012
+ $select-colors-light-fg-error: #D20007;
1013
+ $select-colors-light-text-default: #2B2B2B;
1014
+ $select-colors-light-text-default-alt: #5514b4;
1015
+ $select-colors-light-text-disabled: #686868;
1016
+ $select-colors-light-text-error: #D20007;
1017
+ $select-colors-dark-bg-default: #111111;
1018
+ $select-colors-dark-bg-hover: #111111;
1019
+ $select-colors-dark-bg-disabled: #686868;
1020
+ $select-colors-dark-bg-error: #2D0002;
1021
+ $select-colors-dark-bg-hover-alt: #F3F3F3;
1022
+ $select-colors-dark-bg-selected: #818181;
1023
+ $select-colors-dark-border-strong: #F3F3F3;
1024
+ $select-colors-dark-border-hover: #F3F3F3;
1025
+ $select-colors-dark-border-focus: #D9D9D9;
1026
+ $select-colors-dark-border-disabled: #686868;
1027
+ $select-colors-dark-border-error: #FF8883;
1028
+ $select-colors-dark-border-subtle: #525252;
1029
+ $select-colors-dark-text-default: #FFFFFF;
1030
+ $select-colors-dark-text-disabled: #9C9C9C;
1031
+ $select-colors-dark-text-error: #2a2a2a;
1032
+ $select-colors-dark-fg-default: #FFFFFF;
1033
+ $select-colors-dark-fg-disabled: #9C9C9C;
1034
+ $select-colors-dark-fg-subtle: #525252;
1035
+ $select-colors-dark-fg-error: #FF8883;
1036
+ $select-border-radius-test-s: 32px;
1037
+ $select-border-radius-test-m: 24px;
1038
+ $select-border-radius-test-l: 32px;
1039
+ $select-type-label-s: 700 14px/1 Non-Dottee;
1040
+ $select-type-label-m: 700 16px/1 Non-Dottee;
1041
+ $select-type-label-l: 700 20px/1 Non-Dottee;
1042
+ $checkbox-size-s: 24px;
1043
+ $checkbox-size-l: 36px;
1044
+ $checkbox-padding-s: 2px;
1045
+ $checkbox-gap-s: 8px;
1046
+ $checkbox-gap-m: 12px;
1047
+ $checkbox-border-radius-xs: 4px;
1048
+ $checkbox-border-radius-s: 8px;
1049
+ $checkbox-border-weight-s: 2px;
1050
+ $checkbox-size-icon-s: 20px;
1051
+ $checkbox-size-icon-m: 32px;
1052
+ $checkbox-colors-light-bg-default: #035F6E;
1053
+ $checkbox-colors-light-bg-default-alt: #FFFFFF;
1054
+ $checkbox-colors-light-bg-disabled: #D9D9D9;
1055
+ $checkbox-colors-light-bg-error: #FEEDED;
1056
+ $checkbox-colors-light-fg-default: #FFFFFF;
1057
+ $checkbox-colors-light-fg-disabled: #686868;
1058
+ $checkbox-colors-light-border-default: #818181;
1059
+ $checkbox-colors-light-border-disabled: #D9D9D9;
1060
+ $checkbox-colors-light-border-error: #D20007;
1061
+ $checkbox-colors-light-text-default: #2B2B2B;
1062
+ $checkbox-colors-light-text-disabled: #686868;
1063
+ $checkbox-colors-dark-bg-default: #FFFFFF;
1064
+ $checkbox-colors-dark-bg-default-alt: #111111;
1065
+ $checkbox-colors-dark-bg-disabled: #686868;
1066
+ $checkbox-colors-dark-bg-error: #2D0002;
1067
+ $checkbox-colors-dark-fg-default: #2B2B2B;
1068
+ $checkbox-colors-dark-fg-disabled: #C8C8C8;
1069
+ $checkbox-colors-dark-border-default: #F3F3F3;
1070
+ $checkbox-colors-dark-border-disabled: #686868;
1071
+ $checkbox-colors-dark-border-error: #FF8883;
1072
+ $checkbox-colors-dark-text-default: #FFFFFF;
1073
+ $checkbox-colors-dark-text-disabled: #C8C8C8;
1074
+ $checkbox-type-label-s: 400 14px/1 Non-Dottee;
1075
+ $checkbox-type-label-m: 400 16px/1 Non-Dottee;
1076
+ $checkbox-type-label-l: 400 20px/1 Non-Dottee;
1077
+ $textarea-padding-s: 12px;
1078
+ $textarea-padding-m: 10px;
1079
+ $textarea-size-icon-s: 16px;
1080
+ $textarea-border-radius-s: 8px;
1081
+ $textarea-border-radius-xs: 4px;
1082
+ $textarea-border-weight-s: 1px;
1083
+ $textarea-border-weight-m: 2px;
1084
+ $textarea-border-weight-l: 4px;
1085
+ $textarea-gap-s: 4px;
1086
+ $textarea-gap-m: 12px;
1087
+ $textarea-colors-light-bg-default: #FFFFFF;
1088
+ $textarea-colors-light-bg-hover: #D9D9D9;
1089
+ $textarea-colors-light-bg-disabled: #F0F0F0;
1090
+ $textarea-colors-light-bg-error: #FEEDED;
1091
+ $textarea-colors-light-border-default: #818181;
1092
+ $textarea-colors-light-border-hover: #525252;
1093
+ $textarea-colors-light-border-focus: #111111;
1094
+ $textarea-colors-light-border-error: #D20007;
1095
+ $textarea-colors-light-border-disabled: #949494;
1096
+ $textarea-colors-light-fg-default: #2B2B2B;
1097
+ $textarea-colors-light-fg-disabled: #686868;
1098
+ $textarea-colors-light-fg-error: #D20007;
1099
+ $textarea-colors-light-text-default: #2B2B2B;
1100
+ $textarea-colors-light-text-disabled: #686868;
1101
+ $textarea-colors-light-text-error: #D20007;
1102
+ $textarea-colors-dark-fg-default: #FFFFFF;
1103
+ $textarea-colors-dark-fg-disabled: #9C9C9C;
1104
+ $textarea-colors-dark-fg-error: #FF8883;
1105
+ $textarea-colors-dark-bg-default: #111111;
1106
+ $textarea-colors-dark-bg-hover: #2B2B2B;
1107
+ $textarea-colors-dark-bg-disabled: #686868;
1108
+ $textarea-colors-dark-bg-error: #2D0002;
1109
+ $textarea-colors-dark-border-strong: #F3F3F3;
1110
+ $textarea-colors-dark-border-hover: #F3F3F3;
1111
+ $textarea-colors-dark-border-focus: #D9D9D9;
1112
+ $textarea-colors-dark-border-disabled: #686868;
1113
+ $textarea-colors-dark-border-error: #FF8883;
1114
+ $textarea-colors-dark-text-strong: #FFFFFF;
1115
+ $textarea-colors-dark-text-disabled: #9C9C9C;
1116
+ $textarea-colors-dark-text-error: #FF8883;
1117
+ $textarea-type-label-s: 700 14px/1 Non-Dottee;
1118
+ $textarea-type-label-m: 700 16px/1 Non-Dottee;
1119
+ $textarea-type-label-l: 700 20px/1 Non-Dottee;
1120
+ $textinput-size-s: 32px;
1121
+ $textinput-size-m: 44px;
1122
+ $textinput-size-l: 64px;
1123
+ $textinput-border-radius-s: 4px;
1124
+ $textinput-border-radius-m: 8px;
1125
+ $textinput-border-radius-l: 8px;
1126
+ $textinput-padding-s: 8px;
1127
+ $textinput-padding-m: 12px;
1128
+ $textinput-padding-l: 16px;
1129
+ $textinput-gap-s: 4px;
1130
+ $textinput-gap-m: 12px;
1131
+ $textinput-border-weight-s: 1px;
1132
+ $textinput-border-weight-m: 1px;
1133
+ $textinput-border-weight-l: 4px;
1134
+ $textinput-size-icon-m: 24px;
1135
+ $textinput-colors-light-bg-default: #FFFFFF;
1136
+ $textinput-colors-light-bg-hover: #f7f7f7;
1137
+ $textinput-colors-light-bg-disabled: #F0F0F0;
1138
+ $textinput-colors-light-bg-error: #FEEDED;
1139
+ $textinput-colors-light-border-default: #818181;
1140
+ $textinput-colors-light-border-hover: #525252;
1141
+ $textinput-colors-light-border-focus: #111111;
1142
+ $textinput-colors-light-border-disabled: #949494;
1143
+ $textinput-colors-light-border-error: #D20007;
1144
+ $textinput-colors-light-text-default: #2B2B2B;
1145
+ $textinput-colors-light-text-disabled: #686868;
1146
+ $textinput-colors-light-text-error: #D20007;
1147
+ $textinput-colors-light-fg-default: #2B2B2B;
1148
+ $textinput-colors-light-fg-error: #D20007;
1149
+ $textinput-colors-dark-bg-default: #111111;
1150
+ $textinput-colors-dark-bg-hover: #111111;
1151
+ $textinput-colors-dark-bg-disabled: #686868;
1152
+ $textinput-colors-dark-bg-error: #2D0002;
1153
+ $textinput-colors-dark-border-default: #F3F3F3;
1154
+ $textinput-colors-dark-border-hover: #F3F3F3;
1155
+ $textinput-colors-dark-border-focus: #D9D9D9;
1156
+ $textinput-colors-dark-border-disabled: #686868;
1157
+ $textinput-colors-dark-border-error: #FF8883;
1158
+ $textinput-colors-dark-text-default: #FFFFFF;
1159
+ $textinput-colors-dark-text-disabled: #9C9C9C;
1160
+ $textinput-colors-dark-text-error: #FF8883;
1161
+ $textinput-colors-dark-fg-default: #FFFFFF;
1162
+ $textinput-colors-dark-fg-error: #FF8883;
1163
+ $textinput-type-label-s: 700 14px/1 Non-Dottee;
1164
+ $textinput-type-label-m: 700 16px/1 Non-Dottee;
1165
+ $textinput-type-label-l: 700 20px/1 Non-Dottee;
1166
+ $radio-size-s: 12px;
1167
+ $radio-size-m: 20px;
1168
+ $radio-size-l: 24px;
1169
+ $radio-size-xl: 34px;
1170
+ $radio-gap-s: 8px;
1171
+ $radio-gap-m: 12px;
1172
+ $radio-border-weight-s: 2px;
1173
+ $radio-colors-light-bg-default: #FFFFFF;
1174
+ $radio-colors-light-bg-disabled: #D9D9D9;
1175
+ $radio-colors-light-border-default: #818181;
1176
+ $radio-colors-light-border-disabled: #D9D9D9;
1177
+ $radio-colors-light-fg-default: #035F6E;
1178
+ $radio-colors-light-fg-disabled: #686868;
1179
+ $radio-colors-light-text-default: #2B2B2B;
1180
+ $radio-colors-light-text-disabled: #686868;
1181
+ $radio-colors-dark-bg-default: #111111;
1182
+ $radio-colors-dark-bg-disabled: #434343;
1183
+ $radio-colors-dark-border-default: #F3F3F3;
1184
+ $radio-colors-dark-border-disabled: #808080;
1185
+ $radio-colors-dark-fg-default: #EBF304;
1186
+ $radio-colors-dark-fg-disabled: #C8C8C8;
1187
+ $radio-colors-dark-text-default: #FFFFFF;
1188
+ $radio-colors-dark-text-disabled: #C8C8C8;
1189
+ $radio-type-label-s: 400 14px/1 Non-Dottee;
1190
+ $radio-type-label-m: 400 16px/1 Non-Dottee;
1191
+ $radio-type-label-l: 400 20px/1 Non-Dottee;
1192
+ $switch-size-s: 24px;
1193
+ $switch-size-m: 32px;
1194
+ $switch-border-weight-s: 2px;
1195
+ $switch-colors-light-bg-default: #057382;
1196
+ $switch-colors-light-bg-disabled: #F0F0F0;
1197
+ $switch-colors-light-bg-strong: #FFFFFF;
1198
+ $switch-colors-light-bg-subtle: #F3F3F3;
1199
+ $switch-colors-light-border-default: #111111;
1200
+ $switch-colors-light-border-disabled: #949494;
1201
+ $switch-colors-light-border-strong: #818181;
1202
+ $switch-colors-light-fg-default: #009BA5;
1203
+ $switch-colors-light-fg-disabled: #686868;
1204
+ $switch-colors-light-text-default: #2B2B2B;
1205
+ $switch-colors-light-text-disabled: #686868;
1206
+ $switch-colors-dark-bg-default: #EBF304;
1207
+ $switch-colors-dark-bg-disabled: #434343;
1208
+ $switch-colors-dark-bg-strong: #111111;
1209
+ $switch-colors-dark-bg-subtle: #3F3F3F;
1210
+ $switch-colors-dark-border-default: #FFFFFF;
1211
+ $switch-colors-dark-border-disabled: #808080;
1212
+ $switch-colors-dark-border-strong: #F3F3F3;
1213
+ $switch-colors-dark-fg-default: #EBF304;
1214
+ $switch-colors-dark-fg-disabled: #9C9C9C;
1215
+ $switch-colors-dark-text-default: #FFFFFF;
1216
+ $switch-colors-dark-text-disabled: #9C9C9C;
1217
+ $switch-border-radius-s: 1000px;
1218
+ $switch-box-shadow-01: 0 0 0 2px #8449cc;
1219
+ $switch-box-shadow-02: 0 0 0 2px #fd51ff;
1220
+ $switch-gap-s: 8px;
1221
+ $switch-gap-m: 12px;
1222
+ $switch-type-label-s: 700 14px/1 Non-Dottee;
1223
+ $switch-type-label-m: 700 16px/1 Non-Dottee;
1224
+ $switch-type-label-l: 700 20px/1 Non-Dottee;
1225
+ $sem-font-family-heading: Non-Dottee;
1226
+ $sem-font-family-body: Non-Dottee;
1227
+ $sem-font-family-interface: Non-Dottee;
1228
+ $sem-font-weight-regular: 400;
1229
+ $sem-font-weight-semi: 700;
1230
+ $sem-font-weight-bold: 700;
1231
+ $sem-font-weight-button: 700;
1232
+ $sem-font-weight-semi-bold: 500;
1233
+ $sem-type-body-reg-xs: 400 12px/16px Non-Dottee;
1234
+ $sem-type-body-reg-s: 400 14px/20px Non-Dottee;
1235
+ $sem-type-body-reg-m: 400 16px/24px Non-Dottee;
1236
+ $sem-type-body-reg-l: 400 20px/26px Non-Dottee;
1237
+ $sem-type-body-bold-xs: 700 12px/16px Non-Dottee;
1238
+ $sem-type-body-bold-s: 700 14px/20px Non-Dottee;
1239
+ $sem-type-body-bold-m: 700 16px/24px Non-Dottee;
1240
+ $sem-type-body-bold-l: 700 20px/26px Non-Dottee;
1241
+ $sem-type-body-semi-xs: 700 12px/16px Non-Dottee;
1242
+ $sem-type-body-semi-s: 700 14px/20px Non-Dottee;
1243
+ $sem-type-body-semi-m: 700 16px/24px Non-Dottee;
1244
+ $sem-type-body-semi-l: 700 20px/26px Non-Dottee;
1245
+ $sem-type-interface-reg-xs: 400 12px/12px Non-Dottee;
1246
+ $sem-type-interface-reg-s: 400 14px/14px Non-Dottee;
1247
+ $sem-type-interface-reg-m: 400 16px/16px Non-Dottee;
1248
+ $sem-type-interface-reg-l: 400 20px/20px Non-Dottee;
1249
+ $sem-type-interface-semi-xs: 700 12px/12px Non-Dottee;
1250
+ $sem-type-interface-semi-s: 700 14px/14px Non-Dottee;
1251
+ $sem-type-interface-semi-m: 700 16px/16px Non-Dottee;
1252
+ $sem-type-interface-semi-l: 700 20px/20px Non-Dottee;
1253
+ $sem-type-interface-bold-xs: 700 12px/12px Non-Dottee;
1254
+ $sem-type-interface-bold-s: 700 14px/14px Non-Dottee;
1255
+ $sem-type-interface-bold-m: 700 16px/16px Non-Dottee;
1256
+ $sem-type-interface-bold-l: 700 20px/20px Non-Dottee;
1257
+ $sem-type-interface-button-s: 700 14px/14px Non-Dottee;
1258
+ $sem-type-interface-button-m: 700 16px/16px Non-Dottee;
1259
+ $sem-type-interface-button-l: 700 20px/20px Non-Dottee;
1260
+ $sem-type-interface-card-semi-m: 700 24px/32px Non-Dottee;
1261
+ $sem-type-interface-card-semi-l: 700 28px/32px Non-Dottee;
1262
+ $sem-type-interface-card-semi-xl: 700 32px/40px Non-Dottee;
1263
+ $sem-type-interface-card-semi-s: 700 20px/26px Non-Dottee;
1264
+ $sem-type-interface-alert-title-m: 700 16px/24px Non-Dottee;
1265
+ $sem-type-interface-progress-bar-title-m: 400 16px/16px Non-Dottee;
1266
+ $sem-type-support-reg-xs: 400 12px/16px Non-Dottee;
1267
+ $sem-type-support-reg-s: 400 14px/20px Non-Dottee;
1268
+ $sem-type-support-reg-m: 400 16px/24px Non-Dottee;
1269
+ $sem-type-support-reg-l: 400 20px/26px Non-Dottee;
1270
+ $sem-type-mobile-semi-xxxs: 700 12px/16px Non-Dottee;
1271
+ $sem-type-mobile-semi-xxs: 700 14px/20px Non-Dottee;
1272
+ $sem-type-mobile-semi-xs: 700 16px/24px Non-Dottee;
1273
+ $sem-type-mobile-semi-s: 700 20px/26px Non-Dottee;
1274
+ $sem-type-mobile-semi-m: 700 24px/32px Non-Dottee;
1275
+ $sem-type-mobile-semi-l: 700 28px/36px Non-Dottee;
1276
+ $sem-type-mobile-semi-xl: 700 36px/44px Non-Dottee;
1277
+ $sem-type-mobile-semi-xxl: 700 40px/48px Non-Dottee;
1278
+ $sem-type-mobile-semi-xxxl: 700 56px/64px Non-Dottee;
1279
+ $sem-type-mobile-bold-xxxs: 700 12px/16px Non-Dottee;
1280
+ $sem-type-mobile-bold-xxs: 700 14px/20px Non-Dottee;
1281
+ $sem-type-mobile-bold-xs: 700 16px/24px Non-Dottee;
1282
+ $sem-type-mobile-bold-s: 700 20px/26px Non-Dottee;
1283
+ $sem-type-mobile-bold-m: 700 24px/32px Non-Dottee;
1284
+ $sem-type-mobile-bold-l: 700 28px/36px Non-Dottee;
1285
+ $sem-type-mobile-bold-xl: 700 36px/44px Non-Dottee;
1286
+ $sem-type-mobile-bold-xxl: 700 40px/48px Non-Dottee;
1287
+ $sem-type-mobile-bold-xxxl: 700 56px/64px Non-Dottee;
1288
+ $sem-type-tablet-semi-m: 700 28px/36px Non-Dottee;
1289
+ $sem-type-tablet-semi-l: 700 32px/40px Non-Dottee;
1290
+ $sem-type-tablet-semi-xl: 700 40px/48px Non-Dottee;
1291
+ $sem-type-tablet-semi-xxl: 700 56px/64px Non-Dottee;
1292
+ $sem-type-tablet-semi-xxxl: 700 80px/96px Non-Dottee;
1293
+ $sem-type-tablet-bold-m: 700 28px/36px Non-Dottee;
1294
+ $sem-type-tablet-bold-l: 700 32px/40px Non-Dottee;
1295
+ $sem-type-tablet-bold-xl: 700 40px/48px Non-Dottee;
1296
+ $sem-type-tablet-bold-xxl: 700 56px/64px Non-Dottee;
1297
+ $sem-type-tablet-bold-xxxl: 700 80px/96px Non-Dottee;
1298
+ $sem-type-desktop-semi-m: 700 32px/40px Non-Dottee;
1299
+ $sem-type-desktop-semi-l: 700 40px/48px Non-Dottee;
1300
+ $sem-type-desktop-semi-xl: 700 56px/64px Non-Dottee;
1301
+ $sem-type-desktop-semi-xxl: 700 80px/96px Non-Dottee;
1302
+ $sem-type-desktop-semi-xxxl: 700 120px/136px Non-Dottee;
1303
+ $sem-type-desktop-bold-m: 700 32px/40px Non-Dottee;
1304
+ $sem-type-desktop-bold-l: 700 40px/48px Non-Dottee;
1305
+ $sem-type-desktop-bold-xl: 700 56px/64px Non-Dottee;
1306
+ $sem-type-desktop-bold-xxl: 700 80px/96px Non-Dottee;
1307
+ $sem-type-desktop-bold-xxxl: 700 120px/136px Non-Dottee;
1308
+ $sem-type-label-reg-xxs: 400 14px/20px Non-Dottee;
1309
+ $sem-type-label-reg-xs: 400 14px/20px Non-Dottee;
1310
+ $sem-type-label-reg-m: 700 16px/24px Non-Dottee;
1311
+ $sem-type-label-reg-l: 700 20px/26px Non-Dottee;
1312
+ $sem-type-label-reg-xl: 400 20px/26px Non-Dottee;
1313
+ $sem-type-label-reg-s: 700 14px/20px Non-Dottee;
1314
+ $sem-font-size-75: 12px;
1315
+ $sem-font-size-87: 14px;
1316
+ $sem-font-size-100: 16px;
1317
+ $sem-font-size-125: 20px;
1318
+ $sem-font-size-150: 24px;
1319
+ $sem-font-size-175: 28px;
1320
+ $sem-font-size-200: 32px;
1321
+ $sem-font-size-225: 36px;
1322
+ $sem-font-size-250: 40px;
1323
+ $sem-font-size-300: 48px;
1324
+ $sem-font-size-350: 56px;
1325
+ $sem-font-size-400: 64px;
1326
+ $sem-font-size-500: 80px;
1327
+ $sem-font-size-750: 120px;
1328
+ $sem-line-height-base-scale-xxxs: 16px;
1329
+ $sem-line-height-base-scale-xxs: 20px;
1330
+ $sem-line-height-base-scale-xs: 24px;
1331
+ $sem-line-height-base-scale-s: 26px;
1332
+ $sem-line-height-base-scale-m: 28px;
1333
+ $sem-line-height-base-scale-l: 32px;
1334
+ $sem-line-height-base-scale-xl: 36px;
1335
+ $sem-line-height-base-scale-xxl: 40px;
1336
+ $sem-line-height-base-scale-xxxl: 44px;
1337
+ $sem-line-height-base-scale-xxxxl: 48px;
1338
+ $sem-line-height-base-scale-xxxxxl: 64px;
1339
+ $sem-line-height-base-scale-xxxxxxl: 96px;
1340
+ $sem-line-height-base-scale-xxxxxxxl: 136px;
1341
+ $sem-line-height-interface-none: 0px;
1342
+ $sem-line-height-interface-xxxs: 8px;
1343
+ $sem-line-height-interface-xxs: 10px;
1344
+ $sem-line-height-interface-xs: 12px;
1345
+ $sem-line-height-interface-s: 14px;
1346
+ $sem-line-height-interface-m: 16px;
1347
+ $sem-line-height-interface-l: 20px;
1348
+ $sem-paragraph-spacing-heading: 0;
1349
+ $sem-paragraph-spacing-body: 0.5;
1350
+ $sem-paragraph-spacing-interface: 0;
1351
+ $sem-size-icon-xxxs: 12px;
1352
+ $sem-size-icon-xxs: 14px;
1353
+ $sem-size-icon-xs: 16px;
1354
+ $sem-size-icon-s: 20px;
1355
+ $sem-size-icon-m: 24px;
1356
+ $sem-size-icon-ml: 42px;
1357
+ $sem-size-icon-l: 28px;
1358
+ $sem-size-icon-xl: 32px;
1359
+ $sem-size-icon-xxl: 40px;
1360
+ $sem-size-icon-xxxl: 48px;
1361
+ $sem-size-icon-xxxxl: 64px;
1362
+ $sem-size-icon-xxxxxl: 80px;
1363
+ $sem-size-icon-xxxxxxl: 96px;
1364
+ $sem-size-icon-xxxxs: 32px;
1365
+ $sem-size-icon-xxxxxxs: 10px;
1366
+ $sem-size-all-5: 2px;
1367
+ $sem-size-all-10: 1px;
1368
+ $sem-size-all-20: 4px;
1369
+ $sem-size-all-30: 8px;
1370
+ $sem-size-all-40: 12px;
1371
+ $sem-size-all-45: 14px;
1372
+ $sem-size-all-50: 16px;
1373
+ $sem-size-all-60: 20px;
1374
+ $sem-size-all-70: 24px;
1375
+ $sem-size-all-75: 26px;
1376
+ $sem-size-all-80: 28px;
1377
+ $sem-size-all-85: 28px;
1378
+ $sem-size-all-90: 32px;
1379
+ $sem-size-all-95: 34px;
1380
+ $sem-size-all-100: 36px;
1381
+ $sem-size-all-110: 40px;
1382
+ $sem-size-all-115: 36px;
1383
+ $sem-size-all-120: 42px;
1384
+ $sem-size-all-130: 44px;
1385
+ $sem-size-all-140: 48px;
1386
+ $sem-size-all-142: 52px;
1387
+ $sem-size-all-145: 56px;
1388
+ $sem-size-all-150: 58px;
1389
+ $sem-size-all-155: 60px;
1390
+ $sem-size-all-160: 64px;
1391
+ $sem-size-all-162: 84px; // SiteHeader (ENT)
1392
+ $sem-size-all-165: 80px;
1393
+ $sem-size-all-170: 96px;
1394
+ $sem-size-all-175: 96px;
1395
+ $sem-size-all-178: 72px;
1396
+ $sem-size-all-180: 128px;
1397
+ $sem-size-all-182: 106px;
1398
+ $sem-size-all-185: 282px;
1399
+ $sem-size-all-190: 288px;
1400
+ $sem-size-all-195: 304px;
1401
+ $sem-size-all-200: 384px;
1402
+ $sem-size-all-210: 472px;
1403
+ $sem-size-all-220: 591px;
1404
+ $sem-size-all-230: 800px;
1405
+ $sem-size-all-240: 800px;
1406
+ $sem-size-breakpoints-xs: 320px; // Extra Small (XS) - 320px or under 636px: This is typically the breakpoint for smartphones in portrait mode.
1407
+ $sem-size-breakpoints-s: 636px; // Small (SM) - 636px to 767px: This is often used for smartphones in landscape mode and small tablets.
1408
+ $sem-size-breakpoints-m: 768px; // Medium (MD) - 768px to 991px: This is commonly used for larger tablets and smaller desktop screens.
1409
+ $sem-size-breakpoints-l: 1024px; // Large (LG) - 1024px - 1279px: This breakpoint is often applied to larger desktop screens and some laptops.
1410
+ $sem-size-breakpoints-xl: 1280px; // Extra Large (XL) - 1280px and above: This breakpoint is used for very large desktop screens.
1411
+ $sem-size-breakpoints-xxl: 1440px; // Extra Large (XXL) - Used for very large desktop screens.
1412
+ $sem-size-vertical-10: 4px; // This can be reserved for commonly used components: buttons, dropdowns, inputs etc
1413
+ $sem-size-vertical-20: 8px;
1414
+ $sem-size-vertical-30: 12px;
1415
+ $sem-size-vertical-40: 16px;
1416
+ $sem-size-vertical-50: 20px;
1417
+ $sem-size-vertical-60: 24px;
1418
+ $sem-size-vertical-70: 28px;
1419
+ $sem-size-vertical-80: 32px;
1420
+ $sem-size-vertical-90: 40px;
1421
+ $sem-size-vertical-100: 48px;
1422
+ $sem-size-vertical-110: 64px;
1423
+ $sem-size-vertical-120: 96px;
1424
+ $sem-size-vertical-130: 128px;
1425
+ $sem-space-padding-5: 1px;
1426
+ $sem-space-padding-10: 2px;
1427
+ $sem-space-padding-15: 3px;
1428
+ $sem-space-padding-20: 4px;
1429
+ $sem-space-padding-30: 6px;
1430
+ $sem-space-padding-40: 8px;
1431
+ $sem-space-padding-45: 22px;
1432
+ $sem-space-padding-50: 10px;
1433
+ $sem-space-padding-60: 12px;
1434
+ $sem-space-padding-70: 16px;
1435
+ $sem-space-padding-80: 18px;
1436
+ $sem-space-padding-90: 20px;
1437
+ $sem-space-padding-100: 22px;
1438
+ $sem-space-padding-110: 24px;
1439
+ $sem-space-padding-120: 28px;
1440
+ $sem-space-padding-130: 32px;
1441
+ $sem-space-padding-140: 40px;
1442
+ $sem-space-padding-145: 40px;
1443
+ $sem-space-padding-150: 44px;
1444
+ $sem-space-padding-160: 48px;
1445
+ $sem-space-padding-170: 56px;
1446
+ $sem-space-padding-180: 64px;
1447
+ $sem-space-padding-190: 128px;
1448
+ $sem-space-gap-5: 0px;
1449
+ $sem-space-gap-10: 2px;
1450
+ $sem-space-gap-20: 4px;
1451
+ $sem-space-gap-30: 6px;
1452
+ $sem-space-gap-40: 8px;
1453
+ $sem-space-gap-60: 12px;
1454
+ $sem-space-gap-70: 16px;
1455
+ $sem-space-gap-80: 18px;
1456
+ $sem-space-gap-90: 20px;
1457
+ $sem-space-gap-100: 22px;
1458
+ $sem-space-gap-110: 24px;
1459
+ $sem-space-gap-120: 28px;
1460
+ $sem-space-gap-130: 32px;
1461
+ $sem-space-gap-140: 40px;
1462
+ $sem-space-gap-150: 44px;
1463
+ $sem-space-gap-160: 48px;
1464
+ $sem-space-gap-170: 56px;
1465
+ $sem-space-gap-180: 64px;
1466
+ $sem-space-gap-190: 128px;
1467
+ $sem-space-gap-none: 0px;
1468
+ $sem-space-stack-10: 2px;
1469
+ $sem-space-stack-20: 4px;
1470
+ $sem-space-stack-30: 8px;
1471
+ $sem-space-stack-40: 12px;
1472
+ $sem-space-stack-50: 16px;
1473
+ $sem-space-stack-60: 18px;
1474
+ $sem-space-stack-70: 20px;
1475
+ $sem-space-stack-80: 22px;
1476
+ $sem-space-stack-90: 24px;
1477
+ $sem-space-stack-100: 28px;
1478
+ $sem-space-stack-110: 32px;
1479
+ $sem-space-stack-120: 36px;
1480
+ $sem-space-stack-130: 40px;
1481
+ $sem-space-stack-140: 44px;
1482
+ $sem-space-stack-150: 48px;
1483
+ $sem-space-stack-160: 56px;
1484
+ $sem-space-stack-170: 64px;
1485
+ $sem-space-stack-180: 72px;
1486
+ $sem-space-stack-190: 80px;
1487
+ $sem-space-stack-200: 96px;
1488
+ $sem-space-stack-210: 112px;
1489
+ $sem-space-stack-220: 128px;
1490
+ $sem-space-stack-none: 0px;
1491
+ $sem-space-variant-gap-30: 8px;
1492
+ $sem-border-width-xxxxs: 0;
1493
+ $sem-border-width-xxxs: 1px; // Used: Alerts /
1494
+ $sem-border-width-xxs: 4px; // Used: Alerts /
1495
+ $sem-border-width-xs: 1px;
1496
+ $sem-border-width-s: 2px;
1497
+ $sem-border-width-l: 3px;
1498
+ $sem-border-width-xl: 4px;
1499
+ $sem-border-width-xxl: 8px;
1500
+ $sem-border-width-xxxl: 10px;
1501
+ $sem-border-width-m: 2px;
1502
+ $sem-border-radius-xxxxxxs: 2px;
1503
+ $sem-border-radius-xxxxxs: 8px;
1504
+ $sem-border-radius-xxxxs: 8px;
1505
+ $sem-border-radius-xxxs: 4px;
1506
+ $sem-border-radius-xxs: 4px;
1507
+ $sem-border-radius-xs: 8px;
1508
+ $sem-border-radius-s: 16px;
1509
+ $sem-border-radius-m: 16px;
1510
+ $sem-border-radius-l: 24px;
1511
+ $sem-border-radius-xl: 32px;
1512
+ $sem-border-radius-xxl: 1000px;
1513
+ $sem-border-radius-xxxl: 4px;
1514
+ $sem-border-radius-variant-s: 8px;
1515
+ $sem-border-radius-variant-m: 12px;
1516
+ $sem-border-radius-variant-l: 8px;
1517
+ $sem-border-radius-alert-01: 4px;
1518
+ $sem-border-radius-alert-02: 8px;
1519
+ $sem-color-gradient-border-02: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%); // indigo-gradient-1
1520
+ $sem-color-gradient-border-03: linear-gradient(53deg, #5514b4 0%, #ff80ff 100%); // dark: pink-gradient-1
1521
+ $sem-color-gradient-border-04: linear-gradient(90deg, #ff80ff 50%, #d666ed 100%); // dark: pink-gradient-2
1522
+ $sem-color-gradient-border-05: linear-gradient(244deg, #f200f5 0%, #1ec8e6 100%); // dark: pink-gradient-2
1523
+ $sem-color-gradient-border-01: linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%); // turquoise-gradient
1524
+ $sem-color-gradient-bg-10: linear-gradient(53deg, #5514b4 0%, #ff80ff 100%); // dark: pink-gradient-1
1525
+ $sem-color-gradient-bg-11: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%); // indigo-gradient-1
1526
+ $sem-color-gradient-bg-09: linear-gradient(90deg, #ff80ff 50%, #d666ed 100%); // dark: pink-gradient-2
1527
+ $sem-color-gradient-bg-08: linear-gradient(90deg, #fff2f0 0%, #f5eefa 100%); // coral-gradient
1528
+ $sem-color-gradient-bg-05: linear-gradient(90deg, #f5eefa 0%, #eafcff 100%); // turquoise-gradient
1529
+ $sem-color-gradient-bg-06: linear-gradient(225deg, #5615b4 0%, #4665cd 100%); // turquoise-gradient
1530
+ $sem-color-gradient-bg-07: linear-gradient(90deg, #fcf9ff 0%, #f9f9ff 100%); // turquoise-gradient
1531
+ $sem-color-gradient-bg-01: linear-gradient(244deg, #f200f5 0%, #1ec8e6 100%);
1532
+ $sem-color-gradient-bg-02: linear-gradient(-45deg, #ff80ff 0%, #72d4e9 100%); // turquoise-gradient
1533
+ $sem-color-gradient-bg-03: linear-gradient(-44deg, #72d4e9 0%, #ff80ff 100%); // turquoise-gradient
1534
+ $sem-color-gradient-bg-04: linear-gradient(90deg, #f5eefa 0%, #eafcff 100%); // turquoise-gradient
1535
+ $sem-color-gradient-fg-01: linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%); // turquoise-gradient
1536
+ $sem-color-gradient-tertiary-light-emphasis: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%); // turquoise-gradient
1537
+ $sem-color-gradient-tertiary-dark-emphasis: linear-gradient(90deg, #ff80ff 50%, #d666ed 100%); // turquoise-gradient
1538
+ $sem-color-status-border-light-error: #D20007;
1539
+ $sem-color-status-border-light-warning: #B14D00;
1540
+ $sem-color-status-border-light-success: #138100;
1541
+ $sem-color-status-border-light-general: #3F3F3F;
1542
+ $sem-color-status-border-dark-error: #FF8883;
1543
+ $sem-color-status-border-dark-warning: #FFA94D;
1544
+ $sem-color-status-border-dark-general: #F3F3F3;
1545
+ $sem-color-status-border-dark-success: #73C367;
1546
+ $sem-color-status-border-dark-error-subtle: #E81D1D;
1547
+ $sem-color-status-border-dark-warning-subtle: #FEDDA4;
1548
+ $sem-color-status-border-dark-success-subtle: #138100;
1549
+ $sem-color-status-border-dark-error-minimal: #D20007;
1550
+ $sem-color-status-bg-light-error-alt: #D20007;
1551
+ $sem-color-status-bg-light-warning-alt: #FFA94D;
1552
+ $sem-color-status-bg-light-success-alt: #0F6D00;
1553
+ $sem-color-status-bg-light-warning-strong: #ffa200;
1554
+ $sem-color-status-bg-light-error-strong: #da020f;
1555
+ $sem-color-status-bg-light-error: #FEEDED;
1556
+ $sem-color-status-bg-light-success: #e6f4e5;
1557
+ $sem-color-status-bg-light-warning: #FEF2DE;
1558
+ $sem-color-status-bg-light-general: #F3F3F3;
1559
+ $sem-color-status-bg-light-general-alt: #2a2a2a;
1560
+ $sem-color-status-bg-light-error-subtle: #AA0006;
1561
+ $sem-color-status-bg-light-error-emphasis: #ffc8cb;
1562
+ $sem-color-status-bg-dark-error-strong: #FF8883;
1563
+ $sem-color-status-bg-dark-warning-strong: #FFA94D;
1564
+ $sem-color-status-bg-dark-error: #2D0002;
1565
+ $sem-color-status-bg-dark-success: #073600;
1566
+ $sem-color-status-bg-dark-warning: #4B2000;
1567
+ $sem-color-status-bg-dark-general: #2B2B2B;
1568
+ $sem-color-status-bg-dark-general-alt: #f0f0f0;
1569
+ $sem-color-status-bg-dark-default: #FFFFFF;
1570
+ $sem-color-status-bg-dark-error-subtle: #401313;
1571
+ $sem-color-status-fg-light-error: #D20007;
1572
+ $sem-color-status-fg-light-warning: #B14D00;
1573
+ $sem-color-status-fg-light-success: #138100;
1574
+ $sem-color-status-fg-light-general: #3F3F3F;
1575
+ $sem-color-status-fg-light-warning-alt: #ffa200;
1576
+ $sem-color-status-fg-dark-error-alt: #D20007;
1577
+ $sem-color-status-fg-dark-error-subtle: #E81D1D;
1578
+ $sem-color-status-fg-dark-error: #FF8883;
1579
+ $sem-color-status-fg-dark-warning: #FFA94D;
1580
+ $sem-color-status-fg-dark-success: #73C367;
1581
+ $sem-color-status-fg-dark-success-subtle: #138100;
1582
+ $sem-color-status-fg-dark-warning-alt: #2a2a2a;
1583
+ $sem-color-status-fg-dark-warning-subtle: #2a2a2a;
1584
+ $sem-color-status-fg-dark-general: #F3F3F3;
1585
+ $sem-color-border-primary-light-default: #111111; // Brand indigo
1586
+ $sem-color-border-primary-light-subtle: #686868;
1587
+ $sem-color-border-primary-light-strong: #525252; // Brand indigo
1588
+ $sem-color-border-primary-light-emphasis: #111111; // Brand indigo
1589
+ $sem-color-border-primary-light-minimal: #BBBBBB;
1590
+ $sem-color-border-primary-light-minimal-alt: #3F3F3F;
1591
+ $sem-color-border-primary-light-emphasis-subtle: #BBBBBB; // Brand indigo
1592
+ $sem-color-border-primary-dark-default: #FFFFFF;
1593
+ $sem-color-border-primary-dark-subtle: #BBBBBB;
1594
+ $sem-color-border-primary-dark-strong: #F3F3F3;
1595
+ $sem-color-border-primary-dark-emphasis: #D9D9D9;
1596
+ $sem-color-border-primary-dark-minimal: #BBBBBB;
1597
+ $sem-color-border-secondary-light-default: #818181;
1598
+ $sem-color-border-secondary-light-subtle: #D9D9D9;
1599
+ $sem-color-border-secondary-light-strong: #525252;
1600
+ $sem-color-border-secondary-light-minimal: #BBBBBB;
1601
+ $sem-color-border-secondary-light-alt: #F3F3F3;
1602
+ $sem-color-border-secondary-light-default-alt: #818181;
1603
+ $sem-color-border-secondary-light-muted: #ffffff;
1604
+ $sem-color-border-secondary-dark-default: #F3F3F3;
1605
+ $sem-color-border-secondary-dark-strong: #BBBBBB;
1606
+ $sem-color-border-secondary-dark-subtle: #686868;
1607
+ $sem-color-border-secondary-dark-minimal: #525252;
1608
+ $sem-color-border-secondary-dark-alt: #2B2B2B;
1609
+ $sem-color-border-secondary-dark-muted: #6b6b6b;
1610
+ $sem-color-border-tertiary-light-default: #009BA5;
1611
+ $sem-color-border-tertiary-dark-default: #06C3C2;
1612
+ $sem-color-bg-primary-light-default: #111111;
1613
+ $sem-color-bg-primary-light-default-alt: #035F6E; // Brand indigo
1614
+ $sem-color-bg-primary-light-default-strong: #111111; // Brand indigo
1615
+ $sem-color-bg-primary-light-subtle: #3F3F3F; // Brand indigo
1616
+ $sem-color-bg-primary-light-strong: #2B2B2B;
1617
+ $sem-color-bg-primary-light-emphasis: #9C9C9C; // Brand indigo
1618
+ $sem-color-bg-primary-light-minimal: #F3F3F3; // Brand indigo
1619
+ $sem-color-bg-primary-light-subtle-alt: #F3F3F3; // Brand indigo
1620
+ $sem-color-bg-primary-light-minimal-alt: #057382;
1621
+ $sem-color-bg-primary-dark-default: #FFFFFF;
1622
+ $sem-color-bg-primary-dark-default-alt: #F3F3F3;
1623
+ $sem-color-bg-primary-dark-strong: #F3F3F3;
1624
+ $sem-color-bg-primary-dark-subtle: #BBBBBB;
1625
+ $sem-color-bg-primary-dark-emphasis: #F3F3F3;
1626
+ $sem-color-bg-primary-dark-minimal: #FFFFFF;
1627
+ $sem-color-bg-primary-dark-minimal-alt: #818181;
1628
+ $sem-color-bg-secondary-light-default: #FFFFFF;
1629
+ $sem-color-bg-secondary-light-default-alt: #f7f7f7;
1630
+ $sem-color-bg-secondary-light-subtle: #818181;
1631
+ $sem-color-bg-secondary-light-strong: #686868;
1632
+ $sem-color-bg-secondary-light-minimal: #BBBBBB;
1633
+ $sem-color-bg-secondary-light-minimal-alt: #D9D9D9;
1634
+ $sem-color-bg-secondary-light-muted: #D9D9D9;
1635
+ $sem-color-bg-secondary-light-alt: #2B2B2B;
1636
+ $sem-color-bg-secondary-light-strong-alt: #111111;
1637
+ $sem-color-bg-secondary-light-muted-alt: #F3F3F3;
1638
+ $sem-color-bg-secondary-light-muted-subtle: #ffffff;
1639
+ $sem-color-bg-secondary-dark-default: #111111;
1640
+ $sem-color-bg-secondary-dark-strong: #BBBBBB;
1641
+ $sem-color-bg-secondary-dark-alt: #FFFFFF;
1642
+ $sem-color-bg-secondary-dark-strong-alt: #FFFFFF;
1643
+ $sem-color-bg-secondary-dark-subtle: #9C9C9C;
1644
+ $sem-color-bg-secondary-dark-minimal: #818181;
1645
+ $sem-color-bg-secondary-dark-minimal-alt: #2B2B2B;
1646
+ $sem-color-bg-secondary-dark-muted: #686868;
1647
+ $sem-color-bg-secondary-dark-muted-alt: #3F3F3F;
1648
+ $sem-color-bg-tertiary-warning-default: #AA0006;
1649
+ $sem-color-bg-tertiary-warning-subtle: #840106;
1650
+ $sem-color-bg-tertiary-warning-strong: #600104;
1651
+ $sem-color-bg-tertiary-status-light-general: #2a2a2a;
1652
+ $sem-color-bg-tertiary-status-light-error: #2a2a2a;
1653
+ $sem-color-bg-tertiary-status-light-warning: #2a2a2a;
1654
+ $sem-color-bg-tertiary-status-light-success: #2a2a2a;
1655
+ $sem-color-bg-tertiary-status-light-error-alt: #2a2a2a;
1656
+ $sem-color-bg-tertiary-status-light-success-alt: #2a2a2a;
1657
+ $sem-color-text-status-light-default: #ffffff;
1658
+ $sem-color-text-status-light-error: #ffffff;
1659
+ $sem-color-text-status-light-warning: #2a2a2a;
1660
+ $sem-color-text-status-light-success: #ffffff;
1661
+ $sem-color-text-status-dark-default: #2a2a2a;
1662
+ $sem-color-text-status-dark-error: #2a2a2a;
1663
+ $sem-color-text-primary-light-default: #001318;
1664
+ $sem-color-text-primary-light-default-alt: #5514b4;
1665
+ $sem-color-text-primary-light-hover: #2a1c4a;
1666
+ $sem-color-text-primary-light-default-strong: #ffffff;
1667
+ $sem-color-text-primary-light-emphasis: #ffffff;
1668
+ $sem-color-text-primary-light-subtle: #6b6b6b;
1669
+ $sem-color-text-primary-light-strong: #01404C;
1670
+ $sem-color-text-primary-dark-default: #ffffff;
1671
+ $sem-color-text-primary-dark-strong: #ffffff;
1672
+ $sem-color-text-primary-dark-default-alt: #efe5f7;
1673
+ $sem-color-text-primary-dark-strong-alt: #D9D9D9;
1674
+ $sem-color-text-secondary-light-default: #5514b4;
1675
+ $sem-color-text-secondary-light-default-alt: #ffffff;
1676
+ $sem-color-text-secondary-light-hover: #2a1c4a;
1677
+ $sem-color-text-secondary-light-default-strong: #ffffff;
1678
+ $sem-color-text-secondary-light-emphasis: #ff80ff;
1679
+ $sem-color-text-secondary-light-subtle: #6b6b6b;
1680
+ $sem-color-text-secondary-light-strong: #2a2a2a;
1681
+ $sem-color-text-secondary-dark-default: #ffffff;
1682
+ $sem-color-text-secondary-dark-default-alt: #F3F3F3;
1683
+ $sem-color-text-secondary-dark-strong: #ffffff;
1684
+ $sem-color-text-secondary-dark-strong-alt: #ffe4ff;
1685
+ $sem-color-fg-primary-light-default: #009BA5;
1686
+ $sem-color-fg-primary-light-subtle: #057382;
1687
+ $sem-color-fg-primary-light-strong: #001318;
1688
+ $sem-color-fg-primary-light-emphasis: #035F6E; // Brand indigo
1689
+ $sem-color-fg-primary-light-vibrant: #057382; // Brand indigo
1690
+ $sem-color-fg-primary-light-minimal: #3F3F3F; // Brand indigo
1691
+ $sem-color-fg-primary-light-default-alt: #001318;
1692
+ $sem-color-fg-primary-light-subtle-alt: #3f187f;
1693
+ $sem-color-fg-primary-dark-default: #EBF304;
1694
+ $sem-color-fg-primary-dark-subtle: #FFFFFF;
1695
+ $sem-color-fg-primary-dark-strong: #F8FF19;
1696
+ $sem-color-fg-primary-dark-emphasis: #ABAD00;
1697
+ $sem-color-fg-primary-dark-vibrant: #EBF304; // Brand indigo
1698
+ $sem-color-fg-secondary-light-default: #2B2B2B;
1699
+ $sem-color-fg-secondary-light-subtle: #818181;
1700
+ $sem-color-fg-secondary-light-strong: #686868;
1701
+ $sem-color-fg-secondary-light-minimal: #BBBBBB;
1702
+ $sem-color-fg-secondary-light-muted: #525252;
1703
+ $sem-color-fg-secondary-light-alt: #FFFFFF;
1704
+ $sem-color-fg-secondary-light-default-alt: #2a2a2a;
1705
+ $sem-color-fg-secondary-light-subtle-alt: #9C9C9C;
1706
+ $sem-color-fg-secondary-light-strong-alt: #111111;
1707
+ $sem-color-fg-secondary-light-minimal-alt: #ffffff;
1708
+ $sem-color-fg-secondary-light-muted-alt: #6b6b6b;
1709
+ $sem-color-fg-secondary-light-strong-subtle: #aaaaaa;
1710
+ $sem-color-fg-secondary-dark-default: #FFFFFF;
1711
+ $sem-color-fg-secondary-dark-muted: #BBBBBB;
1712
+ $sem-color-fg-secondary-dark-strong: #9C9C9C;
1713
+ $sem-color-fg-secondary-dark-subtle: #686868;
1714
+ $sem-color-fg-secondary-dark-minimal: #525252;
1715
+ $sem-color-fg-secondary-dark-alt: #2B2B2B;
1716
+ $sem-color-fg-secondary-dark-minimal-alt: #111111;
1717
+ $sem-color-fg-secondary-dark-subtle-alt: #818181;
1718
+ $sem-color-overlay-gradient-faded: rgba(85,20,180,0.5);
1719
+ $sem-color-overlay-gradient-dark-faded: rgba(255,128,255,0.5);
1720
+ $sem-color-overlay-flat-default: rgba(0,0,0,0.5);
1721
+ $sem-color-overlay-flat-light: rgba(255,255,255,0.5);
1722
+ $sem-color-overlay-flat-brand: rgba(85,20,180,0.5);
1723
+ $sem-inner-shadow-01: inset 0 1px 0 0 #c8c8c8;
1724
+ $sem-inner-shadow-02: inset 0 1px 0 0 #c8c8c8;
1725
+ $sem-underline: underline;
1726
+ $sem-line-through: line-through;
1727
+ $sem-scale-modifier-1: 4px;
1728
+ $sem-scale-modifier-3: 4px;
1729
+ $sem-scale-modifier-2: 3px;
1730
+ $sem-scale-modifier-4: 0;