@leta-io/design-tokens 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/README.md +30 -0
  2. package/dist/dark-elevation.css +90 -0
  3. package/dist/fonts.d.ts +2 -0
  4. package/dist/fonts.js +2 -0
  5. package/dist/index.d.ts +2176 -0
  6. package/dist/index.js +2162 -0
  7. package/dist/map-elevation.css +148 -0
  8. package/dist/scroll-utilities.css +258 -0
  9. package/dist/tailwind.preset.cjs +795 -0
  10. package/dist/text-styles.css +349 -0
  11. package/dist/tokens.css +1946 -0
  12. package/package.json +52 -0
package/dist/index.d.ts ADDED
@@ -0,0 +1,2176 @@
1
+ import * as React from 'react';
2
+
3
+ type LetaTheme = 'light' | 'dark';
4
+ interface LetaThemeContextValue {
5
+ theme: LetaTheme;
6
+ setTheme: (theme: LetaTheme) => void;
7
+ toggleTheme: () => void;
8
+ }
9
+ interface LetaThemeProviderProps {
10
+ /** Initial theme. Defaults to "light". */
11
+ defaultTheme?: LetaTheme;
12
+ /** Controlled theme — when provided, the provider does not own state. */
13
+ theme?: LetaTheme;
14
+ /** Called whenever the theme changes (controlled or uncontrolled). */
15
+ onThemeChange?: (theme: LetaTheme) => void;
16
+ /**
17
+ * Element to apply `data-theme` to. Defaults to `documentElement` (the <html> tag),
18
+ * which makes the cascade affect the whole document. Set to "container" to apply
19
+ * the attribute to the wrapping `<div>` instead — useful for side-by-side previews.
20
+ */
21
+ target?: 'documentElement' | 'container';
22
+ children?: React.ReactNode;
23
+ }
24
+ /**
25
+ * Sets `data-theme` on the chosen target so the cascade in `tokens.css`
26
+ * picks the right theme. Mode-switching for Mapped Colors is the only runtime
27
+ * axis here — Mapped Type / Mapped Sizes follow CSS breakpoint media queries
28
+ * and don't need React state.
29
+ */
30
+ declare function LetaThemeProvider({ defaultTheme, theme: controlledTheme, onThemeChange, target, children, }: LetaThemeProviderProps): React.ReactElement;
31
+ /**
32
+ * Read or update the current LETA theme. Throws if called outside a
33
+ * <LetaThemeProvider>, which catches accidental usage in unwrapped trees.
34
+ */
35
+ declare function useLetaTheme(): LetaThemeContextValue;
36
+
37
+ declare const tokens: {
38
+ /** Primitive Colors/Yankees Blue/950 */
39
+ readonly primitiveColorsYankeesBlue950: "--primitive-colors-yankees-blue-950";
40
+ /** Primitive Colors/Yankees Blue/900 */
41
+ readonly primitiveColorsYankeesBlue900: "--primitive-colors-yankees-blue-900";
42
+ /** Primitive Colors/Yankees Blue/800 */
43
+ readonly primitiveColorsYankeesBlue800: "--primitive-colors-yankees-blue-800";
44
+ /** Primitive Colors/Yankees Blue/700 */
45
+ readonly primitiveColorsYankeesBlue700: "--primitive-colors-yankees-blue-700";
46
+ /** Primitive Colors/Yankees Blue/600 */
47
+ readonly primitiveColorsYankeesBlue600: "--primitive-colors-yankees-blue-600";
48
+ /** Primitive Colors/Yankees Blue/default */
49
+ readonly primitiveColorsYankeesBlueDefault: "--primitive-colors-yankees-blue-default";
50
+ /** Primitive Colors/Yankees Blue/400 */
51
+ readonly primitiveColorsYankeesBlue400: "--primitive-colors-yankees-blue-400";
52
+ /** Primitive Colors/Yankees Blue/300 */
53
+ readonly primitiveColorsYankeesBlue300: "--primitive-colors-yankees-blue-300";
54
+ /** Primitive Colors/Yankees Blue/200 */
55
+ readonly primitiveColorsYankeesBlue200: "--primitive-colors-yankees-blue-200";
56
+ /** Primitive Colors/Yankees Blue/100 */
57
+ readonly primitiveColorsYankeesBlue100: "--primitive-colors-yankees-blue-100";
58
+ /** Primitive Colors/Yankees Blue/50 */
59
+ readonly primitiveColorsYankeesBlue50: "--primitive-colors-yankees-blue-50";
60
+ /** Primitive Colors/Coral Red/950 */
61
+ readonly primitiveColorsCoralRed950: "--primitive-colors-coral-red-950";
62
+ /** Primitive Colors/Coral Red/900 */
63
+ readonly primitiveColorsCoralRed900: "--primitive-colors-coral-red-900";
64
+ /** Primitive Colors/Coral Red/800 */
65
+ readonly primitiveColorsCoralRed800: "--primitive-colors-coral-red-800";
66
+ /** Primitive Colors/Coral Red/700 */
67
+ readonly primitiveColorsCoralRed700: "--primitive-colors-coral-red-700";
68
+ /** Primitive Colors/Coral Red/600 */
69
+ readonly primitiveColorsCoralRed600: "--primitive-colors-coral-red-600";
70
+ /** Primitive Colors/Coral Red/default */
71
+ readonly primitiveColorsCoralRedDefault: "--primitive-colors-coral-red-default";
72
+ /** Primitive Colors/Coral Red/400 */
73
+ readonly primitiveColorsCoralRed400: "--primitive-colors-coral-red-400";
74
+ /** Primitive Colors/Coral Red/300 */
75
+ readonly primitiveColorsCoralRed300: "--primitive-colors-coral-red-300";
76
+ /** Primitive Colors/Coral Red/200 */
77
+ readonly primitiveColorsCoralRed200: "--primitive-colors-coral-red-200";
78
+ /** Primitive Colors/Coral Red/100 */
79
+ readonly primitiveColorsCoralRed100: "--primitive-colors-coral-red-100";
80
+ /** Primitive Colors/Coral Red/50 */
81
+ readonly primitiveColorsCoralRed50: "--primitive-colors-coral-red-50";
82
+ /** Primitive Colors/SkyBlue/950 */
83
+ readonly primitiveColorsSkyblue950: "--primitive-colors-skyblue-950";
84
+ /** Primitive Colors/SkyBlue/900 */
85
+ readonly primitiveColorsSkyblue900: "--primitive-colors-skyblue-900";
86
+ /** Primitive Colors/SkyBlue/800 */
87
+ readonly primitiveColorsSkyblue800: "--primitive-colors-skyblue-800";
88
+ /** Primitive Colors/SkyBlue/700 */
89
+ readonly primitiveColorsSkyblue700: "--primitive-colors-skyblue-700";
90
+ /** Primitive Colors/SkyBlue/600 */
91
+ readonly primitiveColorsSkyblue600: "--primitive-colors-skyblue-600";
92
+ /** Primitive Colors/SkyBlue/default */
93
+ readonly primitiveColorsSkyblueDefault: "--primitive-colors-skyblue-default";
94
+ /** Primitive Colors/SkyBlue/400 */
95
+ readonly primitiveColorsSkyblue400: "--primitive-colors-skyblue-400";
96
+ /** Primitive Colors/SkyBlue/300 */
97
+ readonly primitiveColorsSkyblue300: "--primitive-colors-skyblue-300";
98
+ /** Primitive Colors/SkyBlue/200 */
99
+ readonly primitiveColorsSkyblue200: "--primitive-colors-skyblue-200";
100
+ /** Primitive Colors/SkyBlue/100 */
101
+ readonly primitiveColorsSkyblue100: "--primitive-colors-skyblue-100";
102
+ /** Primitive Colors/SkyBlue/50 */
103
+ readonly primitiveColorsSkyblue50: "--primitive-colors-skyblue-50";
104
+ /** Primitive Colors/Grays/black */
105
+ readonly primitiveColorsGraysBlack: "--primitive-colors-grays-black";
106
+ /** Primitive Colors/Grays/900 */
107
+ readonly primitiveColorsGrays900: "--primitive-colors-grays-900";
108
+ /** Primitive Colors/Grays/800 */
109
+ readonly primitiveColorsGrays800: "--primitive-colors-grays-800";
110
+ /** Primitive Colors/Grays/700 */
111
+ readonly primitiveColorsGrays700: "--primitive-colors-grays-700";
112
+ /** Primitive Colors/Grays/600 */
113
+ readonly primitiveColorsGrays600: "--primitive-colors-grays-600";
114
+ /** Primitive Colors/Grays/default */
115
+ readonly primitiveColorsGraysDefault: "--primitive-colors-grays-default";
116
+ /** Primitive Colors/Grays/400 */
117
+ readonly primitiveColorsGrays400: "--primitive-colors-grays-400";
118
+ /** Primitive Colors/Grays/300 */
119
+ readonly primitiveColorsGrays300: "--primitive-colors-grays-300";
120
+ /** Primitive Colors/Grays/200 */
121
+ readonly primitiveColorsGrays200: "--primitive-colors-grays-200";
122
+ /** Primitive Colors/Grays/100 */
123
+ readonly primitiveColorsGrays100: "--primitive-colors-grays-100";
124
+ /** Primitive Colors/Grays/50 */
125
+ readonly primitiveColorsGrays50: "--primitive-colors-grays-50";
126
+ /** Primitive Colors/Grays/white */
127
+ readonly primitiveColorsGraysWhite: "--primitive-colors-grays-white";
128
+ /** Primitive Colors/Grass/950 */
129
+ readonly primitiveColorsGrass950: "--primitive-colors-grass-950";
130
+ /** Primitive Colors/Grass/900 */
131
+ readonly primitiveColorsGrass900: "--primitive-colors-grass-900";
132
+ /** Primitive Colors/Grass/800 */
133
+ readonly primitiveColorsGrass800: "--primitive-colors-grass-800";
134
+ /** Primitive Colors/Grass/700 */
135
+ readonly primitiveColorsGrass700: "--primitive-colors-grass-700";
136
+ /** Primitive Colors/Grass/600 */
137
+ readonly primitiveColorsGrass600: "--primitive-colors-grass-600";
138
+ /** Primitive Colors/Grass/default */
139
+ readonly primitiveColorsGrassDefault: "--primitive-colors-grass-default";
140
+ /** Primitive Colors/Grass/400 */
141
+ readonly primitiveColorsGrass400: "--primitive-colors-grass-400";
142
+ /** Primitive Colors/Grass/300 */
143
+ readonly primitiveColorsGrass300: "--primitive-colors-grass-300";
144
+ /** Primitive Colors/Grass/200 */
145
+ readonly primitiveColorsGrass200: "--primitive-colors-grass-200";
146
+ /** Primitive Colors/Grass/100 */
147
+ readonly primitiveColorsGrass100: "--primitive-colors-grass-100";
148
+ /** Primitive Colors/Grass/50 */
149
+ readonly primitiveColorsGrass50: "--primitive-colors-grass-50";
150
+ /** Primitive Colors/FireRed/950 */
151
+ readonly primitiveColorsFirered950: "--primitive-colors-firered-950";
152
+ /** Primitive Colors/FireRed/900 */
153
+ readonly primitiveColorsFirered900: "--primitive-colors-firered-900";
154
+ /** Primitive Colors/FireRed/800 */
155
+ readonly primitiveColorsFirered800: "--primitive-colors-firered-800";
156
+ /** Primitive Colors/FireRed/700 */
157
+ readonly primitiveColorsFirered700: "--primitive-colors-firered-700";
158
+ /** Primitive Colors/FireRed/600 */
159
+ readonly primitiveColorsFirered600: "--primitive-colors-firered-600";
160
+ /** Primitive Colors/FireRed/default */
161
+ readonly primitiveColorsFireredDefault: "--primitive-colors-firered-default";
162
+ /** Primitive Colors/FireRed/400 */
163
+ readonly primitiveColorsFirered400: "--primitive-colors-firered-400";
164
+ /** Primitive Colors/FireRed/300 */
165
+ readonly primitiveColorsFirered300: "--primitive-colors-firered-300";
166
+ /** Primitive Colors/FireRed/200 */
167
+ readonly primitiveColorsFirered200: "--primitive-colors-firered-200";
168
+ /** Primitive Colors/FireRed/100 */
169
+ readonly primitiveColorsFirered100: "--primitive-colors-firered-100";
170
+ /** Primitive Colors/FireRed/50 */
171
+ readonly primitiveColorsFirered50: "--primitive-colors-firered-50";
172
+ /** Primitive Colors/Yellow/950 */
173
+ readonly primitiveColorsYellow950: "--primitive-colors-yellow-950";
174
+ /** Primitive Colors/Yellow/900 */
175
+ readonly primitiveColorsYellow900: "--primitive-colors-yellow-900";
176
+ /** Primitive Colors/Yellow/800 */
177
+ readonly primitiveColorsYellow800: "--primitive-colors-yellow-800";
178
+ /** Primitive Colors/Yellow/700 */
179
+ readonly primitiveColorsYellow700: "--primitive-colors-yellow-700";
180
+ /** Primitive Colors/Yellow/600 */
181
+ readonly primitiveColorsYellow600: "--primitive-colors-yellow-600";
182
+ /** Primitive Colors/Yellow/default */
183
+ readonly primitiveColorsYellowDefault: "--primitive-colors-yellow-default";
184
+ /** Primitive Colors/Yellow/400 */
185
+ readonly primitiveColorsYellow400: "--primitive-colors-yellow-400";
186
+ /** Primitive Colors/Yellow/300 */
187
+ readonly primitiveColorsYellow300: "--primitive-colors-yellow-300";
188
+ /** Primitive Colors/Yellow/200 */
189
+ readonly primitiveColorsYellow200: "--primitive-colors-yellow-200";
190
+ /** Primitive Colors/Yellow/100 */
191
+ readonly primitiveColorsYellow100: "--primitive-colors-yellow-100";
192
+ /** Primitive Colors/Yellow/50 */
193
+ readonly primitiveColorsYellow50: "--primitive-colors-yellow-50";
194
+ /** Primitive Colors/Orange/950 */
195
+ readonly primitiveColorsOrange950: "--primitive-colors-orange-950";
196
+ /** Primitive Colors/Orange/900 */
197
+ readonly primitiveColorsOrange900: "--primitive-colors-orange-900";
198
+ /** Primitive Colors/Orange/800 */
199
+ readonly primitiveColorsOrange800: "--primitive-colors-orange-800";
200
+ /** Primitive Colors/Orange/700 */
201
+ readonly primitiveColorsOrange700: "--primitive-colors-orange-700";
202
+ /** Primitive Colors/Orange/600 */
203
+ readonly primitiveColorsOrange600: "--primitive-colors-orange-600";
204
+ /** Primitive Colors/Orange/default */
205
+ readonly primitiveColorsOrangeDefault: "--primitive-colors-orange-default";
206
+ /** Primitive Colors/Orange/400 */
207
+ readonly primitiveColorsOrange400: "--primitive-colors-orange-400";
208
+ /** Primitive Colors/Orange/300 */
209
+ readonly primitiveColorsOrange300: "--primitive-colors-orange-300";
210
+ /** Primitive Colors/Orange/200 */
211
+ readonly primitiveColorsOrange200: "--primitive-colors-orange-200";
212
+ /** Primitive Colors/Orange/100 */
213
+ readonly primitiveColorsOrange100: "--primitive-colors-orange-100";
214
+ /** Primitive Colors/Orange/50 */
215
+ readonly primitiveColorsOrange50: "--primitive-colors-orange-50";
216
+ /** Primitive Colors/Hollow Purple/950 */
217
+ readonly primitiveColorsHollowPurple950: "--primitive-colors-hollow-purple-950";
218
+ /** Primitive Colors/Hollow Purple/900 */
219
+ readonly primitiveColorsHollowPurple900: "--primitive-colors-hollow-purple-900";
220
+ /** Primitive Colors/Hollow Purple/800 */
221
+ readonly primitiveColorsHollowPurple800: "--primitive-colors-hollow-purple-800";
222
+ /** Primitive Colors/Hollow Purple/700 */
223
+ readonly primitiveColorsHollowPurple700: "--primitive-colors-hollow-purple-700";
224
+ /** Primitive Colors/Hollow Purple/600 */
225
+ readonly primitiveColorsHollowPurple600: "--primitive-colors-hollow-purple-600";
226
+ /** Primitive Colors/Hollow Purple/default */
227
+ readonly primitiveColorsHollowPurpleDefault: "--primitive-colors-hollow-purple-default";
228
+ /** Primitive Colors/Hollow Purple/400 */
229
+ readonly primitiveColorsHollowPurple400: "--primitive-colors-hollow-purple-400";
230
+ /** Primitive Colors/Hollow Purple/300 */
231
+ readonly primitiveColorsHollowPurple300: "--primitive-colors-hollow-purple-300";
232
+ /** Primitive Colors/Hollow Purple/200 */
233
+ readonly primitiveColorsHollowPurple200: "--primitive-colors-hollow-purple-200";
234
+ /** Primitive Colors/Hollow Purple/100 */
235
+ readonly primitiveColorsHollowPurple100: "--primitive-colors-hollow-purple-100";
236
+ /** Primitive Colors/Hollow Purple/50 */
237
+ readonly primitiveColorsHollowPurple50: "--primitive-colors-hollow-purple-50";
238
+ /** Primitive Colors/Pearl Aqua/950 */
239
+ readonly primitiveColorsPearlAqua950: "--primitive-colors-pearl-aqua-950";
240
+ /** Primitive Colors/Pearl Aqua/900 */
241
+ readonly primitiveColorsPearlAqua900: "--primitive-colors-pearl-aqua-900";
242
+ /** Primitive Colors/Pearl Aqua/800 */
243
+ readonly primitiveColorsPearlAqua800: "--primitive-colors-pearl-aqua-800";
244
+ /** Primitive Colors/Pearl Aqua/700 */
245
+ readonly primitiveColorsPearlAqua700: "--primitive-colors-pearl-aqua-700";
246
+ /** Primitive Colors/Pearl Aqua/600 */
247
+ readonly primitiveColorsPearlAqua600: "--primitive-colors-pearl-aqua-600";
248
+ /** Primitive Colors/Pearl Aqua/default */
249
+ readonly primitiveColorsPearlAquaDefault: "--primitive-colors-pearl-aqua-default";
250
+ /** Primitive Colors/Pearl Aqua/400 */
251
+ readonly primitiveColorsPearlAqua400: "--primitive-colors-pearl-aqua-400";
252
+ /** Primitive Colors/Pearl Aqua/300 */
253
+ readonly primitiveColorsPearlAqua300: "--primitive-colors-pearl-aqua-300";
254
+ /** Primitive Colors/Pearl Aqua/200 */
255
+ readonly primitiveColorsPearlAqua200: "--primitive-colors-pearl-aqua-200";
256
+ /** Primitive Colors/Pearl Aqua/100 */
257
+ readonly primitiveColorsPearlAqua100: "--primitive-colors-pearl-aqua-100";
258
+ /** Primitive Colors/Pearl Aqua/50 */
259
+ readonly primitiveColorsPearlAqua50: "--primitive-colors-pearl-aqua-50";
260
+ /** Fonts/Family/Inter Variable */
261
+ readonly fontsFamilyInterVariable: "--fonts-family-inter-variable";
262
+ /** Fonts/Weight/Bold */
263
+ readonly fontsWeightBold: "--fonts-weight-bold";
264
+ /** Fonts/Weight/SemiBold */
265
+ readonly fontsWeightSemibold: "--fonts-weight-semibold";
266
+ /** Fonts/Weight/Medium */
267
+ readonly fontsWeightMedium: "--fonts-weight-medium";
268
+ /** Fonts/Weight/Regular */
269
+ readonly fontsWeightRegular: "--fonts-weight-regular";
270
+ /** Fonts/Weight/Light */
271
+ readonly fontsWeightLight: "--fonts-weight-light";
272
+ /** Scale/0 */
273
+ readonly scale0: "--scale-0";
274
+ /** Scale/25 */
275
+ readonly scale25: "--scale-25";
276
+ /** Scale/50 */
277
+ readonly scale50: "--scale-50";
278
+ /** Scale/100 */
279
+ readonly scale100: "--scale-100";
280
+ /** Scale/200 */
281
+ readonly scale200: "--scale-200";
282
+ /** Scale/300 */
283
+ readonly scale300: "--scale-300";
284
+ /** Scale/400 */
285
+ readonly scale400: "--scale-400";
286
+ /** Scale/500 */
287
+ readonly scale500: "--scale-500";
288
+ /** Scale/600 */
289
+ readonly scale600: "--scale-600";
290
+ /** Scale/700 */
291
+ readonly scale700: "--scale-700";
292
+ /** Scale/800 */
293
+ readonly scale800: "--scale-800";
294
+ /** Scale/900 */
295
+ readonly scale900: "--scale-900";
296
+ /** Scale/1000 */
297
+ readonly scale1000: "--scale-1000";
298
+ /** Scale/1100 */
299
+ readonly scale1100: "--scale-1100";
300
+ /** Scale/1200 */
301
+ readonly scale1200: "--scale-1200";
302
+ /** Scale/1300 */
303
+ readonly scale1300: "--scale-1300";
304
+ /** Scale/1400 */
305
+ readonly scale1400: "--scale-1400";
306
+ /** Scale/1500 */
307
+ readonly scale1500: "--scale-1500";
308
+ /** Scale/1600 */
309
+ readonly scale1600: "--scale-1600";
310
+ /** Scale/1700 */
311
+ readonly scale1700: "--scale-1700";
312
+ /** Scale/1800 */
313
+ readonly scale1800: "--scale-1800";
314
+ /** Scale/1850 */
315
+ readonly scale1850: "--scale-1850";
316
+ /** Scale/2500 */
317
+ readonly scale2500: "--scale-2500";
318
+ /** Scale/1250 */
319
+ readonly scale1250: "--scale-1250";
320
+ /** Scale/150 */
321
+ readonly scale150: "--scale-150";
322
+ /** Primitive Colors/Grays/150 */
323
+ readonly primitiveColorsGrays150: "--primitive-colors-grays-150";
324
+ /** Scale/1900 */
325
+ readonly scale1900: "--scale-1900";
326
+ /** Fonts/Size/8px */
327
+ readonly fontsSize8px: "--fonts-size-8px";
328
+ /** Fonts/Size/10px */
329
+ readonly fontsSize10px: "--fonts-size-10px";
330
+ /** Scale/250 */
331
+ readonly scale250: "--scale-250";
332
+ /** Fonts/Size/12px */
333
+ readonly fontsSize12px: "--fonts-size-12px";
334
+ /** Fonts/Size/14px */
335
+ readonly fontsSize14px: "--fonts-size-14px";
336
+ /** Scale/350 */
337
+ readonly scale350: "--scale-350";
338
+ /** Fonts/Size/16px */
339
+ readonly fontsSize16px: "--fonts-size-16px";
340
+ /** Fonts/Size/20px */
341
+ readonly fontsSize20px: "--fonts-size-20px";
342
+ /** Fonts/Size/24px */
343
+ readonly fontsSize24px: "--fonts-size-24px";
344
+ /** Fonts/Size/48px */
345
+ readonly fontsSize48px: "--fonts-size-48px";
346
+ /** Fonts/Size/60px */
347
+ readonly fontsSize60px: "--fonts-size-60px";
348
+ /** Scale/1750 */
349
+ readonly scale1750: "--scale-1750";
350
+ /** Fonts/Size/72px */
351
+ readonly fontsSize72px: "--fonts-size-72px";
352
+ /** Fonts/LineHeight/16px */
353
+ readonly fontsLineheight16px: "--fonts-lineheight-16px";
354
+ /** Fonts/LineHeight/24px */
355
+ readonly fontsLineheight24px: "--fonts-lineheight-24px";
356
+ /** Fonts/LineHeight/48px */
357
+ readonly fontsLineheight48px: "--fonts-lineheight-48px";
358
+ /** Fonts/LineHeight/60px */
359
+ readonly fontsLineheight60px: "--fonts-lineheight-60px";
360
+ /** Fonts/LineHeight/72px */
361
+ readonly fontsLineheight72px: "--fonts-lineheight-72px";
362
+ /** Fonts/LineHeight/28px */
363
+ readonly fontsLineheight28px: "--fonts-lineheight-28px";
364
+ /** Fonts/Kerning/Caption */
365
+ readonly fontsKerningCaption: "--fonts-kerning-caption";
366
+ /** Fonts/Kerning/Body */
367
+ readonly fontsKerningBody: "--fonts-kerning-body";
368
+ /** Fonts/Kerning/Heading */
369
+ readonly fontsKerningHeading: "--fonts-kerning-heading";
370
+ /** Fonts/Kerning/Display */
371
+ readonly fontsKerningDisplay: "--fonts-kerning-display";
372
+ /** Scale/-6 */
373
+ readonly scaleNeg6: "--scale-neg-6";
374
+ /** Scale/-10 */
375
+ readonly scaleNeg10: "--scale-neg-10";
376
+ /** Scale/-15 */
377
+ readonly scaleNeg15: "--scale-neg-15";
378
+ /** Scale/-20 */
379
+ readonly scaleNeg20: "--scale-neg-20";
380
+ /** Scale/-8 */
381
+ readonly scaleNeg8: "--scale-neg-8";
382
+ /** Fonts/LineHeight/32px */
383
+ readonly fontsLineheight32px: "--fonts-lineheight-32px";
384
+ /** Breakpoint/Desktop */
385
+ readonly breakpointDesktop: "--breakpoint-desktop";
386
+ /** Scale/3000 */
387
+ readonly scale3000: "--scale-3000";
388
+ /** Scale/2000 */
389
+ readonly scale2000: "--scale-2000";
390
+ /** Scale/4000 */
391
+ readonly scale4000: "--scale-4000";
392
+ /** Scale/1950 */
393
+ readonly scale1950: "--scale-1950";
394
+ /** Breakpoint/Tablet */
395
+ readonly breakpointTablet: "--breakpoint-tablet";
396
+ /** Breakpoint/Mobile */
397
+ readonly breakpointMobile: "--breakpoint-mobile";
398
+ /** Fonts/Size/32px */
399
+ readonly fontsSize32px: "--fonts-size-32px";
400
+ /** Fonts/LineHeight/40px */
401
+ readonly fontsLineheight40px: "--fonts-lineheight-40px";
402
+ /** Fonts/Size/40px */
403
+ readonly fontsSize40px: "--fonts-size-40px";
404
+ /** Fonts/Size/28px */
405
+ readonly fontsSize28px: "--fonts-size-28px";
406
+ /** Fonts/LineHeight/20px */
407
+ readonly fontsLineheight20px: "--fonts-lineheight-20px";
408
+ /** Fonts/Kerning/Label */
409
+ readonly fontsKerningLabel: "--fonts-kerning-label";
410
+ /** Scale/3500 */
411
+ readonly scale3500: "--scale-3500";
412
+ /** Scale/1050 */
413
+ readonly scale1050: "--scale-1050";
414
+ /** Fonts/LineHeight/18px */
415
+ readonly fontsLineheight18px: "--fonts-lineheight-18px";
416
+ /** Scale/450 */
417
+ readonly scale450: "--scale-450";
418
+ /** Primitive Colors/Yankees Blue/150 */
419
+ readonly primitiveColorsYankeesBlue150: "--primitive-colors-yankees-blue-150";
420
+ /** Scale/30 */
421
+ readonly scale30: "--scale-30";
422
+ /** Scale/1725 */
423
+ readonly scale1725: "--scale-1725";
424
+ /** Scale/1450 */
425
+ readonly scale1450: "--scale-1450";
426
+ /** Scale/1150 */
427
+ readonly scale1150: "--scale-1150";
428
+ /** Colors/Primary/50 */
429
+ readonly colorsPrimary50: "--colors-primary-50";
430
+ /** Colors/Primary/100 */
431
+ readonly colorsPrimary100: "--colors-primary-100";
432
+ /** Colors/Primary/200 */
433
+ readonly colorsPrimary200: "--colors-primary-200";
434
+ /** Colors/Primary/400 */
435
+ readonly colorsPrimary400: "--colors-primary-400";
436
+ /** Colors/Primary/300 */
437
+ readonly colorsPrimary300: "--colors-primary-300";
438
+ /** Colors/Primary/600 */
439
+ readonly colorsPrimary600: "--colors-primary-600";
440
+ /** Colors/Primary/700 */
441
+ readonly colorsPrimary700: "--colors-primary-700";
442
+ /** Colors/Primary/900 */
443
+ readonly colorsPrimary900: "--colors-primary-900";
444
+ /** Colors/Primary/default */
445
+ readonly colorsPrimaryDefault: "--colors-primary-default";
446
+ /** Colors/Primary/800 */
447
+ readonly colorsPrimary800: "--colors-primary-800";
448
+ /** Colors/Primary/950 */
449
+ readonly colorsPrimary950: "--colors-primary-950";
450
+ /** Colors/Error/950 */
451
+ readonly colorsError950: "--colors-error-950";
452
+ /** Colors/Error/900 */
453
+ readonly colorsError900: "--colors-error-900";
454
+ /** Colors/Error/800 */
455
+ readonly colorsError800: "--colors-error-800";
456
+ /** Colors/Error/700 */
457
+ readonly colorsError700: "--colors-error-700";
458
+ /** Colors/Error/600 */
459
+ readonly colorsError600: "--colors-error-600";
460
+ /** Colors/Error/default */
461
+ readonly colorsErrorDefault: "--colors-error-default";
462
+ /** Colors/Error/400 */
463
+ readonly colorsError400: "--colors-error-400";
464
+ /** Colors/Error/300 */
465
+ readonly colorsError300: "--colors-error-300";
466
+ /** Colors/Error/200 */
467
+ readonly colorsError200: "--colors-error-200";
468
+ /** Colors/Error/100 */
469
+ readonly colorsError100: "--colors-error-100";
470
+ /** Colors/Error/50 */
471
+ readonly colorsError50: "--colors-error-50";
472
+ /** Colors/Information/950 */
473
+ readonly colorsInformation950: "--colors-information-950";
474
+ /** Colors/Information/900 */
475
+ readonly colorsInformation900: "--colors-information-900";
476
+ /** Colors/Information/800 */
477
+ readonly colorsInformation800: "--colors-information-800";
478
+ /** Colors/Information/700 */
479
+ readonly colorsInformation700: "--colors-information-700";
480
+ /** Colors/Information/600 */
481
+ readonly colorsInformation600: "--colors-information-600";
482
+ /** Colors/Information/default */
483
+ readonly colorsInformationDefault: "--colors-information-default";
484
+ /** Colors/Information/400 */
485
+ readonly colorsInformation400: "--colors-information-400";
486
+ /** Colors/Information/300 */
487
+ readonly colorsInformation300: "--colors-information-300";
488
+ /** Colors/Information/200 */
489
+ readonly colorsInformation200: "--colors-information-200";
490
+ /** Colors/Information/100 */
491
+ readonly colorsInformation100: "--colors-information-100";
492
+ /** Colors/Information/50 */
493
+ readonly colorsInformation50: "--colors-information-50";
494
+ /** Colors/Highlight/950 */
495
+ readonly colorsHighlight950: "--colors-highlight-950";
496
+ /** Colors/Highlight/900 */
497
+ readonly colorsHighlight900: "--colors-highlight-900";
498
+ /** Colors/Highlight/800 */
499
+ readonly colorsHighlight800: "--colors-highlight-800";
500
+ /** Colors/Highlight/700 */
501
+ readonly colorsHighlight700: "--colors-highlight-700";
502
+ /** Colors/Highlight/600 */
503
+ readonly colorsHighlight600: "--colors-highlight-600";
504
+ /** Colors/Highlight/default */
505
+ readonly colorsHighlightDefault: "--colors-highlight-default";
506
+ /** Colors/Highlight/400 */
507
+ readonly colorsHighlight400: "--colors-highlight-400";
508
+ /** Colors/Highlight/300 */
509
+ readonly colorsHighlight300: "--colors-highlight-300";
510
+ /** Colors/Highlight/200 */
511
+ readonly colorsHighlight200: "--colors-highlight-200";
512
+ /** Colors/Highlight/100 */
513
+ readonly colorsHighlight100: "--colors-highlight-100";
514
+ /** Colors/Highlight/50 */
515
+ readonly colorsHighlight50: "--colors-highlight-50";
516
+ /** Colors/Success/950 */
517
+ readonly colorsSuccess950: "--colors-success-950";
518
+ /** Colors/Success/900 */
519
+ readonly colorsSuccess900: "--colors-success-900";
520
+ /** Colors/Success/800 */
521
+ readonly colorsSuccess800: "--colors-success-800";
522
+ /** Colors/Success/700 */
523
+ readonly colorsSuccess700: "--colors-success-700";
524
+ /** Colors/Success/600 */
525
+ readonly colorsSuccess600: "--colors-success-600";
526
+ /** Colors/Success/default */
527
+ readonly colorsSuccessDefault: "--colors-success-default";
528
+ /** Colors/Success/400 */
529
+ readonly colorsSuccess400: "--colors-success-400";
530
+ /** Colors/Success/300 */
531
+ readonly colorsSuccess300: "--colors-success-300";
532
+ /** Colors/Success/200 */
533
+ readonly colorsSuccess200: "--colors-success-200";
534
+ /** Colors/Success/100 */
535
+ readonly colorsSuccess100: "--colors-success-100";
536
+ /** Colors/Success/50 */
537
+ readonly colorsSuccess50: "--colors-success-50";
538
+ /** Colors/Warning/950 */
539
+ readonly colorsWarning950: "--colors-warning-950";
540
+ /** Colors/Warning/900 */
541
+ readonly colorsWarning900: "--colors-warning-900";
542
+ /** Colors/Warning/800 */
543
+ readonly colorsWarning800: "--colors-warning-800";
544
+ /** Colors/Warning/700 */
545
+ readonly colorsWarning700: "--colors-warning-700";
546
+ /** Colors/Warning/600 */
547
+ readonly colorsWarning600: "--colors-warning-600";
548
+ /** Colors/Warning/default */
549
+ readonly colorsWarningDefault: "--colors-warning-default";
550
+ /** Colors/Warning/400 */
551
+ readonly colorsWarning400: "--colors-warning-400";
552
+ /** Colors/Warning/300 */
553
+ readonly colorsWarning300: "--colors-warning-300";
554
+ /** Colors/Warning/200 */
555
+ readonly colorsWarning200: "--colors-warning-200";
556
+ /** Colors/Warning/100 */
557
+ readonly colorsWarning100: "--colors-warning-100";
558
+ /** Colors/Warning/50 */
559
+ readonly colorsWarning50: "--colors-warning-50";
560
+ /** Colors/Caution/950 */
561
+ readonly colorsCaution950: "--colors-caution-950";
562
+ /** Colors/Caution/900 */
563
+ readonly colorsCaution900: "--colors-caution-900";
564
+ /** Colors/Caution/800 */
565
+ readonly colorsCaution800: "--colors-caution-800";
566
+ /** Colors/Caution/700 */
567
+ readonly colorsCaution700: "--colors-caution-700";
568
+ /** Colors/Caution/600 */
569
+ readonly colorsCaution600: "--colors-caution-600";
570
+ /** Colors/Caution/default */
571
+ readonly colorsCautionDefault: "--colors-caution-default";
572
+ /** Colors/Caution/400 */
573
+ readonly colorsCaution400: "--colors-caution-400";
574
+ /** Colors/Caution/300 */
575
+ readonly colorsCaution300: "--colors-caution-300";
576
+ /** Colors/Caution/200 */
577
+ readonly colorsCaution200: "--colors-caution-200";
578
+ /** Colors/Caution/100 */
579
+ readonly colorsCaution100: "--colors-caution-100";
580
+ /** Colors/Caution/50 */
581
+ readonly colorsCaution50: "--colors-caution-50";
582
+ /** Colors/Neutral/black */
583
+ readonly colorsNeutralBlack: "--colors-neutral-black";
584
+ /** Colors/Neutral/900 */
585
+ readonly colorsNeutral900: "--colors-neutral-900";
586
+ /** Colors/Neutral/800 */
587
+ readonly colorsNeutral800: "--colors-neutral-800";
588
+ /** Colors/Neutral/700 */
589
+ readonly colorsNeutral700: "--colors-neutral-700";
590
+ /** Colors/Neutral/600 */
591
+ readonly colorsNeutral600: "--colors-neutral-600";
592
+ /** Colors/Neutral/default */
593
+ readonly colorsNeutralDefault: "--colors-neutral-default";
594
+ /** Colors/Neutral/400 */
595
+ readonly colorsNeutral400: "--colors-neutral-400";
596
+ /** Colors/Neutral/300 */
597
+ readonly colorsNeutral300: "--colors-neutral-300";
598
+ /** Colors/Neutral/200 */
599
+ readonly colorsNeutral200: "--colors-neutral-200";
600
+ /** Colors/Neutral/100 */
601
+ readonly colorsNeutral100: "--colors-neutral-100";
602
+ /** Colors/Neutral/50 */
603
+ readonly colorsNeutral50: "--colors-neutral-50";
604
+ /** Colors/Neutral/white */
605
+ readonly colorsNeutralWhite: "--colors-neutral-white";
606
+ /** Colors/Notice/950 */
607
+ readonly colorsNotice950: "--colors-notice-950";
608
+ /** Colors/Notice/900 */
609
+ readonly colorsNotice900: "--colors-notice-900";
610
+ /** Colors/Notice/800 */
611
+ readonly colorsNotice800: "--colors-notice-800";
612
+ /** Colors/Notice/700 */
613
+ readonly colorsNotice700: "--colors-notice-700";
614
+ /** Colors/Notice/600 */
615
+ readonly colorsNotice600: "--colors-notice-600";
616
+ /** Colors/Notice/default */
617
+ readonly colorsNoticeDefault: "--colors-notice-default";
618
+ /** Colors/Notice/400 */
619
+ readonly colorsNotice400: "--colors-notice-400";
620
+ /** Colors/Notice/300 */
621
+ readonly colorsNotice300: "--colors-notice-300";
622
+ /** Colors/Notice/200 */
623
+ readonly colorsNotice200: "--colors-notice-200";
624
+ /** Colors/Notice/100 */
625
+ readonly colorsNotice100: "--colors-notice-100";
626
+ /** Colors/Notice/50 */
627
+ readonly colorsNotice50: "--colors-notice-50";
628
+ /** Stroke/none */
629
+ readonly strokeNone: "--stroke-none";
630
+ /** Stroke/sm */
631
+ readonly strokeSm: "--stroke-sm";
632
+ /** Stroke/md */
633
+ readonly strokeMd: "--stroke-md";
634
+ /** Stroke/lg */
635
+ readonly strokeLg: "--stroke-lg";
636
+ /** Stroke/xl */
637
+ readonly strokeXl: "--stroke-xl";
638
+ /** Rounding/sm */
639
+ readonly roundingSm: "--rounding-sm";
640
+ /** Rounding/md */
641
+ readonly roundingMd: "--rounding-md";
642
+ /** Rounding/lg */
643
+ readonly roundingLg: "--rounding-lg";
644
+ /** Rounding/xl */
645
+ readonly roundingXl: "--rounding-xl";
646
+ /** Rounding/xxl */
647
+ readonly roundingXxl: "--rounding-xxl";
648
+ /** Rounding/round */
649
+ readonly roundingRound: "--rounding-round";
650
+ /** Fonts/Primary */
651
+ readonly fontsPrimary: "--fonts-primary";
652
+ /** Colors/Secondary/950 */
653
+ readonly colorsSecondary950: "--colors-secondary-950";
654
+ /** Colors/Secondary/900 */
655
+ readonly colorsSecondary900: "--colors-secondary-900";
656
+ /** Colors/Secondary/800 */
657
+ readonly colorsSecondary800: "--colors-secondary-800";
658
+ /** Colors/Secondary/700 */
659
+ readonly colorsSecondary700: "--colors-secondary-700";
660
+ /** Colors/Secondary/600 */
661
+ readonly colorsSecondary600: "--colors-secondary-600";
662
+ /** Colors/Secondary/default */
663
+ readonly colorsSecondaryDefault: "--colors-secondary-default";
664
+ /** Colors/Secondary/400 */
665
+ readonly colorsSecondary400: "--colors-secondary-400";
666
+ /** Colors/Secondary/300 */
667
+ readonly colorsSecondary300: "--colors-secondary-300";
668
+ /** Colors/Secondary/200 */
669
+ readonly colorsSecondary200: "--colors-secondary-200";
670
+ /** Colors/Secondary/100 */
671
+ readonly colorsSecondary100: "--colors-secondary-100";
672
+ /** Colors/Secondary/50 */
673
+ readonly colorsSecondary50: "--colors-secondary-50";
674
+ /** Rounding/none */
675
+ readonly roundingNone: "--rounding-none";
676
+ /** Opacity/60% */
677
+ readonly opacity60: "--opacity-60";
678
+ /** Spacing/0px */
679
+ readonly spacing0px: "--spacing-0px";
680
+ /** Spacing/2px */
681
+ readonly spacing2px: "--spacing-2px";
682
+ /** Spacing/4px */
683
+ readonly spacing4px: "--spacing-4px";
684
+ /** Spacing/8px */
685
+ readonly spacing8px: "--spacing-8px";
686
+ /** Spacing/12px */
687
+ readonly spacing12px: "--spacing-12px";
688
+ /** Spacing/16px */
689
+ readonly spacing16px: "--spacing-16px";
690
+ /** Spacing/20px */
691
+ readonly spacing20px: "--spacing-20px";
692
+ /** Spacing/24px */
693
+ readonly spacing24px: "--spacing-24px";
694
+ /** Spacing/28px */
695
+ readonly spacing28px: "--spacing-28px";
696
+ /** Spacing/32px */
697
+ readonly spacing32px: "--spacing-32px";
698
+ /** Spacing/36px */
699
+ readonly spacing36px: "--spacing-36px";
700
+ /** Spacing/40px */
701
+ readonly spacing40px: "--spacing-40px";
702
+ /** Spacing/48px */
703
+ readonly spacing48px: "--spacing-48px";
704
+ /** Spacing/56px */
705
+ readonly spacing56px: "--spacing-56px";
706
+ /** Spacing/60px */
707
+ readonly spacing60px: "--spacing-60px";
708
+ /** Spacing/64px */
709
+ readonly spacing64px: "--spacing-64px";
710
+ /** Padding/0px */
711
+ readonly padding0px: "--padding-0px";
712
+ /** Padding/2px */
713
+ readonly padding2px: "--padding-2px";
714
+ /** Padding/4px */
715
+ readonly padding4px: "--padding-4px";
716
+ /** Padding/8px */
717
+ readonly padding8px: "--padding-8px";
718
+ /** Padding/12px */
719
+ readonly padding12px: "--padding-12px";
720
+ /** Padding/16px */
721
+ readonly padding16px: "--padding-16px";
722
+ /** Padding/20px */
723
+ readonly padding20px: "--padding-20px";
724
+ /** Padding/24px */
725
+ readonly padding24px: "--padding-24px";
726
+ /** Padding/6px */
727
+ readonly padding6px: "--padding-6px";
728
+ /** Colors/Neutral/150 */
729
+ readonly colorsNeutral150: "--colors-neutral-150";
730
+ /** Padding/10px */
731
+ readonly padding10px: "--padding-10px";
732
+ /** Spacing/18px */
733
+ readonly spacing18px: "--spacing-18px";
734
+ /** Padding/18px */
735
+ readonly padding18px: "--padding-18px";
736
+ /** Colors/Secondary/150 */
737
+ readonly colorsSecondary150: "--colors-secondary-150";
738
+ /** Size/icons/xxs */
739
+ readonly sizeIconsXxs: "--size-icons-xxs";
740
+ /** Size/icons/medium */
741
+ readonly sizeIconsMedium: "--size-icons-medium";
742
+ /** Size/icons/large */
743
+ readonly sizeIconsLarge: "--size-icons-large";
744
+ /** Size/icons/small */
745
+ readonly sizeIconsSmall: "--size-icons-small";
746
+ /** Size/icons/xl */
747
+ readonly sizeIconsXl: "--size-icons-xl";
748
+ /** Size/icons/xs */
749
+ readonly sizeIconsXs: "--size-icons-xs";
750
+ /** Size/icons/xxl */
751
+ readonly sizeIconsXxl: "--size-icons-xxl";
752
+ /** Padding/40px */
753
+ readonly padding40px: "--padding-40px";
754
+ /** Size/icons/xxxl */
755
+ readonly sizeIconsXxxl: "--size-icons-xxxl";
756
+ /** Stroke/xs */
757
+ readonly strokeXs: "--stroke-xs";
758
+ /** Size/containers/xxs */
759
+ readonly sizeContainersXxs: "--size-containers-xxs";
760
+ /** Size/containers/xs */
761
+ readonly sizeContainersXs: "--size-containers-xs";
762
+ /** Size/containers/small */
763
+ readonly sizeContainersSmall: "--size-containers-small";
764
+ /** Size/containers/medium */
765
+ readonly sizeContainersMedium: "--size-containers-medium";
766
+ /** Size/containers/large */
767
+ readonly sizeContainersLarge: "--size-containers-large";
768
+ /** Size/containers/xl */
769
+ readonly sizeContainersXl: "--size-containers-xl";
770
+ /** Size/containers/xxl */
771
+ readonly sizeContainersXxl: "--size-containers-xxl";
772
+ /** Size/containers/xxxl */
773
+ readonly sizeContainersXxxl: "--size-containers-xxxl";
774
+ /** Padding/1px */
775
+ readonly padding1px: "--padding-1px";
776
+ /** Text/default/sub-heading */
777
+ readonly textDefaultSubHeading: "--text-default-sub-heading";
778
+ /** Text/primary/default */
779
+ readonly textPrimaryDefault: "--text-primary-default";
780
+ /** Text/primary/label */
781
+ readonly textPrimaryLabel: "--text-primary-label";
782
+ /** Text/information/default */
783
+ readonly textInformationDefault: "--text-information-default";
784
+ /** Text/information/label */
785
+ readonly textInformationLabel: "--text-information-label";
786
+ /** Text/error/default */
787
+ readonly textErrorDefault: "--text-error-default";
788
+ /** Text/error/label */
789
+ readonly textErrorLabel: "--text-error-label";
790
+ /** Text/warning/default */
791
+ readonly textWarningDefault: "--text-warning-default";
792
+ /** Text/warning/label */
793
+ readonly textWarningLabel: "--text-warning-label";
794
+ /** Text/caution/default */
795
+ readonly textCautionDefault: "--text-caution-default";
796
+ /** Text/caution/label */
797
+ readonly textCautionLabel: "--text-caution-label";
798
+ /** Text/notice/default */
799
+ readonly textNoticeDefault: "--text-notice-default";
800
+ /** Text/notice/label */
801
+ readonly textNoticeLabel: "--text-notice-label";
802
+ /** Text/success/default */
803
+ readonly textSuccessDefault: "--text-success-default";
804
+ /** Text/success/label */
805
+ readonly textSuccessLabel: "--text-success-label";
806
+ /** Text/default/placeholder */
807
+ readonly textDefaultPlaceholder: "--text-default-placeholder";
808
+ /** Text/disabled/default */
809
+ readonly textDisabledDefault: "--text-disabled-default";
810
+ /** Icons/neutral/default */
811
+ readonly iconsNeutralDefault: "--icons-neutral-default";
812
+ /** Icons/on-color/default */
813
+ readonly iconsOnColorDefault: "--icons-on-color-default";
814
+ /** Icons/neutral/idle */
815
+ readonly iconsNeutralIdle: "--icons-neutral-idle";
816
+ /** Icons/notice/default */
817
+ readonly iconsNoticeDefault: "--icons-notice-default";
818
+ /** Icons/notice/badge */
819
+ readonly iconsNoticeBadge: "--icons-notice-badge";
820
+ /** Icons/primary/default */
821
+ readonly iconsPrimaryDefault: "--icons-primary-default";
822
+ /** Icons/success/default */
823
+ readonly iconsSuccessDefault: "--icons-success-default";
824
+ /** Icons/success/badge */
825
+ readonly iconsSuccessBadge: "--icons-success-badge";
826
+ /** Icons/primary/badge */
827
+ readonly iconsPrimaryBadge: "--icons-primary-badge";
828
+ /** Icons/information/default */
829
+ readonly iconsInformationDefault: "--icons-information-default";
830
+ /** Icons/information/badge */
831
+ readonly iconsInformationBadge: "--icons-information-badge";
832
+ /** Icons/error/default */
833
+ readonly iconsErrorDefault: "--icons-error-default";
834
+ /** Icons/error/badge */
835
+ readonly iconsErrorBadge: "--icons-error-badge";
836
+ /** Icons/warning/default */
837
+ readonly iconsWarningDefault: "--icons-warning-default";
838
+ /** Icons/warning/badge */
839
+ readonly iconsWarningBadge: "--icons-warning-badge";
840
+ /** Icons/caution/default */
841
+ readonly iconsCautionDefault: "--icons-caution-default";
842
+ /** Icons/caution/badge */
843
+ readonly iconsCautionBadge: "--icons-caution-badge";
844
+ /** Icons/disabled/default */
845
+ readonly iconsDisabledDefault: "--icons-disabled-default";
846
+ /** Surface/neutral/bg-default */
847
+ readonly surfaceNeutralBgDefault: "--surface-neutral-bg-default";
848
+ /** Surface/neutral/page-primary */
849
+ readonly surfaceNeutralPagePrimary: "--surface-neutral-page-primary";
850
+ /** Surface/notice/bg */
851
+ readonly surfaceNoticeBg: "--surface-notice-bg";
852
+ /** Surface/notice/bg-hover */
853
+ readonly surfaceNoticeBgHover: "--surface-notice-bg-hover";
854
+ /** Surface/primary/bg */
855
+ readonly surfacePrimaryBg: "--surface-primary-bg";
856
+ /** Surface/success/bg */
857
+ readonly surfaceSuccessBg: "--surface-success-bg";
858
+ /** Surface/success/bg-hover */
859
+ readonly surfaceSuccessBgHover: "--surface-success-bg-hover";
860
+ /** Surface/primary/bg-hover */
861
+ readonly surfacePrimaryBgHover: "--surface-primary-bg-hover";
862
+ /** Surface/information/bg */
863
+ readonly surfaceInformationBg: "--surface-information-bg";
864
+ /** Surface/information/bg-hover */
865
+ readonly surfaceInformationBgHover: "--surface-information-bg-hover";
866
+ /** Surface/error/bg */
867
+ readonly surfaceErrorBg: "--surface-error-bg";
868
+ /** Surface/error/bg-hover */
869
+ readonly surfaceErrorBgHover: "--surface-error-bg-hover";
870
+ /** Surface/warning/bg */
871
+ readonly surfaceWarningBg: "--surface-warning-bg";
872
+ /** Surface/warning/bg-hover */
873
+ readonly surfaceWarningBgHover: "--surface-warning-bg-hover";
874
+ /** Surface/caution/bg */
875
+ readonly surfaceCautionBg: "--surface-caution-bg";
876
+ /** Surface/caution/bg-hover */
877
+ readonly surfaceCautionBgHover: "--surface-caution-bg-hover";
878
+ /** Surface/disabled/bg */
879
+ readonly surfaceDisabledBg: "--surface-disabled-bg";
880
+ /** Surface/neutral/bg-subtle */
881
+ readonly surfaceNeutralBgSubtle: "--surface-neutral-bg-subtle";
882
+ /** Surface/neutral/bg-muted */
883
+ readonly surfaceNeutralBgMuted: "--surface-neutral-bg-muted";
884
+ /** Surface/information/bg-subtle */
885
+ readonly surfaceInformationBgSubtle: "--surface-information-bg-subtle";
886
+ /** Surface/error/bg-subtle */
887
+ readonly surfaceErrorBgSubtle: "--surface-error-bg-subtle";
888
+ /** Text/default/sub-body */
889
+ readonly textDefaultSubBody: "--text-default-sub-body";
890
+ /** Text/default/helper */
891
+ readonly textDefaultHelper: "--text-default-helper";
892
+ /** Text/default/label */
893
+ readonly textDefaultLabel: "--text-default-label";
894
+ /** Text/default/label idle */
895
+ readonly textDefaultLabelIdle: "--text-default-label-idle";
896
+ /** Text/on-color/heading */
897
+ readonly textOnColorHeading: "--text-on-color-heading";
898
+ /** Text/on-color/body */
899
+ readonly textOnColorBody: "--text-on-color-body";
900
+ /** Text/on-color/label */
901
+ readonly textOnColorLabel: "--text-on-color-label";
902
+ /** Text/on-color/label-idle */
903
+ readonly textOnColorLabelIdle: "--text-on-color-label-idle";
904
+ /** Text/on-color/placeholder */
905
+ readonly textOnColorPlaceholder: "--text-on-color-placeholder";
906
+ /** Text/on-color/helper */
907
+ readonly textOnColorHelper: "--text-on-color-helper";
908
+ /** Surface/warning/bg-subtle */
909
+ readonly surfaceWarningBgSubtle: "--surface-warning-bg-subtle";
910
+ /** Surface/caution/bg-subtle */
911
+ readonly surfaceCautionBgSubtle: "--surface-caution-bg-subtle";
912
+ /** Surface/success/bg-subtle */
913
+ readonly surfaceSuccessBgSubtle: "--surface-success-bg-subtle";
914
+ /** Surface/primary/bg-subtle */
915
+ readonly surfacePrimaryBgSubtle: "--surface-primary-bg-subtle";
916
+ /** Surface/notice/bg-subtle */
917
+ readonly surfaceNoticeBgSubtle: "--surface-notice-bg-subtle";
918
+ /** Surface/disabled/filled-button */
919
+ readonly surfaceDisabledFilledButton: "--surface-disabled-filled-button";
920
+ /** Surface/neutral/page-secondary */
921
+ readonly surfaceNeutralPageSecondary: "--surface-neutral-page-secondary";
922
+ /** Surface/secondary/primary-button-idle */
923
+ readonly surfaceSecondaryPrimaryButtonIdle: "--surface-secondary-primary-button-idle";
924
+ /** Surface/secondary/primary-button-hover */
925
+ readonly surfaceSecondaryPrimaryButtonHover: "--surface-secondary-primary-button-hover";
926
+ /** Surface/neutral/secondary-button-idle */
927
+ readonly surfaceNeutralSecondaryButtonIdle: "--surface-neutral-secondary-button-idle";
928
+ /** Surface/neutral/secondary-button-hover */
929
+ readonly surfaceNeutralSecondaryButtonHover: "--surface-neutral-secondary-button-hover";
930
+ /** Surface/success/mobile-button-idle */
931
+ readonly surfaceSuccessMobileButtonIdle: "--surface-success-mobile-button-idle";
932
+ /** Surface/success/button-hover */
933
+ readonly surfaceSuccessButtonHover: "--surface-success-button-hover";
934
+ /** Surface/error/ghost-button-hover */
935
+ readonly surfaceErrorGhostButtonHover: "--surface-error-ghost-button-hover";
936
+ /** Border/neutral/default */
937
+ readonly borderNeutralDefault: "--border-neutral-default";
938
+ /** Border/neutral/card-hover */
939
+ readonly borderNeutralCardHover: "--border-neutral-card-hover";
940
+ /** Border/secondary/primary-button */
941
+ readonly borderSecondaryPrimaryButton: "--border-secondary-primary-button";
942
+ /** Border/secondary/primary-button-hover */
943
+ readonly borderSecondaryPrimaryButtonHover: "--border-secondary-primary-button-hover";
944
+ /** Border/neutral/secondary-button-idle */
945
+ readonly borderNeutralSecondaryButtonIdle: "--border-neutral-secondary-button-idle";
946
+ /** Border/neutral/secondary-button-hover */
947
+ readonly borderNeutralSecondaryButtonHover: "--border-neutral-secondary-button-hover";
948
+ /** Border/disabled/default */
949
+ readonly borderDisabledDefault: "--border-disabled-default";
950
+ /** Border/disabled/button */
951
+ readonly borderDisabledButton: "--border-disabled-button";
952
+ /** Surface/primary/default */
953
+ readonly surfacePrimaryDefault: "--surface-primary-default";
954
+ /** Surface/primary/default-hover */
955
+ readonly surfacePrimaryDefaultHover: "--surface-primary-default-hover";
956
+ /** Surface/primary/subtle */
957
+ readonly surfacePrimarySubtle: "--surface-primary-subtle";
958
+ /** Border/notice/default */
959
+ readonly borderNoticeDefault: "--border-notice-default";
960
+ /** Border/notice/hover */
961
+ readonly borderNoticeHover: "--border-notice-hover";
962
+ /** Border/notice/subtle */
963
+ readonly borderNoticeSubtle: "--border-notice-subtle";
964
+ /** Border/success/default */
965
+ readonly borderSuccessDefault: "--border-success-default";
966
+ /** Border/success/default-hover */
967
+ readonly borderSuccessDefaultHover: "--border-success-default-hover";
968
+ /** Border/success/subtle */
969
+ readonly borderSuccessSubtle: "--border-success-subtle";
970
+ /** Border/success/mobile-button */
971
+ readonly borderSuccessMobileButton: "--border-success-mobile-button";
972
+ /** Border/success/mobile-button-pressed */
973
+ readonly borderSuccessMobileButtonPressed: "--border-success-mobile-button-pressed";
974
+ /** Border/information/default */
975
+ readonly borderInformationDefault: "--border-information-default";
976
+ /** Border/information/hover */
977
+ readonly borderInformationHover: "--border-information-hover";
978
+ /** Border/information/subtle */
979
+ readonly borderInformationSubtle: "--border-information-subtle";
980
+ /** Border/error/default */
981
+ readonly borderErrorDefault: "--border-error-default";
982
+ /** Border/error/hover */
983
+ readonly borderErrorHover: "--border-error-hover";
984
+ /** Border/error/subtle */
985
+ readonly borderErrorSubtle: "--border-error-subtle";
986
+ /** Border/error/ghost-button-hover */
987
+ readonly borderErrorGhostButtonHover: "--border-error-ghost-button-hover";
988
+ /** Border/warning/default */
989
+ readonly borderWarningDefault: "--border-warning-default";
990
+ /** Border/warning/hover */
991
+ readonly borderWarningHover: "--border-warning-hover";
992
+ /** Border/warning/subtle */
993
+ readonly borderWarningSubtle: "--border-warning-subtle";
994
+ /** Border/caution/default */
995
+ readonly borderCautionDefault: "--border-caution-default";
996
+ /** Border/caution/hover */
997
+ readonly borderCautionHover: "--border-caution-hover";
998
+ /** Border/caution/subtle */
999
+ readonly borderCautionSubtle: "--border-caution-subtle";
1000
+ /** Surface/neutral/toggle */
1001
+ readonly surfaceNeutralToggle: "--surface-neutral-toggle";
1002
+ /** Surface/neutral/toggle-hover */
1003
+ readonly surfaceNeutralToggleHover: "--surface-neutral-toggle-hover";
1004
+ /** Surface/neutral/segment-selected */
1005
+ readonly surfaceNeutralSegmentSelected: "--surface-neutral-segment-selected";
1006
+ /** Surface/neutral/segment-hover */
1007
+ readonly surfaceNeutralSegmentHover: "--surface-neutral-segment-hover";
1008
+ /** Text/disabled/label */
1009
+ readonly textDisabledLabel: "--text-disabled-label";
1010
+ /** Surface/secondary/primary-button-pressed */
1011
+ readonly surfaceSecondaryPrimaryButtonPressed: "--surface-secondary-primary-button-pressed";
1012
+ /** Border/secondary/primary-button-pressed */
1013
+ readonly borderSecondaryPrimaryButtonPressed: "--border-secondary-primary-button-pressed";
1014
+ /** Border/neutral/secondary-button-pressed */
1015
+ readonly borderNeutralSecondaryButtonPressed: "--border-neutral-secondary-button-pressed";
1016
+ /** Surface/neutral/secondary-button-pressed */
1017
+ readonly surfaceNeutralSecondaryButtonPressed: "--surface-neutral-secondary-button-pressed";
1018
+ /** Border/caution/desktop-badge */
1019
+ readonly borderCautionDesktopBadge: "--border-caution-desktop-badge";
1020
+ /** Border/warning/desktop-badge */
1021
+ readonly borderWarningDesktopBadge: "--border-warning-desktop-badge";
1022
+ /** Border/error/desktop-badge */
1023
+ readonly borderErrorDesktopBadge: "--border-error-desktop-badge";
1024
+ /** Border/information/desktop-badge */
1025
+ readonly borderInformationDesktopBadge: "--border-information-desktop-badge";
1026
+ /** Border/success/desktop-badge */
1027
+ readonly borderSuccessDesktopBadge: "--border-success-desktop-badge";
1028
+ /** Border/notice/desktop-badge */
1029
+ readonly borderNoticeDesktopBadge: "--border-notice-desktop-badge";
1030
+ /** Border/primary/desktop-badge */
1031
+ readonly borderPrimaryDesktopBadge: "--border-primary-desktop-badge";
1032
+ /** Border/neutral/desktop-badge */
1033
+ readonly borderNeutralDesktopBadge: "--border-neutral-desktop-badge";
1034
+ /** Surface/caution/desktop-badge */
1035
+ readonly surfaceCautionDesktopBadge: "--surface-caution-desktop-badge";
1036
+ /** Surface/warning/desktop-badge */
1037
+ readonly surfaceWarningDesktopBadge: "--surface-warning-desktop-badge";
1038
+ /** Surface/error/desktop-badge */
1039
+ readonly surfaceErrorDesktopBadge: "--surface-error-desktop-badge";
1040
+ /** Surface/information/desktop-badge */
1041
+ readonly surfaceInformationDesktopBadge: "--surface-information-desktop-badge";
1042
+ /** Surface/success/desktop-badge */
1043
+ readonly surfaceSuccessDesktopBadge: "--surface-success-desktop-badge";
1044
+ /** Surface/notice/desktop-badge */
1045
+ readonly surfaceNoticeDesktopBadge: "--surface-notice-desktop-badge";
1046
+ /** Surface/primary/desktop-badge */
1047
+ readonly surfacePrimaryDesktopBadge: "--surface-primary-desktop-badge";
1048
+ /** Surface/neutral/desktop-badge */
1049
+ readonly surfaceNeutralDesktopBadge: "--surface-neutral-desktop-badge";
1050
+ /** Surface/neutral/badge-hover */
1051
+ readonly surfaceNeutralBadgeHover: "--surface-neutral-badge-hover";
1052
+ /** Border/neutral/desktop-badge-hover */
1053
+ readonly borderNeutralDesktopBadgeHover: "--border-neutral-desktop-badge-hover";
1054
+ /** Border/secondary/card-active */
1055
+ readonly borderSecondaryCardActive: "--border-secondary-card-active";
1056
+ /** Text/highlight/default */
1057
+ readonly textHighlightDefault: "--text-highlight-default";
1058
+ /** Text/highlight/label */
1059
+ readonly textHighlightLabel: "--text-highlight-label";
1060
+ /** Icons/highlight/default */
1061
+ readonly iconsHighlightDefault: "--icons-highlight-default";
1062
+ /** Icons/highlight/badge */
1063
+ readonly iconsHighlightBadge: "--icons-highlight-badge";
1064
+ /** Surface/highlight/bg */
1065
+ readonly surfaceHighlightBg: "--surface-highlight-bg";
1066
+ /** Surface/highlight/bg-hover */
1067
+ readonly surfaceHighlightBgHover: "--surface-highlight-bg-hover";
1068
+ /** Surface/highlight/bg-subtle */
1069
+ readonly surfaceHighlightBgSubtle: "--surface-highlight-bg-subtle";
1070
+ /** Surface/highlight/desktop-badge */
1071
+ readonly surfaceHighlightDesktopBadge: "--surface-highlight-desktop-badge";
1072
+ /** Border/highlight/default */
1073
+ readonly borderHighlightDefault: "--border-highlight-default";
1074
+ /** Border/highlight/hover */
1075
+ readonly borderHighlightHover: "--border-highlight-hover";
1076
+ /** Border/highlight/subtle */
1077
+ readonly borderHighlightSubtle: "--border-highlight-subtle";
1078
+ /** Border/highlight/desktop-badge */
1079
+ readonly borderHighlightDesktopBadge: "--border-highlight-desktop-badge";
1080
+ /** Text/secondary/default */
1081
+ readonly textSecondaryDefault: "--text-secondary-default";
1082
+ /** Text/secondary/label */
1083
+ readonly textSecondaryLabel: "--text-secondary-label";
1084
+ /** Icons/secondary/default */
1085
+ readonly iconsSecondaryDefault: "--icons-secondary-default";
1086
+ /** Icons/secondary/badge */
1087
+ readonly iconsSecondaryBadge: "--icons-secondary-badge";
1088
+ /** Surface/secondary/bg */
1089
+ readonly surfaceSecondaryBg: "--surface-secondary-bg";
1090
+ /** Surface/secondary/mobile-top-section-bg */
1091
+ readonly surfaceSecondaryMobileTopSectionBg: "--surface-secondary-mobile-top-section-bg";
1092
+ /** Surface/secondary/bg-subtle */
1093
+ readonly surfaceSecondaryBgSubtle: "--surface-secondary-bg-subtle";
1094
+ /** Surface/secondary/desktop-badge */
1095
+ readonly surfaceSecondaryDesktopBadge: "--surface-secondary-desktop-badge";
1096
+ /** Border/secondary/default */
1097
+ readonly borderSecondaryDefault: "--border-secondary-default";
1098
+ /** Border/secondary/hover */
1099
+ readonly borderSecondaryHover: "--border-secondary-hover";
1100
+ /** Border/secondary/subtle */
1101
+ readonly borderSecondarySubtle: "--border-secondary-subtle";
1102
+ /** Border/secondary/desktop-badge */
1103
+ readonly borderSecondaryDesktopBadge: "--border-secondary-desktop-badge";
1104
+ /** Surface/neutral/table-header-idle */
1105
+ readonly surfaceNeutralTableHeaderIdle: "--surface-neutral-table-header-idle";
1106
+ /** Surface/neutral/table-cell-idle */
1107
+ readonly surfaceNeutralTableCellIdle: "--surface-neutral-table-cell-idle";
1108
+ /** Surface/neutral/table-cell-hover */
1109
+ readonly surfaceNeutralTableCellHover: "--surface-neutral-table-cell-hover";
1110
+ /** Surface/neutral/table-cell-pressed */
1111
+ readonly surfaceNeutralTableCellPressed: "--surface-neutral-table-cell-pressed";
1112
+ /** Text/default/heading */
1113
+ readonly textDefaultHeading: "--text-default-heading";
1114
+ /** Surface/success/button-pressed */
1115
+ readonly surfaceSuccessButtonPressed: "--surface-success-button-pressed";
1116
+ /** Surface/error/ghost-button-pressed */
1117
+ readonly surfaceErrorGhostButtonPressed: "--surface-error-ghost-button-pressed";
1118
+ /** Border/secondary/component-focus */
1119
+ readonly borderSecondaryComponentFocus: "--border-secondary-component-focus";
1120
+ /** Border/error/ghost-button-pressed */
1121
+ readonly borderErrorGhostButtonPressed: "--border-error-ghost-button-pressed";
1122
+ /** Surface/error/destructive-button-idle */
1123
+ readonly surfaceErrorDestructiveButtonIdle: "--surface-error-destructive-button-idle";
1124
+ /** Surface/error/destructive-button-hover */
1125
+ readonly surfaceErrorDestructiveButtonHover: "--surface-error-destructive-button-hover";
1126
+ /** Surface/error/destructive-button-pressed */
1127
+ readonly surfaceErrorDestructiveButtonPressed: "--surface-error-destructive-button-pressed";
1128
+ /** Border/error/destructive-button-idle */
1129
+ readonly borderErrorDestructiveButtonIdle: "--border-error-destructive-button-idle";
1130
+ /** Border/error/destructive-button-hover */
1131
+ readonly borderErrorDestructiveButtonHover: "--border-error-destructive-button-hover";
1132
+ /** Border/error/destructive-button-pressed */
1133
+ readonly borderErrorDestructiveButtonPressed: "--border-error-destructive-button-pressed";
1134
+ /** Icons/secondary/plain-button-hover */
1135
+ readonly iconsSecondaryPlainButtonHover: "--icons-secondary-plain-button-hover";
1136
+ /** Text/secondary/plain-button-pressed */
1137
+ readonly textSecondaryPlainButtonPressed: "--text-secondary-plain-button-pressed";
1138
+ /** Icons/secondary/plain-button-pressed */
1139
+ readonly iconsSecondaryPlainButtonPressed: "--icons-secondary-plain-button-pressed";
1140
+ /** Text/secondary/plain-button-hover */
1141
+ readonly textSecondaryPlainButtonHover: "--text-secondary-plain-button-hover";
1142
+ /** Surface/success/toggle-active */
1143
+ readonly surfaceSuccessToggleActive: "--surface-success-toggle-active";
1144
+ /** Border/secondary/underline-idle */
1145
+ readonly borderSecondaryUnderlineIdle: "--border-secondary-underline-idle";
1146
+ /** Border/secondary/underline-hover */
1147
+ readonly borderSecondaryUnderlineHover: "--border-secondary-underline-hover";
1148
+ /** Border/secondary/underline-pressed */
1149
+ readonly borderSecondaryUnderlinePressed: "--border-secondary-underline-pressed";
1150
+ /** Border/disabled/underline */
1151
+ readonly borderDisabledUnderline: "--border-disabled-underline";
1152
+ /** Border/neutral/ghost-button-hover */
1153
+ readonly borderNeutralGhostButtonHover: "--border-neutral-ghost-button-hover";
1154
+ /** Border/neutral/ghost-button-pressed */
1155
+ readonly borderNeutralGhostButtonPressed: "--border-neutral-ghost-button-pressed";
1156
+ /** Surface/neutral/ghost-button-hover */
1157
+ readonly surfaceNeutralGhostButtonHover: "--surface-neutral-ghost-button-hover";
1158
+ /** Surface/neutral/ghost-button-pressed */
1159
+ readonly surfaceNeutralGhostButtonPressed: "--surface-neutral-ghost-button-pressed";
1160
+ /** Surface/secondary/day-cell-active */
1161
+ readonly surfaceSecondaryDayCellActive: "--surface-secondary-day-cell-active";
1162
+ /** Text/default/display */
1163
+ readonly textDefaultDisplay: "--text-default-display";
1164
+ /** Surface/neutral/segment-idle */
1165
+ readonly surfaceNeutralSegmentIdle: "--surface-neutral-segment-idle";
1166
+ /** Surface/neutral/segment-track */
1167
+ readonly surfaceNeutralSegmentTrack: "--surface-neutral-segment-track";
1168
+ /** Text/default/body */
1169
+ readonly textDefaultBody: "--text-default-body";
1170
+ /** Surface/neutral/card-idle */
1171
+ readonly surfaceNeutralCardIdle: "--surface-neutral-card-idle";
1172
+ /** Surface/neutral/card-hover */
1173
+ readonly surfaceNeutralCardHover: "--surface-neutral-card-hover";
1174
+ /** Surface/neutral/card-pressed */
1175
+ readonly surfaceNeutralCardPressed: "--surface-neutral-card-pressed";
1176
+ /** Text/secondary/plain-button-idle */
1177
+ readonly textSecondaryPlainButtonIdle: "--text-secondary-plain-button-idle";
1178
+ /** Icons/secondary/plain-button-idle */
1179
+ readonly iconsSecondaryPlainButtonIdle: "--icons-secondary-plain-button-idle";
1180
+ /** Border/neutral/card-idle */
1181
+ readonly borderNeutralCardIdle: "--border-neutral-card-idle";
1182
+ /** Border/neutral/card-pressed */
1183
+ readonly borderNeutralCardPressed: "--border-neutral-card-pressed";
1184
+ /** Surface/neutral/card-active */
1185
+ readonly surfaceNeutralCardActive: "--surface-neutral-card-active";
1186
+ /** Surface/neutral/sidebar-main-navigation-hover */
1187
+ readonly surfaceNeutralSidebarMainNavigationHover: "--surface-neutral-sidebar-main-navigation-hover";
1188
+ /** Surface/neutral/sidebar-main-navigation-pressed */
1189
+ readonly surfaceNeutralSidebarMainNavigationPressed: "--surface-neutral-sidebar-main-navigation-pressed";
1190
+ /** Surface/neutral/sidebar-sub-navigation-hover */
1191
+ readonly surfaceNeutralSidebarSubNavigationHover: "--surface-neutral-sidebar-sub-navigation-hover";
1192
+ /** Surface/neutral/sidebar-sub-navigation-pressed */
1193
+ readonly surfaceNeutralSidebarSubNavigationPressed: "--surface-neutral-sidebar-sub-navigation-pressed";
1194
+ /** Surface/neutral/sidebar-sub-navigation-active */
1195
+ readonly surfaceNeutralSidebarSubNavigationActive: "--surface-neutral-sidebar-sub-navigation-active";
1196
+ /** Surface/neutral/sidebar */
1197
+ readonly surfaceNeutralSidebar: "--surface-neutral-sidebar";
1198
+ /** Border/neutral/sidebar */
1199
+ readonly borderNeutralSidebar: "--border-neutral-sidebar";
1200
+ /** Surface/neutral/sidebar-main-navigation-active */
1201
+ readonly surfaceNeutralSidebarMainNavigationActive: "--surface-neutral-sidebar-main-navigation-active";
1202
+ /** Surface/disabled/input-field */
1203
+ readonly surfaceDisabledInputField: "--surface-disabled-input-field";
1204
+ /** Surface/disabled/toggle-disabled */
1205
+ readonly surfaceDisabledToggleDisabled: "--surface-disabled-toggle-disabled";
1206
+ /** Text/disabled/placeholder-disabled */
1207
+ readonly textDisabledPlaceholderDisabled: "--text-disabled-placeholder-disabled";
1208
+ /** Surface/neutral/selector-field */
1209
+ readonly surfaceNeutralSelectorField: "--surface-neutral-selector-field";
1210
+ /** Surface/neutral/input-field */
1211
+ readonly surfaceNeutralInputField: "--surface-neutral-input-field";
1212
+ /** Surface/disabled/secondary-button */
1213
+ readonly surfaceDisabledSecondaryButton: "--surface-disabled-secondary-button";
1214
+ /** Text/disabled/helper-disabled */
1215
+ readonly textDisabledHelperDisabled: "--text-disabled-helper-disabled";
1216
+ /** Surface/neutral/chip-idle */
1217
+ readonly surfaceNeutralChipIdle: "--surface-neutral-chip-idle";
1218
+ /** Surface/neutral/chip-hover */
1219
+ readonly surfaceNeutralChipHover: "--surface-neutral-chip-hover";
1220
+ /** Surface/neutral/chip-pressed */
1221
+ readonly surfaceNeutralChipPressed: "--surface-neutral-chip-pressed";
1222
+ /** Surface/neutral/chip-active */
1223
+ readonly surfaceNeutralChipActive: "--surface-neutral-chip-active";
1224
+ /** Border/neutral/chip-idle */
1225
+ readonly borderNeutralChipIdle: "--border-neutral-chip-idle";
1226
+ /** Border/neutral/chip-hover */
1227
+ readonly borderNeutralChipHover: "--border-neutral-chip-hover";
1228
+ /** Border/neutral/chip-pressed */
1229
+ readonly borderNeutralChipPressed: "--border-neutral-chip-pressed";
1230
+ /** Border/secondary/chip-active */
1231
+ readonly borderSecondaryChipActive: "--border-secondary-chip-active";
1232
+ /** Border/neutral/sidebar-main-navigation-hover */
1233
+ readonly borderNeutralSidebarMainNavigationHover: "--border-neutral-sidebar-main-navigation-hover";
1234
+ /** Border/neutral/sidebar-main-navigation-pressed */
1235
+ readonly borderNeutralSidebarMainNavigationPressed: "--border-neutral-sidebar-main-navigation-pressed";
1236
+ /** Border/neutral/sidebar-sub-navigation-hover */
1237
+ readonly borderNeutralSidebarSubNavigationHover: "--border-neutral-sidebar-sub-navigation-hover";
1238
+ /** Border/neutral/sidebar-main-navigation-active */
1239
+ readonly borderNeutralSidebarMainNavigationActive: "--border-neutral-sidebar-main-navigation-active";
1240
+ /** Border/neutral/sidebar-sub-navigation-pressed */
1241
+ readonly borderNeutralSidebarSubNavigationPressed: "--border-neutral-sidebar-sub-navigation-pressed";
1242
+ /** Border/neutral/sidebar-sub-navigation-active */
1243
+ readonly borderNeutralSidebarSubNavigationActive: "--border-neutral-sidebar-sub-navigation-active";
1244
+ /** Surface/disabled/selector field */
1245
+ readonly surfaceDisabledSelectorField: "--surface-disabled-selector-field";
1246
+ /** Surface/neutral/combobox-hover */
1247
+ readonly surfaceNeutralComboboxHover: "--surface-neutral-combobox-hover";
1248
+ /** Surface/neutral/combobox-pressed */
1249
+ readonly surfaceNeutralComboboxPressed: "--surface-neutral-combobox-pressed";
1250
+ /** Surface/neutral/combobox-active */
1251
+ readonly surfaceNeutralComboboxActive: "--surface-neutral-combobox-active";
1252
+ /** Surface/neutral/dropdown-basic-hover */
1253
+ readonly surfaceNeutralDropdownBasicHover: "--surface-neutral-dropdown-basic-hover";
1254
+ /** Surface/neutral/dropdown-basic-pressed */
1255
+ readonly surfaceNeutralDropdownBasicPressed: "--surface-neutral-dropdown-basic-pressed";
1256
+ /** Surface/neutral/selection-hover */
1257
+ readonly surfaceNeutralSelectionHover: "--surface-neutral-selection-hover";
1258
+ /** Surface/neutral/selection-pressed */
1259
+ readonly surfaceNeutralSelectionPressed: "--surface-neutral-selection-pressed";
1260
+ /** Surface/neutral/day-cell-hover */
1261
+ readonly surfaceNeutralDayCellHover: "--surface-neutral-day-cell-hover";
1262
+ /** Surface/neutral/combobox-idle */
1263
+ readonly surfaceNeutralComboboxIdle: "--surface-neutral-combobox-idle";
1264
+ /** Surface/neutral/dropdown-basic-idle */
1265
+ readonly surfaceNeutralDropdownBasicIdle: "--surface-neutral-dropdown-basic-idle";
1266
+ /** Surface/neutral/day-cell-idle */
1267
+ readonly surfaceNeutralDayCellIdle: "--surface-neutral-day-cell-idle";
1268
+ /** Surface/neutral/selection-idle */
1269
+ readonly surfaceNeutralSelectionIdle: "--surface-neutral-selection-idle";
1270
+ /** Surface/neutral/selection-active */
1271
+ readonly surfaceNeutralSelectionActive: "--surface-neutral-selection-active";
1272
+ /** Surface/neutral/day-cell-pressed */
1273
+ readonly surfaceNeutralDayCellPressed: "--surface-neutral-day-cell-pressed";
1274
+ /** Surface/secondary/time-picker-active */
1275
+ readonly surfaceSecondaryTimePickerActive: "--surface-secondary-time-picker-active";
1276
+ /** Surface/neutral/time-picker-idle */
1277
+ readonly surfaceNeutralTimePickerIdle: "--surface-neutral-time-picker-idle";
1278
+ /** Surface/neutral/time-picker-hover */
1279
+ readonly surfaceNeutralTimePickerHover: "--surface-neutral-time-picker-hover";
1280
+ /** Surface/neutral/time-picker-pressed */
1281
+ readonly surfaceNeutralTimePickerPressed: "--surface-neutral-time-picker-pressed";
1282
+ /** Surface/neutral/dropdown-destructive-idle */
1283
+ readonly surfaceNeutralDropdownDestructiveIdle: "--surface-neutral-dropdown-destructive-idle";
1284
+ /** Surface/error/dropdown-destructive-hover */
1285
+ readonly surfaceErrorDropdownDestructiveHover: "--surface-error-dropdown-destructive-hover";
1286
+ /** Surface/error/dropdown-destructive-pressed */
1287
+ readonly surfaceErrorDropdownDestructivePressed: "--surface-error-dropdown-destructive-pressed";
1288
+ /** Border/error/dropdown-destructive-pressed */
1289
+ readonly borderErrorDropdownDestructivePressed: "--border-error-dropdown-destructive-pressed";
1290
+ /** Border/neutral/combobox-hover */
1291
+ readonly borderNeutralComboboxHover: "--border-neutral-combobox-hover";
1292
+ /** Border/neutral/combobox-pressed */
1293
+ readonly borderNeutralComboboxPressed: "--border-neutral-combobox-pressed";
1294
+ /** Border/neutral/combobox-active */
1295
+ readonly borderNeutralComboboxActive: "--border-neutral-combobox-active";
1296
+ /** Border/neutral/dropdown-basic-hover */
1297
+ readonly borderNeutralDropdownBasicHover: "--border-neutral-dropdown-basic-hover";
1298
+ /** Border/neutral/dropdown-basic-pressed */
1299
+ readonly borderNeutralDropdownBasicPressed: "--border-neutral-dropdown-basic-pressed";
1300
+ /** Border/neutral/selection-hover */
1301
+ readonly borderNeutralSelectionHover: "--border-neutral-selection-hover";
1302
+ /** Border/neutral/selection-pressed */
1303
+ readonly borderNeutralSelectionPressed: "--border-neutral-selection-pressed";
1304
+ /** Border/neutral/day-cell-hover */
1305
+ readonly borderNeutralDayCellHover: "--border-neutral-day-cell-hover";
1306
+ /** Border/neutral/day-cell-pressed */
1307
+ readonly borderNeutralDayCellPressed: "--border-neutral-day-cell-pressed";
1308
+ /** Border/secondary/day-cell-active */
1309
+ readonly borderSecondaryDayCellActive: "--border-secondary-day-cell-active";
1310
+ /** Border/secondary/time-picker-active */
1311
+ readonly borderSecondaryTimePickerActive: "--border-secondary-time-picker-active";
1312
+ /** Border/neutral/time-picker-hover */
1313
+ readonly borderNeutralTimePickerHover: "--border-neutral-time-picker-hover";
1314
+ /** Border/neutral/time-picker-pressed */
1315
+ readonly borderNeutralTimePickerPressed: "--border-neutral-time-picker-pressed";
1316
+ /** Surface/neutral/filter-group-idle */
1317
+ readonly surfaceNeutralFilterGroupIdle: "--surface-neutral-filter-group-idle";
1318
+ /** Border/neutral/filter-group-idle */
1319
+ readonly borderNeutralFilterGroupIdle: "--border-neutral-filter-group-idle";
1320
+ /** Surface/neutral/filter-group-hover */
1321
+ readonly surfaceNeutralFilterGroupHover: "--surface-neutral-filter-group-hover";
1322
+ /** Border/neutral/filter-group-hover */
1323
+ readonly borderNeutralFilterGroupHover: "--border-neutral-filter-group-hover";
1324
+ /** Border/secondary/filter-group-active */
1325
+ readonly borderSecondaryFilterGroupActive: "--border-secondary-filter-group-active";
1326
+ /** Surface/neutral/filter-group-active */
1327
+ readonly surfaceNeutralFilterGroupActive: "--surface-neutral-filter-group-active";
1328
+ /** Surface/neutral/pagination-idle */
1329
+ readonly surfaceNeutralPaginationIdle: "--surface-neutral-pagination-idle";
1330
+ /** Surface/neutral/pagination-hover */
1331
+ readonly surfaceNeutralPaginationHover: "--surface-neutral-pagination-hover";
1332
+ /** Surface/neutral/pagination-pressed */
1333
+ readonly surfaceNeutralPaginationPressed: "--surface-neutral-pagination-pressed";
1334
+ /** Surface/secondary/pagination-active */
1335
+ readonly surfaceSecondaryPaginationActive: "--surface-secondary-pagination-active";
1336
+ /** Border/neutral/pagination-hover */
1337
+ readonly borderNeutralPaginationHover: "--border-neutral-pagination-hover";
1338
+ /** Border/neutral/pagination-pressed */
1339
+ readonly borderNeutralPaginationPressed: "--border-neutral-pagination-pressed";
1340
+ /** Border/secondary/pagination-active */
1341
+ readonly borderSecondaryPaginationActive: "--border-secondary-pagination-active";
1342
+ /** Surface/neutral/dropdown-advanced-hover */
1343
+ readonly surfaceNeutralDropdownAdvancedHover: "--surface-neutral-dropdown-advanced-hover";
1344
+ /** Surface/neutral/dropdown-advanced-pressed */
1345
+ readonly surfaceNeutralDropdownAdvancedPressed: "--surface-neutral-dropdown-advanced-pressed";
1346
+ /** Surface/neutral/dropdown-advanced-idle */
1347
+ readonly surfaceNeutralDropdownAdvancedIdle: "--surface-neutral-dropdown-advanced-idle";
1348
+ /** Border/neutral/dropdown-advanced-hover */
1349
+ readonly borderNeutralDropdownAdvancedHover: "--border-neutral-dropdown-advanced-hover";
1350
+ /** Border/neutral/dropdown-advanced-pressed */
1351
+ readonly borderNeutralDropdownAdvancedPressed: "--border-neutral-dropdown-advanced-pressed";
1352
+ /** Surface/neutral/progress-bar-track */
1353
+ readonly surfaceNeutralProgressBarTrack: "--surface-neutral-progress-bar-track";
1354
+ /** Surface/success/task-progress-bar */
1355
+ readonly surfaceSuccessTaskProgressBar: "--surface-success-task-progress-bar";
1356
+ /** Surface/information/progress-bar */
1357
+ readonly surfaceInformationProgressBar: "--surface-information-progress-bar";
1358
+ /** Surface/notice/avatar-bg */
1359
+ readonly surfaceNoticeAvatarBg: "--surface-notice-avatar-bg";
1360
+ /** Surface/warning/avatar-bg */
1361
+ readonly surfaceWarningAvatarBg: "--surface-warning-avatar-bg";
1362
+ /** Surface/neutral/user-menu-idle */
1363
+ readonly surfaceNeutralUserMenuIdle: "--surface-neutral-user-menu-idle";
1364
+ /** Surface/neutral/user-menu-hover */
1365
+ readonly surfaceNeutralUserMenuHover: "--surface-neutral-user-menu-hover";
1366
+ /** Surface/neutral/user-menu-pressed */
1367
+ readonly surfaceNeutralUserMenuPressed: "--surface-neutral-user-menu-pressed";
1368
+ /** Border/neutral/user-menu-hover */
1369
+ readonly borderNeutralUserMenuHover: "--border-neutral-user-menu-hover";
1370
+ /** Border/neutral/user-menu-pressed */
1371
+ readonly borderNeutralUserMenuPressed: "--border-neutral-user-menu-pressed";
1372
+ /** Border/neutral/user-menu-idle */
1373
+ readonly borderNeutralUserMenuIdle: "--border-neutral-user-menu-idle";
1374
+ /** Surface/neutral/ghost-button-idle */
1375
+ readonly surfaceNeutralGhostButtonIdle: "--surface-neutral-ghost-button-idle";
1376
+ /** Border/neutral/ghost-button-idle */
1377
+ readonly borderNeutralGhostButtonIdle: "--border-neutral-ghost-button-idle";
1378
+ /** Surface/success/bg-raised */
1379
+ readonly surfaceSuccessBgRaised: "--surface-success-bg-raised";
1380
+ /** Surface/error/bg-raised */
1381
+ readonly surfaceErrorBgRaised: "--surface-error-bg-raised";
1382
+ /** Surface/warning/bg-raised */
1383
+ readonly surfaceWarningBgRaised: "--surface-warning-bg-raised";
1384
+ /** Surface/neutral/sidetab-navigation-hover */
1385
+ readonly surfaceNeutralSidetabNavigationHover: "--surface-neutral-sidetab-navigation-hover";
1386
+ /** Surface/neutral/sidetab-navigation-pressed */
1387
+ readonly surfaceNeutralSidetabNavigationPressed: "--surface-neutral-sidetab-navigation-pressed";
1388
+ /** Surface/neutral/sidetab-navigation-active */
1389
+ readonly surfaceNeutralSidetabNavigationActive: "--surface-neutral-sidetab-navigation-active";
1390
+ /** Surface/neutral/sidetab */
1391
+ readonly surfaceNeutralSidetab: "--surface-neutral-sidetab";
1392
+ /** Border/neutral/sidetab */
1393
+ readonly borderNeutralSidetab: "--border-neutral-sidetab";
1394
+ /** Border/neutral/sidetab-navigation-hover */
1395
+ readonly borderNeutralSidetabNavigationHover: "--border-neutral-sidetab-navigation-hover";
1396
+ /** Border/neutral/sidetab-navigation-pressed */
1397
+ readonly borderNeutralSidetabNavigationPressed: "--border-neutral-sidetab-navigation-pressed";
1398
+ /** Border/neutral/sidetab-navigation-active */
1399
+ readonly borderNeutralSidetabNavigationActive: "--border-neutral-sidetab-navigation-active";
1400
+ /** Border/information/desktop-badge-hover */
1401
+ readonly borderInformationDesktopBadgeHover: "--border-information-desktop-badge-hover";
1402
+ /** Border/information/desktop-badge-pressed */
1403
+ readonly borderInformationDesktopBadgePressed: "--border-information-desktop-badge-pressed";
1404
+ /** Surface/information/desktop-badge-hover */
1405
+ readonly surfaceInformationDesktopBadgeHover: "--surface-information-desktop-badge-hover";
1406
+ /** Surface/information/desktop-badge-pressed */
1407
+ readonly surfaceInformationDesktopBadgePressed: "--surface-information-desktop-badge-pressed";
1408
+ /** Surface/neutral/sub-filter-tab-idle */
1409
+ readonly surfaceNeutralSubFilterTabIdle: "--surface-neutral-sub-filter-tab-idle";
1410
+ /** Surface/neutral/sub-filter-tab-hover */
1411
+ readonly surfaceNeutralSubFilterTabHover: "--surface-neutral-sub-filter-tab-hover";
1412
+ /** Surface/neutral/sub-filter-tab-pressed */
1413
+ readonly surfaceNeutralSubFilterTabPressed: "--surface-neutral-sub-filter-tab-pressed";
1414
+ /** Surface/neutral/sub-filter-tab-active */
1415
+ readonly surfaceNeutralSubFilterTabActive: "--surface-neutral-sub-filter-tab-active";
1416
+ /** Surface/neutral/top-filter-tab-idle */
1417
+ readonly surfaceNeutralTopFilterTabIdle: "--surface-neutral-top-filter-tab-idle";
1418
+ /** Surface/neutral/top-filter-tab-hover */
1419
+ readonly surfaceNeutralTopFilterTabHover: "--surface-neutral-top-filter-tab-hover";
1420
+ /** Surface/neutral/top-filter-tab-pressed */
1421
+ readonly surfaceNeutralTopFilterTabPressed: "--surface-neutral-top-filter-tab-pressed";
1422
+ /** Surface/neutral/top-filter-tab-active */
1423
+ readonly surfaceNeutralTopFilterTabActive: "--surface-neutral-top-filter-tab-active";
1424
+ /** Border/neutral/sub-filter-tab-idle */
1425
+ readonly borderNeutralSubFilterTabIdle: "--border-neutral-sub-filter-tab-idle";
1426
+ /** Border/neutral/sub-filter-tab-hover */
1427
+ readonly borderNeutralSubFilterTabHover: "--border-neutral-sub-filter-tab-hover";
1428
+ /** Border/neutral/sub-filter-tab-pressed */
1429
+ readonly borderNeutralSubFilterTabPressed: "--border-neutral-sub-filter-tab-pressed";
1430
+ /** Border/neutral/top-filter-tab-pressed */
1431
+ readonly borderNeutralTopFilterTabPressed: "--border-neutral-top-filter-tab-pressed";
1432
+ /** Border/neutral/sub-filter-tab-active */
1433
+ readonly borderNeutralSubFilterTabActive: "--border-neutral-sub-filter-tab-active";
1434
+ /** Border/neutral/top-filter-tab-idle */
1435
+ readonly borderNeutralTopFilterTabIdle: "--border-neutral-top-filter-tab-idle";
1436
+ /** Border/neutral/top-filter-tab-hover */
1437
+ readonly borderNeutralTopFilterTabHover: "--border-neutral-top-filter-tab-hover";
1438
+ /** Border/secondary/top-filter-tab-active */
1439
+ readonly borderSecondaryTopFilterTabActive: "--border-secondary-top-filter-tab-active";
1440
+ /** Border/secondary/slider-track-idle */
1441
+ readonly borderSecondarySliderTrackIdle: "--border-secondary-slider-track-idle";
1442
+ /** Border/secondary/slider-control */
1443
+ readonly borderSecondarySliderControl: "--border-secondary-slider-control";
1444
+ /** Surface/secondary/slider-track-idle */
1445
+ readonly surfaceSecondarySliderTrackIdle: "--surface-secondary-slider-track-idle";
1446
+ /** Surface/secondary/slider-control */
1447
+ readonly surfaceSecondarySliderControl: "--surface-secondary-slider-control";
1448
+ /** Surface/neutral/table-header-hover */
1449
+ readonly surfaceNeutralTableHeaderHover: "--surface-neutral-table-header-hover";
1450
+ /** Surface/neutral/table-header-pressed */
1451
+ readonly surfaceNeutralTableHeaderPressed: "--surface-neutral-table-header-pressed";
1452
+ /** Border/information/banner */
1453
+ readonly borderInformationBanner: "--border-information-banner";
1454
+ /** Border/success/banner */
1455
+ readonly borderSuccessBanner: "--border-success-banner";
1456
+ /** Border/error/banner */
1457
+ readonly borderErrorBanner: "--border-error-banner";
1458
+ /** Border/warning/banner */
1459
+ readonly borderWarningBanner: "--border-warning-banner";
1460
+ /** Border/highlight/banner */
1461
+ readonly borderHighlightBanner: "--border-highlight-banner";
1462
+ /** Surface/secondary/table-cell-selected */
1463
+ readonly surfaceSecondaryTableCellSelected: "--surface-secondary-table-cell-selected";
1464
+ /** Border/success/mobile-badge */
1465
+ readonly borderSuccessMobileBadge: "--border-success-mobile-badge";
1466
+ /** Border/secondary/mobile-badge */
1467
+ readonly borderSecondaryMobileBadge: "--border-secondary-mobile-badge";
1468
+ /** Border/information/mobile-badge */
1469
+ readonly borderInformationMobileBadge: "--border-information-mobile-badge";
1470
+ /** Border/error/mobile-badge */
1471
+ readonly borderErrorMobileBadge: "--border-error-mobile-badge";
1472
+ /** Border/warning/mobile-badge */
1473
+ readonly borderWarningMobileBadge: "--border-warning-mobile-badge";
1474
+ /** Border/caution/mobile-badge */
1475
+ readonly borderCautionMobileBadge: "--border-caution-mobile-badge";
1476
+ /** Border/highlight/mobile-badge */
1477
+ readonly borderHighlightMobileBadge: "--border-highlight-mobile-badge";
1478
+ /** Surface/neutral/mobile-badge */
1479
+ readonly surfaceNeutralMobileBadge: "--surface-neutral-mobile-badge";
1480
+ /** Border/neutral/mobile-badge */
1481
+ readonly borderNeutralMobileBadge: "--border-neutral-mobile-badge";
1482
+ /** Surface/success/mobile-badge */
1483
+ readonly surfaceSuccessMobileBadge: "--surface-success-mobile-badge";
1484
+ /** Surface/information/mobile-badge */
1485
+ readonly surfaceInformationMobileBadge: "--surface-information-mobile-badge";
1486
+ /** Border/primary/mobile-badge */
1487
+ readonly borderPrimaryMobileBadge: "--border-primary-mobile-badge";
1488
+ /** Surface/primary/mobile-badge */
1489
+ readonly surfacePrimaryMobileBadge: "--surface-primary-mobile-badge";
1490
+ /** Surface/error/mobile-badge */
1491
+ readonly surfaceErrorMobileBadge: "--surface-error-mobile-badge";
1492
+ /** Surface/warning/mobile-badge */
1493
+ readonly surfaceWarningMobileBadge: "--surface-warning-mobile-badge";
1494
+ /** Surface/caution/mobile-badge */
1495
+ readonly surfaceCautionMobileBadge: "--surface-caution-mobile-badge";
1496
+ /** Surface/highlight/mobile-badge */
1497
+ readonly surfaceHighlightMobileBadge: "--surface-highlight-mobile-badge";
1498
+ /** Surface/secondary/mobile-badge */
1499
+ readonly surfaceSecondaryMobileBadge: "--surface-secondary-mobile-badge";
1500
+ /** Surface/error/mobile-ghost-button-idle */
1501
+ readonly surfaceErrorMobileGhostButtonIdle: "--surface-error-mobile-ghost-button-idle";
1502
+ /** Border/error/mobile-ghost-button-idle */
1503
+ readonly borderErrorMobileGhostButtonIdle: "--border-error-mobile-ghost-button-idle";
1504
+ /** Surface/neutral/mobile-ghost-button-idle */
1505
+ readonly surfaceNeutralMobileGhostButtonIdle: "--surface-neutral-mobile-ghost-button-idle";
1506
+ /** Surface/neutral/mobile-ghost-button-pressed */
1507
+ readonly surfaceNeutralMobileGhostButtonPressed: "--surface-neutral-mobile-ghost-button-pressed";
1508
+ /** Surface/secondary/mobile-primary-button-idle */
1509
+ readonly surfaceSecondaryMobilePrimaryButtonIdle: "--surface-secondary-mobile-primary-button-idle";
1510
+ /** Surface/secondary/mobile-primary-button-pressed */
1511
+ readonly surfaceSecondaryMobilePrimaryButtonPressed: "--surface-secondary-mobile-primary-button-pressed";
1512
+ /** Surface/success/mobile-button-pressed */
1513
+ readonly surfaceSuccessMobileButtonPressed: "--surface-success-mobile-button-pressed";
1514
+ /** Surface/error/mobile-ghost-button-pressed */
1515
+ readonly surfaceErrorMobileGhostButtonPressed: "--surface-error-mobile-ghost-button-pressed";
1516
+ /** Surface/error/mobile-destructive-button-idle */
1517
+ readonly surfaceErrorMobileDestructiveButtonIdle: "--surface-error-mobile-destructive-button-idle";
1518
+ /** Surface/error/mobile-destructive-button-pressed */
1519
+ readonly surfaceErrorMobileDestructiveButtonPressed: "--surface-error-mobile-destructive-button-pressed";
1520
+ /** Border/neutral/mobile-ghost-button-idle */
1521
+ readonly borderNeutralMobileGhostButtonIdle: "--border-neutral-mobile-ghost-button-idle";
1522
+ /** Border/neutral/mobile-ghost-button-pressed */
1523
+ readonly borderNeutralMobileGhostButtonPressed: "--border-neutral-mobile-ghost-button-pressed";
1524
+ /** Border/secondary/mobile-primary-button */
1525
+ readonly borderSecondaryMobilePrimaryButton: "--border-secondary-mobile-primary-button";
1526
+ /** Border/secondary/mobile-primary-button-pressed */
1527
+ readonly borderSecondaryMobilePrimaryButtonPressed: "--border-secondary-mobile-primary-button-pressed";
1528
+ /** Border/error/mobile-ghost-button-pressed */
1529
+ readonly borderErrorMobileGhostButtonPressed: "--border-error-mobile-ghost-button-pressed";
1530
+ /** Border/error/mobile-destructive-button-idle */
1531
+ readonly borderErrorMobileDestructiveButtonIdle: "--border-error-mobile-destructive-button-idle";
1532
+ /** Border/error/mobile-destructive-button-pressed */
1533
+ readonly borderErrorMobileDestructiveButtonPressed: "--border-error-mobile-destructive-button-pressed";
1534
+ /** Surface/neutral/mobile-secondary-button-idle */
1535
+ readonly surfaceNeutralMobileSecondaryButtonIdle: "--surface-neutral-mobile-secondary-button-idle";
1536
+ /** Surface/neutral/mobile-secondary-button-pressed */
1537
+ readonly surfaceNeutralMobileSecondaryButtonPressed: "--surface-neutral-mobile-secondary-button-pressed";
1538
+ /** Border/neutral/mobile-secondary-button-idle */
1539
+ readonly borderNeutralMobileSecondaryButtonIdle: "--border-neutral-mobile-secondary-button-idle";
1540
+ /** Border/neutral/mobile-secondary-button-pressed */
1541
+ readonly borderNeutralMobileSecondaryButtonPressed: "--border-neutral-mobile-secondary-button-pressed";
1542
+ /** Icons/primary/status-indicator */
1543
+ readonly iconsPrimaryStatusIndicator: "--icons-primary-status-indicator";
1544
+ /** Surface/neutral/mobile-metric-card-subtle */
1545
+ readonly surfaceNeutralMobileMetricCardSubtle: "--surface-neutral-mobile-metric-card-subtle";
1546
+ /** Border/neutral/mobile-metric-card-subtle */
1547
+ readonly borderNeutralMobileMetricCardSubtle: "--border-neutral-mobile-metric-card-subtle";
1548
+ /** Surface/neutral/avatar-bg */
1549
+ readonly surfaceNeutralAvatarBg: "--surface-neutral-avatar-bg";
1550
+ /** Surface/neutral/mobile-chip-idle */
1551
+ readonly surfaceNeutralMobileChipIdle: "--surface-neutral-mobile-chip-idle";
1552
+ /** Surface/neutral/mobile-chip-pressed */
1553
+ readonly surfaceNeutralMobileChipPressed: "--surface-neutral-mobile-chip-pressed";
1554
+ /** Border/neutral/mobile-chip-idle */
1555
+ readonly borderNeutralMobileChipIdle: "--border-neutral-mobile-chip-idle";
1556
+ /** Border/neutral/mobile-chip-pressed */
1557
+ readonly borderNeutralMobileChipPressed: "--border-neutral-mobile-chip-pressed";
1558
+ /** Border/secondary/mobile-chip-active */
1559
+ readonly borderSecondaryMobileChipActive: "--border-secondary-mobile-chip-active";
1560
+ /** Surface/neutral/mobile-metric-card */
1561
+ readonly surfaceNeutralMobileMetricCard: "--surface-neutral-mobile-metric-card";
1562
+ /** Border/neutral/mobile-metric-card */
1563
+ readonly borderNeutralMobileMetricCard: "--border-neutral-mobile-metric-card";
1564
+ /** Surface/neutral/mobile-day-cell-idle */
1565
+ readonly surfaceNeutralMobileDayCellIdle: "--surface-neutral-mobile-day-cell-idle";
1566
+ /** Surface/neutral/mobile-day-cell-pressed */
1567
+ readonly surfaceNeutralMobileDayCellPressed: "--surface-neutral-mobile-day-cell-pressed";
1568
+ /** Surface/secondary/mobile-day-cell-active */
1569
+ readonly surfaceSecondaryMobileDayCellActive: "--surface-secondary-mobile-day-cell-active";
1570
+ /** Border/neutral/mobile-day-cell-pressed */
1571
+ readonly borderNeutralMobileDayCellPressed: "--border-neutral-mobile-day-cell-pressed";
1572
+ /** Border/secondary/mobile-day-cell-active */
1573
+ readonly borderSecondaryMobileDayCellActive: "--border-secondary-mobile-day-cell-active";
1574
+ /** Text/on-color/sub-heading */
1575
+ readonly textOnColorSubHeading: "--text-on-color-sub-heading";
1576
+ /** Icons/on-color/idle */
1577
+ readonly iconsOnColorIdle: "--icons-on-color-idle";
1578
+ /** Surface/neutral/mobile-list-card-title-section */
1579
+ readonly surfaceNeutralMobileListCardTitleSection: "--surface-neutral-mobile-list-card-title-section";
1580
+ /** Border/neutral/white */
1581
+ readonly borderNeutralWhite: "--border-neutral-white";
1582
+ /** Surface/neutral/inactive-carousel-pagination */
1583
+ readonly surfaceNeutralInactiveCarouselPagination: "--surface-neutral-inactive-carousel-pagination";
1584
+ /** Surface/primary/active-carousel-pagination */
1585
+ readonly surfacePrimaryActiveCarouselPagination: "--surface-primary-active-carousel-pagination";
1586
+ /** Surface/neutral/search-field */
1587
+ readonly surfaceNeutralSearchField: "--surface-neutral-search-field";
1588
+ /** Surface/neutral/alt-search-field */
1589
+ readonly surfaceNeutralAltSearchField: "--surface-neutral-alt-search-field";
1590
+ /** Surface/caution/rating-progress-bar */
1591
+ readonly surfaceCautionRatingProgressBar: "--surface-caution-rating-progress-bar";
1592
+ /** Surface/neutral/mobile-chip-active */
1593
+ readonly surfaceNeutralMobileChipActive: "--surface-neutral-mobile-chip-active";
1594
+ /** Surface/neutral/filter-group-pressed */
1595
+ readonly surfaceNeutralFilterGroupPressed: "--surface-neutral-filter-group-pressed";
1596
+ /** Border/neutral/filter-group-pressed */
1597
+ readonly borderNeutralFilterGroupPressed: "--border-neutral-filter-group-pressed";
1598
+ /** Surface/secondary/bg-raised */
1599
+ readonly surfaceSecondaryBgRaised: "--surface-secondary-bg-raised";
1600
+ /** Text/default/eyebrow-text */
1601
+ readonly textDefaultEyebrowText: "--text-default-eyebrow-text";
1602
+ /** Icons/neutral/button */
1603
+ readonly iconsNeutralButton: "--icons-neutral-button";
1604
+ /** Icons/on-color/button */
1605
+ readonly iconsOnColorButton: "--icons-on-color-button";
1606
+ /** Surface/success/toggle-hover */
1607
+ readonly surfaceSuccessToggleHover: "--surface-success-toggle-hover";
1608
+ /** Surface/neutral/accordion */
1609
+ readonly surfaceNeutralAccordion: "--surface-neutral-accordion";
1610
+ /** Border/neutral/accordion */
1611
+ readonly borderNeutralAccordion: "--border-neutral-accordion";
1612
+ /** Border/neutral/banner */
1613
+ readonly borderNeutralBanner: "--border-neutral-banner";
1614
+ /** Surface/secondary/monogram */
1615
+ readonly surfaceSecondaryMonogram: "--surface-secondary-monogram";
1616
+ /** Border/secondary/monogram */
1617
+ readonly borderSecondaryMonogram: "--border-secondary-monogram";
1618
+ /** Surface/secondary/avatar-bg */
1619
+ readonly surfaceSecondaryAvatarBg: "--surface-secondary-avatar-bg";
1620
+ /** Surface/notice/mobile-badge */
1621
+ readonly surfaceNoticeMobileBadge: "--surface-notice-mobile-badge";
1622
+ /** Border/notice/mobile-badge */
1623
+ readonly borderNoticeMobileBadge: "--border-notice-mobile-badge";
1624
+ /** Surface/neutral/bg-raised */
1625
+ readonly surfaceNeutralBgRaised: "--surface-neutral-bg-raised";
1626
+ /** Surface/neutral/popover */
1627
+ readonly surfaceNeutralPopover: "--surface-neutral-popover";
1628
+ /** Surface/neutral/flyout */
1629
+ readonly surfaceNeutralFlyout: "--surface-neutral-flyout";
1630
+ /** Surface/neutral/coachmark */
1631
+ readonly surfaceNeutralCoachmark: "--surface-neutral-coachmark";
1632
+ /** Surface/secondary/tooltip */
1633
+ readonly surfaceSecondaryTooltip: "--surface-secondary-tooltip";
1634
+ /** Surface/primary/alt-desktop-badge */
1635
+ readonly surfacePrimaryAltDesktopBadge: "--surface-primary-alt-desktop-badge";
1636
+ /** Border/primary/alt-desktop-badge */
1637
+ readonly borderPrimaryAltDesktopBadge: "--border-primary-alt-desktop-badge";
1638
+ /** Border/primary/default */
1639
+ readonly borderPrimaryDefault: "--border-primary-default";
1640
+ /** Border/neutral/toggle-button-idle */
1641
+ readonly borderNeutralToggleButtonIdle: "--border-neutral-toggle-button-idle";
1642
+ /** Border/neutral/toggle-button-hover */
1643
+ readonly borderNeutralToggleButtonHover: "--border-neutral-toggle-button-hover";
1644
+ /** Border/neutral/toggle-button-pressed */
1645
+ readonly borderNeutralToggleButtonPressed: "--border-neutral-toggle-button-pressed";
1646
+ /** Border/secondary/toggle-button-selected */
1647
+ readonly borderSecondaryToggleButtonSelected: "--border-secondary-toggle-button-selected";
1648
+ /** Surface/neutral/toggle-button-idle */
1649
+ readonly surfaceNeutralToggleButtonIdle: "--surface-neutral-toggle-button-idle";
1650
+ /** Surface/neutral/toggle-button-hover */
1651
+ readonly surfaceNeutralToggleButtonHover: "--surface-neutral-toggle-button-hover";
1652
+ /** Surface/neutral/toggle-button-pressed */
1653
+ readonly surfaceNeutralToggleButtonPressed: "--surface-neutral-toggle-button-pressed";
1654
+ /** Surface/secondary/toggle-button-selected */
1655
+ readonly surfaceSecondaryToggleButtonSelected: "--surface-secondary-toggle-button-selected";
1656
+ /** Surface/neutral/banner */
1657
+ readonly surfaceNeutralBanner: "--surface-neutral-banner";
1658
+ /** Surface/primary/banner */
1659
+ readonly surfacePrimaryBanner: "--surface-primary-banner";
1660
+ /** Surface/success/banner */
1661
+ readonly surfaceSuccessBanner: "--surface-success-banner";
1662
+ /** Surface/information/banner */
1663
+ readonly surfaceInformationBanner: "--surface-information-banner";
1664
+ /** Surface/error/banner */
1665
+ readonly surfaceErrorBanner: "--surface-error-banner";
1666
+ /** Surface/warning/banner */
1667
+ readonly surfaceWarningBanner: "--surface-warning-banner";
1668
+ /** Surface/highlight/banner */
1669
+ readonly surfaceHighlightBanner: "--surface-highlight-banner";
1670
+ /** Surface/notice/bg-alt */
1671
+ readonly surfaceNoticeBgAlt: "--surface-notice-bg-alt";
1672
+ /** Surface/highlight/bg-alt */
1673
+ readonly surfaceHighlightBgAlt: "--surface-highlight-bg-alt";
1674
+ /** Surface/caution/bg-alt */
1675
+ readonly surfaceCautionBgAlt: "--surface-caution-bg-alt";
1676
+ /** Surface/warning/bg-alt */
1677
+ readonly surfaceWarningBgAlt: "--surface-warning-bg-alt";
1678
+ /** Surface/error/bg-alt */
1679
+ readonly surfaceErrorBgAlt: "--surface-error-bg-alt";
1680
+ /** Surface/information/bg-alt */
1681
+ readonly surfaceInformationBgAlt: "--surface-information-bg-alt";
1682
+ /** Surface/success/bg-alt */
1683
+ readonly surfaceSuccessBgAlt: "--surface-success-bg-alt";
1684
+ /** Surface/secondary/bg-alt */
1685
+ readonly surfaceSecondaryBgAlt: "--surface-secondary-bg-alt";
1686
+ /** Surface/primary/bg-alt */
1687
+ readonly surfacePrimaryBgAlt: "--surface-primary-bg-alt";
1688
+ /** Surface/neutral/bg-alt */
1689
+ readonly surfaceNeutralBgAlt: "--surface-neutral-bg-alt";
1690
+ /** Surface/secondary/table-cell-selected-pressed */
1691
+ readonly surfaceSecondaryTableCellSelectedPressed: "--surface-secondary-table-cell-selected-pressed";
1692
+ /** Border/neutral/table-cell-idle */
1693
+ readonly borderNeutralTableCellIdle: "--border-neutral-table-cell-idle";
1694
+ /** Border/neutral/table-cell-pressed */
1695
+ readonly borderNeutralTableCellPressed: "--border-neutral-table-cell-pressed";
1696
+ /** Border/neutral/table-cell-hover */
1697
+ readonly borderNeutralTableCellHover: "--border-neutral-table-cell-hover";
1698
+ /** Border/secondary/table-cell-selected-pressed */
1699
+ readonly borderSecondaryTableCellSelectedPressed: "--border-secondary-table-cell-selected-pressed";
1700
+ /** Border/neutral/table-cell-selected */
1701
+ readonly borderNeutralTableCellSelected: "--border-neutral-table-cell-selected";
1702
+ /** Border/neutral/input-field */
1703
+ readonly borderNeutralInputField: "--border-neutral-input-field";
1704
+ /** Border/disabled/input-field */
1705
+ readonly borderDisabledInputField: "--border-disabled-input-field";
1706
+ /** Border/neutral/text-area */
1707
+ readonly borderNeutralTextArea: "--border-neutral-text-area";
1708
+ /** Inter Family */
1709
+ readonly interFamily: "--inter-family";
1710
+ /** Breakpoint */
1711
+ readonly breakpoint: "--breakpoint";
1712
+ /** Display/L/Bold/Size */
1713
+ readonly displayLBoldSize: "--display-l-bold-size";
1714
+ /** Display/L/Bold/LineHeight */
1715
+ readonly displayLBoldLineheight: "--display-l-bold-lineheight";
1716
+ /** Display/L/Bold/Kerning */
1717
+ readonly displayLBoldKerning: "--display-l-bold-kerning";
1718
+ /** Display/L/Bold/Weight */
1719
+ readonly displayLBoldWeight: "--display-l-bold-weight";
1720
+ /** Display/L/SemiBold/Weight */
1721
+ readonly displayLSemiboldWeight: "--display-l-semibold-weight";
1722
+ /** Display/L/SemiBold/Size */
1723
+ readonly displayLSemiboldSize: "--display-l-semibold-size";
1724
+ /** Display/L/SemiBold/LineHeight */
1725
+ readonly displayLSemiboldLineheight: "--display-l-semibold-lineheight";
1726
+ /** Display/L/SemiBold/Kerning */
1727
+ readonly displayLSemiboldKerning: "--display-l-semibold-kerning";
1728
+ /** Display/M/SemiBold/Weight */
1729
+ readonly displayMSemiboldWeight: "--display-m-semibold-weight";
1730
+ /** Display/M/SemiBold/Size */
1731
+ readonly displayMSemiboldSize: "--display-m-semibold-size";
1732
+ /** Display/M/SemiBold/LineHeight */
1733
+ readonly displayMSemiboldLineheight: "--display-m-semibold-lineheight";
1734
+ /** Display/M/SemiBold/Kerning */
1735
+ readonly displayMSemiboldKerning: "--display-m-semibold-kerning";
1736
+ /** Display/S/SemiBold/Weight */
1737
+ readonly displaySSemiboldWeight: "--display-s-semibold-weight";
1738
+ /** Display/S/SemiBold/Size */
1739
+ readonly displaySSemiboldSize: "--display-s-semibold-size";
1740
+ /** Display/S/SemiBold/LineHeight */
1741
+ readonly displaySSemiboldLineheight: "--display-s-semibold-lineheight";
1742
+ /** Display/S/SemiBold/Kerning */
1743
+ readonly displaySSemiboldKerning: "--display-s-semibold-kerning";
1744
+ /** Heading/L/Bold/Weight */
1745
+ readonly headingLBoldWeight: "--heading-l-bold-weight";
1746
+ /** Heading/L/Bold/Size */
1747
+ readonly headingLBoldSize: "--heading-l-bold-size";
1748
+ /** Heading/L/Bold/LineHeight */
1749
+ readonly headingLBoldLineheight: "--heading-l-bold-lineheight";
1750
+ /** Heading/L/Bold/Kerning */
1751
+ readonly headingLBoldKerning: "--heading-l-bold-kerning";
1752
+ /** Heading/L/SemiBold/Weight */
1753
+ readonly headingLSemiboldWeight: "--heading-l-semibold-weight";
1754
+ /** Heading/L/SemiBold/Size */
1755
+ readonly headingLSemiboldSize: "--heading-l-semibold-size";
1756
+ /** Heading/L/SemiBold/LineHeight */
1757
+ readonly headingLSemiboldLineheight: "--heading-l-semibold-lineheight";
1758
+ /** Heading/L/SemiBold/Kerning */
1759
+ readonly headingLSemiboldKerning: "--heading-l-semibold-kerning";
1760
+ /** Heading/M/Bold/Weight */
1761
+ readonly headingMBoldWeight: "--heading-m-bold-weight";
1762
+ /** Heading/M/Bold/Size */
1763
+ readonly headingMBoldSize: "--heading-m-bold-size";
1764
+ /** Heading/M/Bold/LineHeight */
1765
+ readonly headingMBoldLineheight: "--heading-m-bold-lineheight";
1766
+ /** Heading/M/Bold/Kerning */
1767
+ readonly headingMBoldKerning: "--heading-m-bold-kerning";
1768
+ /** Heading/M/SemiBold/Weight */
1769
+ readonly headingMSemiboldWeight: "--heading-m-semibold-weight";
1770
+ /** Heading/M/SemiBold/Size */
1771
+ readonly headingMSemiboldSize: "--heading-m-semibold-size";
1772
+ /** Heading/M/SemiBold/LineHeight */
1773
+ readonly headingMSemiboldLineheight: "--heading-m-semibold-lineheight";
1774
+ /** Heading/M/SemiBold/Kerning */
1775
+ readonly headingMSemiboldKerning: "--heading-m-semibold-kerning";
1776
+ /** Heading/S/Bold/Weight */
1777
+ readonly headingSBoldWeight: "--heading-s-bold-weight";
1778
+ /** Heading/S/Bold/Size */
1779
+ readonly headingSBoldSize: "--heading-s-bold-size";
1780
+ /** Heading/S/Bold/LineHeight */
1781
+ readonly headingSBoldLineheight: "--heading-s-bold-lineheight";
1782
+ /** Heading/S/Bold/Kerning */
1783
+ readonly headingSBoldKerning: "--heading-s-bold-kerning";
1784
+ /** Heading/S/SemiBold/Weight */
1785
+ readonly headingSSemiboldWeight: "--heading-s-semibold-weight";
1786
+ /** Heading/S/SemiBold/Size */
1787
+ readonly headingSSemiboldSize: "--heading-s-semibold-size";
1788
+ /** Heading/S/SemiBold/LineHeight */
1789
+ readonly headingSSemiboldLineheight: "--heading-s-semibold-lineheight";
1790
+ /** Heading/S/SemiBold/Kerning */
1791
+ readonly headingSSemiboldKerning: "--heading-s-semibold-kerning";
1792
+ /** Body/L/Bold/Weight */
1793
+ readonly bodyLBoldWeight: "--body-l-bold-weight";
1794
+ /** Body/L/Bold/Size */
1795
+ readonly bodyLBoldSize: "--body-l-bold-size";
1796
+ /** Body/L/Bold/LineHeight */
1797
+ readonly bodyLBoldLineheight: "--body-l-bold-lineheight";
1798
+ /** Body/L/Bold/Kerning */
1799
+ readonly bodyLBoldKerning: "--body-l-bold-kerning";
1800
+ /** Body/L/SemiBold/Weight */
1801
+ readonly bodyLSemiboldWeight: "--body-l-semibold-weight";
1802
+ /** Body/L/SemiBold/Size */
1803
+ readonly bodyLSemiboldSize: "--body-l-semibold-size";
1804
+ /** Body/L/SemiBold/LineHeight */
1805
+ readonly bodyLSemiboldLineheight: "--body-l-semibold-lineheight";
1806
+ /** Body/L/SemiBold/Kerning */
1807
+ readonly bodyLSemiboldKerning: "--body-l-semibold-kerning";
1808
+ /** Body/L/Medium/Weight */
1809
+ readonly bodyLMediumWeight: "--body-l-medium-weight";
1810
+ /** Body/L/Medium/Size */
1811
+ readonly bodyLMediumSize: "--body-l-medium-size";
1812
+ /** Body/L/Medium/LineHeight */
1813
+ readonly bodyLMediumLineheight: "--body-l-medium-lineheight";
1814
+ /** Body/L/Medium/Kerning */
1815
+ readonly bodyLMediumKerning: "--body-l-medium-kerning";
1816
+ /** Body/L/Regular/Weight */
1817
+ readonly bodyLRegularWeight: "--body-l-regular-weight";
1818
+ /** Body/L/Regular/Size */
1819
+ readonly bodyLRegularSize: "--body-l-regular-size";
1820
+ /** Body/L/Regular/LineHeight */
1821
+ readonly bodyLRegularLineheight: "--body-l-regular-lineheight";
1822
+ /** Body/L/Regular/Kerning */
1823
+ readonly bodyLRegularKerning: "--body-l-regular-kerning";
1824
+ /** Body/M/Bold/Weight */
1825
+ readonly bodyMBoldWeight: "--body-m-bold-weight";
1826
+ /** Body/M/Bold/Size */
1827
+ readonly bodyMBoldSize: "--body-m-bold-size";
1828
+ /** Body/M/Bold/LineHeight */
1829
+ readonly bodyMBoldLineheight: "--body-m-bold-lineheight";
1830
+ /** Body/M/Bold/Kerning */
1831
+ readonly bodyMBoldKerning: "--body-m-bold-kerning";
1832
+ /** Body/M/SemiBold/Weight */
1833
+ readonly bodyMSemiboldWeight: "--body-m-semibold-weight";
1834
+ /** Body/M/SemiBold/Size */
1835
+ readonly bodyMSemiboldSize: "--body-m-semibold-size";
1836
+ /** Body/M/SemiBold/LineHeight */
1837
+ readonly bodyMSemiboldLineheight: "--body-m-semibold-lineheight";
1838
+ /** Body/M/SemiBold/Kerning */
1839
+ readonly bodyMSemiboldKerning: "--body-m-semibold-kerning";
1840
+ /** Body/M/Medium/Weight */
1841
+ readonly bodyMMediumWeight: "--body-m-medium-weight";
1842
+ /** Body/M/Medium/Size */
1843
+ readonly bodyMMediumSize: "--body-m-medium-size";
1844
+ /** Body/M/Medium/LineHeight */
1845
+ readonly bodyMMediumLineheight: "--body-m-medium-lineheight";
1846
+ /** Body/M/Medium/Kerning */
1847
+ readonly bodyMMediumKerning: "--body-m-medium-kerning";
1848
+ /** Body/M/Regular/Weight */
1849
+ readonly bodyMRegularWeight: "--body-m-regular-weight";
1850
+ /** Body/M/Regular/Size */
1851
+ readonly bodyMRegularSize: "--body-m-regular-size";
1852
+ /** Body/M/Regular/LineHeight */
1853
+ readonly bodyMRegularLineheight: "--body-m-regular-lineheight";
1854
+ /** Body/M/Regular/Kerning */
1855
+ readonly bodyMRegularKerning: "--body-m-regular-kerning";
1856
+ /** Body/S/Bold/Weight */
1857
+ readonly bodySBoldWeight: "--body-s-bold-weight";
1858
+ /** Body/S/Bold/Size */
1859
+ readonly bodySBoldSize: "--body-s-bold-size";
1860
+ /** Body/S/Bold/LineHeight */
1861
+ readonly bodySBoldLineheight: "--body-s-bold-lineheight";
1862
+ /** Body/S/Bold/Kerning */
1863
+ readonly bodySBoldKerning: "--body-s-bold-kerning";
1864
+ /** Body/S/SemiBold/Weight */
1865
+ readonly bodySSemiboldWeight: "--body-s-semibold-weight";
1866
+ /** Body/S/SemiBold/Size */
1867
+ readonly bodySSemiboldSize: "--body-s-semibold-size";
1868
+ /** Body/S/SemiBold/LineHeight */
1869
+ readonly bodySSemiboldLineheight: "--body-s-semibold-lineheight";
1870
+ /** Body/S/SemiBold/Kerning */
1871
+ readonly bodySSemiboldKerning: "--body-s-semibold-kerning";
1872
+ /** Body/S/Medium/Weight */
1873
+ readonly bodySMediumWeight: "--body-s-medium-weight";
1874
+ /** Body/S/Medium/Size */
1875
+ readonly bodySMediumSize: "--body-s-medium-size";
1876
+ /** Body/S/Medium/LineHeight */
1877
+ readonly bodySMediumLineheight: "--body-s-medium-lineheight";
1878
+ /** Body/S/Medium/Kerning */
1879
+ readonly bodySMediumKerning: "--body-s-medium-kerning";
1880
+ /** Body/S/Regular/Weight */
1881
+ readonly bodySRegularWeight: "--body-s-regular-weight";
1882
+ /** Body/S/Regular/Size */
1883
+ readonly bodySRegularSize: "--body-s-regular-size";
1884
+ /** Body/S/Regular/LineHeight */
1885
+ readonly bodySRegularLineheight: "--body-s-regular-lineheight";
1886
+ /** Body/S/Regular/Kerning */
1887
+ readonly bodySRegularKerning: "--body-s-regular-kerning";
1888
+ /** Label/L/Bold/Weight */
1889
+ readonly labelLBoldWeight: "--label-l-bold-weight";
1890
+ /** Label/L/Bold/Size */
1891
+ readonly labelLBoldSize: "--label-l-bold-size";
1892
+ /** Label/L/Bold/LineHeight */
1893
+ readonly labelLBoldLineheight: "--label-l-bold-lineheight";
1894
+ /** Label/L/Bold/Kerning */
1895
+ readonly labelLBoldKerning: "--label-l-bold-kerning";
1896
+ /** Label/M/Bold/Weight */
1897
+ readonly labelMBoldWeight: "--label-m-bold-weight";
1898
+ /** Label/M/Bold/Size */
1899
+ readonly labelMBoldSize: "--label-m-bold-size";
1900
+ /** Label/M/Bold/LineHeight */
1901
+ readonly labelMBoldLineheight: "--label-m-bold-lineheight";
1902
+ /** Label/M/Bold/Kerning */
1903
+ readonly labelMBoldKerning: "--label-m-bold-kerning";
1904
+ /** Label/M/SemiBold/Weight */
1905
+ readonly labelMSemiboldWeight: "--label-m-semibold-weight";
1906
+ /** Label/M/SemiBold/Size */
1907
+ readonly labelMSemiboldSize: "--label-m-semibold-size";
1908
+ /** Label/M/SemiBold/LineHeight */
1909
+ readonly labelMSemiboldLineheight: "--label-m-semibold-lineheight";
1910
+ /** Label/M/SemiBold/Kerning */
1911
+ readonly labelMSemiboldKerning: "--label-m-semibold-kerning";
1912
+ /** Label/M/Medium/Weight */
1913
+ readonly labelMMediumWeight: "--label-m-medium-weight";
1914
+ /** Label/M/Medium/Size */
1915
+ readonly labelMMediumSize: "--label-m-medium-size";
1916
+ /** Label/M/Medium/LineHeight */
1917
+ readonly labelMMediumLineheight: "--label-m-medium-lineheight";
1918
+ /** Label/M/Medium/Kerning */
1919
+ readonly labelMMediumKerning: "--label-m-medium-kerning";
1920
+ /** Label/M/Regular/Weight */
1921
+ readonly labelMRegularWeight: "--label-m-regular-weight";
1922
+ /** Label/M/Regular/Size */
1923
+ readonly labelMRegularSize: "--label-m-regular-size";
1924
+ /** Label/M/Regular/LineHeight */
1925
+ readonly labelMRegularLineheight: "--label-m-regular-lineheight";
1926
+ /** Label/M/Regular/Kerning */
1927
+ readonly labelMRegularKerning: "--label-m-regular-kerning";
1928
+ /** Label/L/SemiBold/Weight */
1929
+ readonly labelLSemiboldWeight: "--label-l-semibold-weight";
1930
+ /** Label/L/SemiBold/Size */
1931
+ readonly labelLSemiboldSize: "--label-l-semibold-size";
1932
+ /** Label/L/SemiBold/LineHeight */
1933
+ readonly labelLSemiboldLineheight: "--label-l-semibold-lineheight";
1934
+ /** Label/L/SemiBold/Kerning */
1935
+ readonly labelLSemiboldKerning: "--label-l-semibold-kerning";
1936
+ /** Label/L/Medium/Weight */
1937
+ readonly labelLMediumWeight: "--label-l-medium-weight";
1938
+ /** Label/L/Medium/Size */
1939
+ readonly labelLMediumSize: "--label-l-medium-size";
1940
+ /** Label/L/Medium/LineHeight */
1941
+ readonly labelLMediumLineheight: "--label-l-medium-lineheight";
1942
+ /** Label/L/Medium/Kerning */
1943
+ readonly labelLMediumKerning: "--label-l-medium-kerning";
1944
+ /** Label/L/Regular/Weight */
1945
+ readonly labelLRegularWeight: "--label-l-regular-weight";
1946
+ /** Label/L/Regular/Size */
1947
+ readonly labelLRegularSize: "--label-l-regular-size";
1948
+ /** Label/L/Regular/LineHeight */
1949
+ readonly labelLRegularLineheight: "--label-l-regular-lineheight";
1950
+ /** Label/L/Regular/Kerning */
1951
+ readonly labelLRegularKerning: "--label-l-regular-kerning";
1952
+ /** Label/S/Bold/Weight */
1953
+ readonly labelSBoldWeight: "--label-s-bold-weight";
1954
+ /** Label/S/Bold/Size */
1955
+ readonly labelSBoldSize: "--label-s-bold-size";
1956
+ /** Label/S/Bold/LineHeight */
1957
+ readonly labelSBoldLineheight: "--label-s-bold-lineheight";
1958
+ /** Label/S/Bold/Kerning */
1959
+ readonly labelSBoldKerning: "--label-s-bold-kerning";
1960
+ /** Label/S/SemiBold/Weight */
1961
+ readonly labelSSemiboldWeight: "--label-s-semibold-weight";
1962
+ /** Label/S/SemiBold/Size */
1963
+ readonly labelSSemiboldSize: "--label-s-semibold-size";
1964
+ /** Label/S/SemiBold/LineHeight */
1965
+ readonly labelSSemiboldLineheight: "--label-s-semibold-lineheight";
1966
+ /** Label/S/SemiBold/Kerning */
1967
+ readonly labelSSemiboldKerning: "--label-s-semibold-kerning";
1968
+ /** Label/S/Medium/Weight */
1969
+ readonly labelSMediumWeight: "--label-s-medium-weight";
1970
+ /** Label/S/Medium/Size */
1971
+ readonly labelSMediumSize: "--label-s-medium-size";
1972
+ /** Label/S/Medium/LineHeight */
1973
+ readonly labelSMediumLineheight: "--label-s-medium-lineheight";
1974
+ /** Label/S/Medium/Kerning */
1975
+ readonly labelSMediumKerning: "--label-s-medium-kerning";
1976
+ /** Label/S/Regular/Weight */
1977
+ readonly labelSRegularWeight: "--label-s-regular-weight";
1978
+ /** Label/S/Regular/Size */
1979
+ readonly labelSRegularSize: "--label-s-regular-size";
1980
+ /** Label/S/Regular/LineHeight */
1981
+ readonly labelSRegularLineheight: "--label-s-regular-lineheight";
1982
+ /** Label/S/Regular/Kerning */
1983
+ readonly labelSRegularKerning: "--label-s-regular-kerning";
1984
+ /** Caption/L/Bold/Weight */
1985
+ readonly captionLBoldWeight: "--caption-l-bold-weight";
1986
+ /** Caption/L/Bold/Size */
1987
+ readonly captionLBoldSize: "--caption-l-bold-size";
1988
+ /** Caption/L/Bold/LineHeight */
1989
+ readonly captionLBoldLineheight: "--caption-l-bold-lineheight";
1990
+ /** Caption/L/Bold/Kerning */
1991
+ readonly captionLBoldKerning: "--caption-l-bold-kerning";
1992
+ /** Caption/L/SemiBold/Weight */
1993
+ readonly captionLSemiboldWeight: "--caption-l-semibold-weight";
1994
+ /** Caption/L/SemiBold/Size */
1995
+ readonly captionLSemiboldSize: "--caption-l-semibold-size";
1996
+ /** Caption/L/SemiBold/LineHeight */
1997
+ readonly captionLSemiboldLineheight: "--caption-l-semibold-lineheight";
1998
+ /** Caption/L/SemiBold/Kerning */
1999
+ readonly captionLSemiboldKerning: "--caption-l-semibold-kerning";
2000
+ /** Caption/L/Medium/Weight */
2001
+ readonly captionLMediumWeight: "--caption-l-medium-weight";
2002
+ /** Caption/L/Medium/Size */
2003
+ readonly captionLMediumSize: "--caption-l-medium-size";
2004
+ /** Caption/L/Medium/LineHeight */
2005
+ readonly captionLMediumLineheight: "--caption-l-medium-lineheight";
2006
+ /** Caption/L/Medium/Kerning */
2007
+ readonly captionLMediumKerning: "--caption-l-medium-kerning";
2008
+ /** Caption/L/Regular/Weight */
2009
+ readonly captionLRegularWeight: "--caption-l-regular-weight";
2010
+ /** Caption/L/Regular/Size */
2011
+ readonly captionLRegularSize: "--caption-l-regular-size";
2012
+ /** Caption/L/Regular/LineHeight */
2013
+ readonly captionLRegularLineheight: "--caption-l-regular-lineheight";
2014
+ /** Caption/L/Regular/Kerning */
2015
+ readonly captionLRegularKerning: "--caption-l-regular-kerning";
2016
+ /** Display/S/Bold/Weight */
2017
+ readonly displaySBoldWeight: "--display-s-bold-weight";
2018
+ /** Display/S/Bold/Size */
2019
+ readonly displaySBoldSize: "--display-s-bold-size";
2020
+ /** Display/S/Bold/LineHeight */
2021
+ readonly displaySBoldLineheight: "--display-s-bold-lineheight";
2022
+ /** Display/S/Bold/Kerning */
2023
+ readonly displaySBoldKerning: "--display-s-bold-kerning";
2024
+ /** Caption/L/Light/Weight */
2025
+ readonly captionLLightWeight: "--caption-l-light-weight";
2026
+ /** Caption/L/Light/Size */
2027
+ readonly captionLLightSize: "--caption-l-light-size";
2028
+ /** Caption/L/Light/LineHeight */
2029
+ readonly captionLLightLineheight: "--caption-l-light-lineheight";
2030
+ /** Caption/L/Light/Kerning */
2031
+ readonly captionLLightKerning: "--caption-l-light-kerning";
2032
+ /** Heading/S/Medium/Weight */
2033
+ readonly headingSMediumWeight: "--heading-s-medium-weight";
2034
+ /** Heading/S/Medium/Size */
2035
+ readonly headingSMediumSize: "--heading-s-medium-size";
2036
+ /** Heading/S/Medium/LineHeight */
2037
+ readonly headingSMediumLineheight: "--heading-s-medium-lineheight";
2038
+ /** Heading/S/Medium/Kerning */
2039
+ readonly headingSMediumKerning: "--heading-s-medium-kerning";
2040
+ /** Display/M/Bold/Weight */
2041
+ readonly displayMBoldWeight: "--display-m-bold-weight";
2042
+ /** Display/M/Bold/Size */
2043
+ readonly displayMBoldSize: "--display-m-bold-size";
2044
+ /** Display/M/Bold/LineHeight */
2045
+ readonly displayMBoldLineheight: "--display-m-bold-lineheight";
2046
+ /** Display/M/Bold/Kerning */
2047
+ readonly displayMBoldKerning: "--display-m-bold-kerning";
2048
+ /** Button Icons/regular buttons/small */
2049
+ readonly buttonIconsRegularButtonsSmall: "--button-icons-regular-buttons-small";
2050
+ /** Button Icons/regular buttons/medium */
2051
+ readonly buttonIconsRegularButtonsMedium: "--button-icons-regular-buttons-medium";
2052
+ /** Button Icons/regular buttons/large */
2053
+ readonly buttonIconsRegularButtonsLarge: "--button-icons-regular-buttons-large";
2054
+ /** Button Icons/regular buttons/fab */
2055
+ readonly buttonIconsRegularButtonsFab: "--button-icons-regular-buttons-fab";
2056
+ /** Icons/small */
2057
+ readonly iconsSmall: "--icons-small";
2058
+ /** Button Icons/icon-only buttons/small */
2059
+ readonly buttonIconsIconOnlyButtonsSmall: "--button-icons-icon-only-buttons-small";
2060
+ /** Button Icons/icon-only buttons/medium */
2061
+ readonly buttonIconsIconOnlyButtonsMedium: "--button-icons-icon-only-buttons-medium";
2062
+ /** Button Icons/icon-only buttons/large */
2063
+ readonly buttonIconsIconOnlyButtonsLarge: "--button-icons-icon-only-buttons-large";
2064
+ /** Button Icons/icon-only buttons/medium-prominent */
2065
+ readonly buttonIconsIconOnlyButtonsMediumProminent: "--button-icons-icon-only-buttons-medium-prominent";
2066
+ /** Button Icons/icon-only buttons/fab */
2067
+ readonly buttonIconsIconOnlyButtonsFab: "--button-icons-icon-only-buttons-fab";
2068
+ /** Icons/medium */
2069
+ readonly iconsMedium: "--icons-medium";
2070
+ /** Icons/large */
2071
+ readonly iconsLarge: "--icons-large";
2072
+ /** Icons/xl */
2073
+ readonly iconsXl: "--icons-xl";
2074
+ /** Icons/xxl */
2075
+ readonly iconsXxl: "--icons-xxl";
2076
+ /** Icons/xxxl */
2077
+ readonly iconsXxxl: "--icons-xxxl";
2078
+ /** Icons/xs */
2079
+ readonly iconsXs: "--icons-xs";
2080
+ /** Table Rows/Basic */
2081
+ readonly tableRowsBasic: "--table-rows-basic";
2082
+ /** Table Rows/Complex */
2083
+ readonly tableRowsComplex: "--table-rows-complex";
2084
+ /** Icons/xxs */
2085
+ readonly iconsXxs: "--icons-xxs";
2086
+ /** Featured Icon/Container/xs */
2087
+ readonly featuredIconContainerXs: "--featured-icon-container-xs";
2088
+ /** Featured Icon/Container/medium */
2089
+ readonly featuredIconContainerMedium: "--featured-icon-container-medium";
2090
+ /** Featured Icon/Container/large */
2091
+ readonly featuredIconContainerLarge: "--featured-icon-container-large";
2092
+ /** Featured Icon/Icon/Small */
2093
+ readonly featuredIconIconSmall: "--featured-icon-icon-small";
2094
+ /** Featured Icon/Icon/Medium */
2095
+ readonly featuredIconIconMedium: "--featured-icon-icon-medium";
2096
+ /** Featured Icon/Icon/Large */
2097
+ readonly featuredIconIconLarge: "--featured-icon-icon-large";
2098
+ /** Featured Icon/Container/small */
2099
+ readonly featuredIconContainerSmall: "--featured-icon-container-small";
2100
+ /** Featured Icon/Container/xl */
2101
+ readonly featuredIconContainerXl: "--featured-icon-container-xl";
2102
+ /** Avatar/xs */
2103
+ readonly avatarXs: "--avatar-xs";
2104
+ /** Avatar/small */
2105
+ readonly avatarSmall: "--avatar-small";
2106
+ /** Avatar/medium */
2107
+ readonly avatarMedium: "--avatar-medium";
2108
+ /** Avatar/large */
2109
+ readonly avatarLarge: "--avatar-large";
2110
+ /** Red Drop Shadow */
2111
+ readonly shadowRed: "--shadow-red";
2112
+ /** Blue Drop Shadow */
2113
+ readonly shadowBlue: "--shadow-blue";
2114
+ /** Neutral Drop Shadow 1 */
2115
+ readonly shadowNeutral1: "--shadow-neutral-1";
2116
+ /** Neutral Drop Shadow 2 */
2117
+ readonly shadowNeutral2: "--shadow-neutral-2";
2118
+ /** Neutral Drop Shadow 3 */
2119
+ readonly shadowNeutral3: "--shadow-neutral-3";
2120
+ };
2121
+ type TokenKey = keyof typeof tokens;
2122
+
2123
+ /**
2124
+ * Scrollbar mode detection.
2125
+ *
2126
+ * There is a trade-off in styling scrollbars that is easy to get backwards, so it
2127
+ * is worth stating plainly:
2128
+ *
2129
+ * - **macOS** ships *overlay* scrollbars by default — invisible at rest, fading
2130
+ * in over the content while scrolling, and taking **zero layout width**. This
2131
+ * is already the minimal, unobtrusive behaviour we want.
2132
+ * - **Windows / Linux** ship *classic* scrollbars — always visible, and they
2133
+ * **occupy ~15px of layout width**, so a panel silently narrows and a chunky
2134
+ * grey gutter sits against the design.
2135
+ *
2136
+ * The catch: the moment you style a scrollbar at all (either `scrollbar-color`
2137
+ * or the `::-webkit-scrollbar` pseudo-elements), the browser stops using the
2138
+ * overlay implementation and switches to a classic, space-reserving one. So
2139
+ * applying a "slim scrollbar" style globally would *improve* Windows and Linux
2140
+ * while actively **regressing macOS** — turning zero-width overlay bars into
2141
+ * permanent 8px gutters.
2142
+ *
2143
+ * So the styling is gated. This runs one measurement (a probe element's
2144
+ * `offsetWidth - clientWidth`): `0` means the platform uses overlay scrollbars
2145
+ * and we leave them completely alone; anything above `0` means classic
2146
+ * scrollbars, and we stamp `data-scrollbars="classic"` on `<html>` so
2147
+ * `scroll-utilities.css` can slim them down.
2148
+ *
2149
+ * Call once, as early as possible, from the app entry point:
2150
+ *
2151
+ * ```ts
2152
+ * import { applyScrollbarMode } from '@leta-io/design-tokens';
2153
+ * applyScrollbarMode();
2154
+ * ```
2155
+ *
2156
+ * The explicit `.scroll-slim` / `.scroll-hidden` utility classes are NOT gated —
2157
+ * those are a deliberate per-container choice, and a caller asking for them has
2158
+ * already accepted the trade-off.
2159
+ */
2160
+ type ScrollbarMode = 'overlay' | 'classic';
2161
+ /**
2162
+ * Measures whether this platform's scrollbars take layout width.
2163
+ * Returns `'overlay'` (macOS-style, zero width) or `'classic'` (Windows/Linux).
2164
+ */
2165
+ declare function detectScrollbarMode(): ScrollbarMode;
2166
+ /**
2167
+ * Detects the platform's scrollbar behaviour and stamps
2168
+ * `data-scrollbars="classic"` on `<html>` when they take layout width, which is
2169
+ * what `scroll-utilities.css` keys the slim styling off. A no-op on overlay
2170
+ * platforms, so macOS keeps its native behaviour untouched.
2171
+ *
2172
+ * @returns the detected mode, in case the caller wants to branch on it too.
2173
+ */
2174
+ declare function applyScrollbarMode(): ScrollbarMode;
2175
+
2176
+ export { type LetaTheme, type LetaThemeContextValue, LetaThemeProvider, type LetaThemeProviderProps, type ScrollbarMode, type TokenKey, applyScrollbarMode, detectScrollbarMode, tokens, useLetaTheme };