@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.
- package/dist/index.cjs.d.ts +1529 -1413
- package/dist/index.cjs.js +1639 -1407
- package/dist/index.css +1515 -1399
- package/dist/index.es.js +1516 -1400
- package/dist/scss/index.scss +1515 -1399
- package/package.json +2 -2
package/dist/index.cjs.js
CHANGED
|
@@ -4,1169 +4,128 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* Do not edit directly
|
|
7
|
-
* Generated on
|
|
7
|
+
* Generated on Fri, 25 Oct 2024 08:32:16 GMT
|
|
8
8
|
*/
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
var
|
|
24
|
-
var
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
var
|
|
29
|
-
var
|
|
30
|
-
var
|
|
31
|
-
var
|
|
32
|
-
var
|
|
33
|
-
var
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
var
|
|
44
|
-
var
|
|
45
|
-
var
|
|
46
|
-
var
|
|
47
|
-
var
|
|
48
|
-
var
|
|
49
|
-
var
|
|
50
|
-
var
|
|
51
|
-
var
|
|
52
|
-
var
|
|
53
|
-
var
|
|
54
|
-
var
|
|
55
|
-
var
|
|
56
|
-
var
|
|
57
|
-
var
|
|
58
|
-
var
|
|
59
|
-
var
|
|
60
|
-
var
|
|
61
|
-
var
|
|
62
|
-
var
|
|
63
|
-
var
|
|
64
|
-
var
|
|
65
|
-
var
|
|
66
|
-
var
|
|
67
|
-
var
|
|
68
|
-
var
|
|
69
|
-
var
|
|
70
|
-
var
|
|
71
|
-
var
|
|
72
|
-
var
|
|
73
|
-
var
|
|
74
|
-
var
|
|
75
|
-
var
|
|
76
|
-
var
|
|
77
|
-
var
|
|
78
|
-
var
|
|
79
|
-
var
|
|
80
|
-
var
|
|
81
|
-
var
|
|
82
|
-
var
|
|
83
|
-
var
|
|
84
|
-
var
|
|
85
|
-
var
|
|
86
|
-
var
|
|
87
|
-
var
|
|
88
|
-
var
|
|
89
|
-
var
|
|
90
|
-
var
|
|
91
|
-
var
|
|
92
|
-
var
|
|
93
|
-
var
|
|
94
|
-
var
|
|
95
|
-
var
|
|
96
|
-
var
|
|
97
|
-
var
|
|
98
|
-
var
|
|
99
|
-
var
|
|
100
|
-
var
|
|
101
|
-
var
|
|
102
|
-
var
|
|
103
|
-
var
|
|
104
|
-
var
|
|
105
|
-
var
|
|
106
|
-
var
|
|
107
|
-
var
|
|
108
|
-
var
|
|
109
|
-
var
|
|
110
|
-
var
|
|
111
|
-
var
|
|
112
|
-
var
|
|
113
|
-
var
|
|
114
|
-
var
|
|
115
|
-
var
|
|
116
|
-
var
|
|
117
|
-
var
|
|
118
|
-
var
|
|
119
|
-
var
|
|
120
|
-
var
|
|
121
|
-
var
|
|
122
|
-
var
|
|
123
|
-
var
|
|
124
|
-
var
|
|
125
|
-
var
|
|
126
|
-
var
|
|
127
|
-
var
|
|
128
|
-
var
|
|
129
|
-
var SemLineHeightInterfaceS = "14px";
|
|
130
|
-
var SemLineHeightInterfaceM = "16px";
|
|
131
|
-
var SemLineHeightInterfaceL = "20px";
|
|
132
|
-
var SemParagraphSpacingHeading = "0";
|
|
133
|
-
var SemParagraphSpacingBody = "0.5";
|
|
134
|
-
var SemParagraphSpacingInterface = "0";
|
|
135
|
-
var SemSizeIconXxxs = "12px";
|
|
136
|
-
var SemSizeIconXxs = "14px";
|
|
137
|
-
var SemSizeIconXs = "16px";
|
|
138
|
-
var SemSizeIconS = "20px";
|
|
139
|
-
var SemSizeIconM = "24px";
|
|
140
|
-
var SemSizeIconMl = "42px";
|
|
141
|
-
var SemSizeIconL = "28px";
|
|
142
|
-
var SemSizeIconXl = "32px";
|
|
143
|
-
var SemSizeIconXxl = "40px";
|
|
144
|
-
var SemSizeIconXxxl = "48px";
|
|
145
|
-
var SemSizeIconXxxxl = "64px";
|
|
146
|
-
var SemSizeIconXxxxxl = "80px";
|
|
147
|
-
var SemSizeIconXxxxxxl = "96px";
|
|
148
|
-
var SemSizeIconXxxxs = "32px";
|
|
149
|
-
var SemSizeIconXxxxxxs = "10px";
|
|
150
|
-
var SemSizeAll5 = "2px";
|
|
151
|
-
var SemSizeAll10 = "1px";
|
|
152
|
-
var SemSizeAll20 = "4px";
|
|
153
|
-
var SemSizeAll30 = "8px";
|
|
154
|
-
var SemSizeAll40 = "12px";
|
|
155
|
-
var SemSizeAll45 = "14px";
|
|
156
|
-
var SemSizeAll50 = "16px";
|
|
157
|
-
var SemSizeAll60 = "20px";
|
|
158
|
-
var SemSizeAll70 = "24px";
|
|
159
|
-
var SemSizeAll75 = "26px";
|
|
160
|
-
var SemSizeAll80 = "28px";
|
|
161
|
-
var SemSizeAll85 = "28px";
|
|
162
|
-
var SemSizeAll90 = "32px";
|
|
163
|
-
var SemSizeAll95 = "34px";
|
|
164
|
-
var SemSizeAll100 = "36px";
|
|
165
|
-
var SemSizeAll110 = "40px";
|
|
166
|
-
var SemSizeAll115 = "36px";
|
|
167
|
-
var SemSizeAll120 = "42px";
|
|
168
|
-
var SemSizeAll130 = "44px";
|
|
169
|
-
var SemSizeAll140 = "48px";
|
|
170
|
-
var SemSizeAll142 = "52px";
|
|
171
|
-
var SemSizeAll145 = "56px";
|
|
172
|
-
var SemSizeAll150 = "58px";
|
|
173
|
-
var SemSizeAll155 = "60px";
|
|
174
|
-
var SemSizeAll160 = "64px";
|
|
175
|
-
var SemSizeAll162 = "84px"; // SiteHeader (ENT)
|
|
176
|
-
var SemSizeAll165 = "80px";
|
|
177
|
-
var SemSizeAll170 = "96px";
|
|
178
|
-
var SemSizeAll175 = "96px";
|
|
179
|
-
var SemSizeAll178 = "72px";
|
|
180
|
-
var SemSizeAll180 = "128px";
|
|
181
|
-
var SemSizeAll182 = "106px";
|
|
182
|
-
var SemSizeAll185 = "282px";
|
|
183
|
-
var SemSizeAll190 = "288px";
|
|
184
|
-
var SemSizeAll195 = "304px";
|
|
185
|
-
var SemSizeAll200 = "384px";
|
|
186
|
-
var SemSizeAll210 = "472px";
|
|
187
|
-
var SemSizeAll220 = "591px";
|
|
188
|
-
var SemSizeAll230 = "800px";
|
|
189
|
-
var SemSizeAll240 = "800px";
|
|
190
|
-
var SemSizeBreakpointsXs = "320px"; // Extra Small (XS) - 320px or under 576px: This is typically the breakpoint for smartphones in portrait mode.
|
|
191
|
-
var SemSizeBreakpointsS = "576px"; // Small (SM) - 576px to 767px: This is often used for smartphones in landscape mode and small tablets.
|
|
192
|
-
var SemSizeBreakpointsM = "768px"; // Medium (MD) - 768px to 991px: This is commonly used for larger tablets and smaller desktop screens.
|
|
193
|
-
var SemSizeBreakpointsL = "1024px"; // Large (LG) - 1024px - 1279px: This breakpoint is often applied to larger desktop screens and some laptops.
|
|
194
|
-
var SemSizeBreakpointsXl = "1280px"; // Extra Large (XL) - 1280px and above: This breakpoint is used for very large desktop screens.
|
|
195
|
-
var SemSizeBreakpointsXxl = "1440px"; // Extra Large (XXL) - Used for very large desktop screens.
|
|
196
|
-
var SemSizeVertical10 = "4px"; // This can be reserved for commonly used components: buttons, dropdowns, inputs etc
|
|
197
|
-
var SemSizeVertical20 = "8px";
|
|
198
|
-
var SemSizeVertical30 = "12px";
|
|
199
|
-
var SemSizeVertical40 = "16px";
|
|
200
|
-
var SemSizeVertical50 = "20px";
|
|
201
|
-
var SemSizeVertical60 = "24px";
|
|
202
|
-
var SemSizeVertical70 = "28px";
|
|
203
|
-
var SemSizeVertical80 = "32px";
|
|
204
|
-
var SemSizeVertical90 = "40px";
|
|
205
|
-
var SemSizeVertical100 = "48px";
|
|
206
|
-
var SemSizeVertical110 = "64px";
|
|
207
|
-
var SemSizeVertical120 = "96px";
|
|
208
|
-
var SemSizeVertical130 = "128px";
|
|
209
|
-
var SemSpacePadding5 = "1px";
|
|
210
|
-
var SemSpacePadding10 = "2px";
|
|
211
|
-
var SemSpacePadding15 = "3px";
|
|
212
|
-
var SemSpacePadding20 = "4px";
|
|
213
|
-
var SemSpacePadding30 = "6px";
|
|
214
|
-
var SemSpacePadding40 = "8px";
|
|
215
|
-
var SemSpacePadding45 = "22px";
|
|
216
|
-
var SemSpacePadding50 = "10px";
|
|
217
|
-
var SemSpacePadding60 = "12px";
|
|
218
|
-
var SemSpacePadding70 = "16px";
|
|
219
|
-
var SemSpacePadding80 = "18px";
|
|
220
|
-
var SemSpacePadding90 = "20px";
|
|
221
|
-
var SemSpacePadding100 = "22px";
|
|
222
|
-
var SemSpacePadding110 = "24px";
|
|
223
|
-
var SemSpacePadding120 = "28px";
|
|
224
|
-
var SemSpacePadding130 = "32px";
|
|
225
|
-
var SemSpacePadding140 = "40px";
|
|
226
|
-
var SemSpacePadding145 = "40px";
|
|
227
|
-
var SemSpacePadding150 = "44px";
|
|
228
|
-
var SemSpacePadding160 = "48px";
|
|
229
|
-
var SemSpacePadding170 = "56px";
|
|
230
|
-
var SemSpacePadding180 = "64px";
|
|
231
|
-
var SemSpacePadding190 = "128px";
|
|
232
|
-
var SemSpaceGap5 = "0px";
|
|
233
|
-
var SemSpaceGap10 = "2px";
|
|
234
|
-
var SemSpaceGap20 = "4px";
|
|
235
|
-
var SemSpaceGap30 = "6px";
|
|
236
|
-
var SemSpaceGap40 = "8px";
|
|
237
|
-
var SemSpaceGap60 = "12px";
|
|
238
|
-
var SemSpaceGap70 = "16px";
|
|
239
|
-
var SemSpaceGap80 = "18px";
|
|
240
|
-
var SemSpaceGap90 = "20px";
|
|
241
|
-
var SemSpaceGap100 = "22px";
|
|
242
|
-
var SemSpaceGap110 = "24px";
|
|
243
|
-
var SemSpaceGap120 = "28px";
|
|
244
|
-
var SemSpaceGap130 = "32px";
|
|
245
|
-
var SemSpaceGap140 = "40px";
|
|
246
|
-
var SemSpaceGap150 = "44px";
|
|
247
|
-
var SemSpaceGap160 = "48px";
|
|
248
|
-
var SemSpaceGap170 = "56px";
|
|
249
|
-
var SemSpaceGap180 = "64px";
|
|
250
|
-
var SemSpaceGap190 = "128px";
|
|
251
|
-
var SemSpaceGapNone = "0px";
|
|
252
|
-
var SemSpaceStack10 = "2px";
|
|
253
|
-
var SemSpaceStack20 = "4px";
|
|
254
|
-
var SemSpaceStack30 = "8px";
|
|
255
|
-
var SemSpaceStack40 = "12px";
|
|
256
|
-
var SemSpaceStack50 = "16px";
|
|
257
|
-
var SemSpaceStack60 = "18px";
|
|
258
|
-
var SemSpaceStack70 = "20px";
|
|
259
|
-
var SemSpaceStack80 = "22px";
|
|
260
|
-
var SemSpaceStack90 = "24px";
|
|
261
|
-
var SemSpaceStack100 = "28px";
|
|
262
|
-
var SemSpaceStack110 = "32px";
|
|
263
|
-
var SemSpaceStack120 = "36px";
|
|
264
|
-
var SemSpaceStack130 = "40px";
|
|
265
|
-
var SemSpaceStack140 = "44px";
|
|
266
|
-
var SemSpaceStack150 = "48px";
|
|
267
|
-
var SemSpaceStack160 = "56px";
|
|
268
|
-
var SemSpaceStack170 = "64px";
|
|
269
|
-
var SemSpaceStack180 = "72px";
|
|
270
|
-
var SemSpaceStack190 = "80px";
|
|
271
|
-
var SemSpaceStack200 = "96px";
|
|
272
|
-
var SemSpaceStack210 = "112px";
|
|
273
|
-
var SemSpaceStack220 = "128px";
|
|
274
|
-
var SemSpaceStackNone = "0px";
|
|
275
|
-
var SemSpaceVariantGap30 = "8px";
|
|
276
|
-
var SemBorderWidthXxxxs = "0";
|
|
277
|
-
var SemBorderWidthXxxs = "1px"; // Used: Alerts /
|
|
278
|
-
var SemBorderWidthXxs = "4px"; // Used: Alerts /
|
|
279
|
-
var SemBorderWidthXs = "1px";
|
|
280
|
-
var SemBorderWidthS = "2px";
|
|
281
|
-
var SemBorderWidthL = "3px";
|
|
282
|
-
var SemBorderWidthXl = "4px";
|
|
283
|
-
var SemBorderWidthXxl = "8px";
|
|
284
|
-
var SemBorderWidthXxxl = "10px";
|
|
285
|
-
var SemBorderWidthM = "2px";
|
|
286
|
-
var SemBorderRadiusXxxxxxs = "2px";
|
|
287
|
-
var SemBorderRadiusXxxxxs = "8px";
|
|
288
|
-
var SemBorderRadiusXxxxs = "8px";
|
|
289
|
-
var SemBorderRadiusXxxs = "4px";
|
|
290
|
-
var SemBorderRadiusXxs = "4px";
|
|
291
|
-
var SemBorderRadiusXs = "8px";
|
|
292
|
-
var SemBorderRadiusS = "16px";
|
|
293
|
-
var SemBorderRadiusM = "16px";
|
|
294
|
-
var SemBorderRadiusL = "24px";
|
|
295
|
-
var SemBorderRadiusXl = "32px";
|
|
296
|
-
var SemBorderRadiusXxl = "1000px";
|
|
297
|
-
var SemBorderRadiusXxxl = "4px";
|
|
298
|
-
var SemBorderRadiusVariantS = "8px";
|
|
299
|
-
var SemBorderRadiusVariantM = "12px";
|
|
300
|
-
var SemBorderRadiusVariantL = "8px";
|
|
301
|
-
var SemColorGradientBorder02 = "linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%)"; // indigo-gradient-1
|
|
302
|
-
var SemColorGradientBorder03 = "linear-gradient(53deg, #5514b4 0%, #ff80ff 100%)"; // dark: pink-gradient-1
|
|
303
|
-
var SemColorGradientBorder04 = "linear-gradient(90deg, #ff80ff 50%, #d666ed 100%)"; // dark: pink-gradient-2
|
|
304
|
-
var SemColorGradientBorder05 = "linear-gradient(244deg, #f200f5 0%, #1ec8e6 100%)"; // dark: pink-gradient-2
|
|
305
|
-
var SemColorGradientBorder01 = "linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%)"; // turquoise-gradient
|
|
306
|
-
var SemColorGradientBg10 = "linear-gradient(53deg, #5514b4 0%, #ff80ff 100%)"; // dark: pink-gradient-1
|
|
307
|
-
var SemColorGradientBg11 = "linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%)"; // indigo-gradient-1
|
|
308
|
-
var SemColorGradientBg09 = "linear-gradient(90deg, #ff80ff 50%, #d666ed 100%)"; // dark: pink-gradient-2
|
|
309
|
-
var SemColorGradientBg08 = "linear-gradient(90deg, #fff2f0 0%, #f5eefa 100%)"; // coral-gradient
|
|
310
|
-
var SemColorGradientBg05 = "linear-gradient(90deg, #f5eefa 0%, #eafcff 100%)"; // turquoise-gradient
|
|
311
|
-
var SemColorGradientBg06 = "linear-gradient(225deg, #5615b4 0%, #4665cd 100%)"; // turquoise-gradient
|
|
312
|
-
var SemColorGradientBg07 = "linear-gradient(90deg, #fcf9ff 0%, #f9f9ff 100%)"; // turquoise-gradient
|
|
313
|
-
var SemColorGradientBg01 = "linear-gradient(244deg, #f200f5 0%, #1ec8e6 100%)";
|
|
314
|
-
var SemColorGradientBg02 = "linear-gradient(-45deg, #ff80ff 0%, #72d4e9 100%)"; // turquoise-gradient
|
|
315
|
-
var SemColorGradientBg03 = "linear-gradient(-44deg, #72d4e9 0%, #ff80ff 100%)"; // turquoise-gradient
|
|
316
|
-
var SemColorGradientBg04 = "linear-gradient(90deg, #f5eefa 0%, #eafcff 100%)"; // turquoise-gradient
|
|
317
|
-
var SemColorGradientFg01 = "linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%)"; // turquoise-gradient
|
|
318
|
-
var SemColorGradientTertiaryLightEmphasis = "linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%)"; // turquoise-gradient
|
|
319
|
-
var SemColorGradientTertiaryDarkEmphasis = "linear-gradient(90deg, #ff80ff 50%, #d666ed 100%)"; // turquoise-gradient
|
|
320
|
-
var SemColorStatusBorderLightError = "#D20007";
|
|
321
|
-
var SemColorStatusBorderLightWarning = "#B14D00";
|
|
322
|
-
var SemColorStatusBorderLightSuccess = "#138100";
|
|
323
|
-
var SemColorStatusBorderLightGeneral = "#3F3F3F";
|
|
324
|
-
var SemColorStatusBorderDarkError = "#FF8883";
|
|
325
|
-
var SemColorStatusBorderDarkWarning = "#FFA94D";
|
|
326
|
-
var SemColorStatusBorderDarkGeneral = "#F3F3F3";
|
|
327
|
-
var SemColorStatusBorderDarkSuccess = "#73C367";
|
|
328
|
-
var SemColorStatusBorderDarkErrorSubtle = "#E81D1D";
|
|
329
|
-
var SemColorStatusBorderDarkWarningSubtle = "#FEDDA4";
|
|
330
|
-
var SemColorStatusBorderDarkSuccessSubtle = "#138100";
|
|
331
|
-
var SemColorStatusBorderDarkErrorMinimal = "#D20007";
|
|
332
|
-
var SemColorStatusBgLightErrorAlt = "#D20007";
|
|
333
|
-
var SemColorStatusBgLightWarningAlt = "#FFA94D";
|
|
334
|
-
var SemColorStatusBgLightSuccessAlt = "#0F6D00";
|
|
335
|
-
var SemColorStatusBgLightWarningStrong = "#ffa200";
|
|
336
|
-
var SemColorStatusBgLightErrorStrong = "#da020f";
|
|
337
|
-
var SemColorStatusBgLightError = "#FEEDED";
|
|
338
|
-
var SemColorStatusBgLightSuccess = "#e6f4e5";
|
|
339
|
-
var SemColorStatusBgLightWarning = "#FEF2DE";
|
|
340
|
-
var SemColorStatusBgLightGeneral = "#F3F3F3";
|
|
341
|
-
var SemColorStatusBgLightGeneralAlt = "#2a2a2a";
|
|
342
|
-
var SemColorStatusBgLightErrorSubtle = "#AA0006";
|
|
343
|
-
var SemColorStatusBgLightErrorEmphasis = "#ffc8cb";
|
|
344
|
-
var SemColorStatusBgDarkErrorStrong = "#FF8883";
|
|
345
|
-
var SemColorStatusBgDarkWarningStrong = "#FFA94D";
|
|
346
|
-
var SemColorStatusBgDarkError = "#2D0002";
|
|
347
|
-
var SemColorStatusBgDarkSuccess = "#073600";
|
|
348
|
-
var SemColorStatusBgDarkWarning = "#4B2000";
|
|
349
|
-
var SemColorStatusBgDarkGeneral = "#2B2B2B";
|
|
350
|
-
var SemColorStatusBgDarkGeneralAlt = "#f0f0f0";
|
|
351
|
-
var SemColorStatusBgDarkDefault = "#FFFFFF";
|
|
352
|
-
var SemColorStatusBgDarkErrorSubtle = "#401313";
|
|
353
|
-
var SemColorStatusFgLightError = "#D20007";
|
|
354
|
-
var SemColorStatusFgLightWarning = "#B14D00";
|
|
355
|
-
var SemColorStatusFgLightSuccess = "#138100";
|
|
356
|
-
var SemColorStatusFgLightGeneral = "#3F3F3F";
|
|
357
|
-
var SemColorStatusFgLightWarningAlt = "#ffa200";
|
|
358
|
-
var SemColorStatusFgDarkErrorAlt = "#D20007";
|
|
359
|
-
var SemColorStatusFgDarkErrorSubtle = "#E81D1D";
|
|
360
|
-
var SemColorStatusFgDarkError = "#FF8883";
|
|
361
|
-
var SemColorStatusFgDarkWarning = "#FFA94D";
|
|
362
|
-
var SemColorStatusFgDarkSuccess = "#73C367";
|
|
363
|
-
var SemColorStatusFgDarkSuccessSubtle = "#138100";
|
|
364
|
-
var SemColorStatusFgDarkWarningAlt = "#2a2a2a";
|
|
365
|
-
var SemColorStatusFgDarkWarningSubtle = "#2a2a2a";
|
|
366
|
-
var SemColorStatusFgDarkGeneral = "#F3F3F3";
|
|
367
|
-
var SemColorBorderPrimaryLightDefault = "#111111"; // Brand indigo
|
|
368
|
-
var SemColorBorderPrimaryLightSubtle = "#686868";
|
|
369
|
-
var SemColorBorderPrimaryLightStrong = "#525252"; // Brand indigo
|
|
370
|
-
var SemColorBorderPrimaryLightEmphasis = "#111111"; // Brand indigo
|
|
371
|
-
var SemColorBorderPrimaryLightMinimal = "#BBBBBB";
|
|
372
|
-
var SemColorBorderPrimaryLightMinimalAlt = "#3F3F3F";
|
|
373
|
-
var SemColorBorderPrimaryLightEmphasisSubtle = "#BBBBBB"; // Brand indigo
|
|
374
|
-
var SemColorBorderPrimaryDarkDefault = "#FFFFFF";
|
|
375
|
-
var SemColorBorderPrimaryDarkSubtle = "#BBBBBB";
|
|
376
|
-
var SemColorBorderPrimaryDarkStrong = "#F3F3F3";
|
|
377
|
-
var SemColorBorderPrimaryDarkEmphasis = "#D9D9D9";
|
|
378
|
-
var SemColorBorderPrimaryDarkMinimal = "#BBBBBB";
|
|
379
|
-
var SemColorBorderSecondaryLightDefault = "#818181";
|
|
380
|
-
var SemColorBorderSecondaryLightSubtle = "#D9D9D9";
|
|
381
|
-
var SemColorBorderSecondaryLightStrong = "#525252";
|
|
382
|
-
var SemColorBorderSecondaryLightMinimal = "#BBBBBB";
|
|
383
|
-
var SemColorBorderSecondaryLightAlt = "#F3F3F3";
|
|
384
|
-
var SemColorBorderSecondaryLightDefaultAlt = "#818181";
|
|
385
|
-
var SemColorBorderSecondaryLightMuted = "#ffffff";
|
|
386
|
-
var SemColorBorderSecondaryDarkDefault = "#F3F3F3";
|
|
387
|
-
var SemColorBorderSecondaryDarkStrong = "#BBBBBB";
|
|
388
|
-
var SemColorBorderSecondaryDarkSubtle = "#686868";
|
|
389
|
-
var SemColorBorderSecondaryDarkMinimal = "#525252";
|
|
390
|
-
var SemColorBorderSecondaryDarkAlt = "#2B2B2B";
|
|
391
|
-
var SemColorBorderSecondaryDarkMuted = "#6b6b6b";
|
|
392
|
-
var SemColorBorderTertiaryLightDefault = "#009BA5";
|
|
393
|
-
var SemColorBorderTertiaryDarkDefault = "#06C3C2";
|
|
394
|
-
var SemColorBgPrimaryLightDefault = "#111111";
|
|
395
|
-
var SemColorBgPrimaryLightDefaultAlt = "#035F6E"; // Brand indigo
|
|
396
|
-
var SemColorBgPrimaryLightDefaultStrong = "#111111"; // Brand indigo
|
|
397
|
-
var SemColorBgPrimaryLightSubtle = "#3F3F3F"; // Brand indigo
|
|
398
|
-
var SemColorBgPrimaryLightStrong = "#2B2B2B";
|
|
399
|
-
var SemColorBgPrimaryLightEmphasis = "#9C9C9C"; // Brand indigo
|
|
400
|
-
var SemColorBgPrimaryLightMinimal = "#F3F3F3"; // Brand indigo
|
|
401
|
-
var SemColorBgPrimaryLightSubtleAlt = "#F3F3F3"; // Brand indigo
|
|
402
|
-
var SemColorBgPrimaryLightMinimalAlt = "#057382";
|
|
403
|
-
var SemColorBgPrimaryDarkDefault = "#FFFFFF";
|
|
404
|
-
var SemColorBgPrimaryDarkDefaultAlt = "#F3F3F3";
|
|
405
|
-
var SemColorBgPrimaryDarkStrong = "#F3F3F3";
|
|
406
|
-
var SemColorBgPrimaryDarkSubtle = "#BBBBBB";
|
|
407
|
-
var SemColorBgPrimaryDarkEmphasis = "#F3F3F3";
|
|
408
|
-
var SemColorBgPrimaryDarkMinimal = "#FFFFFF";
|
|
409
|
-
var SemColorBgPrimaryDarkMinimalAlt = "#818181";
|
|
410
|
-
var SemColorBgSecondaryLightDefault = "#FFFFFF";
|
|
411
|
-
var SemColorBgSecondaryLightDefaultAlt = "#f7f7f7";
|
|
412
|
-
var SemColorBgSecondaryLightSubtle = "#818181";
|
|
413
|
-
var SemColorBgSecondaryLightStrong = "#686868";
|
|
414
|
-
var SemColorBgSecondaryLightMinimal = "#BBBBBB";
|
|
415
|
-
var SemColorBgSecondaryLightMinimalAlt = "#D9D9D9";
|
|
416
|
-
var SemColorBgSecondaryLightMuted = "#D9D9D9";
|
|
417
|
-
var SemColorBgSecondaryLightAlt = "#2B2B2B";
|
|
418
|
-
var SemColorBgSecondaryLightStrongAlt = "#111111";
|
|
419
|
-
var SemColorBgSecondaryLightMutedAlt = "#F3F3F3";
|
|
420
|
-
var SemColorBgSecondaryLightMutedSubtle = "#ffffff";
|
|
421
|
-
var SemColorBgSecondaryDarkDefault = "#111111";
|
|
422
|
-
var SemColorBgSecondaryDarkStrong = "#BBBBBB";
|
|
423
|
-
var SemColorBgSecondaryDarkAlt = "#FFFFFF";
|
|
424
|
-
var SemColorBgSecondaryDarkStrongAlt = "#FFFFFF";
|
|
425
|
-
var SemColorBgSecondaryDarkSubtle = "#9C9C9C";
|
|
426
|
-
var SemColorBgSecondaryDarkMinimal = "#818181";
|
|
427
|
-
var SemColorBgSecondaryDarkMinimalAlt = "#2B2B2B";
|
|
428
|
-
var SemColorBgSecondaryDarkMuted = "#686868";
|
|
429
|
-
var SemColorBgSecondaryDarkMutedAlt = "#3F3F3F";
|
|
430
|
-
var SemColorBgTertiaryWarningDefault = "#AA0006";
|
|
431
|
-
var SemColorBgTertiaryWarningSubtle = "#840106";
|
|
432
|
-
var SemColorBgTertiaryWarningStrong = "#600104";
|
|
433
|
-
var SemColorBgTertiaryStatusLightGeneral = "#2a2a2a";
|
|
434
|
-
var SemColorBgTertiaryStatusLightError = "#2a2a2a";
|
|
435
|
-
var SemColorBgTertiaryStatusLightWarning = "#2a2a2a";
|
|
436
|
-
var SemColorBgTertiaryStatusLightSuccess = "#2a2a2a";
|
|
437
|
-
var SemColorBgTertiaryStatusLightErrorAlt = "#2a2a2a";
|
|
438
|
-
var SemColorBgTertiaryStatusLightSuccessAlt = "#2a2a2a";
|
|
439
|
-
var SemColorTextStatusLightDefault = "#ffffff";
|
|
440
|
-
var SemColorTextStatusLightError = "#ffffff";
|
|
441
|
-
var SemColorTextStatusLightWarning = "#2a2a2a";
|
|
442
|
-
var SemColorTextStatusLightSuccess = "#ffffff";
|
|
443
|
-
var SemColorTextStatusDarkDefault = "#2a2a2a";
|
|
444
|
-
var SemColorTextStatusDarkError = "#2a2a2a";
|
|
445
|
-
var SemColorTextPrimaryLightDefault = "#001318";
|
|
446
|
-
var SemColorTextPrimaryLightDefaultAlt = "#5514b4";
|
|
447
|
-
var SemColorTextPrimaryLightHover = "#2a1c4a";
|
|
448
|
-
var SemColorTextPrimaryLightDefaultStrong = "#ffffff";
|
|
449
|
-
var SemColorTextPrimaryLightEmphasis = "#ffffff";
|
|
450
|
-
var SemColorTextPrimaryLightSubtle = "#6b6b6b";
|
|
451
|
-
var SemColorTextPrimaryLightStrong = "#01404C";
|
|
452
|
-
var SemColorTextPrimaryDarkDefault = "#ffffff";
|
|
453
|
-
var SemColorTextPrimaryDarkStrong = "#ffffff";
|
|
454
|
-
var SemColorTextPrimaryDarkDefaultAlt = "#efe5f7";
|
|
455
|
-
var SemColorTextPrimaryDarkStrongAlt = "#D9D9D9";
|
|
456
|
-
var SemColorTextSecondaryLightDefault = "#5514b4";
|
|
457
|
-
var SemColorTextSecondaryLightDefaultAlt = "#ffffff";
|
|
458
|
-
var SemColorTextSecondaryLightHover = "#2a1c4a";
|
|
459
|
-
var SemColorTextSecondaryLightDefaultStrong = "#ffffff";
|
|
460
|
-
var SemColorTextSecondaryLightEmphasis = "#ff80ff";
|
|
461
|
-
var SemColorTextSecondaryLightSubtle = "#6b6b6b";
|
|
462
|
-
var SemColorTextSecondaryLightStrong = "#2a2a2a";
|
|
463
|
-
var SemColorTextSecondaryDarkDefault = "#ffffff";
|
|
464
|
-
var SemColorTextSecondaryDarkDefaultAlt = "#F3F3F3";
|
|
465
|
-
var SemColorTextSecondaryDarkStrong = "#ffffff";
|
|
466
|
-
var SemColorTextSecondaryDarkStrongAlt = "#ffe4ff";
|
|
467
|
-
var SemColorFgPrimaryLightDefault = "#009BA5";
|
|
468
|
-
var SemColorFgPrimaryLightSubtle = "#057382";
|
|
469
|
-
var SemColorFgPrimaryLightStrong = "#001318";
|
|
470
|
-
var SemColorFgPrimaryLightEmphasis = "#035F6E"; // Brand indigo
|
|
471
|
-
var SemColorFgPrimaryLightVibrant = "#057382"; // Brand indigo
|
|
472
|
-
var SemColorFgPrimaryLightMinimal = "#3F3F3F"; // Brand indigo
|
|
473
|
-
var SemColorFgPrimaryLightDefaultAlt = "#001318";
|
|
474
|
-
var SemColorFgPrimaryLightSubtleAlt = "#3f187f";
|
|
475
|
-
var SemColorFgPrimaryDarkDefault = "#EBF304";
|
|
476
|
-
var SemColorFgPrimaryDarkSubtle = "#FFFFFF";
|
|
477
|
-
var SemColorFgPrimaryDarkStrong = "#F8FF19";
|
|
478
|
-
var SemColorFgPrimaryDarkEmphasis = "#ABAD00";
|
|
479
|
-
var SemColorFgPrimaryDarkVibrant = "#EBF304"; // Brand indigo
|
|
480
|
-
var SemColorFgSecondaryLightDefault = "#2B2B2B";
|
|
481
|
-
var SemColorFgSecondaryLightSubtle = "#818181";
|
|
482
|
-
var SemColorFgSecondaryLightStrong = "#686868";
|
|
483
|
-
var SemColorFgSecondaryLightMinimal = "#BBBBBB";
|
|
484
|
-
var SemColorFgSecondaryLightMuted = "#525252";
|
|
485
|
-
var SemColorFgSecondaryLightAlt = "#FFFFFF";
|
|
486
|
-
var SemColorFgSecondaryLightDefaultAlt = "#2a2a2a";
|
|
487
|
-
var SemColorFgSecondaryLightSubtleAlt = "#9C9C9C";
|
|
488
|
-
var SemColorFgSecondaryLightStrongAlt = "#111111";
|
|
489
|
-
var SemColorFgSecondaryLightMinimalAlt = "#ffffff";
|
|
490
|
-
var SemColorFgSecondaryLightMutedAlt = "#6b6b6b";
|
|
491
|
-
var SemColorFgSecondaryLightStrongSubtle = "#aaaaaa";
|
|
492
|
-
var SemColorFgSecondaryDarkDefault = "#FFFFFF";
|
|
493
|
-
var SemColorFgSecondaryDarkMuted = "#BBBBBB";
|
|
494
|
-
var SemColorFgSecondaryDarkStrong = "#9C9C9C";
|
|
495
|
-
var SemColorFgSecondaryDarkSubtle = "#686868";
|
|
496
|
-
var SemColorFgSecondaryDarkMinimal = "#525252";
|
|
497
|
-
var SemColorFgSecondaryDarkAlt = "#2B2B2B";
|
|
498
|
-
var SemColorFgSecondaryDarkMinimalAlt = "#111111";
|
|
499
|
-
var SemColorFgSecondaryDarkSubtleAlt = "#818181";
|
|
500
|
-
var SemColorOverlayGradientFaded = "rgba(85,20,180,0.5)";
|
|
501
|
-
var SemColorOverlayGradientDarkFaded = "rgba(255,128,255,0.5)";
|
|
502
|
-
var SemColorOverlayFlatDefault = "rgba(0,0,0,0.5)";
|
|
503
|
-
var SemColorOverlayFlatLight = "rgba(255,255,255,0.5)";
|
|
504
|
-
var SemColorOverlayFlatBrand = "rgba(85,20,180,0.5)";
|
|
505
|
-
var SemInnerShadow01 = "inset 0 1px 0 0 #c8c8c8";
|
|
506
|
-
var SemInnerShadow02 = "inset 0 1px 0 0 #c8c8c8";
|
|
507
|
-
var SemBoxShadow01 = "0 2px 6px 2px rgba( 0, 0, 0 , 0.25)";
|
|
508
|
-
var SemBoxShadow02 = "-8px 8px 36px 0 rgba( 0, 0, 0 , 0.25)";
|
|
509
|
-
var SemBoxShadow03 = "0 2px 6px 2px rgba( 0, 0, 0 , 0.9 )";
|
|
510
|
-
var SemBoxShadow04 = "-8px 8px 36px 0 rgba( 0, 0, 0 , 0.9)";
|
|
511
|
-
var SemBoxShadow05 = "0 0 0 2px #8449cc";
|
|
512
|
-
var SemBoxShadow06 = "0 0 0 2px #fd51ff";
|
|
513
|
-
var SemUnderline = "underline";
|
|
514
|
-
var SemLineThrough = "line-through";
|
|
515
|
-
var SemScaleModifier1 = "4px";
|
|
516
|
-
var SemScaleModifier3 = "4px";
|
|
517
|
-
var SemScaleModifier2 = "3px";
|
|
518
|
-
var SemScaleModifier4 = "0";
|
|
519
|
-
var SelectSizeS = "32px";
|
|
520
|
-
var SelectSizeM = "44px";
|
|
521
|
-
var SelectSizeL = "64px";
|
|
522
|
-
var SelectPaddingS = "8px";
|
|
523
|
-
var SelectPaddingM = "12px";
|
|
524
|
-
var SelectPaddingL = "16px";
|
|
525
|
-
var SelectPaddingXl = "28px";
|
|
526
|
-
var SelectBorderRadiusS = "4px";
|
|
527
|
-
var SelectBorderRadiusM = "4px";
|
|
528
|
-
var SelectBorderRadiusL = "8px";
|
|
529
|
-
var SelectBorderWeightS = "1px";
|
|
530
|
-
var SelectBorderWeightM = "2px";
|
|
531
|
-
var SelectBorderWeightL = "4px";
|
|
532
|
-
var SelectGapS = "4px";
|
|
533
|
-
var SelectGapM = "8px";
|
|
534
|
-
var SelectGapL = "12px";
|
|
535
|
-
var SelectSizeIconS = "16px";
|
|
536
|
-
var SelectSizeIconM = "20px";
|
|
537
|
-
var SelectSizeIconL = "24px";
|
|
538
|
-
var SelectColorsLightBgDefault = "#FFFFFF";
|
|
539
|
-
var SelectColorsLightBgHover = "#D9D9D9";
|
|
540
|
-
var SelectColorsLightBgDisabled = "#D9D9D9";
|
|
541
|
-
var SelectColorsLightBgError = "#FEEDED";
|
|
542
|
-
var SelectColorsLightBgHoverAlt = "#D9D9D9";
|
|
543
|
-
var SelectColorsLightBgSelected = "#F3F3F3";
|
|
544
|
-
var SelectColorsLightBorderDefault = "#818181";
|
|
545
|
-
var SelectColorsLightBorderHover = "#525252";
|
|
546
|
-
var SelectColorsLightBorderFocus = "#111111";
|
|
547
|
-
var SelectColorsLightBorderDisabled = "#D9D9D9";
|
|
548
|
-
var SelectColorsLightBorderError = "#D20007";
|
|
549
|
-
var SelectColorsLightBorderSubtle = "#BBBBBB";
|
|
550
|
-
var SelectColorsLightFgDefault = "#2B2B2B";
|
|
551
|
-
var SelectColorsLightFgDisabled = "#686868";
|
|
552
|
-
var SelectColorsLightFgSubtle = "#BBBBBB";
|
|
553
|
-
var SelectColorsLightFgError = "#D20007";
|
|
554
|
-
var SelectColorsLightTextDefault = "#2B2B2B";
|
|
555
|
-
var SelectColorsLightTextDefaultAlt = "#5514b4";
|
|
556
|
-
var SelectColorsLightTextDisabled = "#686868";
|
|
557
|
-
var SelectColorsLightTextError = "#D20007";
|
|
558
|
-
var SelectColorsDarkBgDefault = "#111111";
|
|
559
|
-
var SelectColorsDarkBgHover = "#111111";
|
|
560
|
-
var SelectColorsDarkBgDisabled = "#686868";
|
|
561
|
-
var SelectColorsDarkBgError = "#2D0002";
|
|
562
|
-
var SelectColorsDarkBgHoverAlt = "#F3F3F3";
|
|
563
|
-
var SelectColorsDarkBgSelected = "#818181";
|
|
564
|
-
var SelectColorsDarkBorderStrong = "#F3F3F3";
|
|
565
|
-
var SelectColorsDarkBorderHover = "#F3F3F3";
|
|
566
|
-
var SelectColorsDarkBorderFocus = "#D9D9D9";
|
|
567
|
-
var SelectColorsDarkBorderDisabled = "#686868";
|
|
568
|
-
var SelectColorsDarkBorderError = "#FF8883";
|
|
569
|
-
var SelectColorsDarkBorderSubtle = "#525252";
|
|
570
|
-
var SelectColorsDarkTextDefault = "#FFFFFF";
|
|
571
|
-
var SelectColorsDarkTextDisabled = "#9C9C9C";
|
|
572
|
-
var SelectColorsDarkTextError = "#2a2a2a";
|
|
573
|
-
var SelectColorsDarkFgDefault = "#FFFFFF";
|
|
574
|
-
var SelectColorsDarkFgDisabled = "#9C9C9C";
|
|
575
|
-
var SelectColorsDarkFgSubtle = "#525252";
|
|
576
|
-
var SelectColorsDarkFgError = "#FF8883";
|
|
577
|
-
var SelectBorderRadiusTestS = "32px";
|
|
578
|
-
var SelectBorderRadiusTestM = "24px";
|
|
579
|
-
var SelectBorderRadiusTestL = "32px";
|
|
580
|
-
var CheckboxSizeS = "24px";
|
|
581
|
-
var CheckboxSizeL = "36px";
|
|
582
|
-
var CheckboxPaddingS = "2px";
|
|
583
|
-
var CheckboxGapS = "8px";
|
|
584
|
-
var CheckboxGapM = "12px";
|
|
585
|
-
var CheckboxBorderRadiusXs = "8px";
|
|
586
|
-
var CheckboxBorderRadiusS = "12px";
|
|
587
|
-
var CheckboxBorderWeightS = "2px";
|
|
588
|
-
var CheckboxSizeIconS = "20px";
|
|
589
|
-
var CheckboxSizeIconM = "32px";
|
|
590
|
-
var CheckboxColorsLightBgDefault = "#035F6E";
|
|
591
|
-
var CheckboxColorsLightBgDefaultAlt = "#FFFFFF";
|
|
592
|
-
var CheckboxColorsLightBgDisabled = "#D9D9D9";
|
|
593
|
-
var CheckboxColorsLightBgError = "#FEEDED";
|
|
594
|
-
var CheckboxColorsLightFgDefault = "#FFFFFF";
|
|
595
|
-
var CheckboxColorsLightFgDisabled = "#686868";
|
|
596
|
-
var CheckboxColorsLightBorderDefault = "#818181";
|
|
597
|
-
var CheckboxColorsLightBorderDisabled = "#D9D9D9";
|
|
598
|
-
var CheckboxColorsLightBorderError = "#D20007";
|
|
599
|
-
var CheckboxColorsLightTextDefault = "#2B2B2B";
|
|
600
|
-
var CheckboxColorsLightTextDisabled = "#686868";
|
|
601
|
-
var CheckboxColorsDarkBgDefault = "#FFFFFF";
|
|
602
|
-
var CheckboxColorsDarkBgDefaultAlt = "#111111";
|
|
603
|
-
var CheckboxColorsDarkBgDisabled = "#686868";
|
|
604
|
-
var CheckboxColorsDarkBgError = "#2D0002";
|
|
605
|
-
var CheckboxColorsDarkFgDefault = "#2B2B2B";
|
|
606
|
-
var CheckboxColorsDarkFgDisabled = "#9C9C9C";
|
|
607
|
-
var CheckboxColorsDarkBorderDefault = "#F3F3F3";
|
|
608
|
-
var CheckboxColorsDarkBorderDisabled = "#686868";
|
|
609
|
-
var CheckboxColorsDarkBorderError = "#FF8883";
|
|
610
|
-
var CheckboxColorsDarkTextDefault = "#FFFFFF";
|
|
611
|
-
var CheckboxColorsDarkTextDisabled = "#9C9C9C";
|
|
612
|
-
var RadioSizeS = "12px";
|
|
613
|
-
var RadioSizeM = "20px";
|
|
614
|
-
var RadioSizeL = "24px";
|
|
615
|
-
var RadioSizeXl = "34px";
|
|
616
|
-
var RadioGapS = "8px";
|
|
617
|
-
var RadioGapM = "12px";
|
|
618
|
-
var RadioBorderWeightS = "2px";
|
|
619
|
-
var RadioColorsLightBgDefault = "#FFFFFF";
|
|
620
|
-
var RadioColorsLightBgDisabled = "#D9D9D9";
|
|
621
|
-
var RadioColorsLightBorderDefault = "#818181";
|
|
622
|
-
var RadioColorsLightBorderDisabled = "#D9D9D9";
|
|
623
|
-
var RadioColorsLightFgDefault = "#035F6E";
|
|
624
|
-
var RadioColorsLightFgDisabled = "#686868";
|
|
625
|
-
var RadioColorsLightTextDefault = "#2B2B2B";
|
|
626
|
-
var RadioColorsLightTextDisabled = "#686868";
|
|
627
|
-
var RadioColorsDarkBgDefault = "#111111";
|
|
628
|
-
var RadioColorsDarkBgDisabled = "#686868";
|
|
629
|
-
var RadioColorsDarkBorderDefault = "#F3F3F3";
|
|
630
|
-
var RadioColorsDarkBorderDisabled = "#686868";
|
|
631
|
-
var RadioColorsDarkFgDefault = "#EBF304";
|
|
632
|
-
var RadioColorsDarkFgDisabled = "#9C9C9C";
|
|
633
|
-
var RadioColorsDarkTextDefault = "#FFFFFF";
|
|
634
|
-
var RadioColorsDarkTextDisabled = "#9C9C9C";
|
|
635
|
-
var DatePickerSizeS = "32px";
|
|
636
|
-
var DatePickerSizeM = "34px";
|
|
637
|
-
var DatePickerSizeL = "36px";
|
|
638
|
-
var DatePickerSizeXl = "40px";
|
|
639
|
-
var DatePickerSizeXxl = "44px";
|
|
640
|
-
var DatePickerSizeXxxl = "48px";
|
|
641
|
-
var DatePickerSizeXxxxl = "64px";
|
|
642
|
-
var DatePickerPaddingXxs = "2px";
|
|
643
|
-
var DatePickerPaddingXs = "3px";
|
|
644
|
-
var DatePickerPaddingS = "4px";
|
|
645
|
-
var DatePickerPaddingM = "8px";
|
|
646
|
-
var DatePickerPaddingL = "12px";
|
|
647
|
-
var DatePickerPaddingXl = "16px";
|
|
648
|
-
var DatePickerBorderRadiusS = "4px";
|
|
649
|
-
var DatePickerBorderRadiusM = "4px";
|
|
650
|
-
var DatePickerBorderRadiusL = "8px";
|
|
651
|
-
var DatePickerBorderRadiusXl = "1000px";
|
|
652
|
-
var DatePickerBorderWeightS = "1px";
|
|
653
|
-
var DatePickerBorderWeightM = "2px";
|
|
654
|
-
var DatePickerBorderWeightL = "4px";
|
|
655
|
-
var DatePickerColorsLightBgDefaultAlt = "#FFFFFF";
|
|
656
|
-
var DatePickerColorsLightBgHover = "#2B2B2B";
|
|
657
|
-
var DatePickerColorsLightBgSelected = "#057382";
|
|
658
|
-
var DatePickerColorsLightBgPressed = "#057382";
|
|
659
|
-
var DatePickerColorsLightBgDisabled = "#D9D9D9";
|
|
660
|
-
var DatePickerColorsLightBgError = "#FEEDED";
|
|
661
|
-
var DatePickerColorsLightBgSubtle = "#F3F3F3";
|
|
662
|
-
var DatePickerColorsLightBgHoverAlt = "#D9D9D9";
|
|
663
|
-
var DatePickerColorsLightBorderHover = "#525252";
|
|
664
|
-
var DatePickerColorsLightBorderFocus = "#111111";
|
|
665
|
-
var DatePickerColorsLightBorderSelected = "#3F3F3F";
|
|
666
|
-
var DatePickerColorsLightBorderDisabled = "#D9D9D9";
|
|
667
|
-
var DatePickerColorsLightBorderError = "#D20007";
|
|
668
|
-
var DatePickerColorsLightBorderStrong = "#818181";
|
|
669
|
-
var DatePickerColorsLightFgDefaultAlt = "#FFFFFF";
|
|
670
|
-
var DatePickerColorsLightFgHover = "#001318";
|
|
671
|
-
var DatePickerColorsLightFgStrong = "#2B2B2B";
|
|
672
|
-
var DatePickerColorsLightFgDisabled = "#686868";
|
|
673
|
-
var DatePickerColorsLightFgError = "#D20007";
|
|
674
|
-
var DatePickerColorsLightTextDefault = "#009BA5";
|
|
675
|
-
var DatePickerColorsLightTextDefaultAlt = "#FFFFFF";
|
|
676
|
-
var DatePickerColorsLightTextStrong = "#2B2B2B";
|
|
677
|
-
var DatePickerColorsLightTextDisabled = "#686868";
|
|
678
|
-
var DatePickerColorsLightTextError = "#D20007";
|
|
679
|
-
var DatePickerColorsLightTextHint = "#686868";
|
|
680
|
-
var DatePickerGapXs = "4px";
|
|
681
|
-
var DatePickerGapS = "8px";
|
|
682
|
-
var DatePickerGapM = "12px";
|
|
683
|
-
var DatePickerGapL = "40px";
|
|
684
|
-
var DatePickerSizeIconS = "24px";
|
|
685
|
-
var DatePickerSizeIconM = "32px";
|
|
686
|
-
var DatePickerSizeIconL = "40px";
|
|
687
|
-
var SwitchSizeS = "24px";
|
|
688
|
-
var SwitchSizeM = "32px";
|
|
689
|
-
var SwitchBorderWeightS = "2px";
|
|
690
|
-
var SwitchColorsLightBgDefault = "#035F6E";
|
|
691
|
-
var SwitchColorsLightBgDisabled = "#D9D9D9";
|
|
692
|
-
var SwitchColorsLightBgStrong = "#FFFFFF";
|
|
693
|
-
var SwitchColorsLightBgSubtle = "#D9D9D9";
|
|
694
|
-
var SwitchColorsLightBorderDefault = "#111111";
|
|
695
|
-
var SwitchColorsLightBorderDisabled = "#D9D9D9";
|
|
696
|
-
var SwitchColorsLightBorderStrong = "#818181";
|
|
697
|
-
var SwitchColorsLightFgDefault = "#009BA5";
|
|
698
|
-
var SwitchColorsLightFgDisabled = "#686868";
|
|
699
|
-
var SwitchColorsLightTextDefault = "#2B2B2B";
|
|
700
|
-
var SwitchColorsLightTextDisabled = "#686868";
|
|
701
|
-
var SwitchColorsDarkBgDefault = "#FFFFFF";
|
|
702
|
-
var SwitchColorsDarkBgDisabled = "#686868";
|
|
703
|
-
var SwitchColorsDarkBgStrong = "#111111";
|
|
704
|
-
var SwitchColorsDarkBgSubtle = "#3F3F3F";
|
|
705
|
-
var SwitchColorsDarkBorderDefault = "#FFFFFF";
|
|
706
|
-
var SwitchColorsDarkBorderDisabled = "#686868";
|
|
707
|
-
var SwitchColorsDarkBorderStrong = "#F3F3F3";
|
|
708
|
-
var SwitchColorsDarkFgDefault = "#EBF304";
|
|
709
|
-
var SwitchColorsDarkFgDisabled = "#9C9C9C";
|
|
710
|
-
var SwitchColorsDarkTextDefault = "#FFFFFF";
|
|
711
|
-
var SwitchColorsDarkTextDisabled = "#9C9C9C";
|
|
712
|
-
var SwitchBorderRadiusS = "1000px";
|
|
713
|
-
var SwitchBoxShadow01 = "0 0 0 2px #8449cc";
|
|
714
|
-
var SwitchBoxShadow02 = "0 0 0 2px #fd51ff";
|
|
715
|
-
var SwitchGapS = "8px";
|
|
716
|
-
var SwitchGapM = "12px";
|
|
717
|
-
var TextinputSizeS = "32px";
|
|
718
|
-
var TextinputSizeM = "44px";
|
|
719
|
-
var TextinputSizeL = "64px";
|
|
720
|
-
var TextinputBorderRadiusS = "4px";
|
|
721
|
-
var TextinputBorderRadiusM = "4px";
|
|
722
|
-
var TextinputBorderRadiusL = "8px";
|
|
723
|
-
var TextinputPaddingS = "8px";
|
|
724
|
-
var TextinputPaddingM = "12px";
|
|
725
|
-
var TextinputPaddingL = "16px";
|
|
726
|
-
var TextinputGapS = "4px";
|
|
727
|
-
var TextinputGapM = "12px";
|
|
728
|
-
var TextinputBorderWeightS = "1px";
|
|
729
|
-
var TextinputBorderWeightM = "2px";
|
|
730
|
-
var TextinputBorderWeightL = "4px";
|
|
731
|
-
var TextinputSizeIconM = "24px";
|
|
732
|
-
var TextinputColorsLightBgDefault = "#FFFFFF";
|
|
733
|
-
var TextinputColorsLightBgHover = "#D9D9D9";
|
|
734
|
-
var TextinputColorsLightBgDisabled = "#D9D9D9";
|
|
735
|
-
var TextinputColorsLightBgError = "#FEEDED";
|
|
736
|
-
var TextinputColorsLightBorderDefault = "#818181";
|
|
737
|
-
var TextinputColorsLightBorderHover = "#525252";
|
|
738
|
-
var TextinputColorsLightBorderFocus = "#111111";
|
|
739
|
-
var TextinputColorsLightBorderDisabled = "#D9D9D9";
|
|
740
|
-
var TextinputColorsLightBorderError = "#D20007";
|
|
741
|
-
var TextinputColorsLightTextDefault = "#2B2B2B";
|
|
742
|
-
var TextinputColorsLightTextDisabled = "#686868";
|
|
743
|
-
var TextinputColorsLightTextError = "#D20007";
|
|
744
|
-
var TextinputColorsLightFgDefault = "#2B2B2B";
|
|
745
|
-
var TextinputColorsLightFgError = "#D20007";
|
|
746
|
-
var TextinputColorsDarkBgDefault = "#111111";
|
|
747
|
-
var TextinputColorsDarkBgHover = "#111111";
|
|
748
|
-
var TextinputColorsDarkBgDisabled = "#686868";
|
|
749
|
-
var TextinputColorsDarkBgError = "#2D0002";
|
|
750
|
-
var TextinputColorsDarkBorderDefault = "#F3F3F3";
|
|
751
|
-
var TextinputColorsDarkBorderHover = "#F3F3F3";
|
|
752
|
-
var TextinputColorsDarkBorderFocus = "#D9D9D9";
|
|
753
|
-
var TextinputColorsDarkBorderDisabled = "#686868";
|
|
754
|
-
var TextinputColorsDarkBorderError = "#FF8883";
|
|
755
|
-
var TextinputColorsDarkTextDefault = "#FFFFFF";
|
|
756
|
-
var TextinputColorsDarkTextDisabled = "#9C9C9C";
|
|
757
|
-
var TextinputColorsDarkTextError = "#FF8883";
|
|
758
|
-
var TextinputColorsDarkFgDefault = "#FFFFFF";
|
|
759
|
-
var TextinputColorsDarkFgError = "#FF8883";
|
|
760
|
-
var TextareaPaddingS = "10px";
|
|
761
|
-
var TextareaPaddingM = "12px";
|
|
762
|
-
var TextareaSizeIconS = "16px";
|
|
763
|
-
var TextareaBorderRadiusS = "8px";
|
|
764
|
-
var TextareaBorderWeightS = "1px";
|
|
765
|
-
var TextareaBorderWeightM = "2px";
|
|
766
|
-
var TextareaBorderWeightL = "4px";
|
|
767
|
-
var TextareaGapS = "4px";
|
|
768
|
-
var TextareaGapM = "12px";
|
|
769
|
-
var TextareaColorsLightBgDefault = "#FFFFFF";
|
|
770
|
-
var TextareaColorsLightBgHover = "#D9D9D9";
|
|
771
|
-
var TextareaColorsLightBgDisabled = "#D9D9D9";
|
|
772
|
-
var TextareaColorsLightBgError = "#FEEDED";
|
|
773
|
-
var TextareaColorsLightBorderDefault = "#818181";
|
|
774
|
-
var TextareaColorsLightBorderHover = "#525252";
|
|
775
|
-
var TextareaColorsLightBorderFocus = "#111111";
|
|
776
|
-
var TextareaColorsLightBorderError = "#D20007";
|
|
777
|
-
var TextareaColorsLightBorderDisabled = "#D9D9D9";
|
|
778
|
-
var TextareaColorsLightFgDefault = "#2B2B2B";
|
|
779
|
-
var TextareaColorsLightFgDisabled = "#686868";
|
|
780
|
-
var TextareaColorsLightFgError = "#D20007";
|
|
781
|
-
var TextareaColorsLightTextDefault = "#2B2B2B";
|
|
782
|
-
var TextareaColorsLightTextDisabled = "#686868";
|
|
783
|
-
var TextareaColorsLightTextError = "#D20007";
|
|
784
|
-
var TextareaColorsDarkFgDefault = "#FFFFFF";
|
|
785
|
-
var TextareaColorsDarkFgDisabled = "#9C9C9C";
|
|
786
|
-
var TextareaColorsDarkFgError = "#FF8883";
|
|
787
|
-
var TextareaColorsDarkBgDefault = "#111111";
|
|
788
|
-
var TextareaColorsDarkBgHover = "#2B2B2B";
|
|
789
|
-
var TextareaColorsDarkBgDisabled = "#686868";
|
|
790
|
-
var TextareaColorsDarkBgError = "#2D0002";
|
|
791
|
-
var TextareaColorsDarkBorderStrong = "#F3F3F3";
|
|
792
|
-
var TextareaColorsDarkBorderHover = "#F3F3F3";
|
|
793
|
-
var TextareaColorsDarkBorderFocus = "#D9D9D9";
|
|
794
|
-
var TextareaColorsDarkBorderDisabled = "#686868";
|
|
795
|
-
var TextareaColorsDarkBorderError = "#FF8883";
|
|
796
|
-
var TextareaColorsDarkTextStrong = "#FFFFFF";
|
|
797
|
-
var TextareaColorsDarkTextDisabled = "#9C9C9C";
|
|
798
|
-
var TextareaColorsDarkTextError = "#FF8883";
|
|
799
|
-
var BacktotopSizeM = "48px";
|
|
800
|
-
var BacktotopSizeIconM = "48px";
|
|
801
|
-
var BacktotopPaddingM = "22px";
|
|
802
|
-
var BacktotopBorderRadiusM = "1000px";
|
|
803
|
-
var BacktotopBorderWeightM = "2px";
|
|
804
|
-
var BacktotopColorsLightBgDefault = "#111111";
|
|
805
|
-
var BacktotopColorsLightBgHover = "#2B2B2B";
|
|
806
|
-
var BacktotopColorsLightBgSelected = "#057382";
|
|
807
|
-
var BacktotopColorsLightBgStrong = "#FFFFFF";
|
|
808
|
-
var BacktotopColorsLightBgSubtle = "#D9D9D9";
|
|
809
|
-
var BacktotopColorsLightBorderDefault = "#111111";
|
|
810
|
-
var BacktotopColorsLightBorderHover = "#525252";
|
|
811
|
-
var BacktotopColorsLightBorderSelected = "#3F3F3F";
|
|
812
|
-
var BacktotopColorsLightBorderStrong = "#F3F3F3";
|
|
813
|
-
var BacktotopColorsLightBorderFocus = "#111111";
|
|
814
|
-
var BacktotopColorsLightFgDefault = "#009BA5";
|
|
815
|
-
var BacktotopColorsLightFgDefaultAlt = "#FFFFFF";
|
|
816
|
-
var BacktotopColorsLightTextDefault = "#009BA5";
|
|
817
|
-
var BacktotopColorsLightTextDefaultAlt = "#FFFFFF";
|
|
818
|
-
var BacktotopColorsDarkBgDefault = "#FFFFFF";
|
|
819
|
-
var BacktotopColorsDarkBgHover = "#F3F3F3";
|
|
820
|
-
var BacktotopColorsDarkBgSelected = "#818181";
|
|
821
|
-
var BacktotopColorsDarkBgStrong = "#111111";
|
|
822
|
-
var BacktotopColorsDarkBgSubtle = "#3F3F3F";
|
|
823
|
-
var BacktotopColorsDarkBorderDefault = "#FFFFFF";
|
|
824
|
-
var BacktotopColorsDarkBorderHover = "#F3F3F3";
|
|
825
|
-
var BacktotopColorsDarkBorderSelected = "#818181";
|
|
826
|
-
var BacktotopColorsDarkBorderStrong = "#818181";
|
|
827
|
-
var BacktotopColorsDarkBorderFocus = "#D9D9D9";
|
|
828
|
-
var BacktotopColorsDarkFgDefault = "#2B2B2B";
|
|
829
|
-
var BacktotopColorsDarkFgDefaultAlt = "#FFFFFF";
|
|
830
|
-
var BacktotopColorsDarkTextDefault = "#2B2B2B";
|
|
831
|
-
var BacktotopColorsDarkTextDefaultAlt = "#FFFFFF";
|
|
832
|
-
var TabsBorderWeightS = "0";
|
|
833
|
-
var TabsBorderWeightM = "1px";
|
|
834
|
-
var TabsBorderWeightL = "2px";
|
|
835
|
-
var TabsBorderRadiusS = "8px";
|
|
836
|
-
var TabsPaddingS = "4px";
|
|
837
|
-
var TabsPaddingM = "12px";
|
|
838
|
-
var TabsPaddingL = "16px";
|
|
839
|
-
var TabsPaddingXl = "24px";
|
|
840
|
-
var TabsGapS = "4px";
|
|
841
|
-
var TabsGapM = "6px";
|
|
842
|
-
var TabsGapL = "12px";
|
|
843
|
-
var TabsSizeS = "42px";
|
|
844
|
-
var TabsSizeM = "48px";
|
|
845
|
-
var TabsSizeIconS = "40px";
|
|
846
|
-
var TabsColorsLightBgDefault = "#FFFFFF";
|
|
847
|
-
var TabsColorsLightBgSubtle = "#D9D9D9";
|
|
848
|
-
var TabsColorsLightBgError = "#D20007";
|
|
849
|
-
var TabsColorsLightBorderSubtle = "#BBBBBB";
|
|
850
|
-
var TabsColorsLightBorderSelected = "#3F3F3F";
|
|
851
|
-
var TabsColorsLightBorderFocus = "#111111";
|
|
852
|
-
var TabsColorsLightBorderError = "#D20007";
|
|
853
|
-
var TabsColorsLightFgDefault = "#009BA5";
|
|
854
|
-
var TabsColorsLightFgHover = "#001318";
|
|
855
|
-
var TabsColorsLightFgSelected = "#3F3F3F";
|
|
856
|
-
var TabsColorsLightTextDefault = "#009BA5";
|
|
857
|
-
var TabsColorsLightTextHover = "#001318";
|
|
858
|
-
var TabsColorsLightTextSelected = "#3F3F3F";
|
|
859
|
-
var TabsColorsLightTextStrong = "#01404C";
|
|
860
|
-
var TabsColorsDarkBgDefault = "#111111";
|
|
861
|
-
var TabsColorsDarkBgSubtle = "#3F3F3F";
|
|
862
|
-
var TabsColorsDarkBgError = "#401313";
|
|
863
|
-
var TabsColorsDarkBorderSubtle = "#525252";
|
|
864
|
-
var TabsColorsDarkBorderSelected = "#818181";
|
|
865
|
-
var TabsColorsDarkBorderFocus = "#D9D9D9";
|
|
866
|
-
var TabsColorsDarkBorderError = "#D20007";
|
|
867
|
-
var TabsColorsDarkFgDefault = "#EBF304";
|
|
868
|
-
var TabsColorsDarkFgHover = "#F8FF19";
|
|
869
|
-
var TabsColorsDarkFgSelected = "#818181";
|
|
870
|
-
var TabsColorsDarkFgStrong = "#FFFFFF";
|
|
871
|
-
var TabsColorsDarkTextDefault = "#FFFFFF";
|
|
872
|
-
var TabsColorsDarkTextHover = "#F8FF19";
|
|
873
|
-
var TabsColorsDarkTextSelected = "#818181";
|
|
874
|
-
var TabsColorsDarkTextStrong = "#ffffff";
|
|
875
|
-
var PaginationSizeM = "32px";
|
|
876
|
-
var PaginationPaddingS = "8px";
|
|
877
|
-
var PaginationPaddingM = "12px";
|
|
878
|
-
var PaginationBorderRadiusM = "1000px";
|
|
879
|
-
var PaginationBorderWeightS = "2px";
|
|
880
|
-
var PaginationColorsLightBgHover = "#2B2B2B";
|
|
881
|
-
var PaginationColorsLightBgSelected = "#057382";
|
|
882
|
-
var PaginationColorsLightBgPressed = "#057382";
|
|
883
|
-
var PaginationColorsLightBgSubtle = "#BBBBBB";
|
|
884
|
-
var PaginationColorsLightBorderFocus = "#111111";
|
|
885
|
-
var PaginationColorsLightTextDefault = "#FFFFFF";
|
|
886
|
-
var PaginationColorsLightTextStrong = "#2B2B2B";
|
|
887
|
-
var PaginationColorsLightFgDefault = "#009BA5";
|
|
888
|
-
var PaginationColorsLightFgDefaultAlt = "#FFFFFF";
|
|
889
|
-
var PaginationColorsDarkBgHover = "#F3F3F3";
|
|
890
|
-
var PaginationColorsDarkBgSelected = "#818181";
|
|
891
|
-
var PaginationColorsDarkBgPressed = "#818181";
|
|
892
|
-
var PaginationColorsDarkBorderFocus = "#D9D9D9";
|
|
893
|
-
var PaginationColorsDarkTextDefault = "#2B2B2B";
|
|
894
|
-
var PaginationColorsDarkTextStrong = "#FFFFFF";
|
|
895
|
-
var PaginationColorsDarkFgDefault = "#EBF304";
|
|
896
|
-
var PaginationColorsDarkFgDefaultAlt = "#2B2B2B";
|
|
897
|
-
var PaginationSizeIconM = "32px";
|
|
898
|
-
var PaginationGapS = "4px";
|
|
899
|
-
var PaginationGapM = "16px";
|
|
900
|
-
var BreadcrumbSizeIconS = "12px";
|
|
901
|
-
var BreadcrumbColorsLightFgStrong = "#2B2B2B";
|
|
902
|
-
var BreadcrumbColorsLightTextDefault = "#009BA5";
|
|
903
|
-
var BreadcrumbColorsLightTextHover = "#001318";
|
|
904
|
-
var BreadcrumbColorsLightTextStrong = "#2B2B2B";
|
|
905
|
-
var BreadcrumbColorsDarkFgStrong = "#FFFFFF";
|
|
906
|
-
var BreadcrumbColorsDarkTextDefault = "#EBF304";
|
|
907
|
-
var BreadcrumbColorsDarkTextHover = "#F8FF19";
|
|
908
|
-
var BreadcrumbColorsDarkTextStrong = "#FFFFFF";
|
|
909
|
-
var BreadcrumbGapXs = "6px";
|
|
910
|
-
var BreadcrumbGapS = "8px";
|
|
911
|
-
var BoxPaddingS = "16px";
|
|
912
|
-
var BoxBorderRadiusS = "16px";
|
|
913
|
-
var BoxBorderWeightXs = "1px";
|
|
914
|
-
var BoxBorderWeightS = "2px";
|
|
915
|
-
var BoxColorsLightBgDefault = "#FFFFFF";
|
|
916
|
-
var BoxColorsLightBgSubtle = "#D9D9D9";
|
|
917
|
-
var BoxColorsLightBgErrorSubtle = "#D20007";
|
|
918
|
-
var BoxColorsLightBgMinimal = "#f7f7f7";
|
|
919
|
-
var BoxColorsLightBgError = "#AA0006";
|
|
920
|
-
var BoxColorsLightFgStrong = "#2B2B2B";
|
|
921
|
-
var BoxColorsLightBorderSubtle = "#BBBBBB";
|
|
922
|
-
var BoxColorsLightBorderError = "#D20007";
|
|
923
|
-
var BoxColorsLightTextStrong = "#2B2B2B";
|
|
924
|
-
var BoxColorsDarkBgDefault = "#111111";
|
|
925
|
-
var BoxColorsDarkBgSubtle = "#686868";
|
|
926
|
-
var BoxColorsDarkBgMinimal = "#2B2B2B";
|
|
927
|
-
var BoxColorsDarkBgDefaultAlt = "#111111";
|
|
928
|
-
var BoxColorsDarkBorderSubtle = "#525252";
|
|
929
|
-
var BoxColorsVariantLightBgDefault01 = "linear-gradient(90deg, #fff2f0 0%, #f5eefa 100%)"; // coral-gradient
|
|
930
|
-
var BoxColorsVariantLightBgDefault02 = "linear-gradient(90deg, #f5eefa 0%, #eafcff 100%)"; // turquoise-gradient
|
|
931
|
-
var BoxColorsVariantDarkBgDefault01 = "linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%)"; // Brand gradient (light)
|
|
932
|
-
var DisclosureMiniPaddingS = "28px";
|
|
933
|
-
var DisclosureMiniSizeIconS = "16px";
|
|
934
|
-
var DisclosureMiniGapS = "8px";
|
|
935
|
-
var DisclosureMiniGapM = "12px";
|
|
936
|
-
var DisclosureMiniColorsLightFgDefault = "#009BA5";
|
|
937
|
-
var DisclosureMiniColorsLightTextDefault = "#009BA5";
|
|
938
|
-
var DisclosureMiniColorsLightTextStrong = "#2B2B2B";
|
|
939
|
-
var DisclosureMiniColorsDarkFgDefault = "#EBF304";
|
|
940
|
-
var DisclosureMiniColorsDarkTextDefault = "#EBF304";
|
|
941
|
-
var DisclosureMiniColorsDarkTextStrong = "#FFFFFF";
|
|
942
|
-
var DisclosurePaddingS = "16px";
|
|
943
|
-
var DisclosureGapS = "20px";
|
|
944
|
-
var DisclosureSizeS = "58px";
|
|
945
|
-
var DisclosureBorderWeightS = "1px";
|
|
946
|
-
var DisclosureSizeIconS = "20px";
|
|
947
|
-
var DisclosureColorsLightBgHover = "#D9D9D9";
|
|
948
|
-
var DisclosureColorsLightBorderSubtle = "#BBBBBB";
|
|
949
|
-
var DisclosureColorsLightFgDefault = "#009BA5";
|
|
950
|
-
var DisclosureColorsLightFgHover = "#001318";
|
|
951
|
-
var DisclosureColorsLightTextDefault = "#009BA5";
|
|
952
|
-
var DisclosureColorsLightTextHover = "#001318";
|
|
953
|
-
var DisclosureColorsDarkBgHover = "#3F3F3F";
|
|
954
|
-
var DisclosureColorsDarkBorderSubtle = "#525252";
|
|
955
|
-
var DisclosureColorsDarkFgDefault = "#EBF304";
|
|
956
|
-
var DisclosureColorsDarkFgHover = "#F8FF19";
|
|
957
|
-
var DisclosureColorsDarkTextDefault = "#EBF304";
|
|
958
|
-
var DisclosureColorsDarkTextHover = "#F8FF19";
|
|
959
|
-
var AvatarSizeS = "32px";
|
|
960
|
-
var AvatarSizeM = "48px";
|
|
961
|
-
var AvatarSizeL = "64px";
|
|
962
|
-
var AvatarSizeXl = "80px";
|
|
963
|
-
var AvatarSizeIconS = "16px";
|
|
964
|
-
var AvatarSizeIconM = "24px";
|
|
965
|
-
var AvatarSizeIconL = "32px";
|
|
966
|
-
var AvatarSizeIconXl = "40px";
|
|
967
|
-
var AvatarBorderWeightS = "1px";
|
|
968
|
-
var AvatarColorsLightBgDefault = "#111111";
|
|
969
|
-
var AvatarColorsLightFgDefaultAlt = "#FFFFFF";
|
|
970
|
-
var AvatarColorsLightTextDefaultAlt = "#FFFFFF";
|
|
971
|
-
var ModalSizeS = "288px";
|
|
972
|
-
var ModalSizeM = "472px";
|
|
973
|
-
var ModalSizeL = "591px";
|
|
974
|
-
var ModalSizeXl = "800px";
|
|
975
|
-
var ModalSizeXxl = "800px";
|
|
976
|
-
var ModalSizeIconS = "32px";
|
|
977
|
-
var ModalPaddingM = "24px";
|
|
978
|
-
var ModalGapS = "8px";
|
|
979
|
-
var ModalGapM = "20px";
|
|
980
|
-
var ModalBorderRadiusS = "16px";
|
|
981
|
-
var ModalColorsLightBgDefault = "#FFFFFF";
|
|
982
|
-
var ModalColorsLightTextDefault = "#2B2B2B";
|
|
983
|
-
var ModalColorsLightFgDefault = "#2B2B2B";
|
|
984
|
-
var OverlayColorsOverlayDefault = "rgba(0,0,0,0.5)";
|
|
985
|
-
var StepperSizeS = "8px";
|
|
986
|
-
var StepperSizeM = "14px";
|
|
987
|
-
var StepperSizeL = "16px";
|
|
988
|
-
var StepperSizeXl = "24px";
|
|
989
|
-
var StepperSizeIconS = "16px";
|
|
990
|
-
var StepperSizeIconL = "24px";
|
|
991
|
-
var StepperPaddingS = "16px";
|
|
992
|
-
var StepperPaddingM = "24px";
|
|
993
|
-
var StepperGapS = "16px";
|
|
994
|
-
var StepperGapM = "24px";
|
|
995
|
-
var StepperColorsLightBgDefault = "#111111";
|
|
996
|
-
var StepperColorsLightBgSubtle = "#BBBBBB";
|
|
997
|
-
var StepperColorsLightBgError = "#da020f";
|
|
998
|
-
var StepperColorsLightBgWarning = "#ffa200";
|
|
999
|
-
var StepperColorsLightBgErrorSubtle = "#FEEDED";
|
|
1000
|
-
var StepperColorsLightBgWarningSubtle = "#FEF2DE";
|
|
1001
|
-
var StepperColorsLightBorderDefault = "#111111";
|
|
1002
|
-
var StepperColorsLightBorderSubtle = "#BBBBBB";
|
|
1003
|
-
var StepperColorsLightBorderError = "#D20007";
|
|
1004
|
-
var StepperColorsLightBorderWarning = "#B14D00";
|
|
1005
|
-
var StepperColorsLightBorderVariant = "#009BA5";
|
|
1006
|
-
var StepperColorsLightFgDefault = "#009BA5";
|
|
1007
|
-
var StepperColorsLightFgDefaultAlt = "#FFFFFF";
|
|
1008
|
-
var StepperColorsLightFgError = "#D20007";
|
|
1009
|
-
var StepperColorsLightFgWarning = "#B14D00";
|
|
1010
|
-
var StepperColorsLightFgVariant = "#001318";
|
|
1011
|
-
var StepperColorsLightTextDefault = "#2B2B2B";
|
|
1012
|
-
var StepperColorsLightTextHover = "#001318";
|
|
1013
|
-
var StepperColorsLightTextSubtle = "#686868";
|
|
1014
|
-
var StepperColorsDarkBgDefault = "#FFFFFF";
|
|
1015
|
-
var StepperColorsDarkBgSubtle = "#818181";
|
|
1016
|
-
var StepperColorsDarkBgStrong = "#FFFFFF";
|
|
1017
|
-
var StepperColorsDarkBgError = "#FF8883";
|
|
1018
|
-
var StepperColorsDarkBgWarning = "#FFA94D";
|
|
1019
|
-
var StepperColorsDarkBgErrorSubtle = "#2D0002";
|
|
1020
|
-
var StepperColorsDarkBgWarningSubtle = "#4B2000";
|
|
1021
|
-
var StepperColorsDarkBorderDefault = "#FFFFFF";
|
|
1022
|
-
var StepperColorsDarkBorderSubtle = "#525252";
|
|
1023
|
-
var StepperColorsDarkBorderStrong = "#F3F3F3";
|
|
1024
|
-
var StepperColorsDarkBorderError = "#FF8883";
|
|
1025
|
-
var StepperColorsDarkBorderWarning = "#FFA94D";
|
|
1026
|
-
var StepperColorsDarkBorderVariant = "#FFFFFF";
|
|
1027
|
-
var StepperColorsDarkFgDefault = "#FFFFFF";
|
|
1028
|
-
var StepperColorsDarkFgDefaultAlt = "#2B2B2B";
|
|
1029
|
-
var StepperColorsDarkFgStrong = "#FFFFFF";
|
|
1030
|
-
var StepperColorsDarkFgError = "#FF8883";
|
|
1031
|
-
var StepperColorsDarkFgWarning = "#FFA94D";
|
|
1032
|
-
var StepperColorsDarkFgVariant = "#FFFFFF";
|
|
1033
|
-
var StepperColorsDarkTextDefault = "#FFFFFF";
|
|
1034
|
-
var StepperColorsDarkTextHover = "#F8FF19";
|
|
1035
|
-
var StepperColorsDarkTextSubtle = "#9C9C9C";
|
|
1036
|
-
var StepperBorderWeightS = "1px";
|
|
1037
|
-
var StepperBorderWeightM = "2px";
|
|
1038
|
-
var ProgressBarGapS = "4px";
|
|
1039
|
-
var ProgressBarGapM = "8px";
|
|
1040
|
-
var ProgressBarSizeS = "12px";
|
|
1041
|
-
var ProgressBarBorderRadiusS = "24px";
|
|
1042
|
-
var ProgressBarColorsLightBgDefault = "#111111";
|
|
1043
|
-
var ProgressBarColorsLightBgDefaultAlt = "#D9D9D9";
|
|
1044
|
-
var ProgressBarColorsLightBgMuted = "#F3F3F3";
|
|
1045
|
-
var ProgressBarColorsLightBgError = "#2a2a2a";
|
|
1046
|
-
var ProgressBarColorsLightBgSuccess = "#2a2a2a";
|
|
1047
|
-
var ProgressBarColorsLightTextDefault = "#2B2B2B";
|
|
1048
|
-
var ProgressBarColorsLightTextDefaultAlt = "#009BA5";
|
|
1049
|
-
var ProgressBarColorsLightTextDefaultAltHover = "hsl(184 100% 25.9%)";
|
|
1050
|
-
var ProgressBarColorsLightTextError = "#D20007";
|
|
1051
|
-
var ProgressBarColorsLightTextErrorHover = "hsl(358 100% 28.8%)";
|
|
1052
|
-
var ProgressBarColorsLightTextSuccess = "#2a2a2a";
|
|
1053
|
-
var ProgressBarColorsLightTextSuccessHover = "hsl(0 0% 11.5%)";
|
|
1054
|
-
var ProgressBarColorsLightFgDefault = "#009BA5";
|
|
1055
|
-
var ProgressBarColorsLightFgDefaultHover = "hsl(184 100% 25.9%)";
|
|
1056
|
-
var ProgressBarColorsLightFgError = "#D20007";
|
|
1057
|
-
var ProgressBarColorsLightFgErrorHover = "hsl(358 100% 28.8%)";
|
|
1058
|
-
var ProgressBarColorsLightFgSuccess = "#2a2a2a";
|
|
1059
|
-
var ProgressBarColorsLightFgSuccessHover = "hsl(0 0% 11.5%)";
|
|
1060
|
-
var ProgressBarColorsDarkBgDefault = "#FFFFFF";
|
|
1061
|
-
var ProgressBarColorsDarkBgDefaultAlt = "#3F3F3F";
|
|
1062
|
-
var ProgressBarColorsDarkBgError = "#FF8883";
|
|
1063
|
-
var ProgressBarColorsDarkBgSuccess = "#73C367";
|
|
1064
|
-
var ProgressBarColorsDarkFgDefault = "#EBF304";
|
|
1065
|
-
var ProgressBarColorsDarkFgDefaultHover = "hsl(62 96.8% 63.9%)";
|
|
1066
|
-
var ProgressBarColorsDarkFgError = "#FF8883";
|
|
1067
|
-
var ProgressBarColorsDarkFgErrorHover = "hsl(2.42 100% 87.8%)";
|
|
1068
|
-
var ProgressBarColorsDarkFgSuccess = "#73C367";
|
|
1069
|
-
var ProgressBarColorsDarkFgSuccessHover = "hsl(112 43.4% 63.6%)";
|
|
1070
|
-
var ProgressBarColorsDarkTextDefault = "#FFFFFF";
|
|
1071
|
-
var ProgressBarColorsDarkTextDefaultAlt = "#EBF304";
|
|
1072
|
-
var ProgressBarColorsDarkTextDefaultAltHover = "hsl(62 96.8% 74.2%)";
|
|
1073
|
-
var ProgressBarColorsDarkTextError = "#FF8883";
|
|
1074
|
-
var ProgressBarColorsDarkTextErrorHover = "hsl(2.42 100% 87.8%)";
|
|
1075
|
-
var ProgressBarColorsDarkTextSuccess = "#73C367";
|
|
1076
|
-
var ProgressBarColorsDarkTextSuccessHover = "hsl(112 43.4% 63.6%)";
|
|
1077
|
-
var ToastSizeS = "40px";
|
|
1078
|
-
var ToastPaddingS = "8px";
|
|
1079
|
-
var ToastBorderRadiusS = "4px";
|
|
1080
|
-
var ToastGapS = "8px";
|
|
1081
|
-
var ToastSizeIconS = "24px";
|
|
1082
|
-
var ToastBorderWeightS = "1px";
|
|
1083
|
-
var ToastColorsStatusLightBgDefault = "#2a2a2a";
|
|
1084
|
-
var ToastColorsStatusLightBgError = "#2a2a2a";
|
|
1085
|
-
var ToastColorsStatusLightBgWarning = "#2a2a2a";
|
|
1086
|
-
var ToastColorsStatusLightBgSuccess = "#2a2a2a";
|
|
1087
|
-
var ToastColorsStatusLightBorderDefault = "#F3F3F3";
|
|
1088
|
-
var ToastColorsStatusLightBorderError = "#FF8883";
|
|
1089
|
-
var ToastColorsStatusLightBorderWarning = "#FFA94D";
|
|
1090
|
-
var ToastColorsStatusLightBorderSuccess = "#73C367";
|
|
1091
|
-
var ToastColorsStatusLightFgDefault = "#2a2a2a";
|
|
1092
|
-
var ToastColorsStatusLightFgError = "#FF8883";
|
|
1093
|
-
var ToastColorsStatusLightFgWarning = "#ffa200";
|
|
1094
|
-
var ToastColorsStatusLightFgSuccess = "#73C367";
|
|
1095
|
-
var ToastColorsStatusLightFgDefaultAlt = "#FFFFFF";
|
|
1096
|
-
var ToastColorsStatusLightTextDefault = "#ffffff";
|
|
1097
|
-
var ToastColorsStatusLightTextDefaultAlt = "#ffffff";
|
|
1098
|
-
var ToastColorsStatusDarkBgDefault = "#f0f0f0";
|
|
1099
|
-
var ToastColorsStatusDarkBgError = "#f0f0f0";
|
|
1100
|
-
var ToastColorsStatusDarkBgWarning = "#f0f0f0";
|
|
1101
|
-
var ToastColorsStatusDarkBgSuccess = "#f0f0f0";
|
|
1102
|
-
var ToastColorsStatusDarkBorderDefault = "#3F3F3F";
|
|
1103
|
-
var ToastColorsStatusDarkBorderError = "#D20007";
|
|
1104
|
-
var ToastColorsStatusDarkBorderWarning = "#FEDDA4";
|
|
1105
|
-
var ToastColorsStatusDarkBorderSuccess = "#138100";
|
|
1106
|
-
var ToastColorsStatusDarkFgDefault = "#2B2B2B";
|
|
1107
|
-
var ToastColorsStatusDarkFgError = "#D20007";
|
|
1108
|
-
var ToastColorsStatusDarkFgWarning = "#2a2a2a";
|
|
1109
|
-
var ToastColorsStatusDarkFgSuccess = "#138100";
|
|
1110
|
-
var ToastColorsStatusDarkTextDefault = "#2a2a2a";
|
|
1111
|
-
var TagSizeS = "28px";
|
|
1112
|
-
var TagPaddingXxs = "4px";
|
|
1113
|
-
var TagPaddingXs = "6px";
|
|
1114
|
-
var TagPaddingS = "8px";
|
|
1115
|
-
var TagBorderRadiusS = "32px";
|
|
1116
|
-
var TagBorderWeightS = "1px";
|
|
1117
|
-
var TagColorsLightBgDefault = "#FFFFFF";
|
|
1118
|
-
var TagColorsLightBgDefaultAlt = "#D9D9D9";
|
|
1119
|
-
var TagColorsLightBgHover = "#ffffff";
|
|
1120
|
-
var TagColorsLightBorderDefault = "#BBBBBB";
|
|
1121
|
-
var TagColorsLightBorderDefaultAlt = "#ffffff";
|
|
1122
|
-
var TagColorsLightBorderHover = "#ffffff";
|
|
1123
|
-
var TagColorsLightFgDefault = "#2B2B2B";
|
|
1124
|
-
var TagColorsLightFgHover = "#001318";
|
|
1125
|
-
var TagColorsLightTextDefault = "#2B2B2B";
|
|
1126
|
-
var TagColorsLightTextHover = "#001318";
|
|
1127
|
-
var TagSizeIconS = "16px";
|
|
1128
|
-
var TagSizeIconM = "14px";
|
|
1129
|
-
var BadgeSizeS = "24px";
|
|
1130
|
-
var BadgePaddingS = "8px";
|
|
1131
|
-
var BadgeBorderRadiusS = "1000px";
|
|
1132
|
-
var BadgeColorsBgDefault = "#2a2a2a";
|
|
1133
|
-
var BadgeColorsBgError = "#AA0006";
|
|
1134
|
-
var BadgeColorsBgWarning = "#FFA94D";
|
|
1135
|
-
var BadgeColorsBgSuccess = "#0F6D00";
|
|
1136
|
-
var BadgeColorsTextDefault = "#ffffff";
|
|
1137
|
-
var BadgeColorsTextError = "#ffffff";
|
|
1138
|
-
var BadgeColorsTextWarning = "#2a2a2a";
|
|
1139
|
-
var BadgeColorsTextSuccess = "#ffffff";
|
|
1140
|
-
var AlertPaddingXxs = "2px";
|
|
1141
|
-
var AlertPaddingXs = "6px";
|
|
1142
|
-
var AlertPaddingS = "22px";
|
|
1143
|
-
var AlertPaddingM = "10px";
|
|
1144
|
-
var AlertBorderRadiusS = "8px";
|
|
1145
|
-
var AlertBorderWeightS = "1px";
|
|
1146
|
-
var AlertBorderWeightM = "4px";
|
|
1147
|
-
var AlertBoxShadow01 = "sem.box-shadow.01";
|
|
1148
|
-
var AlertColorsStatusLightBgSubtleDefault = "#F3F3F3";
|
|
1149
|
-
var AlertColorsStatusLightBgSubtleError = "#FEEDED";
|
|
1150
|
-
var AlertColorsStatusLightBgSubtleWarning = "#FEF2DE";
|
|
1151
|
-
var AlertColorsStatusLightBgSubtleSuccess = "#e6f4e5";
|
|
1152
|
-
var AlertColorsStatusLightBorderDefault = "#3F3F3F";
|
|
1153
|
-
var AlertColorsStatusLightBorderError = "#D20007";
|
|
1154
|
-
var AlertColorsStatusLightBorderWarning = "#B14D00";
|
|
1155
|
-
var AlertColorsStatusLightBorderSuccess = "#138100";
|
|
1156
|
-
var AlertColorsStatusLightFgDefault = "#2B2B2B";
|
|
1157
|
-
var AlertColorsStatusLightTextDefault = "#2B2B2B";
|
|
1158
|
-
var AlertColorsStatusDarkBgSubtleDefault = "#2B2B2B";
|
|
1159
|
-
var AlertColorsStatusDarkBgSubtleError = "#2D0002";
|
|
1160
|
-
var AlertColorsStatusDarkBgSubtleWarning = "#4B2000";
|
|
1161
|
-
var AlertColorsStatusDarkBgSubtleSuccess = "#073600";
|
|
1162
|
-
var AlertColorsStatusDarkBorderDefault = "#F3F3F3";
|
|
1163
|
-
var AlertColorsStatusDarkBorderError = "#E81D1D";
|
|
1164
|
-
var AlertColorsStatusDarkBorderWarning = "#FFA94D";
|
|
1165
|
-
var AlertColorsStatusDarkBorderSuccess = "#73C367";
|
|
1166
|
-
var AlertColorsStatusDarkFgDefault = "#F3F3F3";
|
|
1167
|
-
var AlertColorsStatusDarkTextDefault = "#F3F3F3";
|
|
1168
|
-
var AlertSizeIconS = "24px";
|
|
1169
|
-
var AlertGapS = "0px";
|
|
9
|
+
var CardColorsLightBgDefault = "#111111";
|
|
10
|
+
var CardColorsLightBgDefaultAlt = "#FFFFFF";
|
|
11
|
+
var CardColorsLightBgEmphasis = "#F8FF19";
|
|
12
|
+
var CardColorsLightFgDefault = "#001318";
|
|
13
|
+
var CardColorsLightFgDefaultAlt = "#FFFFFF";
|
|
14
|
+
var CardColorsLightFgHover = "#057382";
|
|
15
|
+
var CardColorsLightBorderDefault = "#BBBBBB";
|
|
16
|
+
var CardColorsLightBorderHover = "#525252";
|
|
17
|
+
var CardColorsLightBorderMinimal = "#BBBBBB";
|
|
18
|
+
var CardColorsLightTextDefault = "#2B2B2B";
|
|
19
|
+
var CardColorsLightTextHover = "#001318";
|
|
20
|
+
var CardColorsLightTextSupport = "#686868";
|
|
21
|
+
var CardColorsDarkBgDefault = "#FFFFFF";
|
|
22
|
+
var CardColorsDarkBgDefaultAlt = "#111111";
|
|
23
|
+
var CardColorsDarkBgEmphasis = "#009BA5";
|
|
24
|
+
var CardColorsDarkFgDefaultAlt = "#FFFFFF";
|
|
25
|
+
var CardColorsDarkBorderHover = "#F3F3F3";
|
|
26
|
+
var CardColorsDarkTextDefault = "#FFFFFF";
|
|
27
|
+
var CardColorsDarkTextHover = "#F8FF19";
|
|
28
|
+
var CardColorsDarkTextSupport = "#BBBBBB";
|
|
29
|
+
var CardPaddingXs = "8px";
|
|
30
|
+
var CardPaddingS = "24px";
|
|
31
|
+
var CardPaddingM = "32px";
|
|
32
|
+
var CardBorderWeightS = "1px";
|
|
33
|
+
var CardBorderWeightM = "2px";
|
|
34
|
+
var CardBorderRadiusS = "16px";
|
|
35
|
+
var CardGapXs = "8px";
|
|
36
|
+
var CardGapS = "16px";
|
|
37
|
+
var CardGapM = "20px";
|
|
38
|
+
var CardGapL = "22px";
|
|
39
|
+
var CardGapXl = "24px";
|
|
40
|
+
var CardGapXxl = "48px";
|
|
41
|
+
var CardSizeS = "42px";
|
|
42
|
+
var CardSizeM = "80px";
|
|
43
|
+
var CardSizeL = "96px";
|
|
44
|
+
var CardSizeIconS = "42px";
|
|
45
|
+
var CardSizeIconM = "80px";
|
|
46
|
+
var UniversalHeaderSizeS = "32px";
|
|
47
|
+
var UniversalHeaderPaddingS = "10px";
|
|
48
|
+
var UniversalHeaderPaddingM = "16px";
|
|
49
|
+
var UniversalHeaderPaddingL = "24px";
|
|
50
|
+
var UniversalHeaderPaddingXl = "32px";
|
|
51
|
+
var UniversalHeaderGapS = "6px";
|
|
52
|
+
var UniversalHeaderGapM = "12px";
|
|
53
|
+
var UniversalHeaderGapL = "32px";
|
|
54
|
+
var UniversalHeaderSizeIconS = "10px";
|
|
55
|
+
var UniversalHeaderColorsLightBgDefault = "#D9D9D9";
|
|
56
|
+
var UniversalHeaderColorsLightFgDefault = "#2B2B2B";
|
|
57
|
+
var UniversalHeaderColorsLightTextDefault = "#01404C";
|
|
58
|
+
var UniversalHeaderColorsLightTextHover = "#001318";
|
|
59
|
+
var SiteheaderSizeS = "34px";
|
|
60
|
+
var SiteheaderSizeM = "58px";
|
|
61
|
+
var SiteheaderSizeL = "84px";
|
|
62
|
+
var SiteheaderPaddingS = "12px";
|
|
63
|
+
var SiteheaderPaddingM = "16px";
|
|
64
|
+
var SiteheaderPaddingL = "24px";
|
|
65
|
+
var SiteheaderPaddingXl = "32px";
|
|
66
|
+
var SiteheaderGapS = "12px";
|
|
67
|
+
var SiteheaderGapM = "24px";
|
|
68
|
+
var SiteheaderGapL = "40px";
|
|
69
|
+
var SiteheaderSizeIconS = "24px";
|
|
70
|
+
var SiteheaderColorsLightBgDefault = "#111111";
|
|
71
|
+
var SiteheaderColorsLightFgDefault = "#aaaaaa";
|
|
72
|
+
var SiteheaderColorsLightFgDefaultAlt = "#2B2B2B";
|
|
73
|
+
var SiteheaderColorsLightTextDefault = "#5514b4";
|
|
74
|
+
var SiteheaderColorsLightTextDefaultAlt = "#01404C";
|
|
75
|
+
var SitefooterSizeS = "20px";
|
|
76
|
+
var SitefooterSizeM = "34px";
|
|
77
|
+
var SitefooterSizeIconS = "16px";
|
|
78
|
+
var SitefooterSizeIconM = "24px";
|
|
79
|
+
var SitefooterSizeIconL = "32px";
|
|
80
|
+
var SitefooterPaddingS = "8px";
|
|
81
|
+
var SitefooterPaddingM = "12px";
|
|
82
|
+
var SitefooterPaddingL = "16px";
|
|
83
|
+
var SitefooterPaddingXl = "24px";
|
|
84
|
+
var SitefooterPaddingXxl = "32px";
|
|
85
|
+
var SitefooterGapS = "4px";
|
|
86
|
+
var SitefooterGapM = "8px";
|
|
87
|
+
var SitefooterGapL = "16px";
|
|
88
|
+
var SitefooterGapXl = "24px";
|
|
89
|
+
var SitefooterGapXxl = "48px";
|
|
90
|
+
var SitefooterColorsLightBgDefault = "#111111";
|
|
91
|
+
var SitefooterColorsLightFgDefault = "#aaaaaa";
|
|
92
|
+
var SitefooterColorsLightFgDefaultAlt = "#3f187f";
|
|
93
|
+
var SitefooterColorsLightBorderSubtle = "#BBBBBB";
|
|
94
|
+
var SitefooterColorsLightTextDefault = "#ffffff";
|
|
95
|
+
var SitefooterColorsLightTextSubtle = "#6b6b6b";
|
|
96
|
+
var SitefooterBorderWeightS = "1px";
|
|
97
|
+
var HeaderMenuSizeS = "40px";
|
|
98
|
+
var HeaderMenuSizeM = "96px";
|
|
99
|
+
var HeaderMenuSizeL = "72px";
|
|
100
|
+
var HeaderMenuSizeXl = "106px";
|
|
101
|
+
var HeaderMenuPaddingS = "8px";
|
|
102
|
+
var HeaderMenuPaddingM = "12px";
|
|
103
|
+
var HeaderMenuPaddingL = "24px";
|
|
104
|
+
var HeaderMenuPaddingXl = "40px";
|
|
105
|
+
var HeaderMenuGapS = "8px";
|
|
106
|
+
var HeaderMenuGapM = "16px";
|
|
107
|
+
var HeaderMenuGapL = "20px";
|
|
108
|
+
var HeaderMenuGapXl = "24px";
|
|
109
|
+
var HeaderMenuGapXxl = "28px";
|
|
110
|
+
var HeaderMenuGapXxxl = "44px";
|
|
111
|
+
var HeaderMenuGapXxxxl = "48px";
|
|
112
|
+
var HeaderMenuBorderRadiusS = "24px";
|
|
113
|
+
var HeaderMenuBorderRadiusM = "16px";
|
|
114
|
+
var HeaderMenuBorderRadiusL = "16px";
|
|
115
|
+
var HeaderMenuBorderRadiusXl = "16px";
|
|
116
|
+
var HeaderMenuSizeIconS = "16px";
|
|
117
|
+
var HeaderMenuSizeIconM = "28px";
|
|
118
|
+
var HeaderMenuSizeIconL = "48px";
|
|
119
|
+
var HeaderMenuBorderWeightS = "1px";
|
|
120
|
+
var HeaderMenuColorsLightBgStrong = "#2B2B2B";
|
|
121
|
+
var HeaderMenuColorsLightBgDefaultAlt = "#FFFFFF";
|
|
122
|
+
var HeaderMenuColorsLightFgDefault = "#009BA5";
|
|
123
|
+
var HeaderMenuColorsLightFgDefaultAlt = "#FFFFFF";
|
|
124
|
+
var HeaderMenuColorsLightFgStrong = "#2B2B2B";
|
|
125
|
+
var HeaderMenuColorsLightBorderStrongAltCopy = "#818181";
|
|
126
|
+
var HeaderMenuColorsLightTextDefault = "#009BA5";
|
|
127
|
+
var HeaderMenuColorsLightTextDefaultAlt = "#FFFFFF";
|
|
128
|
+
var HeaderMenuColorsLightTextStrong = "#2B2B2B";
|
|
1170
129
|
var SegmentedControlSizeIconS = "24px";
|
|
1171
130
|
var SegmentedControlSizeS = "40px";
|
|
1172
131
|
var SegmentedControlPaddingS = "8px";
|
|
@@ -1187,27 +146,259 @@ var SegmentedControlColorsLightBorderSubtle = "#BBBBBB";
|
|
|
1187
146
|
var SegmentedControlColorsLightTextDefault = "#009BA5";
|
|
1188
147
|
var SegmentedControlColorsLightTextDefaultAlt = "#FFFFFF";
|
|
1189
148
|
var SegmentedControlColorsLightTextFocus = "#035F6E";
|
|
1190
|
-
var
|
|
1191
|
-
var
|
|
1192
|
-
var
|
|
1193
|
-
var
|
|
1194
|
-
var
|
|
1195
|
-
var
|
|
1196
|
-
var
|
|
1197
|
-
var
|
|
1198
|
-
var
|
|
1199
|
-
var
|
|
1200
|
-
var
|
|
1201
|
-
var
|
|
1202
|
-
var
|
|
1203
|
-
var
|
|
1204
|
-
var
|
|
1205
|
-
var
|
|
1206
|
-
var
|
|
1207
|
-
var
|
|
1208
|
-
var
|
|
1209
|
-
var
|
|
1210
|
-
var
|
|
149
|
+
var PaginationSizeM = "32px";
|
|
150
|
+
var PaginationPaddingS = "8px";
|
|
151
|
+
var PaginationPaddingM = "12px";
|
|
152
|
+
var PaginationBorderRadiusM = "1000px";
|
|
153
|
+
var PaginationBorderWeightS = "2px";
|
|
154
|
+
var PaginationColorsLightBgHover = "#2B2B2B";
|
|
155
|
+
var PaginationColorsLightBgSelected = "#057382";
|
|
156
|
+
var PaginationColorsLightBgPressed = "#057382";
|
|
157
|
+
var PaginationColorsLightBgSubtle = "#BBBBBB";
|
|
158
|
+
var PaginationColorsLightBorderFocus = "#111111";
|
|
159
|
+
var PaginationColorsLightTextDefault = "#FFFFFF";
|
|
160
|
+
var PaginationColorsLightTextStrong = "#2B2B2B";
|
|
161
|
+
var PaginationColorsLightFgDefault = "#009BA5";
|
|
162
|
+
var PaginationColorsLightFgDefaultAlt = "#FFFFFF";
|
|
163
|
+
var PaginationColorsDarkBgHover = "#F3F3F3";
|
|
164
|
+
var PaginationColorsDarkBgSelected = "#818181";
|
|
165
|
+
var PaginationColorsDarkBgPressed = "#818181";
|
|
166
|
+
var PaginationColorsDarkBorderFocus = "#D9D9D9";
|
|
167
|
+
var PaginationColorsDarkTextDefault = "#2B2B2B";
|
|
168
|
+
var PaginationColorsDarkTextStrong = "#FFFFFF";
|
|
169
|
+
var PaginationColorsDarkFgDefault = "#EBF304";
|
|
170
|
+
var PaginationColorsDarkFgDefaultAlt = "#2B2B2B";
|
|
171
|
+
var PaginationSizeIconM = "32px";
|
|
172
|
+
var PaginationGapS = "4px";
|
|
173
|
+
var PaginationGapM = "16px";
|
|
174
|
+
var BreadcrumbSizeIconS = "12px";
|
|
175
|
+
var BreadcrumbColorsLightFgStrong = "#2B2B2B";
|
|
176
|
+
var BreadcrumbColorsLightTextDefault = "#001318";
|
|
177
|
+
var BreadcrumbColorsLightTextHover = "#001318";
|
|
178
|
+
var BreadcrumbColorsLightTextStrong = "#2B2B2B";
|
|
179
|
+
var BreadcrumbColorsDarkFgStrong = "#FFFFFF";
|
|
180
|
+
var BreadcrumbColorsDarkTextDefault = "#EBF304";
|
|
181
|
+
var BreadcrumbColorsDarkTextHover = "#F8FF19";
|
|
182
|
+
var BreadcrumbColorsDarkTextStrong = "#FFFFFF";
|
|
183
|
+
var BreadcrumbGapXs = "6px";
|
|
184
|
+
var BreadcrumbGapS = "8px";
|
|
185
|
+
var TabsBorderWeightS = "0";
|
|
186
|
+
var TabsBorderWeightM = "1px";
|
|
187
|
+
var TabsBorderWeightL = "2px";
|
|
188
|
+
var TabsBorderRadiusS = "8px";
|
|
189
|
+
var TabsPaddingS = "4px";
|
|
190
|
+
var TabsPaddingM = "12px";
|
|
191
|
+
var TabsPaddingL = "16px";
|
|
192
|
+
var TabsPaddingXl = "24px";
|
|
193
|
+
var TabsGapS = "4px";
|
|
194
|
+
var TabsGapM = "6px";
|
|
195
|
+
var TabsGapL = "12px";
|
|
196
|
+
var TabsSizeS = "42px";
|
|
197
|
+
var TabsSizeM = "48px";
|
|
198
|
+
var TabsSizeIconS = "40px";
|
|
199
|
+
var TabsColorsLightBgDefault = "#FFFFFF";
|
|
200
|
+
var TabsColorsLightBgSubtle = "#f7f7f7";
|
|
201
|
+
var TabsColorsLightBgError = "#D20007";
|
|
202
|
+
var TabsColorsLightBorderSubtle = "#BBBBBB";
|
|
203
|
+
var TabsColorsLightBorderSelected = "#3F3F3F";
|
|
204
|
+
var TabsColorsLightBorderFocus = "#111111";
|
|
205
|
+
var TabsColorsLightBorderError = "#D20007";
|
|
206
|
+
var TabsColorsLightFgDefault = "#686868";
|
|
207
|
+
var TabsColorsLightFgHover = "#001318";
|
|
208
|
+
var TabsColorsLightFgSelected = "#3F3F3F";
|
|
209
|
+
var TabsColorsLightTextDefault = "#686868";
|
|
210
|
+
var TabsColorsLightTextHover = "#001318";
|
|
211
|
+
var TabsColorsLightTextSelected = "#3F3F3F";
|
|
212
|
+
var TabsColorsLightTextStrong = "#01404C";
|
|
213
|
+
var TabsColorsDarkBgDefault = "#111111";
|
|
214
|
+
var TabsColorsDarkBgSubtle = "#3F3F3F";
|
|
215
|
+
var TabsColorsDarkBgError = "#401313";
|
|
216
|
+
var TabsColorsDarkBorderSubtle = "#BBBBBB";
|
|
217
|
+
var TabsColorsDarkBorderSelected = "#FFFFFF";
|
|
218
|
+
var TabsColorsDarkBorderFocus = "#D9D9D9";
|
|
219
|
+
var TabsColorsDarkBorderError = "#D20007";
|
|
220
|
+
var TabsColorsDarkFgDefault = "#EBF304";
|
|
221
|
+
var TabsColorsDarkFgHover = "#F8FF19";
|
|
222
|
+
var TabsColorsDarkFgSelected = "#FFFFFF";
|
|
223
|
+
var TabsColorsDarkFgStrong = "#FFFFFF";
|
|
224
|
+
var TabsColorsDarkTextDefault = "#FFFFFF";
|
|
225
|
+
var TabsColorsDarkTextHover = "#F8FF19";
|
|
226
|
+
var TabsColorsDarkTextSelected = "#ffffff";
|
|
227
|
+
var TabsColorsDarkTextStrong = "#ffffff";
|
|
228
|
+
var FilterSizeS = "32px";
|
|
229
|
+
var FilterPaddingS = "4px";
|
|
230
|
+
var FilterPaddingM = "12px";
|
|
231
|
+
var FilterBorderRadiusS = "32px";
|
|
232
|
+
var FilterBorderWeightS = "1px";
|
|
233
|
+
var FilterBorderWeightM = "2px";
|
|
234
|
+
var FilterColorsLightBorderDefault = "#BBBBBB";
|
|
235
|
+
var FilterColorsLightBorderHover = "#525252";
|
|
236
|
+
var FilterColorsLightBgDefault = "#FFFFFF";
|
|
237
|
+
var FilterColorsLightBgSelected = "#111111";
|
|
238
|
+
var FilterColorsLightTextDefault = "#001318";
|
|
239
|
+
var FilterColorsLightTextDefaultAlt = "#ffffff";
|
|
240
|
+
var FilterColorsLightTextHover = "#2a1c4a";
|
|
241
|
+
var FilterColorsDarkBorderDefault = "#FFFFFF";
|
|
242
|
+
var FilterColorsDarkBorderHover = "#525252";
|
|
243
|
+
var FilterColorsDarkBgSelected = "#FFFFFF";
|
|
244
|
+
var FilterColorsDarkBgDefault = "#111111";
|
|
245
|
+
var FilterColorsDarkTextDefault = "#001318";
|
|
246
|
+
var FilterColorsDarkTextDefaultAlt = "#efe5f7";
|
|
247
|
+
var FilterColorsDarkTextHover = "#D9D9D9";
|
|
248
|
+
var FilterColorsDarkTextSelected = "#2a1c4a";
|
|
249
|
+
var FilterGapL = "16px";
|
|
250
|
+
var FilterMarginM = "16px";
|
|
251
|
+
var ContentSwitcherPaddingS = "10px";
|
|
252
|
+
var ContentSwitcherPaddingXs = "8px";
|
|
253
|
+
var ContentSwitcherPaddingM = "12px";
|
|
254
|
+
var ContentSwitcherPaddingL = "16px";
|
|
255
|
+
var ContentSwitcherPaddingXl = "18px";
|
|
256
|
+
var ContentSwitcherPaddingXxl = "20px";
|
|
257
|
+
var ContentSwitcherPaddingXxxl = "24px";
|
|
258
|
+
var ContentSwitcherGapXs = "2px";
|
|
259
|
+
var ContentSwitcherGapS = "4px";
|
|
260
|
+
var ContentSwitcherGapM = "6px";
|
|
261
|
+
var ContentSwitcherGapL = "8px";
|
|
262
|
+
var ContentSwitcherGapXl = "16px";
|
|
263
|
+
var ContentSwitcherColorsLightBgDefault = "#ffffff";
|
|
264
|
+
var ContentSwitcherColorsLightBgDefaultAlt = "#5514b4";
|
|
265
|
+
var ContentSwitcherColorsLightBgHover = "#f0f0f0";
|
|
266
|
+
var ContentSwitcherColorsLightBgActive = "#e3e3e3";
|
|
267
|
+
var ContentSwitcherColorsLightBgSelected = "#000000";
|
|
268
|
+
var ContentSwitcherColorsLightBgSelectedHover = "#3f187f";
|
|
269
|
+
var ContentSwitcherColorsLightBgDisabled = "rgba(255,255,255,0)";
|
|
270
|
+
var ContentSwitcherColorsLightBgSeleced = "#000000";
|
|
271
|
+
var ContentSwitcherColorsLightBorderDefault = "#111111";
|
|
272
|
+
var ContentSwitcherColorsLightBorderPressed = "#3F3F3F";
|
|
273
|
+
var ContentSwitcherColorsLightBorderDisabled = "#D9D9D9";
|
|
274
|
+
var ContentSwitcherColorsLightFgDefault = "#001318";
|
|
275
|
+
var ContentSwitcherColorsLightFgDefaultAlt = "#FFFFFF";
|
|
276
|
+
var ContentSwitcherColorsLightFgHover = "#001318";
|
|
277
|
+
var ContentSwitcherColorsLightFgPressed = "#3F3F3F";
|
|
278
|
+
var ContentSwitcherColorsLightFgDisabled = "#686868";
|
|
279
|
+
var ContentSwitcherColorsLightTextDefault = "#01404C";
|
|
280
|
+
var ContentSwitcherColorsLightTextDefaultAlt = "#FFFFFF";
|
|
281
|
+
var ContentSwitcherColorsLightTextHover = "#001318";
|
|
282
|
+
var ContentSwitcherColorsLightTextPressed = "#3F3F3F";
|
|
283
|
+
var ContentSwitcherColorsLightTextDisabled = "lch(67.1 0 0)";
|
|
284
|
+
var ContentSwitcherColorsDarkBgDefault = "#FFFFFF";
|
|
285
|
+
var ContentSwitcherColorsDarkBgHover = "#F3F3F3";
|
|
286
|
+
var ContentSwitcherColorsDarkBgPressed = "#818181";
|
|
287
|
+
var ContentSwitcherColorsDarkBgDisabled = "#686868";
|
|
288
|
+
var ContentSwitcherColorsDarkBorderDefault = "#FFFFFF";
|
|
289
|
+
var ContentSwitcherColorsDarkBorderPressed = "#818181";
|
|
290
|
+
var ContentSwitcherColorsDarkBorderDisabled = "#686868";
|
|
291
|
+
var ContentSwitcherColorsDarkFgDefault = "#EBF304";
|
|
292
|
+
var ContentSwitcherColorsDarkFgDefaultAlt = "#2B2B2B";
|
|
293
|
+
var ContentSwitcherColorsDarkFgHover = "#F8FF19";
|
|
294
|
+
var ContentSwitcherColorsDarkFgPressed = "#818181";
|
|
295
|
+
var ContentSwitcherColorsDarkFgDisabled = "#9C9C9C";
|
|
296
|
+
var ContentSwitcherColorsDarkTextDefault = "#EBF304";
|
|
297
|
+
var ContentSwitcherColorsDarkTextDefaultAlt = "#2B2B2B";
|
|
298
|
+
var ContentSwitcherColorsDarkTextHover = "#F8FF19";
|
|
299
|
+
var ContentSwitcherColorsDarkTextPressed = "#818181";
|
|
300
|
+
var ContentSwitcherColorsDarkTextDisabled = "#9C9C9C";
|
|
301
|
+
var ContentSwitcherBorderRadiusPill = "1000px";
|
|
302
|
+
var ContentSwitcherBorderRadiusXl = "32px";
|
|
303
|
+
var ContentSwitcherBorderWeightS = "2px";
|
|
304
|
+
var ContentSwitcherElevations02 = "0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 4px 12px 0 rgba( 0, 0, 0 , 0.10)";
|
|
305
|
+
var HerobannerPaddingS = "24px";
|
|
306
|
+
var HerobannerPaddingM = "40px";
|
|
307
|
+
var HerobannerPaddingL = "64px";
|
|
308
|
+
var HerobannerGapS = "8px";
|
|
309
|
+
var HerobannerGapM = "16px";
|
|
310
|
+
var HerobannerGapL = "32px";
|
|
311
|
+
var HerobannerRadiusL = "16px";
|
|
312
|
+
var HerobannerRadiusM = "24px";
|
|
313
|
+
var HerobannerBorderDefault = "1px solid #BBBBBB";
|
|
314
|
+
var HerobannerColorLightBgDefault = "#ffffff";
|
|
315
|
+
var HerobannerColorLightBgContained = "#ffffff";
|
|
316
|
+
var HerobannerColorLightBgGradient = "";
|
|
317
|
+
var HerobannerColorLightTextDefault = "#2B2B2B";
|
|
318
|
+
var HerobannerColorDarkBgDefault = "#009BA5";
|
|
319
|
+
var HerobannerColorDarkBgGradient = "";
|
|
320
|
+
var HerobannerColorDarkTextDefault = "#ffffff";
|
|
321
|
+
var HerobannerBoxShadow01 = "-24px -24px 150px 0 rgb(241, 242, 202, 45%), 24px 24px 150px 0 rgb(198, 23, 238, 45%)";
|
|
322
|
+
var BoxPaddingS = "16px";
|
|
323
|
+
var BoxBorderRadiusS = "16px";
|
|
324
|
+
var BoxBorderWeightXs = "1px";
|
|
325
|
+
var BoxBorderWeightS = "2px";
|
|
326
|
+
var BoxColorsLightBgDefault = "#FFFFFF";
|
|
327
|
+
var BoxColorsLightBgSubtle = "#D9D9D9";
|
|
328
|
+
var BoxColorsLightBgErrorSubtle = "#D20007";
|
|
329
|
+
var BoxColorsLightBgMinimal = "#f7f7f7";
|
|
330
|
+
var BoxColorsLightBgError = "#AA0006";
|
|
331
|
+
var BoxColorsLightBgReplacement = "#f8c8da";
|
|
332
|
+
var BoxColorsLightFgStrong = "#2B2B2B";
|
|
333
|
+
var BoxColorsLightBorderSubtle = "#BBBBBB";
|
|
334
|
+
var BoxColorsLightBorderError = "#D20007";
|
|
335
|
+
var BoxColorsLightTextStrong = "#2B2B2B";
|
|
336
|
+
var BoxColorsDarkBgDefault = "#111111";
|
|
337
|
+
var BoxColorsDarkBgSubtle = "#686868";
|
|
338
|
+
var BoxColorsDarkBgMinimal = "#2B2B2B";
|
|
339
|
+
var BoxColorsDarkBgDefaultAlt = "#111111";
|
|
340
|
+
var BoxColorsDarkBorderSubtle = "#525252";
|
|
341
|
+
var BoxColorsVariantLightBgDefault01 = "linear-gradient(90deg, #fff2f0 0%, #f5eefa 100%)"; // coral-gradient
|
|
342
|
+
var BoxColorsVariantLightBgDefault02 = "linear-gradient(90deg, #f5eefa 0%, #eafcff 100%)"; // turquoise-gradient
|
|
343
|
+
var BoxColorsVariantDarkBgDefault01 = "linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%)"; // Brand gradient (light)
|
|
344
|
+
var DisclosureMiniPaddingS = "28px";
|
|
345
|
+
var DisclosureMiniSizeIconS = "16px";
|
|
346
|
+
var DisclosureMiniGapS = "8px";
|
|
347
|
+
var DisclosureMiniGapM = "12px";
|
|
348
|
+
var DisclosureMiniColorsLightFgDefault = "#057382";
|
|
349
|
+
var DisclosureMiniColorsLightTextDefault = "#057382";
|
|
350
|
+
var DisclosureMiniColorsLightTextStrong = "#2B2B2B";
|
|
351
|
+
var DisclosureMiniColorsDarkFgDefault = "#EBF304";
|
|
352
|
+
var DisclosureMiniColorsDarkTextDefault = "#EBF304";
|
|
353
|
+
var DisclosureMiniColorsDarkTextStrong = "#FFFFFF";
|
|
354
|
+
var DisclosurePaddingS = "16px";
|
|
355
|
+
var DisclosurePaddingL = "40px";
|
|
356
|
+
var DisclosurePaddingXl = "56px";
|
|
357
|
+
var DisclosureGapS = "20px";
|
|
358
|
+
var DisclosureSizeS = "58px";
|
|
359
|
+
var DisclosureBorderWeightS = "1px";
|
|
360
|
+
var DisclosureSizeIconS = "20px";
|
|
361
|
+
var DisclosureColorsLightBgHover = "#F3F3F3";
|
|
362
|
+
var DisclosureColorsLightBorderSubtle = "#BBBBBB";
|
|
363
|
+
var DisclosureColorsLightFgDefault = "#001318";
|
|
364
|
+
var DisclosureColorsLightFgHover = "#001318";
|
|
365
|
+
var DisclosureColorsLightTextDefault = "#001318";
|
|
366
|
+
var DisclosureColorsLightTextBody = "#01404C";
|
|
367
|
+
var DisclosureColorsLightTextHover = "#001318";
|
|
368
|
+
var DisclosureColorsDarkBgHover = "#3F3F3F";
|
|
369
|
+
var DisclosureColorsDarkBorderSubtle = "#525252";
|
|
370
|
+
var DisclosureColorsDarkFgDefault = "#EBF304";
|
|
371
|
+
var DisclosureColorsDarkFgHover = "#F8FF19";
|
|
372
|
+
var DisclosureColorsDarkTextDefault = "#EBF304";
|
|
373
|
+
var DisclosureColorsDarkTextBody = "#FFFFFF";
|
|
374
|
+
var DisclosureColorsDarkTextHover = "#F8FF19";
|
|
375
|
+
var DisclosureTypeLabelL = "700 20px/1 Non-Dottee";
|
|
376
|
+
var AvatarSizeS = "32px";
|
|
377
|
+
var AvatarSizeM = "48px";
|
|
378
|
+
var AvatarSizeL = "64px";
|
|
379
|
+
var AvatarSizeXl = "80px";
|
|
380
|
+
var AvatarSizeIconS = "16px";
|
|
381
|
+
var AvatarSizeIconM = "24px";
|
|
382
|
+
var AvatarSizeIconL = "32px";
|
|
383
|
+
var AvatarSizeIconXl = "40px";
|
|
384
|
+
var AvatarBorderWeightS = "1px";
|
|
385
|
+
var AvatarColorsLightBgDefault = "#ebebeb";
|
|
386
|
+
var AvatarColorsLightFgDefaultAlt = "#3f3f3f";
|
|
387
|
+
var AvatarColorsLightTextDefaultAlt = "#3f3f3f";
|
|
388
|
+
var ModalSizeS = "288px";
|
|
389
|
+
var ModalSizeM = "472px";
|
|
390
|
+
var ModalSizeL = "591px";
|
|
391
|
+
var ModalSizeXl = "800px";
|
|
392
|
+
var ModalSizeXxl = "800px";
|
|
393
|
+
var ModalSizeIconS = "32px";
|
|
394
|
+
var ModalPaddingM = "24px";
|
|
395
|
+
var ModalGapS = "8px";
|
|
396
|
+
var ModalGapM = "20px";
|
|
397
|
+
var ModalBorderRadiusS = "16px";
|
|
398
|
+
var ModalColorsLightBgDefault = "#FFFFFF";
|
|
399
|
+
var ModalColorsLightTextDefault = "#2B2B2B";
|
|
400
|
+
var ModalColorsLightFgDefault = "#2B2B2B";
|
|
401
|
+
var OverlayColorsOverlayDefault = "rgba(0,0,0,0.5)";
|
|
1211
402
|
var TextlinkSizeS = "20px";
|
|
1212
403
|
var TextlinkSizeM = "24px";
|
|
1213
404
|
var TextlinkSizeL = "26px";
|
|
@@ -1222,81 +413,69 @@ var TextlinkColorsLightTextHover = "#001318";
|
|
|
1222
413
|
var TextlinkColorsLightTextVisited = "#111111";
|
|
1223
414
|
var TextlinkColorsDarkFgDefault = "#EBF304";
|
|
1224
415
|
var TextlinkColorsDarkFgHover = "#F8FF19";
|
|
1225
|
-
var TextlinkColorsDarkFgVisited = "#
|
|
416
|
+
var TextlinkColorsDarkFgVisited = "#EBF304";
|
|
1226
417
|
var TextlinkColorsDarkTextDefault = "#EBF304";
|
|
1227
418
|
var TextlinkColorsDarkTextHover = "#F8FF19";
|
|
1228
|
-
var TextlinkColorsDarkTextVisited = "#
|
|
419
|
+
var TextlinkColorsDarkTextVisited = "#EBF304";
|
|
1229
420
|
var TextlinkGapS = "4px";
|
|
1230
|
-
var
|
|
1231
|
-
var
|
|
1232
|
-
var
|
|
1233
|
-
var
|
|
1234
|
-
var
|
|
1235
|
-
var
|
|
1236
|
-
var
|
|
1237
|
-
var
|
|
1238
|
-
var
|
|
1239
|
-
var
|
|
1240
|
-
var
|
|
1241
|
-
var
|
|
1242
|
-
var
|
|
1243
|
-
var
|
|
1244
|
-
var
|
|
1245
|
-
var
|
|
1246
|
-
var
|
|
1247
|
-
var
|
|
1248
|
-
var
|
|
1249
|
-
var
|
|
1250
|
-
var
|
|
1251
|
-
var
|
|
1252
|
-
var
|
|
1253
|
-
var
|
|
1254
|
-
var
|
|
1255
|
-
var
|
|
1256
|
-
var
|
|
1257
|
-
var
|
|
1258
|
-
var
|
|
1259
|
-
var
|
|
1260
|
-
var
|
|
1261
|
-
var
|
|
1262
|
-
var
|
|
1263
|
-
var
|
|
1264
|
-
var
|
|
1265
|
-
var
|
|
1266
|
-
var
|
|
1267
|
-
var
|
|
1268
|
-
var
|
|
1269
|
-
var
|
|
1270
|
-
var
|
|
1271
|
-
var
|
|
1272
|
-
var
|
|
1273
|
-
var
|
|
1274
|
-
var
|
|
1275
|
-
var
|
|
1276
|
-
var
|
|
1277
|
-
var
|
|
1278
|
-
var
|
|
1279
|
-
var
|
|
1280
|
-
var
|
|
1281
|
-
var
|
|
1282
|
-
var
|
|
1283
|
-
var
|
|
1284
|
-
var
|
|
1285
|
-
var
|
|
1286
|
-
var
|
|
1287
|
-
var
|
|
1288
|
-
var HeaderMenuSizeIconM = "28px";
|
|
1289
|
-
var HeaderMenuSizeIconL = "48px";
|
|
1290
|
-
var HeaderMenuBorderWeightS = "1px";
|
|
1291
|
-
var HeaderMenuColorsLightBgStrong = "#2B2B2B";
|
|
1292
|
-
var HeaderMenuColorsLightBgDefaultAlt = "#FFFFFF";
|
|
1293
|
-
var HeaderMenuColorsLightFgDefault = "#009BA5";
|
|
1294
|
-
var HeaderMenuColorsLightFgDefaultAlt = "#FFFFFF";
|
|
1295
|
-
var HeaderMenuColorsLightFgStrong = "#2B2B2B";
|
|
1296
|
-
var HeaderMenuColorsLightBorderStrongAltCopy = "#818181";
|
|
1297
|
-
var HeaderMenuColorsLightTextDefault = "#009BA5";
|
|
1298
|
-
var HeaderMenuColorsLightTextDefaultAlt = "#FFFFFF";
|
|
1299
|
-
var HeaderMenuColorsLightTextStrong = "#2B2B2B";
|
|
421
|
+
var ButtonPaddingS = "10px";
|
|
422
|
+
var ButtonPaddingM = "12px";
|
|
423
|
+
var ButtonPaddingL = "16px";
|
|
424
|
+
var ButtonPaddingXl = "18px";
|
|
425
|
+
var ButtonPaddingXxl = "20px";
|
|
426
|
+
var ButtonPaddingXxxl = "24px";
|
|
427
|
+
var ButtonGapXs = "2px";
|
|
428
|
+
var ButtonGapS = "4px";
|
|
429
|
+
var ButtonGapM = "6px";
|
|
430
|
+
var ButtonGapL = "8px";
|
|
431
|
+
var ButtonBorderRadiusS = "20px";
|
|
432
|
+
var ButtonSizeXxs = "20px";
|
|
433
|
+
var ButtonSizeXs = "24px";
|
|
434
|
+
var ButtonSizeS = "28px";
|
|
435
|
+
var ButtonSizeM = "32px";
|
|
436
|
+
var ButtonSizeL = "44px";
|
|
437
|
+
var ButtonSizeXl = "48px";
|
|
438
|
+
var ButtonSizeXxl = "60px";
|
|
439
|
+
var ButtonSizeIconXs = "12px";
|
|
440
|
+
var ButtonSizeIconS = "16px";
|
|
441
|
+
var ButtonSizeIconM = "20px";
|
|
442
|
+
var ButtonSizeIconL = "24px";
|
|
443
|
+
var ButtonSizeIconXl = "28px";
|
|
444
|
+
var ButtonColorsLightBgDefault = "#111111";
|
|
445
|
+
var ButtonColorsLightBgHover = "#2B2B2B";
|
|
446
|
+
var ButtonColorsLightBgPressed = "#3F3F3F";
|
|
447
|
+
var ButtonColorsLightBgDisabled = "#D9D9D9";
|
|
448
|
+
var ButtonColorsLightBorderDefault = "#111111";
|
|
449
|
+
var ButtonColorsLightBorderPressed = "#3F3F3F";
|
|
450
|
+
var ButtonColorsLightBorderDisabled = "#D9D9D9";
|
|
451
|
+
var ButtonColorsLightFgDefault = "#001318";
|
|
452
|
+
var ButtonColorsLightFgDefaultAlt = "#FFFFFF";
|
|
453
|
+
var ButtonColorsLightFgHover = "#001318";
|
|
454
|
+
var ButtonColorsLightFgPressed = "#3F3F3F";
|
|
455
|
+
var ButtonColorsLightFgDisabled = "#686868";
|
|
456
|
+
var ButtonColorsLightTextDefault = "#001318";
|
|
457
|
+
var ButtonColorsLightTextDefaultAlt = "#FFFFFF";
|
|
458
|
+
var ButtonColorsLightTextHover = "#001318";
|
|
459
|
+
var ButtonColorsLightTextPressed = "#3F3F3F";
|
|
460
|
+
var ButtonColorsLightTextDisabled = "#686868";
|
|
461
|
+
var ButtonColorsDarkBgDefault = "#FFFFFF";
|
|
462
|
+
var ButtonColorsDarkBgHover = "#d9d9d9";
|
|
463
|
+
var ButtonColorsDarkBgPressed = "#b7b7b7";
|
|
464
|
+
var ButtonColorsDarkBgDisabled = "#686868";
|
|
465
|
+
var ButtonColorsDarkBorderDefault = "#FFFFFF";
|
|
466
|
+
var ButtonColorsDarkBorderPressed = "#818181";
|
|
467
|
+
var ButtonColorsDarkBorderDisabled = "#686868";
|
|
468
|
+
var ButtonColorsDarkFgDefault = "#ffffff";
|
|
469
|
+
var ButtonColorsDarkFgDefaultAlt = "#2B2B2B";
|
|
470
|
+
var ButtonColorsDarkFgHover = "#ffffff";
|
|
471
|
+
var ButtonColorsDarkFgPressed = "#818181";
|
|
472
|
+
var ButtonColorsDarkFgDisabled = "#9C9C9C";
|
|
473
|
+
var ButtonColorsDarkTextDefault = "#ffffff";
|
|
474
|
+
var ButtonColorsDarkTextDefaultAlt = "#2B2B2B";
|
|
475
|
+
var ButtonColorsDarkTextHover = "#ffffff";
|
|
476
|
+
var ButtonColorsDarkTextPressed = "#ffffff";
|
|
477
|
+
var ButtonColorsDarkTextDisabled = "#9C9C9C";
|
|
478
|
+
var ButtonBorderWeightS = "2px";
|
|
1300
479
|
var ButtonV2PaddingXxxs = "3px";
|
|
1301
480
|
var ButtonV2PaddingXxs = "4px";
|
|
1302
481
|
var ButtonV2PaddingXs = "8px";
|
|
@@ -1311,7 +490,7 @@ var ButtonV2GapS = "6px";
|
|
|
1311
490
|
var ButtonV2GapM = "8px";
|
|
1312
491
|
var ButtonV2BorderRadiusS = "16px";
|
|
1313
492
|
var ButtonV2SizeS = "32px";
|
|
1314
|
-
var ButtonV2SizeM = "
|
|
493
|
+
var ButtonV2SizeM = "48px";
|
|
1315
494
|
var ButtonV2SizeL = "64px";
|
|
1316
495
|
var ButtonV2SizeIconS = "20px";
|
|
1317
496
|
var ButtonV2SizeIconM = "24px";
|
|
@@ -1322,7 +501,7 @@ var ButtonV2BorderWeightS = "2px";
|
|
|
1322
501
|
var ButtonV2BorderWeightM = "2px";
|
|
1323
502
|
var ButtonV2ColorsLightBgDefault = "#111111";
|
|
1324
503
|
var ButtonV2ColorsLightBgHover = "#2B2B2B";
|
|
1325
|
-
var ButtonV2ColorsLightBgPressed = "#
|
|
504
|
+
var ButtonV2ColorsLightBgPressed = "#3F3F3F";
|
|
1326
505
|
var ButtonV2ColorsLightBgDisabled = "#D9D9D9";
|
|
1327
506
|
var ButtonV2ColorsLightBgStrong = "#D9D9D9";
|
|
1328
507
|
var ButtonV2ColorsLightBgSubtle = "#F3F3F3";
|
|
@@ -1353,7 +532,7 @@ var ButtonV2ColorsLightVariantFgDefault = "linear-gradient(105deg, #f200f5 0%, #
|
|
|
1353
532
|
var ButtonV2ColorsLightVariantBorderDefault = "linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%)";
|
|
1354
533
|
var ButtonV2ColorsDarkBgDefault = "#FFFFFF";
|
|
1355
534
|
var ButtonV2ColorsDarkBgHover = "#F3F3F3";
|
|
1356
|
-
var ButtonV2ColorsDarkBgPressed = "#
|
|
535
|
+
var ButtonV2ColorsDarkBgPressed = "#BBBBBB";
|
|
1357
536
|
var ButtonV2ColorsDarkBgDisabled = "#686868";
|
|
1358
537
|
var ButtonV2ColorsDarkBgStrong = "#686868";
|
|
1359
538
|
var ButtonV2ColorsDarkBgHoverAlt = "#3F3F3F";
|
|
@@ -1363,9 +542,9 @@ var ButtonV2ColorsDarkBorderDefault = "#FFFFFF";
|
|
|
1363
542
|
var ButtonV2ColorsDarkBorderPressed = "#818181";
|
|
1364
543
|
var ButtonV2ColorsDarkBorderDisabled = "#686868";
|
|
1365
544
|
var ButtonV2ColorsDarkBorderSubtle = "#6b6b6b";
|
|
1366
|
-
var ButtonV2ColorsDarkFgDefault = "#
|
|
545
|
+
var ButtonV2ColorsDarkFgDefault = "#ffffff";
|
|
1367
546
|
var ButtonV2ColorsDarkFgDefaultAlt = "#2B2B2B";
|
|
1368
|
-
var ButtonV2ColorsDarkFgHover = "#
|
|
547
|
+
var ButtonV2ColorsDarkFgHover = "#ffffff";
|
|
1369
548
|
var ButtonV2ColorsDarkFgPressed = "#818181";
|
|
1370
549
|
var ButtonV2ColorsDarkFgDisabled = "#9C9C9C";
|
|
1371
550
|
var ButtonV2ColorsDarkFgStrong = "#9C9C9C";
|
|
@@ -1375,10 +554,10 @@ var ButtonV2ColorsDarkStatusTextDefault = "#FFFFFF";
|
|
|
1375
554
|
var ButtonV2ColorsDarkStatusBgDefault = "#600104";
|
|
1376
555
|
var ButtonV2ColorsDarkStatusBgHover = "#840106";
|
|
1377
556
|
var ButtonV2ColorsDarkStatusBgPressed = "#AA0006";
|
|
1378
|
-
var ButtonV2ColorsDarkTextDefault = "#
|
|
557
|
+
var ButtonV2ColorsDarkTextDefault = "#ffffff";
|
|
1379
558
|
var ButtonV2ColorsDarkTextDefaultAlt = "#2B2B2B";
|
|
1380
|
-
var ButtonV2ColorsDarkTextHover = "#
|
|
1381
|
-
var ButtonV2ColorsDarkTextPressed = "#
|
|
559
|
+
var ButtonV2ColorsDarkTextHover = "#ffffff";
|
|
560
|
+
var ButtonV2ColorsDarkTextPressed = "#ffffff";
|
|
1382
561
|
var ButtonV2ColorsDarkTextDisabled = "#9C9C9C";
|
|
1383
562
|
var ButtonV2ColorsDarkVariantBgLoader = "linear-gradient(90deg, #f5eefa 0%, #eafcff 100%)";
|
|
1384
563
|
var ButtonV2ColorsDarkVariantFgDefault = "linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%)";
|
|
@@ -1473,154 +652,1090 @@ var HeroButtonColorsDarkVariantFgDefault = "linear-gradient(105deg, #f200f5 0%,
|
|
|
1473
652
|
var HeroButtonColorsDarkVariantBorderDefault = "linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%)";
|
|
1474
653
|
var HeroButtonColorsOverlayFlat01 = "rgba(255,255,255,0.5)";
|
|
1475
654
|
var HeroButtonColorsOverlayFlat02 = "rgba(85,20,180,0.5)";
|
|
1476
|
-
var
|
|
1477
|
-
var
|
|
1478
|
-
var
|
|
1479
|
-
var
|
|
1480
|
-
var
|
|
1481
|
-
var
|
|
1482
|
-
var
|
|
1483
|
-
var
|
|
1484
|
-
var
|
|
1485
|
-
var
|
|
1486
|
-
var
|
|
1487
|
-
var
|
|
1488
|
-
var
|
|
1489
|
-
var
|
|
1490
|
-
var
|
|
1491
|
-
var
|
|
1492
|
-
var
|
|
1493
|
-
var
|
|
1494
|
-
var
|
|
1495
|
-
var
|
|
1496
|
-
var
|
|
1497
|
-
var
|
|
1498
|
-
var
|
|
1499
|
-
var
|
|
1500
|
-
var
|
|
1501
|
-
var
|
|
1502
|
-
var
|
|
1503
|
-
var
|
|
1504
|
-
var
|
|
1505
|
-
var
|
|
1506
|
-
var
|
|
1507
|
-
var
|
|
1508
|
-
var
|
|
1509
|
-
var
|
|
1510
|
-
var
|
|
1511
|
-
var
|
|
1512
|
-
var
|
|
1513
|
-
var
|
|
1514
|
-
var
|
|
1515
|
-
var
|
|
1516
|
-
var
|
|
1517
|
-
var
|
|
1518
|
-
var
|
|
1519
|
-
var
|
|
1520
|
-
var
|
|
1521
|
-
var
|
|
1522
|
-
var
|
|
1523
|
-
var
|
|
1524
|
-
var
|
|
1525
|
-
var
|
|
1526
|
-
var
|
|
1527
|
-
var
|
|
1528
|
-
var
|
|
1529
|
-
var
|
|
1530
|
-
var ButtonColorsDarkTextHover = "#F8FF19";
|
|
1531
|
-
var ButtonColorsDarkTextPressed = "#818181";
|
|
1532
|
-
var ButtonColorsDarkTextDisabled = "#9C9C9C";
|
|
1533
|
-
var ButtonBorderWeightS = "2px";
|
|
655
|
+
var BacktotopSizeM = "48px";
|
|
656
|
+
var BacktotopSizeIconM = "48px";
|
|
657
|
+
var BacktotopPaddingM = "22px";
|
|
658
|
+
var BacktotopBorderRadiusM = "1000px";
|
|
659
|
+
var BacktotopBorderWeightM = "2px";
|
|
660
|
+
var BacktotopColorsLightBgDefault = "#111111";
|
|
661
|
+
var BacktotopColorsLightBgHover = "#2B2B2B";
|
|
662
|
+
var BacktotopColorsLightBgSelected = "#057382";
|
|
663
|
+
var BacktotopColorsLightBgStrong = "#FFFFFF";
|
|
664
|
+
var BacktotopColorsLightBgSubtle = "#D9D9D9";
|
|
665
|
+
var BacktotopColorsLightBorderDefault = "#111111";
|
|
666
|
+
var BacktotopColorsLightBorderHover = "#525252";
|
|
667
|
+
var BacktotopColorsLightBorderSelected = "#3F3F3F";
|
|
668
|
+
var BacktotopColorsLightBorderStrong = "#F3F3F3";
|
|
669
|
+
var BacktotopColorsLightBorderFocus = "#111111";
|
|
670
|
+
var BacktotopColorsLightFgDefault = "#009BA5";
|
|
671
|
+
var BacktotopColorsLightFgDefaultAlt = "#FFFFFF";
|
|
672
|
+
var BacktotopColorsLightTextDefault = "#009BA5";
|
|
673
|
+
var BacktotopColorsLightTextDefaultAlt = "#FFFFFF";
|
|
674
|
+
var BacktotopColorsDarkBgDefault = "#FFFFFF";
|
|
675
|
+
var BacktotopColorsDarkBgHover = "#F3F3F3";
|
|
676
|
+
var BacktotopColorsDarkBgSelected = "#818181";
|
|
677
|
+
var BacktotopColorsDarkBgStrong = "#111111";
|
|
678
|
+
var BacktotopColorsDarkBgSubtle = "#3F3F3F";
|
|
679
|
+
var BacktotopColorsDarkBorderDefault = "#FFFFFF";
|
|
680
|
+
var BacktotopColorsDarkBorderHover = "#F3F3F3";
|
|
681
|
+
var BacktotopColorsDarkBorderSelected = "#818181";
|
|
682
|
+
var BacktotopColorsDarkBorderStrong = "#818181";
|
|
683
|
+
var BacktotopColorsDarkBorderFocus = "#D9D9D9";
|
|
684
|
+
var BacktotopColorsDarkFgDefault = "#2B2B2B";
|
|
685
|
+
var BacktotopColorsDarkFgDefaultAlt = "#FFFFFF";
|
|
686
|
+
var BacktotopColorsDarkTextDefault = "#2B2B2B";
|
|
687
|
+
var BacktotopColorsDarkTextDefaultAlt = "#FFFFFF";
|
|
688
|
+
var Elevation01 = "0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 2px 6px 0 rgba( 0, 0, 0 , 0.10)";
|
|
689
|
+
var Elevation02 = "0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 4px 12px 0 rgba( 0, 0, 0 , 0.10)";
|
|
690
|
+
var Elevation03 = "0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 8px 16px 0 rgba( 0, 0, 0 , 0.10)";
|
|
691
|
+
var Elevation04 = "0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 16px 20px 0 rgba( 0, 0, 0 , 0.10)";
|
|
692
|
+
var Elevation05 = "0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 24px 32px 0 rgba( 0, 0, 0 , 0.10)";
|
|
693
|
+
var VerticalSpaceSize4 = "4px";
|
|
694
|
+
var VerticalSpaceSize8 = "8px";
|
|
695
|
+
var VerticalSpaceSize12 = "12px";
|
|
696
|
+
var VerticalSpaceSize16 = "16px";
|
|
697
|
+
var VerticalSpaceSize20 = "20px";
|
|
698
|
+
var VerticalSpaceSize24 = "24px";
|
|
699
|
+
var VerticalSpaceSize28 = "28px";
|
|
700
|
+
var VerticalSpaceSize32 = "32px";
|
|
701
|
+
var VerticalSpaceSize40 = "40px";
|
|
702
|
+
var VerticalSpaceSize48 = "48px";
|
|
703
|
+
var VerticalSpaceSize64 = "64px";
|
|
704
|
+
var VerticalSpaceSize96 = "96px";
|
|
705
|
+
var VerticalSpaceSize128 = "128px";
|
|
706
|
+
var RuleColorsLightBorderSubtle = "#BBBBBB";
|
|
707
|
+
var RuleColorsDarkBorderSubtle = "#525252";
|
|
708
|
+
var RuleBorderWeightS = "1px";
|
|
1534
709
|
var FocusColorsLightBorderSubtle = "#111111";
|
|
1535
710
|
var FocusColorsDarkBorderSubtle = "#D9D9D9";
|
|
1536
711
|
var FocusBorderWeightS = "2px";
|
|
1537
712
|
var FocusBorderRadiusS = "16px";
|
|
1538
|
-
var
|
|
1539
|
-
var
|
|
1540
|
-
var
|
|
1541
|
-
var
|
|
1542
|
-
var
|
|
1543
|
-
var
|
|
1544
|
-
var
|
|
1545
|
-
var
|
|
1546
|
-
var UniversalHeaderSizeIconS = "10px";
|
|
1547
|
-
var UniversalHeaderColorsLightBgDefault = "#D9D9D9";
|
|
1548
|
-
var UniversalHeaderColorsLightFgDefault = "#2B2B2B";
|
|
1549
|
-
var UniversalHeaderColorsLightTextDefault = "#01404C";
|
|
1550
|
-
var UniversalHeaderColorsLightTextHover = "#001318";
|
|
1551
|
-
var CardColorsLightBgDefault = "#111111";
|
|
1552
|
-
var CardColorsLightBgDefaultAlt = "#FFFFFF";
|
|
1553
|
-
var CardColorsLightBgEmphasis = "linear-gradient(90deg, #fcf9ff 0%, #f9f9ff 100%)";
|
|
1554
|
-
var CardColorsLightFgDefault = "#001318";
|
|
1555
|
-
var CardColorsLightFgDefaultAlt = "#FFFFFF";
|
|
1556
|
-
var CardColorsLightFgHover = "#057382";
|
|
1557
|
-
var CardColorsLightBorderDefault = "#BBBBBB";
|
|
1558
|
-
var CardColorsLightBorderHover = "#525252";
|
|
1559
|
-
var CardColorsLightBorderMinimal = "#BBBBBB";
|
|
1560
|
-
var CardColorsLightTextDefault = "#2B2B2B";
|
|
1561
|
-
var CardColorsLightTextHover = "#001318";
|
|
1562
|
-
var CardColorsLightTextSupport = "#686868";
|
|
1563
|
-
var CardColorsDarkBgDefault = "#FFFFFF";
|
|
1564
|
-
var CardColorsDarkBgDefaultAlt = "#111111";
|
|
1565
|
-
var CardColorsDarkBgEmphasis = "linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%)";
|
|
1566
|
-
var CardColorsDarkFgDefaultAlt = "#FFFFFF";
|
|
1567
|
-
var CardColorsDarkBorderHover = "#F3F3F3";
|
|
1568
|
-
var CardColorsDarkTextDefault = "#FFFFFF";
|
|
1569
|
-
var CardColorsDarkTextHover = "#F8FF19";
|
|
1570
|
-
var CardColorsDarkTextSupport = "#BBBBBB";
|
|
1571
|
-
var CardPaddingS = "24px";
|
|
1572
|
-
var CardPaddingM = "32px";
|
|
1573
|
-
var CardBorderWeightS = "1px";
|
|
1574
|
-
var CardBorderWeightM = "2px";
|
|
1575
|
-
var CardBorderRadiusS = "16px";
|
|
1576
|
-
var CardGapXs = "8px";
|
|
1577
|
-
var CardGapS = "16px";
|
|
1578
|
-
var CardGapM = "20px";
|
|
1579
|
-
var CardGapL = "22px";
|
|
1580
|
-
var CardGapXl = "24px";
|
|
1581
|
-
var CardSizeS = "48px";
|
|
1582
|
-
var CardSizeM = "80px";
|
|
1583
|
-
var CardSizeL = "96px";
|
|
1584
|
-
var CardSizeIconS = "42px";
|
|
1585
|
-
var CardSizeIconM = "80px";
|
|
1586
|
-
var SurfaceColorsBgDarkBrand02 = "linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%)";
|
|
1587
|
-
var SurfaceColorsBgDarkBrand01 = "#111111";
|
|
1588
|
-
var SurfaceColorsBgDarkNeutral01 = "#686868";
|
|
713
|
+
var LogosSizeM = "40px";
|
|
714
|
+
var LogosColorsLightFgDefault = "#009BA5";
|
|
715
|
+
var LogosColorsLightFgStrong = "#2B2B2B";
|
|
716
|
+
var LogosColorsLightFgVariant = "linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%)";
|
|
717
|
+
var LogosColorsDarkFgDefault = "#EBF304";
|
|
718
|
+
var SurfaceColorsBgDarkBrand01 = "#067382";
|
|
719
|
+
var SurfaceColorsBgDarkBrand02 = "#067382";
|
|
720
|
+
var SurfaceColorsBgDarkNeutral01 = "#3F3F3F";
|
|
1589
721
|
var SurfaceColorsBgDarkNeutral02 = "#2B2B2B";
|
|
722
|
+
var SurfaceColorsBgDarkBlack = "#111111";
|
|
1590
723
|
var SurfaceColorsBgLightWhite = "#FFFFFF";
|
|
1591
724
|
var SurfaceColorsBgLightNeutral01 = "#f7f7f7";
|
|
1592
|
-
var SurfaceColorsBgLightNeutral02 = "#
|
|
1593
|
-
var SurfaceColorsBgLightBrand01 = "
|
|
1594
|
-
var SurfaceColorsBgLightBrand02 = "
|
|
1595
|
-
var
|
|
1596
|
-
var
|
|
1597
|
-
var
|
|
1598
|
-
var
|
|
1599
|
-
var
|
|
1600
|
-
var
|
|
1601
|
-
var
|
|
1602
|
-
var
|
|
1603
|
-
var
|
|
1604
|
-
var
|
|
1605
|
-
var
|
|
1606
|
-
var
|
|
1607
|
-
var
|
|
1608
|
-
var
|
|
1609
|
-
var
|
|
1610
|
-
var
|
|
1611
|
-
var
|
|
1612
|
-
var
|
|
1613
|
-
var
|
|
1614
|
-
var
|
|
1615
|
-
var
|
|
1616
|
-
var
|
|
1617
|
-
var
|
|
1618
|
-
var
|
|
725
|
+
var SurfaceColorsBgLightNeutral02 = "#F7F7F7";
|
|
726
|
+
var SurfaceColorsBgLightBrand01 = "#009BA5";
|
|
727
|
+
var SurfaceColorsBgLightBrand02 = "#EAF304";
|
|
728
|
+
var TagSizeS = "28px";
|
|
729
|
+
var TagPaddingXxs = "4px";
|
|
730
|
+
var TagPaddingXs = "6px";
|
|
731
|
+
var TagPaddingS = "8px";
|
|
732
|
+
var TagBorderRadiusS = "32px";
|
|
733
|
+
var TagBorderWeightS = "1px";
|
|
734
|
+
var TagColorsLightBgDefault = "#FFFFFF";
|
|
735
|
+
var TagColorsLightBgDefaultAlt = "#FFFFFF";
|
|
736
|
+
var TagColorsLightBgHover = "#ffffff";
|
|
737
|
+
var TagColorsLightBorderDefault = "#BBBBBB";
|
|
738
|
+
var TagColorsLightBorderDefaultAlt = "#BBBBBB";
|
|
739
|
+
var TagColorsLightBorderHover = "#BBBBBB";
|
|
740
|
+
var TagColorsLightFgDefault = "#2B2B2B";
|
|
741
|
+
var TagColorsLightFgHover = "#001318";
|
|
742
|
+
var TagColorsLightTextDefault = "#2B2B2B";
|
|
743
|
+
var TagColorsLightTextHover = "#001318";
|
|
744
|
+
var TagSizeIconS = "16px";
|
|
745
|
+
var TagSizeIconM = "20";
|
|
746
|
+
var AlertPaddingXxs = "2px";
|
|
747
|
+
var AlertPaddingXs = "6px";
|
|
748
|
+
var AlertPaddingS = "22px";
|
|
749
|
+
var AlertPaddingM = "10px";
|
|
750
|
+
var AlertBorderRadiusS = "16px";
|
|
751
|
+
var AlertBorderWeightS = "2px";
|
|
752
|
+
var AlertBorderWeightM = "2px";
|
|
753
|
+
var AlertColorsStatusLightBgSubtleDefault = "#F3F3F3";
|
|
754
|
+
var AlertColorsStatusLightBgSubtleError = "#FEEDED";
|
|
755
|
+
var AlertColorsStatusLightBgSubtleWarning = "#FEF2DE";
|
|
756
|
+
var AlertColorsStatusLightBgSubtleSuccess = "#e6f4e5";
|
|
757
|
+
var AlertColorsStatusLightBorderDefault = "#3F3F3F";
|
|
758
|
+
var AlertColorsStatusLightBorderError = "#D20007";
|
|
759
|
+
var AlertColorsStatusLightBorderWarning = "#B14D00";
|
|
760
|
+
var AlertColorsStatusLightBorderSuccess = "#138100";
|
|
761
|
+
var AlertColorsStatusLightFgDefault = "#2B2B2B";
|
|
762
|
+
var AlertColorsStatusLightTextDefault = "#2B2B2B";
|
|
763
|
+
var AlertColorsStatusDarkBgSubtleDefault = "#121212";
|
|
764
|
+
var AlertColorsStatusDarkBgSubtleError = "#2D0002";
|
|
765
|
+
var AlertColorsStatusDarkBgSubtleWarning = "#1F0D00";
|
|
766
|
+
var AlertColorsStatusDarkBgSubtleSuccess = "#031700";
|
|
767
|
+
var AlertColorsStatusDarkBorderDefault = "#838383";
|
|
768
|
+
var AlertColorsStatusDarkBorderError = "#E81D1D";
|
|
769
|
+
var AlertColorsStatusDarkBorderWarning = "#D55C00";
|
|
770
|
+
var AlertColorsStatusDarkBorderSuccess = "#159000";
|
|
771
|
+
var AlertColorsStatusDarkFgDefault = "#F3F3F3";
|
|
772
|
+
var AlertColorsStatusDarkTextDefault = "#F3F3F3";
|
|
773
|
+
var AlertSizeIconS = "24px";
|
|
774
|
+
var AlertGapS = "0px";
|
|
775
|
+
var BadgeSizeS = "24px";
|
|
776
|
+
var BadgePaddingS = "8px";
|
|
777
|
+
var BadgePaddingXxs = "1px";
|
|
778
|
+
var BadgeBorderRadiusS = "1000px";
|
|
779
|
+
var BadgeColorsBgDefault = "#2a2a2a";
|
|
780
|
+
var BadgeColorsBgError = "#AA0006";
|
|
781
|
+
var BadgeColorsBgWarning = "#FFA94D";
|
|
782
|
+
var BadgeColorsBgSuccess = "#0F6D00";
|
|
783
|
+
var BadgeColorsTextDefault = "#ffffff";
|
|
784
|
+
var BadgeColorsTextError = "#ffffff";
|
|
785
|
+
var BadgeColorsTextWarning = "#2a2a2a";
|
|
786
|
+
var BadgeColorsTextSuccess = "#ffffff";
|
|
787
|
+
var StepperSizeS = "8px";
|
|
788
|
+
var StepperSizeM = "14px";
|
|
789
|
+
var StepperSizeL = "16px";
|
|
790
|
+
var StepperSizeXl = "24px";
|
|
791
|
+
var StepperSizeIconS = "16px";
|
|
792
|
+
var StepperSizeIconL = "24px";
|
|
793
|
+
var StepperPaddingS = "16px";
|
|
794
|
+
var StepperPaddingM = "24px";
|
|
795
|
+
var StepperGapS = "16px";
|
|
796
|
+
var StepperGapM = "24px";
|
|
797
|
+
var StepperColorsLightBgDefault = "#111111";
|
|
798
|
+
var StepperColorsLightBgSubtle = "#BBBBBB";
|
|
799
|
+
var StepperColorsLightBgError = "#da020f";
|
|
800
|
+
var StepperColorsLightBgWarning = "#ffa200";
|
|
801
|
+
var StepperColorsLightBgErrorSubtle = "#FEEDED";
|
|
802
|
+
var StepperColorsLightBgWarningSubtle = "#FEF2DE";
|
|
803
|
+
var StepperColorsLightBorderDefault = "#111111";
|
|
804
|
+
var StepperColorsLightBorderSubtle = "#BBBBBB";
|
|
805
|
+
var StepperColorsLightBorderError = "#D20007";
|
|
806
|
+
var StepperColorsLightBorderWarning = "#B14D00";
|
|
807
|
+
var StepperColorsLightBorderVariant = "#000000";
|
|
808
|
+
var StepperColorsLightFgDefault = "#009BA5";
|
|
809
|
+
var StepperColorsLightFgDefaultAlt = "#FFFFFF";
|
|
810
|
+
var StepperColorsLightFgError = "#D20007";
|
|
811
|
+
var StepperColorsLightFgWarning = "#B14D00";
|
|
812
|
+
var StepperColorsLightFgVariant = "#009BA5";
|
|
813
|
+
var StepperColorsLightTextDefault = "#2B2B2B";
|
|
814
|
+
var StepperColorsLightTextHover = "#001318";
|
|
815
|
+
var StepperColorsLightTextSubtle = "#686868";
|
|
816
|
+
var StepperColorsLightPluseFrom = "rgba(0,155,165, 20%);";
|
|
817
|
+
var StepperColorsLightPluseTo = "rgba(0,155,165, 0%);";
|
|
818
|
+
var StepperColorsDarkBgDefault = "#FFFFFF";
|
|
819
|
+
var StepperColorsDarkBgSubtle = "#818181";
|
|
820
|
+
var StepperColorsDarkBgStrong = "#FFFFFF";
|
|
821
|
+
var StepperColorsDarkBgError = "#FF8883";
|
|
822
|
+
var StepperColorsDarkBgWarning = "#FFA94D";
|
|
823
|
+
var StepperColorsDarkBgErrorSubtle = "#2D0002";
|
|
824
|
+
var StepperColorsDarkBgWarningSubtle = "#4B2000";
|
|
825
|
+
var StepperColorsDarkBorderDefault = "#FFFFFF";
|
|
826
|
+
var StepperColorsDarkBorderSubtle = "#525252";
|
|
827
|
+
var StepperColorsDarkBorderStrong = "#F3F3F3";
|
|
828
|
+
var StepperColorsDarkBorderError = "#FF8883";
|
|
829
|
+
var StepperColorsDarkBorderWarning = "#FFA94D";
|
|
830
|
+
var StepperColorsDarkBorderVariant = "#FFFFFF";
|
|
831
|
+
var StepperColorsDarkFgDefault = "#FFFFFF";
|
|
832
|
+
var StepperColorsDarkFgDefaultAlt = "#2B2B2B";
|
|
833
|
+
var StepperColorsDarkFgStrong = "#FFFFFF";
|
|
834
|
+
var StepperColorsDarkFgError = "#FF8883";
|
|
835
|
+
var StepperColorsDarkFgWarning = "#FFA94D";
|
|
836
|
+
var StepperColorsDarkFgVariant = "#FFFFFF";
|
|
837
|
+
var StepperColorsDarkTextDefault = "#FFFFFF";
|
|
838
|
+
var StepperColorsDarkTextHover = "#F8FF19";
|
|
839
|
+
var StepperColorsDarkTextSubtle = "#9C9C9C";
|
|
840
|
+
var StepperBorderWeightS = "1px";
|
|
841
|
+
var StepperBorderWeightM = "2px";
|
|
842
|
+
var StepperBorderRadius = "50px";
|
|
843
|
+
var SpinnerSizeS = "16px";
|
|
844
|
+
var SpinnerSizeM = "24px";
|
|
845
|
+
var SpinnerSizeL = "32px";
|
|
846
|
+
var SpinnerSizeXl = "40px";
|
|
847
|
+
var SpinnerSizeXxl = "48px";
|
|
848
|
+
var SpinnerColorsLightFgDefault = "#009BA5";
|
|
849
|
+
var SpinnerColorsDarkFgDefault = "#FFFFFF";
|
|
850
|
+
var ToastSizeS = "40px";
|
|
851
|
+
var ToastPaddingS = "8px";
|
|
852
|
+
var ToastBorderRadiusS = "8px";
|
|
853
|
+
var ToastGapS = "8px";
|
|
854
|
+
var ToastSizeIconS = "24px";
|
|
855
|
+
var ToastBorderWeightS = "1px";
|
|
856
|
+
var ToastColorsStatusLightBgDefault = "#2a2a2a";
|
|
857
|
+
var ToastColorsStatusLightBgError = "#2a2a2a";
|
|
858
|
+
var ToastColorsStatusLightBgWarning = "#2a2a2a";
|
|
859
|
+
var ToastColorsStatusLightBgSuccess = "#2a2a2a";
|
|
860
|
+
var ToastColorsStatusLightBorderDefault = "#F3F3F3";
|
|
861
|
+
var ToastColorsStatusLightBorderError = "#FF8883";
|
|
862
|
+
var ToastColorsStatusLightBorderWarning = "#FFA94D";
|
|
863
|
+
var ToastColorsStatusLightBorderSuccess = "#73C367";
|
|
864
|
+
var ToastColorsStatusLightFgDefault = "#2a2a2a";
|
|
865
|
+
var ToastColorsStatusLightFgError = "#FFA200";
|
|
866
|
+
var ToastColorsStatusLightFgWarning = "#ffa200";
|
|
867
|
+
var ToastColorsStatusLightFgSuccess = "#73C367";
|
|
868
|
+
var ToastColorsStatusLightFgDefaultAlt = "#FFFFFF";
|
|
869
|
+
var ToastColorsStatusLightTextDefault = "#ffffff";
|
|
870
|
+
var ToastColorsStatusLightTextDefaultAlt = "#ffffff";
|
|
871
|
+
var ToastColorsStatusDarkBgDefault = "#f0f0f0";
|
|
872
|
+
var ToastColorsStatusDarkBgError = "#f0f0f0";
|
|
873
|
+
var ToastColorsStatusDarkBgWarning = "#f0f0f0";
|
|
874
|
+
var ToastColorsStatusDarkBgSuccess = "#f0f0f0";
|
|
875
|
+
var ToastColorsStatusDarkBorderDefault = "#3F3F3F";
|
|
876
|
+
var ToastColorsStatusDarkBorderError = "#D20007";
|
|
877
|
+
var ToastColorsStatusDarkBorderWarning = "#FEDDA4";
|
|
878
|
+
var ToastColorsStatusDarkBorderSuccess = "#138100";
|
|
879
|
+
var ToastColorsStatusDarkFgDefault = "#2B2B2B";
|
|
880
|
+
var ToastColorsStatusDarkFgError = "#D20007";
|
|
881
|
+
var ToastColorsStatusDarkFgWarning = "#FFA200";
|
|
882
|
+
var ToastColorsStatusDarkFgSuccess = "#138100";
|
|
883
|
+
var ToastColorsStatusDarkTextDefault = "#2a2a2a";
|
|
884
|
+
var ToastBoxShadow01 = "0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 4px 12px 0 rgba( 0, 0, 0 , 0.10)";
|
|
885
|
+
var ProgressBarGapS = "4px";
|
|
886
|
+
var ProgressBarGapM = "8px";
|
|
887
|
+
var ProgressBarSizeS = "12px";
|
|
888
|
+
var ProgressBarBorderRadiusS = "24px";
|
|
889
|
+
var ProgressBarColorsLightBgDefault = "#111111";
|
|
890
|
+
var ProgressBarColorsLightBgDefaultAlt = "#D9D9D9";
|
|
891
|
+
var ProgressBarColorsLightBgMuted = "#F3F3F3";
|
|
892
|
+
var ProgressBarColorsLightBgError = "#2a2a2a";
|
|
893
|
+
var ProgressBarColorsLightBgSuccess = "#2a2a2a";
|
|
894
|
+
var ProgressBarColorsLightTextDefault = "#2B2B2B";
|
|
895
|
+
var ProgressBarColorsLightTextDefaultAlt = "#009BA5";
|
|
896
|
+
var ProgressBarColorsLightTextDefaultAltHover = "hsl(184 100% 25.9%)";
|
|
897
|
+
var ProgressBarColorsLightTextError = "#D20007";
|
|
898
|
+
var ProgressBarColorsLightTextErrorHover = "hsl(358 100% 28.8%)";
|
|
899
|
+
var ProgressBarColorsLightTextSuccess = "#2a2a2a";
|
|
900
|
+
var ProgressBarColorsLightTextSuccessHover = "hsl(0 0% 11.5%)";
|
|
901
|
+
var ProgressBarColorsLightFgDefault = "#009BA5";
|
|
902
|
+
var ProgressBarColorsLightFgDefaultHover = "hsl(184 100% 25.9%)";
|
|
903
|
+
var ProgressBarColorsLightFgError = "#D20007";
|
|
904
|
+
var ProgressBarColorsLightFgErrorHover = "hsl(358 100% 28.8%)";
|
|
905
|
+
var ProgressBarColorsLightFgSuccess = "#2a2a2a";
|
|
906
|
+
var ProgressBarColorsLightFgSuccessHover = "hsl(0 0% 11.5%)";
|
|
907
|
+
var ProgressBarColorsDarkBgDefault = "#FFFFFF";
|
|
908
|
+
var ProgressBarColorsDarkBgDefaultAlt = "#3F3F3F";
|
|
909
|
+
var ProgressBarColorsDarkBgError = "#FF8883";
|
|
910
|
+
var ProgressBarColorsDarkBgSuccess = "#73C367";
|
|
911
|
+
var ProgressBarColorsDarkFgDefault = "#EBF304";
|
|
912
|
+
var ProgressBarColorsDarkFgDefaultHover = "hsl(62 96.8% 63.9%)";
|
|
913
|
+
var ProgressBarColorsDarkFgError = "#FF8883";
|
|
914
|
+
var ProgressBarColorsDarkFgErrorHover = "hsl(2.42 100% 87.8%)";
|
|
915
|
+
var ProgressBarColorsDarkFgSuccess = "#73C367";
|
|
916
|
+
var ProgressBarColorsDarkFgSuccessHover = "hsl(112 43.4% 63.6%)";
|
|
917
|
+
var ProgressBarColorsDarkTextDefault = "#FFFFFF";
|
|
918
|
+
var ProgressBarColorsDarkTextDefaultAlt = "#EBF304";
|
|
919
|
+
var ProgressBarColorsDarkTextDefaultAltHover = "hsl(62 96.8% 74.2%)";
|
|
920
|
+
var ProgressBarColorsDarkTextError = "#FF8883";
|
|
921
|
+
var ProgressBarColorsDarkTextErrorHover = "hsl(2.42 100% 87.8%)";
|
|
922
|
+
var ProgressBarColorsDarkTextSuccess = "#73C367";
|
|
923
|
+
var ProgressBarColorsDarkTextSuccessHover = "hsl(112 43.4% 63.6%)";
|
|
924
|
+
var DatePickerSizeS = "32px";
|
|
925
|
+
var DatePickerSizeM = "34px";
|
|
926
|
+
var DatePickerSizeL = "36px";
|
|
927
|
+
var DatePickerSizeXl = "40px";
|
|
928
|
+
var DatePickerSizeXxl = "44px";
|
|
929
|
+
var DatePickerSizeXxxl = "48px";
|
|
930
|
+
var DatePickerSizeXxxxl = "64px";
|
|
931
|
+
var DatePickerPaddingXxs = "2px";
|
|
932
|
+
var DatePickerPaddingXs = "3px";
|
|
933
|
+
var DatePickerPaddingS = "4px";
|
|
934
|
+
var DatePickerPaddingM = "8px";
|
|
935
|
+
var DatePickerPaddingL = "12px";
|
|
936
|
+
var DatePickerPaddingXl = "16px";
|
|
937
|
+
var DatePickerBorderRadiusS = "4px";
|
|
938
|
+
var DatePickerBorderRadiusM = "8px";
|
|
939
|
+
var DatePickerBorderRadiusL = "8px";
|
|
940
|
+
var DatePickerBorderRadiusXl = "1000px";
|
|
941
|
+
var DatePickerBorderWeightS = "1px";
|
|
942
|
+
var DatePickerBorderWeightM = "2px";
|
|
943
|
+
var DatePickerBorderWeightL = "4px";
|
|
944
|
+
var DatePickerColorsLightBgDefaultAlt = "#FFFFFF";
|
|
945
|
+
var DatePickerColorsLightBgHover = "#2B2B2B";
|
|
946
|
+
var DatePickerColorsLightBgSelected = "#057382";
|
|
947
|
+
var DatePickerColorsLightBgPressed = "#057382";
|
|
948
|
+
var DatePickerColorsLightBgDisabled = "#F0F0F0";
|
|
949
|
+
var DatePickerColorsLightBgError = "#FEEDED";
|
|
950
|
+
var DatePickerColorsLightBgSubtle = "#F3F3F3";
|
|
951
|
+
var DatePickerColorsLightBgHoverAlt = "#D9D9D9";
|
|
952
|
+
var DatePickerColorsLightBorderHover = "#525252";
|
|
953
|
+
var DatePickerColorsLightBorderFocus = "#111111";
|
|
954
|
+
var DatePickerColorsLightBorderSelected = "#3F3F3F";
|
|
955
|
+
var DatePickerColorsLightBorderDisabled = "#949494";
|
|
956
|
+
var DatePickerColorsLightBorderError = "#D20007";
|
|
957
|
+
var DatePickerColorsLightBorderStrong = "#818181";
|
|
958
|
+
var DatePickerColorsLightFgDefaultAlt = "#FFFFFF";
|
|
959
|
+
var DatePickerColorsLightFgHover = "#001318";
|
|
960
|
+
var DatePickerColorsLightFgStrong = "#2B2B2B";
|
|
961
|
+
var DatePickerColorsLightFgDisabled = "#686868";
|
|
962
|
+
var DatePickerColorsLightFgError = "#D20007";
|
|
963
|
+
var DatePickerColorsLightTextDefault = "#009BA5";
|
|
964
|
+
var DatePickerColorsLightTextDefaultAlt = "#FFFFFF";
|
|
965
|
+
var DatePickerColorsLightTextStrong = "#2B2B2B";
|
|
966
|
+
var DatePickerColorsLightTextDisabled = "#AAAAAA";
|
|
967
|
+
var DatePickerColorsLightTextError = "#D20007";
|
|
968
|
+
var DatePickerColorsLightTextHint = "#686868";
|
|
969
|
+
var DatePickerGapXs = "4px";
|
|
970
|
+
var DatePickerGapS = "8px";
|
|
971
|
+
var DatePickerGapM = "12px";
|
|
972
|
+
var DatePickerGapL = "40px";
|
|
973
|
+
var DatePickerSizeIconS = "24px";
|
|
974
|
+
var DatePickerSizeIconM = "32px";
|
|
975
|
+
var DatePickerSizeIconL = "40px";
|
|
976
|
+
var DatePickerTypeLabelS = "700 14px/1 Non-Dottee";
|
|
977
|
+
var DatePickerTypeLabelM = "700 16px/1 Non-Dottee";
|
|
978
|
+
var DatePickerTypeLabelL = "700 20px/1 Non-Dottee";
|
|
979
|
+
var DatepickerTypeLabelS = "700 14px/1 Non-Dottee";
|
|
980
|
+
var DatepickerTypeLabelM = "700 16px/1 Non-Dottee";
|
|
981
|
+
var DatepickerTypeLabelL = "700 20px/1 Non-Dottee";
|
|
982
|
+
var SelectSizeS = "32px";
|
|
983
|
+
var SelectSizeM = "44px";
|
|
984
|
+
var SelectSizeL = "64px";
|
|
985
|
+
var SelectPaddingS = "8px";
|
|
986
|
+
var SelectPaddingM = "12px";
|
|
987
|
+
var SelectPaddingL = "16px";
|
|
988
|
+
var SelectPaddingXl = "28px";
|
|
989
|
+
var SelectBorderRadiusS = "4px";
|
|
990
|
+
var SelectBorderRadiusM = "8px";
|
|
991
|
+
var SelectBorderRadiusL = "8px";
|
|
992
|
+
var SelectBorderWeightS = "1px";
|
|
993
|
+
var SelectBorderWeightM = "2px";
|
|
994
|
+
var SelectBorderWeightL = "4px";
|
|
995
|
+
var SelectGapS = "4px";
|
|
996
|
+
var SelectGapM = "8px";
|
|
997
|
+
var SelectGapL = "12px";
|
|
998
|
+
var SelectSizeIconS = "16px";
|
|
999
|
+
var SelectSizeIconM = "20px";
|
|
1000
|
+
var SelectSizeIconL = "24px";
|
|
1001
|
+
var SelectColorsLightBgDefault = "#FFFFFF";
|
|
1002
|
+
var SelectColorsLightBgHover = "#D9D9D9";
|
|
1003
|
+
var SelectColorsLightBgDisabled = "#F0F0F0";
|
|
1004
|
+
var SelectColorsLightBgError = "#FEEDED";
|
|
1005
|
+
var SelectColorsLightBgHoverAlt = "#D9D9D9";
|
|
1006
|
+
var SelectColorsLightBgSelected = "#F3F3F3";
|
|
1007
|
+
var SelectColorsLightBorderDefault = "#818181";
|
|
1008
|
+
var SelectColorsLightBorderHover = "#525252";
|
|
1009
|
+
var SelectColorsLightBorderFocus = "#111111";
|
|
1010
|
+
var SelectColorsLightBorderDisabled = "#949494";
|
|
1011
|
+
var SelectColorsLightBorderError = "#D20007";
|
|
1012
|
+
var SelectColorsLightBorderSubtle = "#BBBBBB";
|
|
1013
|
+
var SelectColorsLightFgDefault = "#2B2B2B";
|
|
1014
|
+
var SelectColorsLightFgDisabled = "#686868";
|
|
1015
|
+
var SelectColorsLightFgSubtle = "#BBBBBB";
|
|
1016
|
+
var SelectColorsLightFgError = "#D20007";
|
|
1017
|
+
var SelectColorsLightTextDefault = "#2B2B2B";
|
|
1018
|
+
var SelectColorsLightTextDefaultAlt = "#5514b4";
|
|
1019
|
+
var SelectColorsLightTextDisabled = "#686868";
|
|
1020
|
+
var SelectColorsLightTextError = "#D20007";
|
|
1021
|
+
var SelectColorsDarkBgDefault = "#111111";
|
|
1022
|
+
var SelectColorsDarkBgHover = "#111111";
|
|
1023
|
+
var SelectColorsDarkBgDisabled = "#686868";
|
|
1024
|
+
var SelectColorsDarkBgError = "#2D0002";
|
|
1025
|
+
var SelectColorsDarkBgHoverAlt = "#F3F3F3";
|
|
1026
|
+
var SelectColorsDarkBgSelected = "#818181";
|
|
1027
|
+
var SelectColorsDarkBorderStrong = "#F3F3F3";
|
|
1028
|
+
var SelectColorsDarkBorderHover = "#F3F3F3";
|
|
1029
|
+
var SelectColorsDarkBorderFocus = "#D9D9D9";
|
|
1030
|
+
var SelectColorsDarkBorderDisabled = "#686868";
|
|
1031
|
+
var SelectColorsDarkBorderError = "#FF8883";
|
|
1032
|
+
var SelectColorsDarkBorderSubtle = "#525252";
|
|
1033
|
+
var SelectColorsDarkTextDefault = "#FFFFFF";
|
|
1034
|
+
var SelectColorsDarkTextDisabled = "#9C9C9C";
|
|
1035
|
+
var SelectColorsDarkTextError = "#2a2a2a";
|
|
1036
|
+
var SelectColorsDarkFgDefault = "#FFFFFF";
|
|
1037
|
+
var SelectColorsDarkFgDisabled = "#9C9C9C";
|
|
1038
|
+
var SelectColorsDarkFgSubtle = "#525252";
|
|
1039
|
+
var SelectColorsDarkFgError = "#FF8883";
|
|
1040
|
+
var SelectBorderRadiusTestS = "32px";
|
|
1041
|
+
var SelectBorderRadiusTestM = "24px";
|
|
1042
|
+
var SelectBorderRadiusTestL = "32px";
|
|
1043
|
+
var SelectTypeLabelS = "700 14px/1 Non-Dottee";
|
|
1044
|
+
var SelectTypeLabelM = "700 16px/1 Non-Dottee";
|
|
1045
|
+
var SelectTypeLabelL = "700 20px/1 Non-Dottee";
|
|
1046
|
+
var CheckboxSizeS = "24px";
|
|
1047
|
+
var CheckboxSizeL = "36px";
|
|
1048
|
+
var CheckboxPaddingS = "2px";
|
|
1049
|
+
var CheckboxGapS = "8px";
|
|
1050
|
+
var CheckboxGapM = "12px";
|
|
1051
|
+
var CheckboxBorderRadiusXs = "4px";
|
|
1052
|
+
var CheckboxBorderRadiusS = "8px";
|
|
1053
|
+
var CheckboxBorderWeightS = "2px";
|
|
1054
|
+
var CheckboxSizeIconS = "20px";
|
|
1055
|
+
var CheckboxSizeIconM = "32px";
|
|
1056
|
+
var CheckboxColorsLightBgDefault = "#035F6E";
|
|
1057
|
+
var CheckboxColorsLightBgDefaultAlt = "#FFFFFF";
|
|
1058
|
+
var CheckboxColorsLightBgDisabled = "#D9D9D9";
|
|
1059
|
+
var CheckboxColorsLightBgError = "#FEEDED";
|
|
1060
|
+
var CheckboxColorsLightFgDefault = "#FFFFFF";
|
|
1061
|
+
var CheckboxColorsLightFgDisabled = "#686868";
|
|
1062
|
+
var CheckboxColorsLightBorderDefault = "#818181";
|
|
1063
|
+
var CheckboxColorsLightBorderDisabled = "#D9D9D9";
|
|
1064
|
+
var CheckboxColorsLightBorderError = "#D20007";
|
|
1065
|
+
var CheckboxColorsLightTextDefault = "#2B2B2B";
|
|
1066
|
+
var CheckboxColorsLightTextDisabled = "#686868";
|
|
1067
|
+
var CheckboxColorsDarkBgDefault = "#FFFFFF";
|
|
1068
|
+
var CheckboxColorsDarkBgDefaultAlt = "#111111";
|
|
1069
|
+
var CheckboxColorsDarkBgDisabled = "#686868";
|
|
1070
|
+
var CheckboxColorsDarkBgError = "#2D0002";
|
|
1071
|
+
var CheckboxColorsDarkFgDefault = "#2B2B2B";
|
|
1072
|
+
var CheckboxColorsDarkFgDisabled = "#C8C8C8";
|
|
1073
|
+
var CheckboxColorsDarkBorderDefault = "#F3F3F3";
|
|
1074
|
+
var CheckboxColorsDarkBorderDisabled = "#686868";
|
|
1075
|
+
var CheckboxColorsDarkBorderError = "#FF8883";
|
|
1076
|
+
var CheckboxColorsDarkTextDefault = "#FFFFFF";
|
|
1077
|
+
var CheckboxColorsDarkTextDisabled = "#C8C8C8";
|
|
1078
|
+
var CheckboxTypeLabelS = "400 14px/1 Non-Dottee";
|
|
1079
|
+
var CheckboxTypeLabelM = "400 16px/1 Non-Dottee";
|
|
1080
|
+
var CheckboxTypeLabelL = "400 20px/1 Non-Dottee";
|
|
1081
|
+
var TextareaPaddingS = "12px";
|
|
1082
|
+
var TextareaPaddingM = "10px";
|
|
1083
|
+
var TextareaSizeIconS = "16px";
|
|
1084
|
+
var TextareaBorderRadiusS = "8px";
|
|
1085
|
+
var TextareaBorderRadiusXs = "4px";
|
|
1086
|
+
var TextareaBorderWeightS = "1px";
|
|
1087
|
+
var TextareaBorderWeightM = "2px";
|
|
1088
|
+
var TextareaBorderWeightL = "4px";
|
|
1089
|
+
var TextareaGapS = "4px";
|
|
1090
|
+
var TextareaGapM = "12px";
|
|
1091
|
+
var TextareaColorsLightBgDefault = "#FFFFFF";
|
|
1092
|
+
var TextareaColorsLightBgHover = "#D9D9D9";
|
|
1093
|
+
var TextareaColorsLightBgDisabled = "#F0F0F0";
|
|
1094
|
+
var TextareaColorsLightBgError = "#FEEDED";
|
|
1095
|
+
var TextareaColorsLightBorderDefault = "#818181";
|
|
1096
|
+
var TextareaColorsLightBorderHover = "#525252";
|
|
1097
|
+
var TextareaColorsLightBorderFocus = "#111111";
|
|
1098
|
+
var TextareaColorsLightBorderError = "#D20007";
|
|
1099
|
+
var TextareaColorsLightBorderDisabled = "#949494";
|
|
1100
|
+
var TextareaColorsLightFgDefault = "#2B2B2B";
|
|
1101
|
+
var TextareaColorsLightFgDisabled = "#686868";
|
|
1102
|
+
var TextareaColorsLightFgError = "#D20007";
|
|
1103
|
+
var TextareaColorsLightTextDefault = "#2B2B2B";
|
|
1104
|
+
var TextareaColorsLightTextDisabled = "#686868";
|
|
1105
|
+
var TextareaColorsLightTextError = "#D20007";
|
|
1106
|
+
var TextareaColorsDarkFgDefault = "#FFFFFF";
|
|
1107
|
+
var TextareaColorsDarkFgDisabled = "#9C9C9C";
|
|
1108
|
+
var TextareaColorsDarkFgError = "#FF8883";
|
|
1109
|
+
var TextareaColorsDarkBgDefault = "#111111";
|
|
1110
|
+
var TextareaColorsDarkBgHover = "#2B2B2B";
|
|
1111
|
+
var TextareaColorsDarkBgDisabled = "#686868";
|
|
1112
|
+
var TextareaColorsDarkBgError = "#2D0002";
|
|
1113
|
+
var TextareaColorsDarkBorderStrong = "#F3F3F3";
|
|
1114
|
+
var TextareaColorsDarkBorderHover = "#F3F3F3";
|
|
1115
|
+
var TextareaColorsDarkBorderFocus = "#D9D9D9";
|
|
1116
|
+
var TextareaColorsDarkBorderDisabled = "#686868";
|
|
1117
|
+
var TextareaColorsDarkBorderError = "#FF8883";
|
|
1118
|
+
var TextareaColorsDarkTextStrong = "#FFFFFF";
|
|
1119
|
+
var TextareaColorsDarkTextDisabled = "#9C9C9C";
|
|
1120
|
+
var TextareaColorsDarkTextError = "#FF8883";
|
|
1121
|
+
var TextareaTypeLabelS = "700 14px/1 Non-Dottee";
|
|
1122
|
+
var TextareaTypeLabelM = "700 16px/1 Non-Dottee";
|
|
1123
|
+
var TextareaTypeLabelL = "700 20px/1 Non-Dottee";
|
|
1124
|
+
var TextinputSizeS = "32px";
|
|
1125
|
+
var TextinputSizeM = "44px";
|
|
1126
|
+
var TextinputSizeL = "64px";
|
|
1127
|
+
var TextinputBorderRadiusS = "4px";
|
|
1128
|
+
var TextinputBorderRadiusM = "8px";
|
|
1129
|
+
var TextinputBorderRadiusL = "8px";
|
|
1130
|
+
var TextinputPaddingS = "8px";
|
|
1131
|
+
var TextinputPaddingM = "12px";
|
|
1132
|
+
var TextinputPaddingL = "16px";
|
|
1133
|
+
var TextinputGapS = "4px";
|
|
1134
|
+
var TextinputGapM = "12px";
|
|
1135
|
+
var TextinputBorderWeightS = "1px";
|
|
1136
|
+
var TextinputBorderWeightM = "1px";
|
|
1137
|
+
var TextinputBorderWeightL = "4px";
|
|
1138
|
+
var TextinputSizeIconM = "24px";
|
|
1139
|
+
var TextinputColorsLightBgDefault = "#FFFFFF";
|
|
1140
|
+
var TextinputColorsLightBgHover = "#f7f7f7";
|
|
1141
|
+
var TextinputColorsLightBgDisabled = "#F0F0F0";
|
|
1142
|
+
var TextinputColorsLightBgError = "#FEEDED";
|
|
1143
|
+
var TextinputColorsLightBorderDefault = "#818181";
|
|
1144
|
+
var TextinputColorsLightBorderHover = "#525252";
|
|
1145
|
+
var TextinputColorsLightBorderFocus = "#111111";
|
|
1146
|
+
var TextinputColorsLightBorderDisabled = "#949494";
|
|
1147
|
+
var TextinputColorsLightBorderError = "#D20007";
|
|
1148
|
+
var TextinputColorsLightTextDefault = "#2B2B2B";
|
|
1149
|
+
var TextinputColorsLightTextDisabled = "#686868";
|
|
1150
|
+
var TextinputColorsLightTextError = "#D20007";
|
|
1151
|
+
var TextinputColorsLightFgDefault = "#2B2B2B";
|
|
1152
|
+
var TextinputColorsLightFgError = "#D20007";
|
|
1153
|
+
var TextinputColorsDarkBgDefault = "#111111";
|
|
1154
|
+
var TextinputColorsDarkBgHover = "#111111";
|
|
1155
|
+
var TextinputColorsDarkBgDisabled = "#686868";
|
|
1156
|
+
var TextinputColorsDarkBgError = "#2D0002";
|
|
1157
|
+
var TextinputColorsDarkBorderDefault = "#F3F3F3";
|
|
1158
|
+
var TextinputColorsDarkBorderHover = "#F3F3F3";
|
|
1159
|
+
var TextinputColorsDarkBorderFocus = "#D9D9D9";
|
|
1160
|
+
var TextinputColorsDarkBorderDisabled = "#686868";
|
|
1161
|
+
var TextinputColorsDarkBorderError = "#FF8883";
|
|
1162
|
+
var TextinputColorsDarkTextDefault = "#FFFFFF";
|
|
1163
|
+
var TextinputColorsDarkTextDisabled = "#9C9C9C";
|
|
1164
|
+
var TextinputColorsDarkTextError = "#FF8883";
|
|
1165
|
+
var TextinputColorsDarkFgDefault = "#FFFFFF";
|
|
1166
|
+
var TextinputColorsDarkFgError = "#FF8883";
|
|
1167
|
+
var TextinputTypeLabelS = "700 14px/1 Non-Dottee";
|
|
1168
|
+
var TextinputTypeLabelM = "700 16px/1 Non-Dottee";
|
|
1169
|
+
var TextinputTypeLabelL = "700 20px/1 Non-Dottee";
|
|
1170
|
+
var RadioSizeS = "12px";
|
|
1171
|
+
var RadioSizeM = "20px";
|
|
1172
|
+
var RadioSizeL = "24px";
|
|
1173
|
+
var RadioSizeXl = "34px";
|
|
1174
|
+
var RadioGapS = "8px";
|
|
1175
|
+
var RadioGapM = "12px";
|
|
1176
|
+
var RadioBorderWeightS = "2px";
|
|
1177
|
+
var RadioColorsLightBgDefault = "#FFFFFF";
|
|
1178
|
+
var RadioColorsLightBgDisabled = "#D9D9D9";
|
|
1179
|
+
var RadioColorsLightBorderDefault = "#818181";
|
|
1180
|
+
var RadioColorsLightBorderDisabled = "#D9D9D9";
|
|
1181
|
+
var RadioColorsLightFgDefault = "#035F6E";
|
|
1182
|
+
var RadioColorsLightFgDisabled = "#686868";
|
|
1183
|
+
var RadioColorsLightTextDefault = "#2B2B2B";
|
|
1184
|
+
var RadioColorsLightTextDisabled = "#686868";
|
|
1185
|
+
var RadioColorsDarkBgDefault = "#111111";
|
|
1186
|
+
var RadioColorsDarkBgDisabled = "#434343";
|
|
1187
|
+
var RadioColorsDarkBorderDefault = "#F3F3F3";
|
|
1188
|
+
var RadioColorsDarkBorderDisabled = "#808080";
|
|
1189
|
+
var RadioColorsDarkFgDefault = "#EBF304";
|
|
1190
|
+
var RadioColorsDarkFgDisabled = "#C8C8C8";
|
|
1191
|
+
var RadioColorsDarkTextDefault = "#FFFFFF";
|
|
1192
|
+
var RadioColorsDarkTextDisabled = "#C8C8C8";
|
|
1193
|
+
var RadioTypeLabelS = "400 14px/1 Non-Dottee";
|
|
1194
|
+
var RadioTypeLabelM = "400 16px/1 Non-Dottee";
|
|
1195
|
+
var RadioTypeLabelL = "400 20px/1 Non-Dottee";
|
|
1196
|
+
var SwitchSizeS = "24px";
|
|
1197
|
+
var SwitchSizeM = "32px";
|
|
1198
|
+
var SwitchBorderWeightS = "2px";
|
|
1199
|
+
var SwitchColorsLightBgDefault = "#057382";
|
|
1200
|
+
var SwitchColorsLightBgDisabled = "#F0F0F0";
|
|
1201
|
+
var SwitchColorsLightBgStrong = "#FFFFFF";
|
|
1202
|
+
var SwitchColorsLightBgSubtle = "#F3F3F3";
|
|
1203
|
+
var SwitchColorsLightBorderDefault = "#111111";
|
|
1204
|
+
var SwitchColorsLightBorderDisabled = "#949494";
|
|
1205
|
+
var SwitchColorsLightBorderStrong = "#818181";
|
|
1206
|
+
var SwitchColorsLightFgDefault = "#009BA5";
|
|
1207
|
+
var SwitchColorsLightFgDisabled = "#686868";
|
|
1208
|
+
var SwitchColorsLightTextDefault = "#2B2B2B";
|
|
1209
|
+
var SwitchColorsLightTextDisabled = "#686868";
|
|
1210
|
+
var SwitchColorsDarkBgDefault = "#EBF304";
|
|
1211
|
+
var SwitchColorsDarkBgDisabled = "#434343";
|
|
1212
|
+
var SwitchColorsDarkBgStrong = "#111111";
|
|
1213
|
+
var SwitchColorsDarkBgSubtle = "#3F3F3F";
|
|
1214
|
+
var SwitchColorsDarkBorderDefault = "#FFFFFF";
|
|
1215
|
+
var SwitchColorsDarkBorderDisabled = "#808080";
|
|
1216
|
+
var SwitchColorsDarkBorderStrong = "#F3F3F3";
|
|
1217
|
+
var SwitchColorsDarkFgDefault = "#EBF304";
|
|
1218
|
+
var SwitchColorsDarkFgDisabled = "#9C9C9C";
|
|
1219
|
+
var SwitchColorsDarkTextDefault = "#FFFFFF";
|
|
1220
|
+
var SwitchColorsDarkTextDisabled = "#9C9C9C";
|
|
1221
|
+
var SwitchBorderRadiusS = "1000px";
|
|
1222
|
+
var SwitchBoxShadow01 = "0 0 0 2px #8449cc";
|
|
1223
|
+
var SwitchBoxShadow02 = "0 0 0 2px #fd51ff";
|
|
1224
|
+
var SwitchGapS = "8px";
|
|
1225
|
+
var SwitchGapM = "12px";
|
|
1226
|
+
var SwitchTypeLabelS = "700 14px/1 Non-Dottee";
|
|
1227
|
+
var SwitchTypeLabelM = "700 16px/1 Non-Dottee";
|
|
1228
|
+
var SwitchTypeLabelL = "700 20px/1 Non-Dottee";
|
|
1229
|
+
var SemFontFamilyHeading = "Non-Dottee";
|
|
1230
|
+
var SemFontFamilyBody = "Non-Dottee";
|
|
1231
|
+
var SemFontFamilyInterface = "Non-Dottee";
|
|
1232
|
+
var SemFontWeightRegular = "400";
|
|
1233
|
+
var SemFontWeightSemi = "700";
|
|
1234
|
+
var SemFontWeightBold = "700";
|
|
1235
|
+
var SemFontWeightButton = "700";
|
|
1236
|
+
var SemFontWeightSemiBold = "500";
|
|
1237
|
+
var SemTypeBodyRegXs = "400 12px/16px Non-Dottee";
|
|
1238
|
+
var SemTypeBodyRegS = "400 14px/20px Non-Dottee";
|
|
1239
|
+
var SemTypeBodyRegM = "400 16px/24px Non-Dottee";
|
|
1240
|
+
var SemTypeBodyRegL = "400 20px/26px Non-Dottee";
|
|
1241
|
+
var SemTypeBodyBoldXs = "700 12px/16px Non-Dottee";
|
|
1242
|
+
var SemTypeBodyBoldS = "700 14px/20px Non-Dottee";
|
|
1243
|
+
var SemTypeBodyBoldM = "700 16px/24px Non-Dottee";
|
|
1244
|
+
var SemTypeBodyBoldL = "700 20px/26px Non-Dottee";
|
|
1245
|
+
var SemTypeBodySemiXs = "700 12px/16px Non-Dottee";
|
|
1246
|
+
var SemTypeBodySemiS = "700 14px/20px Non-Dottee";
|
|
1247
|
+
var SemTypeBodySemiM = "700 16px/24px Non-Dottee";
|
|
1248
|
+
var SemTypeBodySemiL = "700 20px/26px Non-Dottee";
|
|
1249
|
+
var SemTypeInterfaceRegXs = "400 12px/12px Non-Dottee";
|
|
1250
|
+
var SemTypeInterfaceRegS = "400 14px/14px Non-Dottee";
|
|
1251
|
+
var SemTypeInterfaceRegM = "400 16px/16px Non-Dottee";
|
|
1252
|
+
var SemTypeInterfaceRegL = "400 20px/20px Non-Dottee";
|
|
1253
|
+
var SemTypeInterfaceSemiXs = "700 12px/12px Non-Dottee";
|
|
1254
|
+
var SemTypeInterfaceSemiS = "700 14px/14px Non-Dottee";
|
|
1255
|
+
var SemTypeInterfaceSemiM = "700 16px/16px Non-Dottee";
|
|
1256
|
+
var SemTypeInterfaceSemiL = "700 20px/20px Non-Dottee";
|
|
1257
|
+
var SemTypeInterfaceBoldXs = "700 12px/12px Non-Dottee";
|
|
1258
|
+
var SemTypeInterfaceBoldS = "700 14px/14px Non-Dottee";
|
|
1259
|
+
var SemTypeInterfaceBoldM = "700 16px/16px Non-Dottee";
|
|
1260
|
+
var SemTypeInterfaceBoldL = "700 20px/20px Non-Dottee";
|
|
1261
|
+
var SemTypeInterfaceButtonS = "700 14px/14px Non-Dottee";
|
|
1262
|
+
var SemTypeInterfaceButtonM = "700 16px/16px Non-Dottee";
|
|
1263
|
+
var SemTypeInterfaceButtonL = "700 20px/20px Non-Dottee";
|
|
1264
|
+
var SemTypeInterfaceCardSemiM = "700 24px/32px Non-Dottee";
|
|
1265
|
+
var SemTypeInterfaceCardSemiL = "700 28px/32px Non-Dottee";
|
|
1266
|
+
var SemTypeInterfaceCardSemiXl = "700 32px/40px Non-Dottee";
|
|
1267
|
+
var SemTypeInterfaceCardSemiS = "700 20px/26px Non-Dottee";
|
|
1268
|
+
var SemTypeInterfaceAlertTitleM = "700 16px/24px Non-Dottee";
|
|
1269
|
+
var SemTypeInterfaceProgressBarTitleM = "400 16px/16px Non-Dottee";
|
|
1270
|
+
var SemTypeSupportRegXs = "400 12px/16px Non-Dottee";
|
|
1271
|
+
var SemTypeSupportRegS = "400 14px/20px Non-Dottee";
|
|
1272
|
+
var SemTypeSupportRegM = "400 16px/24px Non-Dottee";
|
|
1273
|
+
var SemTypeSupportRegL = "400 20px/26px Non-Dottee";
|
|
1274
|
+
var SemTypeMobileSemiXxxs = "700 12px/16px Non-Dottee";
|
|
1275
|
+
var SemTypeMobileSemiXxs = "700 14px/20px Non-Dottee";
|
|
1276
|
+
var SemTypeMobileSemiXs = "700 16px/24px Non-Dottee";
|
|
1277
|
+
var SemTypeMobileSemiS = "700 20px/26px Non-Dottee";
|
|
1278
|
+
var SemTypeMobileSemiM = "700 24px/32px Non-Dottee";
|
|
1279
|
+
var SemTypeMobileSemiL = "700 28px/36px Non-Dottee";
|
|
1280
|
+
var SemTypeMobileSemiXl = "700 36px/44px Non-Dottee";
|
|
1281
|
+
var SemTypeMobileSemiXxl = "700 40px/48px Non-Dottee";
|
|
1282
|
+
var SemTypeMobileSemiXxxl = "700 56px/64px Non-Dottee";
|
|
1283
|
+
var SemTypeMobileBoldXxxs = "700 12px/16px Non-Dottee";
|
|
1284
|
+
var SemTypeMobileBoldXxs = "700 14px/20px Non-Dottee";
|
|
1285
|
+
var SemTypeMobileBoldXs = "700 16px/24px Non-Dottee";
|
|
1286
|
+
var SemTypeMobileBoldS = "700 20px/26px Non-Dottee";
|
|
1287
|
+
var SemTypeMobileBoldM = "700 24px/32px Non-Dottee";
|
|
1288
|
+
var SemTypeMobileBoldL = "700 28px/36px Non-Dottee";
|
|
1289
|
+
var SemTypeMobileBoldXl = "700 36px/44px Non-Dottee";
|
|
1290
|
+
var SemTypeMobileBoldXxl = "700 40px/48px Non-Dottee";
|
|
1291
|
+
var SemTypeMobileBoldXxxl = "700 56px/64px Non-Dottee";
|
|
1292
|
+
var SemTypeTabletSemiM = "700 28px/36px Non-Dottee";
|
|
1293
|
+
var SemTypeTabletSemiL = "700 32px/40px Non-Dottee";
|
|
1294
|
+
var SemTypeTabletSemiXl = "700 40px/48px Non-Dottee";
|
|
1295
|
+
var SemTypeTabletSemiXxl = "700 56px/64px Non-Dottee";
|
|
1296
|
+
var SemTypeTabletSemiXxxl = "700 80px/96px Non-Dottee";
|
|
1297
|
+
var SemTypeTabletBoldM = "700 28px/36px Non-Dottee";
|
|
1298
|
+
var SemTypeTabletBoldL = "700 32px/40px Non-Dottee";
|
|
1299
|
+
var SemTypeTabletBoldXl = "700 40px/48px Non-Dottee";
|
|
1300
|
+
var SemTypeTabletBoldXxl = "700 56px/64px Non-Dottee";
|
|
1301
|
+
var SemTypeTabletBoldXxxl = "700 80px/96px Non-Dottee";
|
|
1302
|
+
var SemTypeDesktopSemiM = "700 32px/40px Non-Dottee";
|
|
1303
|
+
var SemTypeDesktopSemiL = "700 40px/48px Non-Dottee";
|
|
1304
|
+
var SemTypeDesktopSemiXl = "700 56px/64px Non-Dottee";
|
|
1305
|
+
var SemTypeDesktopSemiXxl = "700 80px/96px Non-Dottee";
|
|
1306
|
+
var SemTypeDesktopSemiXxxl = "700 120px/136px Non-Dottee";
|
|
1307
|
+
var SemTypeDesktopBoldM = "700 32px/40px Non-Dottee";
|
|
1308
|
+
var SemTypeDesktopBoldL = "700 40px/48px Non-Dottee";
|
|
1309
|
+
var SemTypeDesktopBoldXl = "700 56px/64px Non-Dottee";
|
|
1310
|
+
var SemTypeDesktopBoldXxl = "700 80px/96px Non-Dottee";
|
|
1311
|
+
var SemTypeDesktopBoldXxxl = "700 120px/136px Non-Dottee";
|
|
1312
|
+
var SemTypeLabelRegXxs = "400 14px/20px Non-Dottee";
|
|
1313
|
+
var SemTypeLabelRegXs = "400 14px/20px Non-Dottee";
|
|
1314
|
+
var SemTypeLabelRegM = "700 16px/24px Non-Dottee";
|
|
1315
|
+
var SemTypeLabelRegL = "700 20px/26px Non-Dottee";
|
|
1316
|
+
var SemTypeLabelRegXl = "400 20px/26px Non-Dottee";
|
|
1317
|
+
var SemTypeLabelRegS = "700 14px/20px Non-Dottee";
|
|
1318
|
+
var SemFontSize75 = "12px";
|
|
1319
|
+
var SemFontSize87 = "14px";
|
|
1320
|
+
var SemFontSize100 = "16px";
|
|
1321
|
+
var SemFontSize125 = "20px";
|
|
1322
|
+
var SemFontSize150 = "24px";
|
|
1323
|
+
var SemFontSize175 = "28px";
|
|
1324
|
+
var SemFontSize200 = "32px";
|
|
1325
|
+
var SemFontSize225 = "36px";
|
|
1326
|
+
var SemFontSize250 = "40px";
|
|
1327
|
+
var SemFontSize300 = "48px";
|
|
1328
|
+
var SemFontSize350 = "56px";
|
|
1329
|
+
var SemFontSize400 = "64px";
|
|
1330
|
+
var SemFontSize500 = "80px";
|
|
1331
|
+
var SemFontSize750 = "120px";
|
|
1332
|
+
var SemLineHeightBaseScaleXxxs = "16px";
|
|
1333
|
+
var SemLineHeightBaseScaleXxs = "20px";
|
|
1334
|
+
var SemLineHeightBaseScaleXs = "24px";
|
|
1335
|
+
var SemLineHeightBaseScaleS = "26px";
|
|
1336
|
+
var SemLineHeightBaseScaleM = "28px";
|
|
1337
|
+
var SemLineHeightBaseScaleL = "32px";
|
|
1338
|
+
var SemLineHeightBaseScaleXl = "36px";
|
|
1339
|
+
var SemLineHeightBaseScaleXxl = "40px";
|
|
1340
|
+
var SemLineHeightBaseScaleXxxl = "44px";
|
|
1341
|
+
var SemLineHeightBaseScaleXxxxl = "48px";
|
|
1342
|
+
var SemLineHeightBaseScaleXxxxxl = "64px";
|
|
1343
|
+
var SemLineHeightBaseScaleXxxxxxl = "96px";
|
|
1344
|
+
var SemLineHeightBaseScaleXxxxxxxl = "136px";
|
|
1345
|
+
var SemLineHeightInterfaceNone = "0px";
|
|
1346
|
+
var SemLineHeightInterfaceXxxs = "8px";
|
|
1347
|
+
var SemLineHeightInterfaceXxs = "10px";
|
|
1348
|
+
var SemLineHeightInterfaceXs = "12px";
|
|
1349
|
+
var SemLineHeightInterfaceS = "14px";
|
|
1350
|
+
var SemLineHeightInterfaceM = "16px";
|
|
1351
|
+
var SemLineHeightInterfaceL = "20px";
|
|
1352
|
+
var SemParagraphSpacingHeading = "0";
|
|
1353
|
+
var SemParagraphSpacingBody = "0.5";
|
|
1354
|
+
var SemParagraphSpacingInterface = "0";
|
|
1355
|
+
var SemSizeIconXxxs = "12px";
|
|
1356
|
+
var SemSizeIconXxs = "14px";
|
|
1357
|
+
var SemSizeIconXs = "16px";
|
|
1358
|
+
var SemSizeIconS = "20px";
|
|
1359
|
+
var SemSizeIconM = "24px";
|
|
1360
|
+
var SemSizeIconMl = "42px";
|
|
1361
|
+
var SemSizeIconL = "28px";
|
|
1362
|
+
var SemSizeIconXl = "32px";
|
|
1363
|
+
var SemSizeIconXxl = "40px";
|
|
1364
|
+
var SemSizeIconXxxl = "48px";
|
|
1365
|
+
var SemSizeIconXxxxl = "64px";
|
|
1366
|
+
var SemSizeIconXxxxxl = "80px";
|
|
1367
|
+
var SemSizeIconXxxxxxl = "96px";
|
|
1368
|
+
var SemSizeIconXxxxs = "32px";
|
|
1369
|
+
var SemSizeIconXxxxxxs = "10px";
|
|
1370
|
+
var SemSizeAll5 = "2px";
|
|
1371
|
+
var SemSizeAll10 = "1px";
|
|
1372
|
+
var SemSizeAll20 = "4px";
|
|
1373
|
+
var SemSizeAll30 = "8px";
|
|
1374
|
+
var SemSizeAll40 = "12px";
|
|
1375
|
+
var SemSizeAll45 = "14px";
|
|
1376
|
+
var SemSizeAll50 = "16px";
|
|
1377
|
+
var SemSizeAll60 = "20px";
|
|
1378
|
+
var SemSizeAll70 = "24px";
|
|
1379
|
+
var SemSizeAll75 = "26px";
|
|
1380
|
+
var SemSizeAll80 = "28px";
|
|
1381
|
+
var SemSizeAll85 = "28px";
|
|
1382
|
+
var SemSizeAll90 = "32px";
|
|
1383
|
+
var SemSizeAll95 = "34px";
|
|
1384
|
+
var SemSizeAll100 = "36px";
|
|
1385
|
+
var SemSizeAll110 = "40px";
|
|
1386
|
+
var SemSizeAll115 = "36px";
|
|
1387
|
+
var SemSizeAll120 = "42px";
|
|
1388
|
+
var SemSizeAll130 = "44px";
|
|
1389
|
+
var SemSizeAll140 = "48px";
|
|
1390
|
+
var SemSizeAll142 = "52px";
|
|
1391
|
+
var SemSizeAll145 = "56px";
|
|
1392
|
+
var SemSizeAll150 = "58px";
|
|
1393
|
+
var SemSizeAll155 = "60px";
|
|
1394
|
+
var SemSizeAll160 = "64px";
|
|
1395
|
+
var SemSizeAll162 = "84px"; // SiteHeader (ENT)
|
|
1396
|
+
var SemSizeAll165 = "80px";
|
|
1397
|
+
var SemSizeAll170 = "96px";
|
|
1398
|
+
var SemSizeAll175 = "96px";
|
|
1399
|
+
var SemSizeAll178 = "72px";
|
|
1400
|
+
var SemSizeAll180 = "128px";
|
|
1401
|
+
var SemSizeAll182 = "106px";
|
|
1402
|
+
var SemSizeAll185 = "282px";
|
|
1403
|
+
var SemSizeAll190 = "288px";
|
|
1404
|
+
var SemSizeAll195 = "304px";
|
|
1405
|
+
var SemSizeAll200 = "384px";
|
|
1406
|
+
var SemSizeAll210 = "472px";
|
|
1407
|
+
var SemSizeAll220 = "591px";
|
|
1408
|
+
var SemSizeAll230 = "800px";
|
|
1409
|
+
var SemSizeAll240 = "800px";
|
|
1410
|
+
var SemSizeBreakpointsXs = "320px"; // Extra Small (XS) - 320px or under 636px: This is typically the breakpoint for smartphones in portrait mode.
|
|
1411
|
+
var SemSizeBreakpointsS = "636px"; // Small (SM) - 636px to 767px: This is often used for smartphones in landscape mode and small tablets.
|
|
1412
|
+
var SemSizeBreakpointsM = "768px"; // Medium (MD) - 768px to 991px: This is commonly used for larger tablets and smaller desktop screens.
|
|
1413
|
+
var SemSizeBreakpointsL = "1024px"; // Large (LG) - 1024px - 1279px: This breakpoint is often applied to larger desktop screens and some laptops.
|
|
1414
|
+
var SemSizeBreakpointsXl = "1280px"; // Extra Large (XL) - 1280px and above: This breakpoint is used for very large desktop screens.
|
|
1415
|
+
var SemSizeBreakpointsXxl = "1440px"; // Extra Large (XXL) - Used for very large desktop screens.
|
|
1416
|
+
var SemSizeVertical10 = "4px"; // This can be reserved for commonly used components: buttons, dropdowns, inputs etc
|
|
1417
|
+
var SemSizeVertical20 = "8px";
|
|
1418
|
+
var SemSizeVertical30 = "12px";
|
|
1419
|
+
var SemSizeVertical40 = "16px";
|
|
1420
|
+
var SemSizeVertical50 = "20px";
|
|
1421
|
+
var SemSizeVertical60 = "24px";
|
|
1422
|
+
var SemSizeVertical70 = "28px";
|
|
1423
|
+
var SemSizeVertical80 = "32px";
|
|
1424
|
+
var SemSizeVertical90 = "40px";
|
|
1425
|
+
var SemSizeVertical100 = "48px";
|
|
1426
|
+
var SemSizeVertical110 = "64px";
|
|
1427
|
+
var SemSizeVertical120 = "96px";
|
|
1428
|
+
var SemSizeVertical130 = "128px";
|
|
1429
|
+
var SemSpacePadding5 = "1px";
|
|
1430
|
+
var SemSpacePadding10 = "2px";
|
|
1431
|
+
var SemSpacePadding15 = "3px";
|
|
1432
|
+
var SemSpacePadding20 = "4px";
|
|
1433
|
+
var SemSpacePadding30 = "6px";
|
|
1434
|
+
var SemSpacePadding40 = "8px";
|
|
1435
|
+
var SemSpacePadding45 = "22px";
|
|
1436
|
+
var SemSpacePadding50 = "10px";
|
|
1437
|
+
var SemSpacePadding60 = "12px";
|
|
1438
|
+
var SemSpacePadding70 = "16px";
|
|
1439
|
+
var SemSpacePadding80 = "18px";
|
|
1440
|
+
var SemSpacePadding90 = "20px";
|
|
1441
|
+
var SemSpacePadding100 = "22px";
|
|
1442
|
+
var SemSpacePadding110 = "24px";
|
|
1443
|
+
var SemSpacePadding120 = "28px";
|
|
1444
|
+
var SemSpacePadding130 = "32px";
|
|
1445
|
+
var SemSpacePadding140 = "40px";
|
|
1446
|
+
var SemSpacePadding145 = "40px";
|
|
1447
|
+
var SemSpacePadding150 = "44px";
|
|
1448
|
+
var SemSpacePadding160 = "48px";
|
|
1449
|
+
var SemSpacePadding170 = "56px";
|
|
1450
|
+
var SemSpacePadding180 = "64px";
|
|
1451
|
+
var SemSpacePadding190 = "128px";
|
|
1452
|
+
var SemSpaceGap5 = "0px";
|
|
1453
|
+
var SemSpaceGap10 = "2px";
|
|
1454
|
+
var SemSpaceGap20 = "4px";
|
|
1455
|
+
var SemSpaceGap30 = "6px";
|
|
1456
|
+
var SemSpaceGap40 = "8px";
|
|
1457
|
+
var SemSpaceGap60 = "12px";
|
|
1458
|
+
var SemSpaceGap70 = "16px";
|
|
1459
|
+
var SemSpaceGap80 = "18px";
|
|
1460
|
+
var SemSpaceGap90 = "20px";
|
|
1461
|
+
var SemSpaceGap100 = "22px";
|
|
1462
|
+
var SemSpaceGap110 = "24px";
|
|
1463
|
+
var SemSpaceGap120 = "28px";
|
|
1464
|
+
var SemSpaceGap130 = "32px";
|
|
1465
|
+
var SemSpaceGap140 = "40px";
|
|
1466
|
+
var SemSpaceGap150 = "44px";
|
|
1467
|
+
var SemSpaceGap160 = "48px";
|
|
1468
|
+
var SemSpaceGap170 = "56px";
|
|
1469
|
+
var SemSpaceGap180 = "64px";
|
|
1470
|
+
var SemSpaceGap190 = "128px";
|
|
1471
|
+
var SemSpaceGapNone = "0px";
|
|
1472
|
+
var SemSpaceStack10 = "2px";
|
|
1473
|
+
var SemSpaceStack20 = "4px";
|
|
1474
|
+
var SemSpaceStack30 = "8px";
|
|
1475
|
+
var SemSpaceStack40 = "12px";
|
|
1476
|
+
var SemSpaceStack50 = "16px";
|
|
1477
|
+
var SemSpaceStack60 = "18px";
|
|
1478
|
+
var SemSpaceStack70 = "20px";
|
|
1479
|
+
var SemSpaceStack80 = "22px";
|
|
1480
|
+
var SemSpaceStack90 = "24px";
|
|
1481
|
+
var SemSpaceStack100 = "28px";
|
|
1482
|
+
var SemSpaceStack110 = "32px";
|
|
1483
|
+
var SemSpaceStack120 = "36px";
|
|
1484
|
+
var SemSpaceStack130 = "40px";
|
|
1485
|
+
var SemSpaceStack140 = "44px";
|
|
1486
|
+
var SemSpaceStack150 = "48px";
|
|
1487
|
+
var SemSpaceStack160 = "56px";
|
|
1488
|
+
var SemSpaceStack170 = "64px";
|
|
1489
|
+
var SemSpaceStack180 = "72px";
|
|
1490
|
+
var SemSpaceStack190 = "80px";
|
|
1491
|
+
var SemSpaceStack200 = "96px";
|
|
1492
|
+
var SemSpaceStack210 = "112px";
|
|
1493
|
+
var SemSpaceStack220 = "128px";
|
|
1494
|
+
var SemSpaceStackNone = "0px";
|
|
1495
|
+
var SemSpaceVariantGap30 = "8px";
|
|
1496
|
+
var SemBorderWidthXxxxs = "0";
|
|
1497
|
+
var SemBorderWidthXxxs = "1px"; // Used: Alerts /
|
|
1498
|
+
var SemBorderWidthXxs = "4px"; // Used: Alerts /
|
|
1499
|
+
var SemBorderWidthXs = "1px";
|
|
1500
|
+
var SemBorderWidthS = "2px";
|
|
1501
|
+
var SemBorderWidthL = "3px";
|
|
1502
|
+
var SemBorderWidthXl = "4px";
|
|
1503
|
+
var SemBorderWidthXxl = "8px";
|
|
1504
|
+
var SemBorderWidthXxxl = "10px";
|
|
1505
|
+
var SemBorderWidthM = "2px";
|
|
1506
|
+
var SemBorderRadiusXxxxxxs = "2px";
|
|
1507
|
+
var SemBorderRadiusXxxxxs = "8px";
|
|
1508
|
+
var SemBorderRadiusXxxxs = "8px";
|
|
1509
|
+
var SemBorderRadiusXxxs = "4px";
|
|
1510
|
+
var SemBorderRadiusXxs = "4px";
|
|
1511
|
+
var SemBorderRadiusXs = "8px";
|
|
1512
|
+
var SemBorderRadiusS = "16px";
|
|
1513
|
+
var SemBorderRadiusM = "16px";
|
|
1514
|
+
var SemBorderRadiusL = "24px";
|
|
1515
|
+
var SemBorderRadiusXl = "32px";
|
|
1516
|
+
var SemBorderRadiusXxl = "1000px";
|
|
1517
|
+
var SemBorderRadiusXxxl = "4px";
|
|
1518
|
+
var SemBorderRadiusVariantS = "8px";
|
|
1519
|
+
var SemBorderRadiusVariantM = "12px";
|
|
1520
|
+
var SemBorderRadiusVariantL = "8px";
|
|
1521
|
+
var SemBorderRadiusAlert01 = "4px";
|
|
1522
|
+
var SemBorderRadiusAlert02 = "8px";
|
|
1523
|
+
var SemColorGradientBorder02 = "linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%)"; // indigo-gradient-1
|
|
1524
|
+
var SemColorGradientBorder03 = "linear-gradient(53deg, #5514b4 0%, #ff80ff 100%)"; // dark: pink-gradient-1
|
|
1525
|
+
var SemColorGradientBorder04 = "linear-gradient(90deg, #ff80ff 50%, #d666ed 100%)"; // dark: pink-gradient-2
|
|
1526
|
+
var SemColorGradientBorder05 = "linear-gradient(244deg, #f200f5 0%, #1ec8e6 100%)"; // dark: pink-gradient-2
|
|
1527
|
+
var SemColorGradientBorder01 = "linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%)"; // turquoise-gradient
|
|
1528
|
+
var SemColorGradientBg10 = "linear-gradient(53deg, #5514b4 0%, #ff80ff 100%)"; // dark: pink-gradient-1
|
|
1529
|
+
var SemColorGradientBg11 = "linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%)"; // indigo-gradient-1
|
|
1530
|
+
var SemColorGradientBg09 = "linear-gradient(90deg, #ff80ff 50%, #d666ed 100%)"; // dark: pink-gradient-2
|
|
1531
|
+
var SemColorGradientBg08 = "linear-gradient(90deg, #fff2f0 0%, #f5eefa 100%)"; // coral-gradient
|
|
1532
|
+
var SemColorGradientBg05 = "linear-gradient(90deg, #f5eefa 0%, #eafcff 100%)"; // turquoise-gradient
|
|
1533
|
+
var SemColorGradientBg06 = "linear-gradient(225deg, #5615b4 0%, #4665cd 100%)"; // turquoise-gradient
|
|
1534
|
+
var SemColorGradientBg07 = "linear-gradient(90deg, #fcf9ff 0%, #f9f9ff 100%)"; // turquoise-gradient
|
|
1535
|
+
var SemColorGradientBg01 = "linear-gradient(244deg, #f200f5 0%, #1ec8e6 100%)";
|
|
1536
|
+
var SemColorGradientBg02 = "linear-gradient(-45deg, #ff80ff 0%, #72d4e9 100%)"; // turquoise-gradient
|
|
1537
|
+
var SemColorGradientBg03 = "linear-gradient(-44deg, #72d4e9 0%, #ff80ff 100%)"; // turquoise-gradient
|
|
1538
|
+
var SemColorGradientBg04 = "linear-gradient(90deg, #f5eefa 0%, #eafcff 100%)"; // turquoise-gradient
|
|
1539
|
+
var SemColorGradientFg01 = "linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%)"; // turquoise-gradient
|
|
1540
|
+
var SemColorGradientTertiaryLightEmphasis = "linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%)"; // turquoise-gradient
|
|
1541
|
+
var SemColorGradientTertiaryDarkEmphasis = "linear-gradient(90deg, #ff80ff 50%, #d666ed 100%)"; // turquoise-gradient
|
|
1542
|
+
var SemColorStatusBorderLightError = "#D20007";
|
|
1543
|
+
var SemColorStatusBorderLightWarning = "#B14D00";
|
|
1544
|
+
var SemColorStatusBorderLightSuccess = "#138100";
|
|
1545
|
+
var SemColorStatusBorderLightGeneral = "#3F3F3F";
|
|
1546
|
+
var SemColorStatusBorderDarkError = "#FF8883";
|
|
1547
|
+
var SemColorStatusBorderDarkWarning = "#FFA94D";
|
|
1548
|
+
var SemColorStatusBorderDarkGeneral = "#F3F3F3";
|
|
1549
|
+
var SemColorStatusBorderDarkSuccess = "#73C367";
|
|
1550
|
+
var SemColorStatusBorderDarkErrorSubtle = "#E81D1D";
|
|
1551
|
+
var SemColorStatusBorderDarkWarningSubtle = "#FEDDA4";
|
|
1552
|
+
var SemColorStatusBorderDarkSuccessSubtle = "#138100";
|
|
1553
|
+
var SemColorStatusBorderDarkErrorMinimal = "#D20007";
|
|
1554
|
+
var SemColorStatusBgLightErrorAlt = "#D20007";
|
|
1555
|
+
var SemColorStatusBgLightWarningAlt = "#FFA94D";
|
|
1556
|
+
var SemColorStatusBgLightSuccessAlt = "#0F6D00";
|
|
1557
|
+
var SemColorStatusBgLightWarningStrong = "#ffa200";
|
|
1558
|
+
var SemColorStatusBgLightErrorStrong = "#da020f";
|
|
1559
|
+
var SemColorStatusBgLightError = "#FEEDED";
|
|
1560
|
+
var SemColorStatusBgLightSuccess = "#e6f4e5";
|
|
1561
|
+
var SemColorStatusBgLightWarning = "#FEF2DE";
|
|
1562
|
+
var SemColorStatusBgLightGeneral = "#F3F3F3";
|
|
1563
|
+
var SemColorStatusBgLightGeneralAlt = "#2a2a2a";
|
|
1564
|
+
var SemColorStatusBgLightErrorSubtle = "#AA0006";
|
|
1565
|
+
var SemColorStatusBgLightErrorEmphasis = "#ffc8cb";
|
|
1566
|
+
var SemColorStatusBgDarkErrorStrong = "#FF8883";
|
|
1567
|
+
var SemColorStatusBgDarkWarningStrong = "#FFA94D";
|
|
1568
|
+
var SemColorStatusBgDarkError = "#2D0002";
|
|
1569
|
+
var SemColorStatusBgDarkSuccess = "#073600";
|
|
1570
|
+
var SemColorStatusBgDarkWarning = "#4B2000";
|
|
1571
|
+
var SemColorStatusBgDarkGeneral = "#2B2B2B";
|
|
1572
|
+
var SemColorStatusBgDarkGeneralAlt = "#f0f0f0";
|
|
1573
|
+
var SemColorStatusBgDarkDefault = "#FFFFFF";
|
|
1574
|
+
var SemColorStatusBgDarkErrorSubtle = "#401313";
|
|
1575
|
+
var SemColorStatusFgLightError = "#D20007";
|
|
1576
|
+
var SemColorStatusFgLightWarning = "#B14D00";
|
|
1577
|
+
var SemColorStatusFgLightSuccess = "#138100";
|
|
1578
|
+
var SemColorStatusFgLightGeneral = "#3F3F3F";
|
|
1579
|
+
var SemColorStatusFgLightWarningAlt = "#ffa200";
|
|
1580
|
+
var SemColorStatusFgDarkErrorAlt = "#D20007";
|
|
1581
|
+
var SemColorStatusFgDarkErrorSubtle = "#E81D1D";
|
|
1582
|
+
var SemColorStatusFgDarkError = "#FF8883";
|
|
1583
|
+
var SemColorStatusFgDarkWarning = "#FFA94D";
|
|
1584
|
+
var SemColorStatusFgDarkSuccess = "#73C367";
|
|
1585
|
+
var SemColorStatusFgDarkSuccessSubtle = "#138100";
|
|
1586
|
+
var SemColorStatusFgDarkWarningAlt = "#2a2a2a";
|
|
1587
|
+
var SemColorStatusFgDarkWarningSubtle = "#2a2a2a";
|
|
1588
|
+
var SemColorStatusFgDarkGeneral = "#F3F3F3";
|
|
1589
|
+
var SemColorBorderPrimaryLightDefault = "#111111"; // Brand indigo
|
|
1590
|
+
var SemColorBorderPrimaryLightSubtle = "#686868";
|
|
1591
|
+
var SemColorBorderPrimaryLightStrong = "#525252"; // Brand indigo
|
|
1592
|
+
var SemColorBorderPrimaryLightEmphasis = "#111111"; // Brand indigo
|
|
1593
|
+
var SemColorBorderPrimaryLightMinimal = "#BBBBBB";
|
|
1594
|
+
var SemColorBorderPrimaryLightMinimalAlt = "#3F3F3F";
|
|
1595
|
+
var SemColorBorderPrimaryLightEmphasisSubtle = "#BBBBBB"; // Brand indigo
|
|
1596
|
+
var SemColorBorderPrimaryDarkDefault = "#FFFFFF";
|
|
1597
|
+
var SemColorBorderPrimaryDarkSubtle = "#BBBBBB";
|
|
1598
|
+
var SemColorBorderPrimaryDarkStrong = "#F3F3F3";
|
|
1599
|
+
var SemColorBorderPrimaryDarkEmphasis = "#D9D9D9";
|
|
1600
|
+
var SemColorBorderPrimaryDarkMinimal = "#BBBBBB";
|
|
1601
|
+
var SemColorBorderSecondaryLightDefault = "#818181";
|
|
1602
|
+
var SemColorBorderSecondaryLightSubtle = "#D9D9D9";
|
|
1603
|
+
var SemColorBorderSecondaryLightStrong = "#525252";
|
|
1604
|
+
var SemColorBorderSecondaryLightMinimal = "#BBBBBB";
|
|
1605
|
+
var SemColorBorderSecondaryLightAlt = "#F3F3F3";
|
|
1606
|
+
var SemColorBorderSecondaryLightDefaultAlt = "#818181";
|
|
1607
|
+
var SemColorBorderSecondaryLightMuted = "#ffffff";
|
|
1608
|
+
var SemColorBorderSecondaryDarkDefault = "#F3F3F3";
|
|
1609
|
+
var SemColorBorderSecondaryDarkStrong = "#BBBBBB";
|
|
1610
|
+
var SemColorBorderSecondaryDarkSubtle = "#686868";
|
|
1611
|
+
var SemColorBorderSecondaryDarkMinimal = "#525252";
|
|
1612
|
+
var SemColorBorderSecondaryDarkAlt = "#2B2B2B";
|
|
1613
|
+
var SemColorBorderSecondaryDarkMuted = "#6b6b6b";
|
|
1614
|
+
var SemColorBorderTertiaryLightDefault = "#009BA5";
|
|
1615
|
+
var SemColorBorderTertiaryDarkDefault = "#06C3C2";
|
|
1616
|
+
var SemColorBgPrimaryLightDefault = "#111111";
|
|
1617
|
+
var SemColorBgPrimaryLightDefaultAlt = "#035F6E"; // Brand indigo
|
|
1618
|
+
var SemColorBgPrimaryLightDefaultStrong = "#111111"; // Brand indigo
|
|
1619
|
+
var SemColorBgPrimaryLightSubtle = "#3F3F3F"; // Brand indigo
|
|
1620
|
+
var SemColorBgPrimaryLightStrong = "#2B2B2B";
|
|
1621
|
+
var SemColorBgPrimaryLightEmphasis = "#9C9C9C"; // Brand indigo
|
|
1622
|
+
var SemColorBgPrimaryLightMinimal = "#F3F3F3"; // Brand indigo
|
|
1623
|
+
var SemColorBgPrimaryLightSubtleAlt = "#F3F3F3"; // Brand indigo
|
|
1624
|
+
var SemColorBgPrimaryLightMinimalAlt = "#057382";
|
|
1625
|
+
var SemColorBgPrimaryDarkDefault = "#FFFFFF";
|
|
1626
|
+
var SemColorBgPrimaryDarkDefaultAlt = "#F3F3F3";
|
|
1627
|
+
var SemColorBgPrimaryDarkStrong = "#F3F3F3";
|
|
1628
|
+
var SemColorBgPrimaryDarkSubtle = "#BBBBBB";
|
|
1629
|
+
var SemColorBgPrimaryDarkEmphasis = "#F3F3F3";
|
|
1630
|
+
var SemColorBgPrimaryDarkMinimal = "#FFFFFF";
|
|
1631
|
+
var SemColorBgPrimaryDarkMinimalAlt = "#818181";
|
|
1632
|
+
var SemColorBgSecondaryLightDefault = "#FFFFFF";
|
|
1633
|
+
var SemColorBgSecondaryLightDefaultAlt = "#f7f7f7";
|
|
1634
|
+
var SemColorBgSecondaryLightSubtle = "#818181";
|
|
1635
|
+
var SemColorBgSecondaryLightStrong = "#686868";
|
|
1636
|
+
var SemColorBgSecondaryLightMinimal = "#BBBBBB";
|
|
1637
|
+
var SemColorBgSecondaryLightMinimalAlt = "#D9D9D9";
|
|
1638
|
+
var SemColorBgSecondaryLightMuted = "#D9D9D9";
|
|
1639
|
+
var SemColorBgSecondaryLightAlt = "#2B2B2B";
|
|
1640
|
+
var SemColorBgSecondaryLightStrongAlt = "#111111";
|
|
1641
|
+
var SemColorBgSecondaryLightMutedAlt = "#F3F3F3";
|
|
1642
|
+
var SemColorBgSecondaryLightMutedSubtle = "#ffffff";
|
|
1643
|
+
var SemColorBgSecondaryDarkDefault = "#111111";
|
|
1644
|
+
var SemColorBgSecondaryDarkStrong = "#BBBBBB";
|
|
1645
|
+
var SemColorBgSecondaryDarkAlt = "#FFFFFF";
|
|
1646
|
+
var SemColorBgSecondaryDarkStrongAlt = "#FFFFFF";
|
|
1647
|
+
var SemColorBgSecondaryDarkSubtle = "#9C9C9C";
|
|
1648
|
+
var SemColorBgSecondaryDarkMinimal = "#818181";
|
|
1649
|
+
var SemColorBgSecondaryDarkMinimalAlt = "#2B2B2B";
|
|
1650
|
+
var SemColorBgSecondaryDarkMuted = "#686868";
|
|
1651
|
+
var SemColorBgSecondaryDarkMutedAlt = "#3F3F3F";
|
|
1652
|
+
var SemColorBgTertiaryWarningDefault = "#AA0006";
|
|
1653
|
+
var SemColorBgTertiaryWarningSubtle = "#840106";
|
|
1654
|
+
var SemColorBgTertiaryWarningStrong = "#600104";
|
|
1655
|
+
var SemColorBgTertiaryStatusLightGeneral = "#2a2a2a";
|
|
1656
|
+
var SemColorBgTertiaryStatusLightError = "#2a2a2a";
|
|
1657
|
+
var SemColorBgTertiaryStatusLightWarning = "#2a2a2a";
|
|
1658
|
+
var SemColorBgTertiaryStatusLightSuccess = "#2a2a2a";
|
|
1659
|
+
var SemColorBgTertiaryStatusLightErrorAlt = "#2a2a2a";
|
|
1660
|
+
var SemColorBgTertiaryStatusLightSuccessAlt = "#2a2a2a";
|
|
1661
|
+
var SemColorTextStatusLightDefault = "#ffffff";
|
|
1662
|
+
var SemColorTextStatusLightError = "#ffffff";
|
|
1663
|
+
var SemColorTextStatusLightWarning = "#2a2a2a";
|
|
1664
|
+
var SemColorTextStatusLightSuccess = "#ffffff";
|
|
1665
|
+
var SemColorTextStatusDarkDefault = "#2a2a2a";
|
|
1666
|
+
var SemColorTextStatusDarkError = "#2a2a2a";
|
|
1667
|
+
var SemColorTextPrimaryLightDefault = "#001318";
|
|
1668
|
+
var SemColorTextPrimaryLightDefaultAlt = "#5514b4";
|
|
1669
|
+
var SemColorTextPrimaryLightHover = "#2a1c4a";
|
|
1670
|
+
var SemColorTextPrimaryLightDefaultStrong = "#ffffff";
|
|
1671
|
+
var SemColorTextPrimaryLightEmphasis = "#ffffff";
|
|
1672
|
+
var SemColorTextPrimaryLightSubtle = "#6b6b6b";
|
|
1673
|
+
var SemColorTextPrimaryLightStrong = "#01404C";
|
|
1674
|
+
var SemColorTextPrimaryDarkDefault = "#ffffff";
|
|
1675
|
+
var SemColorTextPrimaryDarkStrong = "#ffffff";
|
|
1676
|
+
var SemColorTextPrimaryDarkDefaultAlt = "#efe5f7";
|
|
1677
|
+
var SemColorTextPrimaryDarkStrongAlt = "#D9D9D9";
|
|
1678
|
+
var SemColorTextSecondaryLightDefault = "#5514b4";
|
|
1679
|
+
var SemColorTextSecondaryLightDefaultAlt = "#ffffff";
|
|
1680
|
+
var SemColorTextSecondaryLightHover = "#2a1c4a";
|
|
1681
|
+
var SemColorTextSecondaryLightDefaultStrong = "#ffffff";
|
|
1682
|
+
var SemColorTextSecondaryLightEmphasis = "#ff80ff";
|
|
1683
|
+
var SemColorTextSecondaryLightSubtle = "#6b6b6b";
|
|
1684
|
+
var SemColorTextSecondaryLightStrong = "#2a2a2a";
|
|
1685
|
+
var SemColorTextSecondaryDarkDefault = "#ffffff";
|
|
1686
|
+
var SemColorTextSecondaryDarkDefaultAlt = "#F3F3F3";
|
|
1687
|
+
var SemColorTextSecondaryDarkStrong = "#ffffff";
|
|
1688
|
+
var SemColorTextSecondaryDarkStrongAlt = "#ffe4ff";
|
|
1689
|
+
var SemColorFgPrimaryLightDefault = "#009BA5";
|
|
1690
|
+
var SemColorFgPrimaryLightSubtle = "#057382";
|
|
1691
|
+
var SemColorFgPrimaryLightStrong = "#001318";
|
|
1692
|
+
var SemColorFgPrimaryLightEmphasis = "#035F6E"; // Brand indigo
|
|
1693
|
+
var SemColorFgPrimaryLightVibrant = "#057382"; // Brand indigo
|
|
1694
|
+
var SemColorFgPrimaryLightMinimal = "#3F3F3F"; // Brand indigo
|
|
1695
|
+
var SemColorFgPrimaryLightDefaultAlt = "#001318";
|
|
1696
|
+
var SemColorFgPrimaryLightSubtleAlt = "#3f187f";
|
|
1697
|
+
var SemColorFgPrimaryDarkDefault = "#EBF304";
|
|
1698
|
+
var SemColorFgPrimaryDarkSubtle = "#FFFFFF";
|
|
1699
|
+
var SemColorFgPrimaryDarkStrong = "#F8FF19";
|
|
1700
|
+
var SemColorFgPrimaryDarkEmphasis = "#ABAD00";
|
|
1701
|
+
var SemColorFgPrimaryDarkVibrant = "#EBF304"; // Brand indigo
|
|
1702
|
+
var SemColorFgSecondaryLightDefault = "#2B2B2B";
|
|
1703
|
+
var SemColorFgSecondaryLightSubtle = "#818181";
|
|
1704
|
+
var SemColorFgSecondaryLightStrong = "#686868";
|
|
1705
|
+
var SemColorFgSecondaryLightMinimal = "#BBBBBB";
|
|
1706
|
+
var SemColorFgSecondaryLightMuted = "#525252";
|
|
1707
|
+
var SemColorFgSecondaryLightAlt = "#FFFFFF";
|
|
1708
|
+
var SemColorFgSecondaryLightDefaultAlt = "#2a2a2a";
|
|
1709
|
+
var SemColorFgSecondaryLightSubtleAlt = "#9C9C9C";
|
|
1710
|
+
var SemColorFgSecondaryLightStrongAlt = "#111111";
|
|
1711
|
+
var SemColorFgSecondaryLightMinimalAlt = "#ffffff";
|
|
1712
|
+
var SemColorFgSecondaryLightMutedAlt = "#6b6b6b";
|
|
1713
|
+
var SemColorFgSecondaryLightStrongSubtle = "#aaaaaa";
|
|
1714
|
+
var SemColorFgSecondaryDarkDefault = "#FFFFFF";
|
|
1715
|
+
var SemColorFgSecondaryDarkMuted = "#BBBBBB";
|
|
1716
|
+
var SemColorFgSecondaryDarkStrong = "#9C9C9C";
|
|
1717
|
+
var SemColorFgSecondaryDarkSubtle = "#686868";
|
|
1718
|
+
var SemColorFgSecondaryDarkMinimal = "#525252";
|
|
1719
|
+
var SemColorFgSecondaryDarkAlt = "#2B2B2B";
|
|
1720
|
+
var SemColorFgSecondaryDarkMinimalAlt = "#111111";
|
|
1721
|
+
var SemColorFgSecondaryDarkSubtleAlt = "#818181";
|
|
1722
|
+
var SemColorOverlayGradientFaded = "rgba(85,20,180,0.5)";
|
|
1723
|
+
var SemColorOverlayGradientDarkFaded = "rgba(255,128,255,0.5)";
|
|
1724
|
+
var SemColorOverlayFlatDefault = "rgba(0,0,0,0.5)";
|
|
1725
|
+
var SemColorOverlayFlatLight = "rgba(255,255,255,0.5)";
|
|
1726
|
+
var SemColorOverlayFlatBrand = "rgba(85,20,180,0.5)";
|
|
1727
|
+
var SemInnerShadow01 = "inset 0 1px 0 0 #c8c8c8";
|
|
1728
|
+
var SemInnerShadow02 = "inset 0 1px 0 0 #c8c8c8";
|
|
1729
|
+
var SemUnderline = "underline";
|
|
1730
|
+
var SemLineThrough = "line-through";
|
|
1731
|
+
var SemScaleModifier1 = "4px";
|
|
1732
|
+
var SemScaleModifier3 = "4px";
|
|
1733
|
+
var SemScaleModifier2 = "3px";
|
|
1734
|
+
var SemScaleModifier4 = "0";
|
|
1619
1735
|
|
|
1620
1736
|
exports.AlertBorderRadiusS = AlertBorderRadiusS;
|
|
1621
1737
|
exports.AlertBorderWeightM = AlertBorderWeightM;
|
|
1622
1738
|
exports.AlertBorderWeightS = AlertBorderWeightS;
|
|
1623
|
-
exports.AlertBoxShadow01 = AlertBoxShadow01;
|
|
1624
1739
|
exports.AlertColorsStatusDarkBgSubtleDefault = AlertColorsStatusDarkBgSubtleDefault;
|
|
1625
1740
|
exports.AlertColorsStatusDarkBgSubtleError = AlertColorsStatusDarkBgSubtleError;
|
|
1626
1741
|
exports.AlertColorsStatusDarkBgSubtleSuccess = AlertColorsStatusDarkBgSubtleSuccess;
|
|
@@ -1702,6 +1817,7 @@ exports.BadgeColorsTextError = BadgeColorsTextError;
|
|
|
1702
1817
|
exports.BadgeColorsTextSuccess = BadgeColorsTextSuccess;
|
|
1703
1818
|
exports.BadgeColorsTextWarning = BadgeColorsTextWarning;
|
|
1704
1819
|
exports.BadgePaddingS = BadgePaddingS;
|
|
1820
|
+
exports.BadgePaddingXxs = BadgePaddingXxs;
|
|
1705
1821
|
exports.BadgeSizeS = BadgeSizeS;
|
|
1706
1822
|
exports.BoxBorderRadiusS = BoxBorderRadiusS;
|
|
1707
1823
|
exports.BoxBorderWeightS = BoxBorderWeightS;
|
|
@@ -1715,6 +1831,7 @@ exports.BoxColorsLightBgDefault = BoxColorsLightBgDefault;
|
|
|
1715
1831
|
exports.BoxColorsLightBgError = BoxColorsLightBgError;
|
|
1716
1832
|
exports.BoxColorsLightBgErrorSubtle = BoxColorsLightBgErrorSubtle;
|
|
1717
1833
|
exports.BoxColorsLightBgMinimal = BoxColorsLightBgMinimal;
|
|
1834
|
+
exports.BoxColorsLightBgReplacement = BoxColorsLightBgReplacement;
|
|
1718
1835
|
exports.BoxColorsLightBgSubtle = BoxColorsLightBgSubtle;
|
|
1719
1836
|
exports.BoxColorsLightBorderError = BoxColorsLightBorderError;
|
|
1720
1837
|
exports.BoxColorsLightBorderSubtle = BoxColorsLightBorderSubtle;
|
|
@@ -1909,8 +2026,10 @@ exports.CardGapM = CardGapM;
|
|
|
1909
2026
|
exports.CardGapS = CardGapS;
|
|
1910
2027
|
exports.CardGapXl = CardGapXl;
|
|
1911
2028
|
exports.CardGapXs = CardGapXs;
|
|
2029
|
+
exports.CardGapXxl = CardGapXxl;
|
|
1912
2030
|
exports.CardPaddingM = CardPaddingM;
|
|
1913
2031
|
exports.CardPaddingS = CardPaddingS;
|
|
2032
|
+
exports.CardPaddingXs = CardPaddingXs;
|
|
1914
2033
|
exports.CardSizeIconM = CardSizeIconM;
|
|
1915
2034
|
exports.CardSizeIconS = CardSizeIconS;
|
|
1916
2035
|
exports.CardSizeL = CardSizeL;
|
|
@@ -1948,6 +2067,63 @@ exports.CheckboxSizeIconM = CheckboxSizeIconM;
|
|
|
1948
2067
|
exports.CheckboxSizeIconS = CheckboxSizeIconS;
|
|
1949
2068
|
exports.CheckboxSizeL = CheckboxSizeL;
|
|
1950
2069
|
exports.CheckboxSizeS = CheckboxSizeS;
|
|
2070
|
+
exports.CheckboxTypeLabelL = CheckboxTypeLabelL;
|
|
2071
|
+
exports.CheckboxTypeLabelM = CheckboxTypeLabelM;
|
|
2072
|
+
exports.CheckboxTypeLabelS = CheckboxTypeLabelS;
|
|
2073
|
+
exports.ContentSwitcherBorderRadiusPill = ContentSwitcherBorderRadiusPill;
|
|
2074
|
+
exports.ContentSwitcherBorderRadiusXl = ContentSwitcherBorderRadiusXl;
|
|
2075
|
+
exports.ContentSwitcherBorderWeightS = ContentSwitcherBorderWeightS;
|
|
2076
|
+
exports.ContentSwitcherColorsDarkBgDefault = ContentSwitcherColorsDarkBgDefault;
|
|
2077
|
+
exports.ContentSwitcherColorsDarkBgDisabled = ContentSwitcherColorsDarkBgDisabled;
|
|
2078
|
+
exports.ContentSwitcherColorsDarkBgHover = ContentSwitcherColorsDarkBgHover;
|
|
2079
|
+
exports.ContentSwitcherColorsDarkBgPressed = ContentSwitcherColorsDarkBgPressed;
|
|
2080
|
+
exports.ContentSwitcherColorsDarkBorderDefault = ContentSwitcherColorsDarkBorderDefault;
|
|
2081
|
+
exports.ContentSwitcherColorsDarkBorderDisabled = ContentSwitcherColorsDarkBorderDisabled;
|
|
2082
|
+
exports.ContentSwitcherColorsDarkBorderPressed = ContentSwitcherColorsDarkBorderPressed;
|
|
2083
|
+
exports.ContentSwitcherColorsDarkFgDefault = ContentSwitcherColorsDarkFgDefault;
|
|
2084
|
+
exports.ContentSwitcherColorsDarkFgDefaultAlt = ContentSwitcherColorsDarkFgDefaultAlt;
|
|
2085
|
+
exports.ContentSwitcherColorsDarkFgDisabled = ContentSwitcherColorsDarkFgDisabled;
|
|
2086
|
+
exports.ContentSwitcherColorsDarkFgHover = ContentSwitcherColorsDarkFgHover;
|
|
2087
|
+
exports.ContentSwitcherColorsDarkFgPressed = ContentSwitcherColorsDarkFgPressed;
|
|
2088
|
+
exports.ContentSwitcherColorsDarkTextDefault = ContentSwitcherColorsDarkTextDefault;
|
|
2089
|
+
exports.ContentSwitcherColorsDarkTextDefaultAlt = ContentSwitcherColorsDarkTextDefaultAlt;
|
|
2090
|
+
exports.ContentSwitcherColorsDarkTextDisabled = ContentSwitcherColorsDarkTextDisabled;
|
|
2091
|
+
exports.ContentSwitcherColorsDarkTextHover = ContentSwitcherColorsDarkTextHover;
|
|
2092
|
+
exports.ContentSwitcherColorsDarkTextPressed = ContentSwitcherColorsDarkTextPressed;
|
|
2093
|
+
exports.ContentSwitcherColorsLightBgActive = ContentSwitcherColorsLightBgActive;
|
|
2094
|
+
exports.ContentSwitcherColorsLightBgDefault = ContentSwitcherColorsLightBgDefault;
|
|
2095
|
+
exports.ContentSwitcherColorsLightBgDefaultAlt = ContentSwitcherColorsLightBgDefaultAlt;
|
|
2096
|
+
exports.ContentSwitcherColorsLightBgDisabled = ContentSwitcherColorsLightBgDisabled;
|
|
2097
|
+
exports.ContentSwitcherColorsLightBgHover = ContentSwitcherColorsLightBgHover;
|
|
2098
|
+
exports.ContentSwitcherColorsLightBgSeleced = ContentSwitcherColorsLightBgSeleced;
|
|
2099
|
+
exports.ContentSwitcherColorsLightBgSelected = ContentSwitcherColorsLightBgSelected;
|
|
2100
|
+
exports.ContentSwitcherColorsLightBgSelectedHover = ContentSwitcherColorsLightBgSelectedHover;
|
|
2101
|
+
exports.ContentSwitcherColorsLightBorderDefault = ContentSwitcherColorsLightBorderDefault;
|
|
2102
|
+
exports.ContentSwitcherColorsLightBorderDisabled = ContentSwitcherColorsLightBorderDisabled;
|
|
2103
|
+
exports.ContentSwitcherColorsLightBorderPressed = ContentSwitcherColorsLightBorderPressed;
|
|
2104
|
+
exports.ContentSwitcherColorsLightFgDefault = ContentSwitcherColorsLightFgDefault;
|
|
2105
|
+
exports.ContentSwitcherColorsLightFgDefaultAlt = ContentSwitcherColorsLightFgDefaultAlt;
|
|
2106
|
+
exports.ContentSwitcherColorsLightFgDisabled = ContentSwitcherColorsLightFgDisabled;
|
|
2107
|
+
exports.ContentSwitcherColorsLightFgHover = ContentSwitcherColorsLightFgHover;
|
|
2108
|
+
exports.ContentSwitcherColorsLightFgPressed = ContentSwitcherColorsLightFgPressed;
|
|
2109
|
+
exports.ContentSwitcherColorsLightTextDefault = ContentSwitcherColorsLightTextDefault;
|
|
2110
|
+
exports.ContentSwitcherColorsLightTextDefaultAlt = ContentSwitcherColorsLightTextDefaultAlt;
|
|
2111
|
+
exports.ContentSwitcherColorsLightTextDisabled = ContentSwitcherColorsLightTextDisabled;
|
|
2112
|
+
exports.ContentSwitcherColorsLightTextHover = ContentSwitcherColorsLightTextHover;
|
|
2113
|
+
exports.ContentSwitcherColorsLightTextPressed = ContentSwitcherColorsLightTextPressed;
|
|
2114
|
+
exports.ContentSwitcherElevations02 = ContentSwitcherElevations02;
|
|
2115
|
+
exports.ContentSwitcherGapL = ContentSwitcherGapL;
|
|
2116
|
+
exports.ContentSwitcherGapM = ContentSwitcherGapM;
|
|
2117
|
+
exports.ContentSwitcherGapS = ContentSwitcherGapS;
|
|
2118
|
+
exports.ContentSwitcherGapXl = ContentSwitcherGapXl;
|
|
2119
|
+
exports.ContentSwitcherGapXs = ContentSwitcherGapXs;
|
|
2120
|
+
exports.ContentSwitcherPaddingL = ContentSwitcherPaddingL;
|
|
2121
|
+
exports.ContentSwitcherPaddingM = ContentSwitcherPaddingM;
|
|
2122
|
+
exports.ContentSwitcherPaddingS = ContentSwitcherPaddingS;
|
|
2123
|
+
exports.ContentSwitcherPaddingXl = ContentSwitcherPaddingXl;
|
|
2124
|
+
exports.ContentSwitcherPaddingXs = ContentSwitcherPaddingXs;
|
|
2125
|
+
exports.ContentSwitcherPaddingXxl = ContentSwitcherPaddingXxl;
|
|
2126
|
+
exports.ContentSwitcherPaddingXxxl = ContentSwitcherPaddingXxxl;
|
|
1951
2127
|
exports.DatePickerBorderRadiusL = DatePickerBorderRadiusL;
|
|
1952
2128
|
exports.DatePickerBorderRadiusM = DatePickerBorderRadiusM;
|
|
1953
2129
|
exports.DatePickerBorderRadiusS = DatePickerBorderRadiusS;
|
|
@@ -2000,17 +2176,25 @@ exports.DatePickerSizeXl = DatePickerSizeXl;
|
|
|
2000
2176
|
exports.DatePickerSizeXxl = DatePickerSizeXxl;
|
|
2001
2177
|
exports.DatePickerSizeXxxl = DatePickerSizeXxxl;
|
|
2002
2178
|
exports.DatePickerSizeXxxxl = DatePickerSizeXxxxl;
|
|
2179
|
+
exports.DatePickerTypeLabelL = DatePickerTypeLabelL;
|
|
2180
|
+
exports.DatePickerTypeLabelM = DatePickerTypeLabelM;
|
|
2181
|
+
exports.DatePickerTypeLabelS = DatePickerTypeLabelS;
|
|
2182
|
+
exports.DatepickerTypeLabelL = DatepickerTypeLabelL;
|
|
2183
|
+
exports.DatepickerTypeLabelM = DatepickerTypeLabelM;
|
|
2184
|
+
exports.DatepickerTypeLabelS = DatepickerTypeLabelS;
|
|
2003
2185
|
exports.DisclosureBorderWeightS = DisclosureBorderWeightS;
|
|
2004
2186
|
exports.DisclosureColorsDarkBgHover = DisclosureColorsDarkBgHover;
|
|
2005
2187
|
exports.DisclosureColorsDarkBorderSubtle = DisclosureColorsDarkBorderSubtle;
|
|
2006
2188
|
exports.DisclosureColorsDarkFgDefault = DisclosureColorsDarkFgDefault;
|
|
2007
2189
|
exports.DisclosureColorsDarkFgHover = DisclosureColorsDarkFgHover;
|
|
2190
|
+
exports.DisclosureColorsDarkTextBody = DisclosureColorsDarkTextBody;
|
|
2008
2191
|
exports.DisclosureColorsDarkTextDefault = DisclosureColorsDarkTextDefault;
|
|
2009
2192
|
exports.DisclosureColorsDarkTextHover = DisclosureColorsDarkTextHover;
|
|
2010
2193
|
exports.DisclosureColorsLightBgHover = DisclosureColorsLightBgHover;
|
|
2011
2194
|
exports.DisclosureColorsLightBorderSubtle = DisclosureColorsLightBorderSubtle;
|
|
2012
2195
|
exports.DisclosureColorsLightFgDefault = DisclosureColorsLightFgDefault;
|
|
2013
2196
|
exports.DisclosureColorsLightFgHover = DisclosureColorsLightFgHover;
|
|
2197
|
+
exports.DisclosureColorsLightTextBody = DisclosureColorsLightTextBody;
|
|
2014
2198
|
exports.DisclosureColorsLightTextDefault = DisclosureColorsLightTextDefault;
|
|
2015
2199
|
exports.DisclosureColorsLightTextHover = DisclosureColorsLightTextHover;
|
|
2016
2200
|
exports.DisclosureGapS = DisclosureGapS;
|
|
@@ -2024,9 +2208,17 @@ exports.DisclosureMiniGapM = DisclosureMiniGapM;
|
|
|
2024
2208
|
exports.DisclosureMiniGapS = DisclosureMiniGapS;
|
|
2025
2209
|
exports.DisclosureMiniPaddingS = DisclosureMiniPaddingS;
|
|
2026
2210
|
exports.DisclosureMiniSizeIconS = DisclosureMiniSizeIconS;
|
|
2211
|
+
exports.DisclosurePaddingL = DisclosurePaddingL;
|
|
2027
2212
|
exports.DisclosurePaddingS = DisclosurePaddingS;
|
|
2213
|
+
exports.DisclosurePaddingXl = DisclosurePaddingXl;
|
|
2028
2214
|
exports.DisclosureSizeIconS = DisclosureSizeIconS;
|
|
2029
2215
|
exports.DisclosureSizeS = DisclosureSizeS;
|
|
2216
|
+
exports.DisclosureTypeLabelL = DisclosureTypeLabelL;
|
|
2217
|
+
exports.Elevation01 = Elevation01;
|
|
2218
|
+
exports.Elevation02 = Elevation02;
|
|
2219
|
+
exports.Elevation03 = Elevation03;
|
|
2220
|
+
exports.Elevation04 = Elevation04;
|
|
2221
|
+
exports.Elevation05 = Elevation05;
|
|
2030
2222
|
exports.FilterBorderRadiusS = FilterBorderRadiusS;
|
|
2031
2223
|
exports.FilterBorderWeightM = FilterBorderWeightM;
|
|
2032
2224
|
exports.FilterBorderWeightS = FilterBorderWeightS;
|
|
@@ -2037,7 +2229,7 @@ exports.FilterColorsDarkBorderHover = FilterColorsDarkBorderHover;
|
|
|
2037
2229
|
exports.FilterColorsDarkTextDefault = FilterColorsDarkTextDefault;
|
|
2038
2230
|
exports.FilterColorsDarkTextDefaultAlt = FilterColorsDarkTextDefaultAlt;
|
|
2039
2231
|
exports.FilterColorsDarkTextHover = FilterColorsDarkTextHover;
|
|
2040
|
-
exports.
|
|
2232
|
+
exports.FilterColorsDarkTextSelected = FilterColorsDarkTextSelected;
|
|
2041
2233
|
exports.FilterColorsLightBgDefault = FilterColorsLightBgDefault;
|
|
2042
2234
|
exports.FilterColorsLightBgSelected = FilterColorsLightBgSelected;
|
|
2043
2235
|
exports.FilterColorsLightBorderDefault = FilterColorsLightBorderDefault;
|
|
@@ -2174,6 +2366,23 @@ exports.HeroButtonSizeIconXl = HeroButtonSizeIconXl;
|
|
|
2174
2366
|
exports.HeroButtonSizeL = HeroButtonSizeL;
|
|
2175
2367
|
exports.HeroButtonSizeM = HeroButtonSizeM;
|
|
2176
2368
|
exports.HeroButtonSizeS = HeroButtonSizeS;
|
|
2369
|
+
exports.HerobannerBorderDefault = HerobannerBorderDefault;
|
|
2370
|
+
exports.HerobannerBoxShadow01 = HerobannerBoxShadow01;
|
|
2371
|
+
exports.HerobannerColorDarkBgDefault = HerobannerColorDarkBgDefault;
|
|
2372
|
+
exports.HerobannerColorDarkBgGradient = HerobannerColorDarkBgGradient;
|
|
2373
|
+
exports.HerobannerColorDarkTextDefault = HerobannerColorDarkTextDefault;
|
|
2374
|
+
exports.HerobannerColorLightBgContained = HerobannerColorLightBgContained;
|
|
2375
|
+
exports.HerobannerColorLightBgDefault = HerobannerColorLightBgDefault;
|
|
2376
|
+
exports.HerobannerColorLightBgGradient = HerobannerColorLightBgGradient;
|
|
2377
|
+
exports.HerobannerColorLightTextDefault = HerobannerColorLightTextDefault;
|
|
2378
|
+
exports.HerobannerGapL = HerobannerGapL;
|
|
2379
|
+
exports.HerobannerGapM = HerobannerGapM;
|
|
2380
|
+
exports.HerobannerGapS = HerobannerGapS;
|
|
2381
|
+
exports.HerobannerPaddingL = HerobannerPaddingL;
|
|
2382
|
+
exports.HerobannerPaddingM = HerobannerPaddingM;
|
|
2383
|
+
exports.HerobannerPaddingS = HerobannerPaddingS;
|
|
2384
|
+
exports.HerobannerRadiusL = HerobannerRadiusL;
|
|
2385
|
+
exports.HerobannerRadiusM = HerobannerRadiusM;
|
|
2177
2386
|
exports.LogosColorsDarkFgDefault = LogosColorsDarkFgDefault;
|
|
2178
2387
|
exports.LogosColorsLightFgDefault = LogosColorsLightFgDefault;
|
|
2179
2388
|
exports.LogosColorsLightFgStrong = LogosColorsLightFgStrong;
|
|
@@ -2280,6 +2489,9 @@ exports.RadioSizeL = RadioSizeL;
|
|
|
2280
2489
|
exports.RadioSizeM = RadioSizeM;
|
|
2281
2490
|
exports.RadioSizeS = RadioSizeS;
|
|
2282
2491
|
exports.RadioSizeXl = RadioSizeXl;
|
|
2492
|
+
exports.RadioTypeLabelL = RadioTypeLabelL;
|
|
2493
|
+
exports.RadioTypeLabelM = RadioTypeLabelM;
|
|
2494
|
+
exports.RadioTypeLabelS = RadioTypeLabelS;
|
|
2283
2495
|
exports.RuleBorderWeightS = RuleBorderWeightS;
|
|
2284
2496
|
exports.RuleColorsDarkBorderSubtle = RuleColorsDarkBorderSubtle;
|
|
2285
2497
|
exports.RuleColorsLightBorderSubtle = RuleColorsLightBorderSubtle;
|
|
@@ -2364,6 +2576,11 @@ exports.SelectSizeIconS = SelectSizeIconS;
|
|
|
2364
2576
|
exports.SelectSizeL = SelectSizeL;
|
|
2365
2577
|
exports.SelectSizeM = SelectSizeM;
|
|
2366
2578
|
exports.SelectSizeS = SelectSizeS;
|
|
2579
|
+
exports.SelectTypeLabelL = SelectTypeLabelL;
|
|
2580
|
+
exports.SelectTypeLabelM = SelectTypeLabelM;
|
|
2581
|
+
exports.SelectTypeLabelS = SelectTypeLabelS;
|
|
2582
|
+
exports.SemBorderRadiusAlert01 = SemBorderRadiusAlert01;
|
|
2583
|
+
exports.SemBorderRadiusAlert02 = SemBorderRadiusAlert02;
|
|
2367
2584
|
exports.SemBorderRadiusL = SemBorderRadiusL;
|
|
2368
2585
|
exports.SemBorderRadiusM = SemBorderRadiusM;
|
|
2369
2586
|
exports.SemBorderRadiusS = SemBorderRadiusS;
|
|
@@ -2389,12 +2606,6 @@ exports.SemBorderWidthXxs = SemBorderWidthXxs;
|
|
|
2389
2606
|
exports.SemBorderWidthXxxl = SemBorderWidthXxxl;
|
|
2390
2607
|
exports.SemBorderWidthXxxs = SemBorderWidthXxxs;
|
|
2391
2608
|
exports.SemBorderWidthXxxxs = SemBorderWidthXxxxs;
|
|
2392
|
-
exports.SemBoxShadow01 = SemBoxShadow01;
|
|
2393
|
-
exports.SemBoxShadow02 = SemBoxShadow02;
|
|
2394
|
-
exports.SemBoxShadow03 = SemBoxShadow03;
|
|
2395
|
-
exports.SemBoxShadow04 = SemBoxShadow04;
|
|
2396
|
-
exports.SemBoxShadow05 = SemBoxShadow05;
|
|
2397
|
-
exports.SemBoxShadow06 = SemBoxShadow06;
|
|
2398
2609
|
exports.SemColorBgPrimaryDarkDefault = SemColorBgPrimaryDarkDefault;
|
|
2399
2610
|
exports.SemColorBgPrimaryDarkDefaultAlt = SemColorBgPrimaryDarkDefaultAlt;
|
|
2400
2611
|
exports.SemColorBgPrimaryDarkEmphasis = SemColorBgPrimaryDarkEmphasis;
|
|
@@ -2912,6 +3123,14 @@ exports.SiteheaderSizeIconS = SiteheaderSizeIconS;
|
|
|
2912
3123
|
exports.SiteheaderSizeL = SiteheaderSizeL;
|
|
2913
3124
|
exports.SiteheaderSizeM = SiteheaderSizeM;
|
|
2914
3125
|
exports.SiteheaderSizeS = SiteheaderSizeS;
|
|
3126
|
+
exports.SpinnerColorsDarkFgDefault = SpinnerColorsDarkFgDefault;
|
|
3127
|
+
exports.SpinnerColorsLightFgDefault = SpinnerColorsLightFgDefault;
|
|
3128
|
+
exports.SpinnerSizeL = SpinnerSizeL;
|
|
3129
|
+
exports.SpinnerSizeM = SpinnerSizeM;
|
|
3130
|
+
exports.SpinnerSizeS = SpinnerSizeS;
|
|
3131
|
+
exports.SpinnerSizeXl = SpinnerSizeXl;
|
|
3132
|
+
exports.SpinnerSizeXxl = SpinnerSizeXxl;
|
|
3133
|
+
exports.StepperBorderRadius = StepperBorderRadius;
|
|
2915
3134
|
exports.StepperBorderWeightM = StepperBorderWeightM;
|
|
2916
3135
|
exports.StepperBorderWeightS = StepperBorderWeightS;
|
|
2917
3136
|
exports.StepperColorsDarkBgDefault = StepperColorsDarkBgDefault;
|
|
@@ -2952,6 +3171,8 @@ exports.StepperColorsLightFgDefaultAlt = StepperColorsLightFgDefaultAlt;
|
|
|
2952
3171
|
exports.StepperColorsLightFgError = StepperColorsLightFgError;
|
|
2953
3172
|
exports.StepperColorsLightFgVariant = StepperColorsLightFgVariant;
|
|
2954
3173
|
exports.StepperColorsLightFgWarning = StepperColorsLightFgWarning;
|
|
3174
|
+
exports.StepperColorsLightPluseFrom = StepperColorsLightPluseFrom;
|
|
3175
|
+
exports.StepperColorsLightPluseTo = StepperColorsLightPluseTo;
|
|
2955
3176
|
exports.StepperColorsLightTextDefault = StepperColorsLightTextDefault;
|
|
2956
3177
|
exports.StepperColorsLightTextHover = StepperColorsLightTextHover;
|
|
2957
3178
|
exports.StepperColorsLightTextSubtle = StepperColorsLightTextSubtle;
|
|
@@ -3005,6 +3226,9 @@ exports.SwitchGapM = SwitchGapM;
|
|
|
3005
3226
|
exports.SwitchGapS = SwitchGapS;
|
|
3006
3227
|
exports.SwitchSizeM = SwitchSizeM;
|
|
3007
3228
|
exports.SwitchSizeS = SwitchSizeS;
|
|
3229
|
+
exports.SwitchTypeLabelL = SwitchTypeLabelL;
|
|
3230
|
+
exports.SwitchTypeLabelM = SwitchTypeLabelM;
|
|
3231
|
+
exports.SwitchTypeLabelS = SwitchTypeLabelS;
|
|
3008
3232
|
exports.TabsBorderRadiusS = TabsBorderRadiusS;
|
|
3009
3233
|
exports.TabsBorderWeightL = TabsBorderWeightL;
|
|
3010
3234
|
exports.TabsBorderWeightM = TabsBorderWeightM;
|
|
@@ -3067,6 +3291,7 @@ exports.TagSizeIconM = TagSizeIconM;
|
|
|
3067
3291
|
exports.TagSizeIconS = TagSizeIconS;
|
|
3068
3292
|
exports.TagSizeS = TagSizeS;
|
|
3069
3293
|
exports.TextareaBorderRadiusS = TextareaBorderRadiusS;
|
|
3294
|
+
exports.TextareaBorderRadiusXs = TextareaBorderRadiusXs;
|
|
3070
3295
|
exports.TextareaBorderWeightL = TextareaBorderWeightL;
|
|
3071
3296
|
exports.TextareaBorderWeightM = TextareaBorderWeightM;
|
|
3072
3297
|
exports.TextareaBorderWeightS = TextareaBorderWeightS;
|
|
@@ -3105,6 +3330,9 @@ exports.TextareaGapS = TextareaGapS;
|
|
|
3105
3330
|
exports.TextareaPaddingM = TextareaPaddingM;
|
|
3106
3331
|
exports.TextareaPaddingS = TextareaPaddingS;
|
|
3107
3332
|
exports.TextareaSizeIconS = TextareaSizeIconS;
|
|
3333
|
+
exports.TextareaTypeLabelL = TextareaTypeLabelL;
|
|
3334
|
+
exports.TextareaTypeLabelM = TextareaTypeLabelM;
|
|
3335
|
+
exports.TextareaTypeLabelS = TextareaTypeLabelS;
|
|
3108
3336
|
exports.TextinputBorderRadiusL = TextinputBorderRadiusL;
|
|
3109
3337
|
exports.TextinputBorderRadiusM = TextinputBorderRadiusM;
|
|
3110
3338
|
exports.TextinputBorderRadiusS = TextinputBorderRadiusS;
|
|
@@ -3148,6 +3376,9 @@ exports.TextinputSizeIconM = TextinputSizeIconM;
|
|
|
3148
3376
|
exports.TextinputSizeL = TextinputSizeL;
|
|
3149
3377
|
exports.TextinputSizeM = TextinputSizeM;
|
|
3150
3378
|
exports.TextinputSizeS = TextinputSizeS;
|
|
3379
|
+
exports.TextinputTypeLabelL = TextinputTypeLabelL;
|
|
3380
|
+
exports.TextinputTypeLabelM = TextinputTypeLabelM;
|
|
3381
|
+
exports.TextinputTypeLabelS = TextinputTypeLabelS;
|
|
3151
3382
|
exports.TextlinkColorsDarkFgDefault = TextlinkColorsDarkFgDefault;
|
|
3152
3383
|
exports.TextlinkColorsDarkFgHover = TextlinkColorsDarkFgHover;
|
|
3153
3384
|
exports.TextlinkColorsDarkFgVisited = TextlinkColorsDarkFgVisited;
|
|
@@ -3169,6 +3400,7 @@ exports.TextlinkSizeM = TextlinkSizeM;
|
|
|
3169
3400
|
exports.TextlinkSizeS = TextlinkSizeS;
|
|
3170
3401
|
exports.ToastBorderRadiusS = ToastBorderRadiusS;
|
|
3171
3402
|
exports.ToastBorderWeightS = ToastBorderWeightS;
|
|
3403
|
+
exports.ToastBoxShadow01 = ToastBoxShadow01;
|
|
3172
3404
|
exports.ToastColorsStatusDarkBgDefault = ToastColorsStatusDarkBgDefault;
|
|
3173
3405
|
exports.ToastColorsStatusDarkBgError = ToastColorsStatusDarkBgError;
|
|
3174
3406
|
exports.ToastColorsStatusDarkBgSuccess = ToastColorsStatusDarkBgSuccess;
|