@volvo-cars/css 0.26.1 → 0.27.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.
package/dist/styles.d.ts CHANGED
@@ -1,5 +1,1576 @@
1
1
  export interface ClassNames {
2
- [key: string]: string;
2
+ readonly root: 'root';
3
+ /**
4
+ * ```css
5
+ * background-color: var(--_v-color-black-64)
6
+ * ``` */ readonly backdrop: 'backdrop';
7
+ /**
8
+ * ```css
9
+ * background-color: var(--v-color-surface-accent-blue)
10
+ * ``` */ readonly bgAccentBlue: 'bg-accent-blue';
11
+ /**
12
+ * ```css
13
+ * background-color: var(--v-color-always-black)
14
+ * ``` */ readonly bgAlwaysBlack: 'bg-always-black';
15
+ /**
16
+ * ```css
17
+ * background-color: var(--v-color-always-white)
18
+ * ``` */ readonly bgAlwaysWhite: 'bg-always-white';
19
+ /**
20
+ * ```css
21
+ * background-color: var(--v-color-surface-feedback-green)
22
+ * ``` */ readonly bgFeedbackGreen: 'bg-feedback-green';
23
+ /**
24
+ * ```css
25
+ * background-color: var(--v-color-surface-feedback-orange)
26
+ * ``` */ readonly bgFeedbackOrange: 'bg-feedback-orange';
27
+ /**
28
+ * ```css
29
+ * background-color: var(--v-color-surface-feedback-red)
30
+ * ``` */ readonly bgFeedbackRed: 'bg-feedback-red';
31
+ /**
32
+ * ```css
33
+ * background-color: inherit
34
+ * ``` */ readonly bgInherit: 'bg-inherit';
35
+ /**
36
+ * ```css
37
+ * background-color: var(--v-color-background-primary)
38
+ * ``` */ readonly bgPrimary: 'bg-primary';
39
+ /**
40
+ * ```css
41
+ * background-color: var(--v-color-background-secondary)
42
+ * ``` */ readonly bgSecondary: 'bg-secondary';
43
+ /**
44
+ * ```css
45
+ * background-color: #0000
46
+ * ``` */ readonly bgTransparent: 'bg-transparent';
47
+ /**
48
+ * ```css
49
+ * display: block
50
+ * ``` */ readonly block: 'block';
51
+ /**
52
+ * ```css
53
+ * font-size: var(--v-font-16-size)
54
+ * line-height: var(--v-font-16-lineheight)
55
+ * ``` */ readonly body16: 'body-16';
56
+ /**
57
+ * ```css
58
+ * border-width: 1px
59
+ * ``` */ readonly border: 'border';
60
+ /**
61
+ * ```css
62
+ * border-width: 2px
63
+ * ``` */ readonly border2: 'border-2';
64
+ /**
65
+ * ```css
66
+ * --_border-color: var(--v-color-foreground-accent-blue)
67
+ * ``` */ readonly borderAccentBlue: 'border-accent-blue';
68
+ /**
69
+ * ```css
70
+ * --_border-color: var(--v-color-always-black)
71
+ * ``` */ readonly borderAlwaysBlack: 'border-always-black';
72
+ /**
73
+ * ```css
74
+ * --_border-color: var(--v-color-always-white)
75
+ * ``` */ readonly borderAlwaysWhite: 'border-always-white';
76
+ /**
77
+ * ```css
78
+ * border-bottom-width: 1px
79
+ * ``` */ readonly borderB: 'border-b';
80
+ /**
81
+ * ```css
82
+ * border-bottom-width: 2px
83
+ * ``` */ readonly borderB2: 'border-b-2';
84
+ /**
85
+ * ```css
86
+ * --_border-color: var(--v-color-foreground-feedback-green)
87
+ * ``` */ readonly borderFeedbackGreen: 'border-feedback-green';
88
+ /**
89
+ * ```css
90
+ * --_border-color: var(--v-color-foreground-feedback-orange)
91
+ * ``` */ readonly borderFeedbackOrange: 'border-feedback-orange';
92
+ /**
93
+ * ```css
94
+ * --_border-color: var(--v-color-foreground-feedback-red)
95
+ * ``` */ readonly borderFeedbackRed: 'border-feedback-red';
96
+ /**
97
+ * ```css
98
+ * --_border-color: inherit
99
+ * ``` */ readonly borderInherit: 'border-inherit';
100
+ /**
101
+ * ```css
102
+ * border-inline-start-width: 1px
103
+ * ``` */ readonly borderL: 'border-l';
104
+ /**
105
+ * ```css
106
+ * border-inline-start-width: 2px
107
+ * ``` */ readonly borderL2: 'border-l-2';
108
+ /**
109
+ * ```css
110
+ * --_border-color: var(--v-color-ornament-primary)
111
+ * ``` */ readonly borderOrnament: 'border-ornament';
112
+ /**
113
+ * ```css
114
+ * --_border-color: var(--v-color-foreground-primary)
115
+ * ``` */ readonly borderPrimary: 'border-primary';
116
+ /**
117
+ * ```css
118
+ * border-inline-end-width: 1px
119
+ * ``` */ readonly borderR: 'border-r';
120
+ /**
121
+ * ```css
122
+ * border-inline-end-width: 2px
123
+ * ``` */ readonly borderR2: 'border-r-2';
124
+ /**
125
+ * ```css
126
+ * box-shadow: inset 0 0 0 1px var(--_border-color, var(--v-color-ornament-primary))
127
+ * ``` */ readonly borderRing: 'border-ring';
128
+ /**
129
+ * ```css
130
+ * box-shadow: inset 0 0 0 2px var(--_border-color, var(--v-color-ornament-primary))
131
+ * ``` */ readonly borderRing2: 'border-ring-2';
132
+ /**
133
+ * ```css
134
+ * --_border-color: var(--v-color-foreground-secondary)
135
+ * ``` */ readonly borderSecondary: 'border-secondary';
136
+ /**
137
+ * ```css
138
+ * border-top-width: 1px
139
+ * ``` */ readonly borderT: 'border-t';
140
+ /**
141
+ * ```css
142
+ * border-top-width: 2px
143
+ * ``` */ readonly borderT2: 'border-t-2';
144
+ /**
145
+ * ```css
146
+ * --_border-color: transparent
147
+ * ``` */ readonly borderTransparent: 'border-transparent';
148
+ /**
149
+ * ```css
150
+ * border-inline-width: 1px
151
+ * ``` */ readonly borderX: 'border-x';
152
+ /**
153
+ * ```css
154
+ * border-inline-width: 2px
155
+ * ``` */ readonly borderX2: 'border-x-2';
156
+ /**
157
+ * ```css
158
+ * border-block-width: 1px
159
+ * ``` */ readonly borderY: 'border-y';
160
+ /**
161
+ * ```css
162
+ * border-block-width: 2px
163
+ * ``` */ readonly borderY2: 'border-y-2';
164
+ /**
165
+ * ```css
166
+ * flex: 1 0 40%
167
+ * flex: 1 0 40cqw
168
+ * --_height: 3rem
169
+ * min-width: max-content
170
+ * max-width: 100%
171
+ * height: var(--_height)
172
+ * font-size: var(--v-font-16-size)
173
+ * font-weight: var(--v-font-emphasis-weight)
174
+ * color: var(--_color)
175
+ * white-space: nowrap
176
+ * user-select: none
177
+ * background-color: var(--_background)
178
+ * justify-content: center
179
+ * align-items: center
180
+ * transition: transform .2s, background-color .2s
181
+ * display: inline-flex
182
+ * position: relative
183
+ * overflow: hidden
184
+ * --_min-touch-area: 44px
185
+ * --_height: 2rem
186
+ * font-size: var(--v-font-12-size)
187
+ * color: var(--_color-disabled, var(--_color))
188
+ * background-color: var(--_background-disabled, var(--_background))
189
+ * color: var(--_color-hover, var(--_color))
190
+ * background-color: var(--_background-hover, var(--_background))
191
+ * --_background: var(--v-color-surface-neutral)
192
+ * --_background-disabled: var(--_v-color-surface-neutral-disabled)
193
+ * --_background-hover: var(--_v-color-surface-neutral-hover)
194
+ * --_color: var(--v-color-background-primary)
195
+ * --_background: var(--v-color-surface-feedback-red)
196
+ * --_background-disabled: var(--_v-color-surface-feedback-red-disabled)
197
+ * --_background-hover: var(--_v-color-surface-feedback-red-hover)
198
+ * --_color: var(--v-color-always-white)
199
+ * --_background: var(--v-color-surface-accent-blue)
200
+ * --_background-disabled: var(--_v-color-surface-accent-blue-disabled)
201
+ * --_background-hover: var(--_v-color-surface-accent-blue-hover)
202
+ * padding-inline: min(var(--v-space-32), 8vw)
203
+ * border-radius: var(--v-radius-4)
204
+ * width: 1.5rem
205
+ * height: 1.5rem
206
+ * position: absolute
207
+ * padding-inline: var(--v-space-16)
208
+ * width: 1rem
209
+ * height: 1rem
210
+ * width: 100%
211
+ * height: 44px
212
+ * content: ""
213
+ * top: 50%
214
+ * transform: translateY(-50%)
215
+ * transform: scale(.95)
216
+ * ``` */ readonly buttonFilled: 'button-filled';
217
+ /**
218
+ * ```css
219
+ * gap: var(--v-space-16)
220
+ * flex-wrap: wrap
221
+ * display: flex
222
+ * container: button-group / inline-size
223
+ * flex: 1 0 40%
224
+ * flex: 1 0 40cqw
225
+ * ``` */ readonly buttonGroup: 'button-group';
226
+ /**
227
+ * ```css
228
+ * flex: 1 0 40%
229
+ * flex: 1 0 40cqw
230
+ * --_height: 3rem
231
+ * min-width: max-content
232
+ * max-width: 100%
233
+ * height: var(--_height)
234
+ * font-size: var(--v-font-16-size)
235
+ * font-weight: var(--v-font-emphasis-weight)
236
+ * color: var(--_color)
237
+ * white-space: nowrap
238
+ * user-select: none
239
+ * background-color: var(--_background)
240
+ * justify-content: center
241
+ * align-items: center
242
+ * transition: transform .2s, background-color .2s
243
+ * display: inline-flex
244
+ * position: relative
245
+ * overflow: hidden
246
+ * --_min-touch-area: 44px
247
+ * --_height: 2rem
248
+ * font-size: var(--v-font-12-size)
249
+ * color: var(--_color-disabled, var(--_color))
250
+ * background-color: var(--_background-disabled, var(--_background))
251
+ * color: var(--_color-hover, var(--_color))
252
+ * background-color: var(--_background-hover, var(--_background))
253
+ * --_background-hover: var(--v-color-surface-neutral)
254
+ * --_color: var(--v-color-foreground-primary)
255
+ * --_color-disabled: var(--_v-color-surface-neutral-disabled)
256
+ * --_color-hover: var(--v-color-background-primary)
257
+ * box-shadow: inset 0 0 0 1px var(--_color)
258
+ * --_background-hover: var(--v-color-surface-feedback-red)
259
+ * --_color: var(--v-color-surface-feedback-red)
260
+ * --_color-disabled: var(--_v-color-surface-feedback-red-disabled)
261
+ * --_color-hover: var(--v-color-always-white)
262
+ * box-shadow: inset 0 0 0 1px var(--_color-disabled)
263
+ * padding-inline: min(var(--v-space-32), 8vw)
264
+ * border-radius: var(--v-radius-4)
265
+ * width: 1.5rem
266
+ * height: 1.5rem
267
+ * position: absolute
268
+ * padding-inline: var(--v-space-16)
269
+ * width: 1rem
270
+ * height: 1rem
271
+ * width: 100%
272
+ * height: 44px
273
+ * content: ""
274
+ * top: 50%
275
+ * transform: translateY(-50%)
276
+ * transform: scale(.95)
277
+ * ``` */ readonly buttonOutlined: 'button-outlined';
278
+ /**
279
+ * ```css
280
+ * flex: 1 0 40%
281
+ * flex: 1 0 40cqw
282
+ * --_height: 3rem
283
+ * min-width: max-content
284
+ * max-width: 100%
285
+ * height: var(--_height)
286
+ * font-size: var(--v-font-16-size)
287
+ * font-weight: var(--v-font-emphasis-weight)
288
+ * color: var(--_color)
289
+ * white-space: nowrap
290
+ * user-select: none
291
+ * background-color: var(--_background)
292
+ * justify-content: center
293
+ * align-items: center
294
+ * transition: transform .2s, background-color .2s
295
+ * display: inline-flex
296
+ * position: relative
297
+ * overflow: hidden
298
+ * --_min-touch-area: 44px
299
+ * --_height: 2rem
300
+ * font-size: var(--v-font-12-size)
301
+ * color: var(--_color-disabled, var(--_color))
302
+ * background-color: var(--_background-disabled, var(--_background))
303
+ * color: var(--_color-hover, var(--_color))
304
+ * background-color: var(--_background-hover, var(--_background))
305
+ * --_color: var(--v-color-foreground-primary)
306
+ * --_color-hover: var(--_v-color-foreground-primary-hover)
307
+ * --_color-disabled: var(--_v-color-surface-neutral-disabled)
308
+ * height: max(var(--_min-touch-area, var(--_height)), var(--_height))
309
+ * margin-block: min(0rem, (var(--_height) - max(var(--_min-touch-area), var(--_height))) / 2)
310
+ * text-align: start
311
+ * --_color: var(--v-color-surface-feedback-red)
312
+ * --_color-disabled: var(--_v-color-surface-feedback-red-disabled)
313
+ * --_color-hover: var(--_v-color-surface-feedback-red-hover)
314
+ * --_arrow-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.96' fill-rule='evenodd' d='m10 8.707-4-4-4 4L1.293 8 6 3.293 10.707 8 10 8.707Z' clip-rule='evenodd'/%3E%3Cpath stroke='%23000' stroke-linecap='square' stroke-opacity='.96' stroke-width='.4' d='M9.858 8.848 10 8.99l.141-.142.707-.707L10.99 8l-.142-.141L6.141 3.15 6 3.01l-.141.141L1.15 7.86l-.141.14.141.142.708.707.14.142.142-.142L6 4.99l3.858 3.858Z'/%3E%3C/svg%3E")
315
+ * width: .75rem
316
+ * height: .75rem
317
+ * mask: var(--_arrow-icon)
318
+ * rotate: var(--_arrow-rotation)
319
+ * flex-shrink: 0
320
+ * margin-top: .125rem
321
+ * transition: translate .1s
322
+ * mask-size: cover
323
+ * width: .5rem
324
+ * height: .5rem
325
+ * content: ""
326
+ * background-color: currentColor
327
+ * margin-inline-start: var(--v-space-4)
328
+ * margin-inline-end: var(--v-space-4)
329
+ * --_rtl-arrow-rotation: var(--_rtl-toggle) -90deg
330
+ * --_arrow-rotation: var(--_rtl-arrow-rotation, 90deg)
331
+ * --_rtl-arrow-rotation: var(--_rtl-toggle) 90deg
332
+ * --_arrow-rotation: var(--_rtl-arrow-rotation, -90deg)
333
+ * --_arrow-rotation: 180deg
334
+ * --_arrow-rotation: 0deg
335
+ * ``` */ readonly buttonText: 'button-text';
336
+ /**
337
+ * ```css
338
+ * --_outer-margin: 0px
339
+ * --_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))
340
+ * --_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan)) + var(--v-space-gutter) * (var(--_colspan) - 1))
341
+ * width: 100%
342
+ * max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width)) + var(--_outer-margin))
343
+ * margin-inline: auto
344
+ * container-type: inline-size
345
+ * ``` */ readonly container: 'container';
346
+ /**
347
+ * ```css
348
+ * --_outer-margin: 0px
349
+ * --_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))
350
+ * --_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan)) + var(--v-space-gutter) * (var(--_colspan) - 1))
351
+ * width: 100%
352
+ * max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width)) + var(--_outer-margin))
353
+ * margin-inline: auto
354
+ * container-type: inline-size
355
+ * --_outer-margin: calc(var(--v-space-pagemargin) * 2)
356
+ * --_container-colspan: 10
357
+ * ``` */ readonly containerLg: 'container-lg';
358
+ /**
359
+ * ```css
360
+ * --_outer-margin: 0px
361
+ * --_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))
362
+ * --_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan)) + var(--v-space-gutter) * (var(--_colspan) - 1))
363
+ * width: 100%
364
+ * max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width)) + var(--_outer-margin))
365
+ * margin-inline: auto
366
+ * container-type: inline-size
367
+ * --_outer-margin: calc(var(--v-space-pagemargin) * 2)
368
+ * max-width: min((100vw - var(--v-space-pagemargin) * 2) + var(--_outer-margin), 160rem)
369
+ * ``` */ readonly containerMax: 'container-max';
370
+ /**
371
+ * ```css
372
+ * --_outer-margin: 0px
373
+ * --_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))
374
+ * --_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan)) + var(--v-space-gutter) * (var(--_colspan) - 1))
375
+ * width: 100%
376
+ * max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width)) + var(--_outer-margin))
377
+ * margin-inline: auto
378
+ * container-type: inline-size
379
+ * --_outer-margin: calc(var(--v-space-pagemargin) * 2)
380
+ * --_container-colspan: 10
381
+ * --_container-colspan: 8
382
+ * ``` */ readonly containerMd: 'container-md';
383
+ /**
384
+ * ```css
385
+ * --_outer-margin: 0px
386
+ * --_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))
387
+ * --_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan)) + var(--v-space-gutter) * (var(--_colspan) - 1))
388
+ * width: 100%
389
+ * max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width)) + var(--_outer-margin))
390
+ * margin-inline: auto
391
+ * container-type: inline-size
392
+ * --_container-colspan: 4
393
+ * --_container-colspan: 8
394
+ * --_container-colspan: 6
395
+ * ``` */ readonly containerSm: 'container-sm';
396
+ /**
397
+ * ```css
398
+ * --_outer-margin: 0px
399
+ * --_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))
400
+ * --_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan)) + var(--v-space-gutter) * (var(--_colspan) - 1))
401
+ * width: 100%
402
+ * max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width)) + var(--_outer-margin))
403
+ * margin-inline: auto
404
+ * container-type: inline-size
405
+ * --_outer-margin: calc(var(--v-space-pagemargin) * 2)
406
+ * ``` */ readonly containerXl: 'container-xl';
407
+ /**
408
+ * ```css
409
+ * --_outer-margin: 0px
410
+ * --_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))
411
+ * --_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan)) + var(--v-space-gutter) * (var(--_colspan) - 1))
412
+ * width: 100%
413
+ * max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width)) + var(--_outer-margin))
414
+ * margin-inline: auto
415
+ * container-type: inline-size
416
+ * --_container-colspan: 4
417
+ * --_container-colspan: 6
418
+ * ``` */ readonly containerXs: 'container-xs';
419
+ /**
420
+ * ```css
421
+ * z-index: var(--v-index-overlay)
422
+ * width: 100%
423
+ * max-width: 100%
424
+ * height: fit-content
425
+ * max-height: 80vh
426
+ * padding-block: var(--v-space-48)
427
+ * padding-inline: var(--v-space-24)
428
+ * color: var(--v-color-foreground-primary)
429
+ * background-color: var(--v-color-background-secondary)
430
+ * margin: auto
431
+ * margin-bottom: 0
432
+ * position: fixed
433
+ * inset: 0
434
+ * max-width: 496px
435
+ * padding: var(--v-space-48)
436
+ * margin-bottom: auto
437
+ * ``` */ readonly dialog: 'dialog';
438
+ /**
439
+ * ```css
440
+ * display: flex
441
+ * ``` */ readonly flex: 'flex';
442
+ /**
443
+ * ```css
444
+ * display: flex
445
+ * flex-direction: column
446
+ * ``` */ readonly flexCol: 'flex-col';
447
+ /**
448
+ * ```css
449
+ * display: flex
450
+ * flex-direction: column-reverse
451
+ * ``` */ readonly flexColReverse: 'flex-col-reverse';
452
+ /**
453
+ * ```css
454
+ * flex-grow: 1
455
+ * ``` */ readonly flexGrow: 'flex-grow';
456
+ /**
457
+ * ```css
458
+ * flex-grow: 0
459
+ * ``` */ readonly flexGrow0: 'flex-grow-0';
460
+ /**
461
+ * ```css
462
+ * flex-wrap: nowrap
463
+ * ``` */ readonly flexNowrap: 'flex-nowrap';
464
+ /**
465
+ * ```css
466
+ * display: flex
467
+ * flex-direction: row
468
+ * ``` */ readonly flexRow: 'flex-row';
469
+ /**
470
+ * ```css
471
+ * display: flex
472
+ * flex-direction: row-reverse
473
+ * ``` */ readonly flexRowReverse: 'flex-row-reverse';
474
+ /**
475
+ * ```css
476
+ * flex-shrink: 1
477
+ * ``` */ readonly flexShrink: 'flex-shrink';
478
+ /**
479
+ * ```css
480
+ * flex-shrink: 0
481
+ * ``` */ readonly flexShrink0: 'flex-shrink-0';
482
+ /**
483
+ * ```css
484
+ * flex-wrap: wrap
485
+ * ``` */ readonly flexWrap: 'flex-wrap';
486
+ /**
487
+ * ```css
488
+ * font-weight: 300
489
+ * ``` */ readonly fontLight: 'font-light';
490
+ /**
491
+ * ```css
492
+ * font-weight: 500
493
+ * ``` */ readonly fontMedium: 'font-medium';
494
+ /**
495
+ * ```css
496
+ * gap: 0
497
+ * ``` */ readonly gap0: 'gap-0';
498
+ /**
499
+ * ```css
500
+ * gap: 1rem
501
+ * ``` */ readonly gap16: 'gap-16';
502
+ /**
503
+ * ```css
504
+ * gap: 1.5rem
505
+ * ``` */ readonly gap24: 'gap-24';
506
+ /**
507
+ * ```css
508
+ * gap: 2rem
509
+ * ``` */ readonly gap32: 'gap-32';
510
+ /**
511
+ * ```css
512
+ * gap: .25rem
513
+ * ``` */ readonly gap4: 'gap-4';
514
+ /**
515
+ * ```css
516
+ * gap: 3rem
517
+ * ``` */ readonly gap48: 'gap-48';
518
+ /**
519
+ * ```css
520
+ * gap: 4rem
521
+ * ``` */ readonly gap64: 'gap-64';
522
+ /**
523
+ * ```css
524
+ * gap: .5rem
525
+ * ``` */ readonly gap8: 'gap-8';
526
+ /**
527
+ * ```css
528
+ * column-gap: 0
529
+ * ``` */ readonly gapX0: 'gap-x-0';
530
+ /**
531
+ * ```css
532
+ * column-gap: 1rem
533
+ * ``` */ readonly gapX16: 'gap-x-16';
534
+ /**
535
+ * ```css
536
+ * column-gap: 1.5rem
537
+ * ``` */ readonly gapX24: 'gap-x-24';
538
+ /**
539
+ * ```css
540
+ * column-gap: 2rem
541
+ * ``` */ readonly gapX32: 'gap-x-32';
542
+ /**
543
+ * ```css
544
+ * column-gap: .25rem
545
+ * ``` */ readonly gapX4: 'gap-x-4';
546
+ /**
547
+ * ```css
548
+ * column-gap: 3rem
549
+ * ``` */ readonly gapX48: 'gap-x-48';
550
+ /**
551
+ * ```css
552
+ * column-gap: 4rem
553
+ * ``` */ readonly gapX64: 'gap-x-64';
554
+ /**
555
+ * ```css
556
+ * column-gap: .5rem
557
+ * ``` */ readonly gapX8: 'gap-x-8';
558
+ /**
559
+ * ```css
560
+ * column-gap: var(--v-space-gutter)
561
+ * ``` */ readonly gapXGutter: 'gap-x-gutter';
562
+ /**
563
+ * ```css
564
+ * row-gap: 0
565
+ * ``` */ readonly gapY0: 'gap-y-0';
566
+ /**
567
+ * ```css
568
+ * row-gap: 1rem
569
+ * ``` */ readonly gapY16: 'gap-y-16';
570
+ /**
571
+ * ```css
572
+ * row-gap: 1.5rem
573
+ * ``` */ readonly gapY24: 'gap-y-24';
574
+ /**
575
+ * ```css
576
+ * row-gap: 2rem
577
+ * ``` */ readonly gapY32: 'gap-y-32';
578
+ /**
579
+ * ```css
580
+ * row-gap: .25rem
581
+ * ``` */ readonly gapY4: 'gap-y-4';
582
+ /**
583
+ * ```css
584
+ * row-gap: 3rem
585
+ * ``` */ readonly gapY48: 'gap-y-48';
586
+ /**
587
+ * ```css
588
+ * row-gap: 4rem
589
+ * ``` */ readonly gapY64: 'gap-y-64';
590
+ /**
591
+ * ```css
592
+ * row-gap: .5rem
593
+ * ``` */ readonly gapY8: 'gap-y-8';
594
+ /**
595
+ * ```css
596
+ * row-gap: var(--v-space-l)
597
+ * ``` */ readonly gapYL: 'gap-y-l';
598
+ /**
599
+ * ```css
600
+ * row-gap: var(--v-space-m)
601
+ * ``` */ readonly gapYM: 'gap-y-m';
602
+ /**
603
+ * ```css
604
+ * row-gap: var(--v-space-s)
605
+ * ``` */ readonly gapYS: 'gap-y-s';
606
+ /**
607
+ * ```css
608
+ * font: var(--v-font-heading-1)
609
+ * ``` */ readonly heading1: 'heading-1';
610
+ /**
611
+ * ```css
612
+ * font: var(--v-font-heading-2)
613
+ * ``` */ readonly heading2: 'heading-2';
614
+ /**
615
+ * ```css
616
+ * font: var(--v-font-heading-3)
617
+ * ``` */ readonly heading3: 'heading-3';
618
+ /**
619
+ * ```css
620
+ * display: none
621
+ * ``` */ readonly hidden: 'hidden';
622
+ /**
623
+ * ```css
624
+ * hyphens: auto
625
+ * ``` */ readonly hyphens: 'hyphens';
626
+ /**
627
+ * ```css
628
+ * visibility: hidden
629
+ * ``` */ readonly invisible: 'invisible';
630
+ /**
631
+ * ```css
632
+ * align-items: center
633
+ * ``` */ readonly itemsCenter: 'items-center';
634
+ /**
635
+ * ```css
636
+ * align-items: flex-end
637
+ * ``` */ readonly itemsEnd: 'items-end';
638
+ /**
639
+ * ```css
640
+ * align-items: flex-start
641
+ * ``` */ readonly itemsStart: 'items-start';
642
+ /**
643
+ * ```css
644
+ * align-items: stretch
645
+ * ``` */ readonly itemsStretch: 'items-stretch';
646
+ /**
647
+ * ```css
648
+ * justify-content: space-around
649
+ * ``` */ readonly justifyAround: 'justify-around';
650
+ /**
651
+ * ```css
652
+ * justify-content: space-between
653
+ * ``` */ readonly justifyBetween: 'justify-between';
654
+ /**
655
+ * ```css
656
+ * justify-content: center
657
+ * ``` */ readonly justifyCenter: 'justify-center';
658
+ /**
659
+ * ```css
660
+ * justify-content: flex-end
661
+ * ``` */ readonly justifyEnd: 'justify-end';
662
+ /**
663
+ * ```css
664
+ * justify-content: space-evenly
665
+ * ``` */ readonly justifyEvenly: 'justify-evenly';
666
+ /**
667
+ * ```css
668
+ * justify-content: flex-start
669
+ * ``` */ readonly justifyStart: 'justify-start';
670
+ /**
671
+ * ```css
672
+ * color: var(--v-color-foreground-secondary)
673
+ * text-decoration-line: underline
674
+ * ``` */ readonly linkInline: 'link-inline';
675
+ /**
676
+ * ```css
677
+ * margin: 0
678
+ * ``` */ readonly m0: 'm-0';
679
+ /**
680
+ * ```css
681
+ * margin: 1rem
682
+ * ``` */ readonly m16: 'm-16';
683
+ /**
684
+ * ```css
685
+ * margin: 1.5rem
686
+ * ``` */ readonly m24: 'm-24';
687
+ /**
688
+ * ```css
689
+ * margin: 2rem
690
+ * ``` */ readonly m32: 'm-32';
691
+ /**
692
+ * ```css
693
+ * margin: .25rem
694
+ * ``` */ readonly m4: 'm-4';
695
+ /**
696
+ * ```css
697
+ * margin: 3rem
698
+ * ``` */ readonly m48: 'm-48';
699
+ /**
700
+ * ```css
701
+ * margin: 4rem
702
+ * ``` */ readonly m64: 'm-64';
703
+ /**
704
+ * ```css
705
+ * margin: .5rem
706
+ * ``` */ readonly m8: 'm-8';
707
+ /**
708
+ * ```css
709
+ * margin: auto
710
+ * ``` */ readonly mAuto: 'm-auto';
711
+ /**
712
+ * ```css
713
+ * margin-bottom: 0
714
+ * ``` */ readonly mb0: 'mb-0';
715
+ /**
716
+ * ```css
717
+ * margin-bottom: 1rem
718
+ * ``` */ readonly mb16: 'mb-16';
719
+ /**
720
+ * ```css
721
+ * margin-bottom: 1.5rem
722
+ * ``` */ readonly mb24: 'mb-24';
723
+ /**
724
+ * ```css
725
+ * margin-bottom: 2rem
726
+ * ``` */ readonly mb32: 'mb-32';
727
+ /**
728
+ * ```css
729
+ * margin-bottom: .25rem
730
+ * ``` */ readonly mb4: 'mb-4';
731
+ /**
732
+ * ```css
733
+ * margin-bottom: 3rem
734
+ * ``` */ readonly mb48: 'mb-48';
735
+ /**
736
+ * ```css
737
+ * margin-bottom: 4rem
738
+ * ``` */ readonly mb64: 'mb-64';
739
+ /**
740
+ * ```css
741
+ * margin-bottom: .5rem
742
+ * ``` */ readonly mb8: 'mb-8';
743
+ /**
744
+ * ```css
745
+ * margin-bottom: auto
746
+ * ``` */ readonly mbAuto: 'mb-auto';
747
+ /**
748
+ * ```css
749
+ * margin-bottom: var(--v-space-l)
750
+ * ``` */ readonly mbL: 'mb-l';
751
+ /**
752
+ * ```css
753
+ * margin-bottom: var(--v-space-m)
754
+ * ``` */ readonly mbM: 'mb-m';
755
+ /**
756
+ * ```css
757
+ * margin-bottom: var(--v-space-s)
758
+ * ``` */ readonly mbS: 'mb-s';
759
+ /**
760
+ * ```css
761
+ * font-size: var(--v-font-12-size)
762
+ * line-height: var(--v-font-12-lineheight)
763
+ * letter-spacing: .02em
764
+ * ``` */ readonly micro: 'micro';
765
+ /**
766
+ * ```css
767
+ * margin-inline-start: 0
768
+ * ``` */ readonly ml0: 'ml-0';
769
+ /**
770
+ * ```css
771
+ * margin-inline-start: 1rem
772
+ * ``` */ readonly ml16: 'ml-16';
773
+ /**
774
+ * ```css
775
+ * margin-inline-start: 1.5rem
776
+ * ``` */ readonly ml24: 'ml-24';
777
+ /**
778
+ * ```css
779
+ * margin-inline-start: 2rem
780
+ * ``` */ readonly ml32: 'ml-32';
781
+ /**
782
+ * ```css
783
+ * margin-inline-start: .25rem
784
+ * ``` */ readonly ml4: 'ml-4';
785
+ /**
786
+ * ```css
787
+ * margin-inline-start: 3rem
788
+ * ``` */ readonly ml48: 'ml-48';
789
+ /**
790
+ * ```css
791
+ * margin-inline-start: 4rem
792
+ * ``` */ readonly ml64: 'ml-64';
793
+ /**
794
+ * ```css
795
+ * margin-inline-start: .5rem
796
+ * ``` */ readonly ml8: 'ml-8';
797
+ /**
798
+ * ```css
799
+ * margin-inline-start: auto
800
+ * ``` */ readonly mlAuto: 'ml-auto';
801
+ /**
802
+ * ```css
803
+ * margin-inline-start: var(--v-space-pagemargin)
804
+ * ``` */ readonly mlPagemargin: 'ml-pagemargin';
805
+ /**
806
+ * ```css
807
+ * margin-inline-end: 0
808
+ * ``` */ readonly mr0: 'mr-0';
809
+ /**
810
+ * ```css
811
+ * margin-inline-end: 1rem
812
+ * ``` */ readonly mr16: 'mr-16';
813
+ /**
814
+ * ```css
815
+ * margin-inline-end: 1.5rem
816
+ * ``` */ readonly mr24: 'mr-24';
817
+ /**
818
+ * ```css
819
+ * margin-inline-end: 2rem
820
+ * ``` */ readonly mr32: 'mr-32';
821
+ /**
822
+ * ```css
823
+ * margin-inline-end: .25rem
824
+ * ``` */ readonly mr4: 'mr-4';
825
+ /**
826
+ * ```css
827
+ * margin-inline-end: 3rem
828
+ * ``` */ readonly mr48: 'mr-48';
829
+ /**
830
+ * ```css
831
+ * margin-inline-end: 4rem
832
+ * ``` */ readonly mr64: 'mr-64';
833
+ /**
834
+ * ```css
835
+ * margin-inline-end: .5rem
836
+ * ``` */ readonly mr8: 'mr-8';
837
+ /**
838
+ * ```css
839
+ * margin-inline-end: auto
840
+ * ``` */ readonly mrAuto: 'mr-auto';
841
+ /**
842
+ * ```css
843
+ * margin-inline-end: var(--v-space-pagemargin)
844
+ * ``` */ readonly mrPagemargin: 'mr-pagemargin';
845
+ /**
846
+ * ```css
847
+ * margin-top: 0
848
+ * ``` */ readonly mt0: 'mt-0';
849
+ /**
850
+ * ```css
851
+ * margin-top: 1rem
852
+ * ``` */ readonly mt16: 'mt-16';
853
+ /**
854
+ * ```css
855
+ * margin-top: 1.5rem
856
+ * ``` */ readonly mt24: 'mt-24';
857
+ /**
858
+ * ```css
859
+ * margin-top: 2rem
860
+ * ``` */ readonly mt32: 'mt-32';
861
+ /**
862
+ * ```css
863
+ * margin-top: .25rem
864
+ * ``` */ readonly mt4: 'mt-4';
865
+ /**
866
+ * ```css
867
+ * margin-top: 3rem
868
+ * ``` */ readonly mt48: 'mt-48';
869
+ /**
870
+ * ```css
871
+ * margin-top: 4rem
872
+ * ``` */ readonly mt64: 'mt-64';
873
+ /**
874
+ * ```css
875
+ * margin-top: .5rem
876
+ * ``` */ readonly mt8: 'mt-8';
877
+ /**
878
+ * ```css
879
+ * margin-top: auto
880
+ * ``` */ readonly mtAuto: 'mt-auto';
881
+ /**
882
+ * ```css
883
+ * margin-top: var(--v-space-l)
884
+ * ``` */ readonly mtL: 'mt-l';
885
+ /**
886
+ * ```css
887
+ * margin-top: var(--v-space-m)
888
+ * ``` */ readonly mtM: 'mt-m';
889
+ /**
890
+ * ```css
891
+ * margin-top: var(--v-space-s)
892
+ * ``` */ readonly mtS: 'mt-s';
893
+ /**
894
+ * ```css
895
+ * margin-inline-end: 0
896
+ * margin-inline-start: 0
897
+ * ``` */ readonly mx0: 'mx-0';
898
+ /**
899
+ * ```css
900
+ * margin-inline-end: 1rem
901
+ * margin-inline-start: 1rem
902
+ * ``` */ readonly mx16: 'mx-16';
903
+ /**
904
+ * ```css
905
+ * margin-inline-end: 1.5rem
906
+ * margin-inline-start: 1.5rem
907
+ * ``` */ readonly mx24: 'mx-24';
908
+ /**
909
+ * ```css
910
+ * margin-inline-end: 2rem
911
+ * margin-inline-start: 2rem
912
+ * ``` */ readonly mx32: 'mx-32';
913
+ /**
914
+ * ```css
915
+ * margin-inline-end: .25rem
916
+ * margin-inline-start: .25rem
917
+ * ``` */ readonly mx4: 'mx-4';
918
+ /**
919
+ * ```css
920
+ * margin-inline-end: 3rem
921
+ * margin-inline-start: 3rem
922
+ * ``` */ readonly mx48: 'mx-48';
923
+ /**
924
+ * ```css
925
+ * margin-inline-end: 4rem
926
+ * margin-inline-start: 4rem
927
+ * ``` */ readonly mx64: 'mx-64';
928
+ /**
929
+ * ```css
930
+ * margin-inline-end: .5rem
931
+ * margin-inline-start: .5rem
932
+ * ``` */ readonly mx8: 'mx-8';
933
+ /**
934
+ * ```css
935
+ * margin-inline-end: auto
936
+ * margin-inline-start: auto
937
+ * ``` */ readonly mxAuto: 'mx-auto';
938
+ /**
939
+ * ```css
940
+ * margin-inline-end: var(--v-space-pagemargin)
941
+ * margin-inline-start: var(--v-space-pagemargin)
942
+ * ``` */ readonly mxPagemargin: 'mx-pagemargin';
943
+ /**
944
+ * ```css
945
+ * margin-top: 0
946
+ * margin-bottom: 0
947
+ * ``` */ readonly my0: 'my-0';
948
+ /**
949
+ * ```css
950
+ * margin-top: 1rem
951
+ * margin-bottom: 1rem
952
+ * ``` */ readonly my16: 'my-16';
953
+ /**
954
+ * ```css
955
+ * margin-top: 1.5rem
956
+ * margin-bottom: 1.5rem
957
+ * ``` */ readonly my24: 'my-24';
958
+ /**
959
+ * ```css
960
+ * margin-top: 2rem
961
+ * margin-bottom: 2rem
962
+ * ``` */ readonly my32: 'my-32';
963
+ /**
964
+ * ```css
965
+ * margin-top: .25rem
966
+ * margin-bottom: .25rem
967
+ * ``` */ readonly my4: 'my-4';
968
+ /**
969
+ * ```css
970
+ * margin-top: 3rem
971
+ * margin-bottom: 3rem
972
+ * ``` */ readonly my48: 'my-48';
973
+ /**
974
+ * ```css
975
+ * margin-top: 4rem
976
+ * margin-bottom: 4rem
977
+ * ``` */ readonly my64: 'my-64';
978
+ /**
979
+ * ```css
980
+ * margin-top: .5rem
981
+ * margin-bottom: .5rem
982
+ * ``` */ readonly my8: 'my-8';
983
+ /**
984
+ * ```css
985
+ * margin-top: auto
986
+ * margin-bottom: auto
987
+ * ``` */ readonly myAuto: 'my-auto';
988
+ /**
989
+ * ```css
990
+ * margin-top: var(--v-space-l)
991
+ * margin-bottom: var(--v-space-l)
992
+ * ``` */ readonly myL: 'my-l';
993
+ /**
994
+ * ```css
995
+ * margin-top: var(--v-space-m)
996
+ * margin-bottom: var(--v-space-m)
997
+ * ``` */ readonly myM: 'my-m';
998
+ /**
999
+ * ```css
1000
+ * margin-top: var(--v-space-s)
1001
+ * margin-bottom: var(--v-space-s)
1002
+ * ``` */ readonly myS: 'my-s';
1003
+ /**
1004
+ * ```css
1005
+ * padding: 0
1006
+ * ``` */ readonly p0: 'p-0';
1007
+ /**
1008
+ * ```css
1009
+ * padding: 1rem
1010
+ * ``` */ readonly p16: 'p-16';
1011
+ /**
1012
+ * ```css
1013
+ * padding: 1.5rem
1014
+ * ``` */ readonly p24: 'p-24';
1015
+ /**
1016
+ * ```css
1017
+ * padding: 2rem
1018
+ * ``` */ readonly p32: 'p-32';
1019
+ /**
1020
+ * ```css
1021
+ * padding: .25rem
1022
+ * ``` */ readonly p4: 'p-4';
1023
+ /**
1024
+ * ```css
1025
+ * padding: 3rem
1026
+ * ``` */ readonly p48: 'p-48';
1027
+ /**
1028
+ * ```css
1029
+ * padding: 4rem
1030
+ * ``` */ readonly p64: 'p-64';
1031
+ /**
1032
+ * ```css
1033
+ * padding: .5rem
1034
+ * ``` */ readonly p8: 'p-8';
1035
+ /**
1036
+ * ```css
1037
+ * padding-bottom: 0
1038
+ * ``` */ readonly pb0: 'pb-0';
1039
+ /**
1040
+ * ```css
1041
+ * padding-bottom: 1rem
1042
+ * ``` */ readonly pb16: 'pb-16';
1043
+ /**
1044
+ * ```css
1045
+ * padding-bottom: 1.5rem
1046
+ * ``` */ readonly pb24: 'pb-24';
1047
+ /**
1048
+ * ```css
1049
+ * padding-bottom: 2rem
1050
+ * ``` */ readonly pb32: 'pb-32';
1051
+ /**
1052
+ * ```css
1053
+ * padding-bottom: .25rem
1054
+ * ``` */ readonly pb4: 'pb-4';
1055
+ /**
1056
+ * ```css
1057
+ * padding-bottom: 3rem
1058
+ * ``` */ readonly pb48: 'pb-48';
1059
+ /**
1060
+ * ```css
1061
+ * padding-bottom: 4rem
1062
+ * ``` */ readonly pb64: 'pb-64';
1063
+ /**
1064
+ * ```css
1065
+ * padding-bottom: .5rem
1066
+ * ``` */ readonly pb8: 'pb-8';
1067
+ /**
1068
+ * ```css
1069
+ * padding-bottom: var(--v-space-l)
1070
+ * ``` */ readonly pbL: 'pb-l';
1071
+ /**
1072
+ * ```css
1073
+ * padding-bottom: var(--v-space-m)
1074
+ * ``` */ readonly pbM: 'pb-m';
1075
+ /**
1076
+ * ```css
1077
+ * padding-bottom: var(--v-space-s)
1078
+ * ``` */ readonly pbS: 'pb-s';
1079
+ /**
1080
+ * ```css
1081
+ * padding-inline-start: 0
1082
+ * ``` */ readonly pl0: 'pl-0';
1083
+ /**
1084
+ * ```css
1085
+ * padding-inline-start: 1rem
1086
+ * ``` */ readonly pl16: 'pl-16';
1087
+ /**
1088
+ * ```css
1089
+ * padding-inline-start: 1.5rem
1090
+ * ``` */ readonly pl24: 'pl-24';
1091
+ /**
1092
+ * ```css
1093
+ * padding-inline-start: 2rem
1094
+ * ``` */ readonly pl32: 'pl-32';
1095
+ /**
1096
+ * ```css
1097
+ * padding-inline-start: .25rem
1098
+ * ``` */ readonly pl4: 'pl-4';
1099
+ /**
1100
+ * ```css
1101
+ * padding-inline-start: 3rem
1102
+ * ``` */ readonly pl48: 'pl-48';
1103
+ /**
1104
+ * ```css
1105
+ * padding-inline-start: 4rem
1106
+ * ``` */ readonly pl64: 'pl-64';
1107
+ /**
1108
+ * ```css
1109
+ * padding-inline-start: .5rem
1110
+ * ``` */ readonly pl8: 'pl-8';
1111
+ /**
1112
+ * ```css
1113
+ * padding-inline-start: var(--v-space-pagemargin)
1114
+ * ``` */ readonly plPagemargin: 'pl-pagemargin';
1115
+ /**
1116
+ * ```css
1117
+ * padding-inline-end: 0
1118
+ * ``` */ readonly pr0: 'pr-0';
1119
+ /**
1120
+ * ```css
1121
+ * padding-inline-end: 1rem
1122
+ * ``` */ readonly pr16: 'pr-16';
1123
+ /**
1124
+ * ```css
1125
+ * padding-inline-end: 1.5rem
1126
+ * ``` */ readonly pr24: 'pr-24';
1127
+ /**
1128
+ * ```css
1129
+ * padding-inline-end: 2rem
1130
+ * ``` */ readonly pr32: 'pr-32';
1131
+ /**
1132
+ * ```css
1133
+ * padding-inline-end: .25rem
1134
+ * ``` */ readonly pr4: 'pr-4';
1135
+ /**
1136
+ * ```css
1137
+ * padding-inline-end: 3rem
1138
+ * ``` */ readonly pr48: 'pr-48';
1139
+ /**
1140
+ * ```css
1141
+ * padding-inline-end: 4rem
1142
+ * ``` */ readonly pr64: 'pr-64';
1143
+ /**
1144
+ * ```css
1145
+ * padding-inline-end: .5rem
1146
+ * ``` */ readonly pr8: 'pr-8';
1147
+ /**
1148
+ * ```css
1149
+ * padding-inline-end: var(--v-space-pagemargin)
1150
+ * ``` */ readonly prPagemargin: 'pr-pagemargin';
1151
+ /**
1152
+ * ```css
1153
+ * padding-top: 0
1154
+ * ``` */ readonly pt0: 'pt-0';
1155
+ /**
1156
+ * ```css
1157
+ * padding-top: 1rem
1158
+ * ``` */ readonly pt16: 'pt-16';
1159
+ /**
1160
+ * ```css
1161
+ * padding-top: 1.5rem
1162
+ * ``` */ readonly pt24: 'pt-24';
1163
+ /**
1164
+ * ```css
1165
+ * padding-top: 2rem
1166
+ * ``` */ readonly pt32: 'pt-32';
1167
+ /**
1168
+ * ```css
1169
+ * padding-top: .25rem
1170
+ * ``` */ readonly pt4: 'pt-4';
1171
+ /**
1172
+ * ```css
1173
+ * padding-top: 3rem
1174
+ * ``` */ readonly pt48: 'pt-48';
1175
+ /**
1176
+ * ```css
1177
+ * padding-top: 4rem
1178
+ * ``` */ readonly pt64: 'pt-64';
1179
+ /**
1180
+ * ```css
1181
+ * padding-top: .5rem
1182
+ * ``` */ readonly pt8: 'pt-8';
1183
+ /**
1184
+ * ```css
1185
+ * padding-top: var(--v-space-l)
1186
+ * ``` */ readonly ptL: 'pt-l';
1187
+ /**
1188
+ * ```css
1189
+ * padding-top: var(--v-space-m)
1190
+ * ``` */ readonly ptM: 'pt-m';
1191
+ /**
1192
+ * ```css
1193
+ * padding-top: var(--v-space-s)
1194
+ * ``` */ readonly ptS: 'pt-s';
1195
+ /**
1196
+ * ```css
1197
+ * padding-inline-end: 0
1198
+ * padding-inline-start: 0
1199
+ * ``` */ readonly px0: 'px-0';
1200
+ /**
1201
+ * ```css
1202
+ * padding-inline-end: 1rem
1203
+ * padding-inline-start: 1rem
1204
+ * ``` */ readonly px16: 'px-16';
1205
+ /**
1206
+ * ```css
1207
+ * padding-inline-end: 1.5rem
1208
+ * padding-inline-start: 1.5rem
1209
+ * ``` */ readonly px24: 'px-24';
1210
+ /**
1211
+ * ```css
1212
+ * padding-inline-end: 2rem
1213
+ * padding-inline-start: 2rem
1214
+ * ``` */ readonly px32: 'px-32';
1215
+ /**
1216
+ * ```css
1217
+ * padding-inline-end: .25rem
1218
+ * padding-inline-start: .25rem
1219
+ * ``` */ readonly px4: 'px-4';
1220
+ /**
1221
+ * ```css
1222
+ * padding-inline-end: 3rem
1223
+ * padding-inline-start: 3rem
1224
+ * ``` */ readonly px48: 'px-48';
1225
+ /**
1226
+ * ```css
1227
+ * padding-inline-end: 4rem
1228
+ * padding-inline-start: 4rem
1229
+ * ``` */ readonly px64: 'px-64';
1230
+ /**
1231
+ * ```css
1232
+ * padding-inline-end: .5rem
1233
+ * padding-inline-start: .5rem
1234
+ * ``` */ readonly px8: 'px-8';
1235
+ /**
1236
+ * ```css
1237
+ * padding-inline-end: var(--v-space-pagemargin)
1238
+ * padding-inline-start: var(--v-space-pagemargin)
1239
+ * ``` */ readonly pxPagemargin: 'px-pagemargin';
1240
+ /**
1241
+ * ```css
1242
+ * padding-top: 0
1243
+ * padding-bottom: 0
1244
+ * ``` */ readonly py0: 'py-0';
1245
+ /**
1246
+ * ```css
1247
+ * padding-top: 1rem
1248
+ * padding-bottom: 1rem
1249
+ * ``` */ readonly py16: 'py-16';
1250
+ /**
1251
+ * ```css
1252
+ * padding-top: 1.5rem
1253
+ * padding-bottom: 1.5rem
1254
+ * ``` */ readonly py24: 'py-24';
1255
+ /**
1256
+ * ```css
1257
+ * padding-top: 2rem
1258
+ * padding-bottom: 2rem
1259
+ * ``` */ readonly py32: 'py-32';
1260
+ /**
1261
+ * ```css
1262
+ * padding-top: .25rem
1263
+ * padding-bottom: .25rem
1264
+ * ``` */ readonly py4: 'py-4';
1265
+ /**
1266
+ * ```css
1267
+ * padding-top: 3rem
1268
+ * padding-bottom: 3rem
1269
+ * ``` */ readonly py48: 'py-48';
1270
+ /**
1271
+ * ```css
1272
+ * padding-top: 4rem
1273
+ * padding-bottom: 4rem
1274
+ * ``` */ readonly py64: 'py-64';
1275
+ /**
1276
+ * ```css
1277
+ * padding-top: .5rem
1278
+ * padding-bottom: .5rem
1279
+ * ``` */ readonly py8: 'py-8';
1280
+ /**
1281
+ * ```css
1282
+ * padding-top: var(--v-space-l)
1283
+ * padding-bottom: var(--v-space-l)
1284
+ * ``` */ readonly pyL: 'py-l';
1285
+ /**
1286
+ * ```css
1287
+ * padding-top: var(--v-space-m)
1288
+ * padding-bottom: var(--v-space-m)
1289
+ * ``` */ readonly pyM: 'py-m';
1290
+ /**
1291
+ * ```css
1292
+ * padding-top: var(--v-space-s)
1293
+ * padding-bottom: var(--v-space-s)
1294
+ * ``` */ readonly pyS: 'py-s';
1295
+ /**
1296
+ * ```css
1297
+ * border-radius: var(--v-radius-4)
1298
+ * ``` */ readonly rounded: 'rounded';
1299
+ /**
1300
+ * ```css
1301
+ * border-radius: var(--v-radius-full)
1302
+ * ``` */ readonly roundedFull: 'rounded-full';
1303
+ /**
1304
+ * ```css
1305
+ * align-self: center
1306
+ * ``` */ readonly selfCenter: 'self-center';
1307
+ /**
1308
+ * ```css
1309
+ * align-self: flex-end
1310
+ * ``` */ readonly selfEnd: 'self-end';
1311
+ /**
1312
+ * ```css
1313
+ * align-self: flex-start
1314
+ * align-self: start
1315
+ * ``` */ readonly selfStart: 'self-start';
1316
+ /**
1317
+ * ```css
1318
+ * align-self: stretch
1319
+ * ``` */ readonly selfStretch: 'self-stretch';
1320
+ /**
1321
+ * ```css
1322
+ * width: 1.5rem
1323
+ * height: 1.5rem
1324
+ * position: absolute
1325
+ * width: 1rem
1326
+ * height: 1rem
1327
+ * contain: strict
1328
+ * width: 2.5rem
1329
+ * height: 2.5rem
1330
+ * appearance: none
1331
+ * background: none
1332
+ * border: 2px solid
1333
+ * border-bottom-color: #0000
1334
+ * border-radius: 50%
1335
+ * animation: .7s cubic-bezier(.62, .63, 0, .53) infinite rotate
1336
+ * display: inline-flex
1337
+ * display: none
1338
+ * ``` */ readonly spinner: 'spinner';
1339
+ /**
1340
+ * ```css
1341
+ * width: 1px
1342
+ * height: 1px
1343
+ * clip: rect(0, 0, 0, 0)
1344
+ * white-space: nowrap
1345
+ * border-width: 0
1346
+ * margin: -1px
1347
+ * padding: 0
1348
+ * position: absolute
1349
+ * overflow: hidden
1350
+ * ``` */ readonly srOnly: 'sr-only';
1351
+ /**
1352
+ * ```css
1353
+ * margin-top: var(--stack-gap)
1354
+ * --stack-gap: var(--v-space-16)
1355
+ * ``` */ readonly stack16: 'stack-16';
1356
+ /**
1357
+ * ```css
1358
+ * margin-top: var(--stack-gap)
1359
+ * --stack-gap: var(--v-space-24)
1360
+ * ``` */ readonly stack24: 'stack-24';
1361
+ /**
1362
+ * ```css
1363
+ * margin-top: var(--stack-gap)
1364
+ * --stack-gap: var(--v-space-32)
1365
+ * ``` */ readonly stack32: 'stack-32';
1366
+ /**
1367
+ * ```css
1368
+ * margin-top: var(--stack-gap)
1369
+ * --stack-gap: var(--v-space-4)
1370
+ * ``` */ readonly stack4: 'stack-4';
1371
+ /**
1372
+ * ```css
1373
+ * margin-top: var(--stack-gap)
1374
+ * --stack-gap: var(--v-space-48)
1375
+ * ``` */ readonly stack48: 'stack-48';
1376
+ /**
1377
+ * ```css
1378
+ * margin-top: var(--stack-gap)
1379
+ * --stack-gap: var(--v-space-64)
1380
+ * ``` */ readonly stack64: 'stack-64';
1381
+ /**
1382
+ * ```css
1383
+ * margin-top: var(--stack-gap)
1384
+ * --stack-gap: var(--v-space-8)
1385
+ * ``` */ readonly stack8: 'stack-8';
1386
+ /**
1387
+ * ```css
1388
+ * margin-top: var(--stack-gap)
1389
+ * --stack-gap: var(--v-space-l)
1390
+ * ``` */ readonly stackL: 'stack-l';
1391
+ /**
1392
+ * ```css
1393
+ * margin-top: var(--stack-gap)
1394
+ * --stack-gap: var(--v-space-m)
1395
+ * ``` */ readonly stackM: 'stack-m';
1396
+ /**
1397
+ * ```css
1398
+ * margin-top: var(--stack-gap)
1399
+ * --stack-gap: var(--v-space-s)
1400
+ * ``` */ readonly stackS: 'stack-s';
1401
+ /**
1402
+ * ```css
1403
+ * margin-top: var(--stack-gap)
1404
+ * --stack-gap: var(--v-space-16)
1405
+ * --stack-gap: var(--v-space-24)
1406
+ * ``` */ readonly stackText: 'stack-text';
1407
+ /**
1408
+ * ```css
1409
+ * font: var(--v-font-statement-1)
1410
+ * ``` */ readonly statement1: 'statement-1';
1411
+ /**
1412
+ * ```css
1413
+ * font: var(--v-font-statement-2)
1414
+ * ``` */ readonly statement2: 'statement-2';
1415
+ /**
1416
+ * ```css
1417
+ * --stack-gap: var(--v-space-24)
1418
+ * font: var(--v-font-statement-3)
1419
+ * ``` */ readonly statement3: 'statement-3';
1420
+ /**
1421
+ * ```css
1422
+ * font: var(--v-font-statement-signature)
1423
+ * letter-spacing: .02em
1424
+ * ``` */ readonly statementSignature: 'statement-signature';
1425
+ /**
1426
+ * ```css
1427
+ * color: var(--v-color-foreground-accent-blue)
1428
+ * ``` */ readonly textAccentBlue: 'text-accent-blue';
1429
+ /**
1430
+ * ```css
1431
+ * color: var(--v-color-always-black)
1432
+ * ``` */ readonly textAlwaysBlack: 'text-always-black';
1433
+ /**
1434
+ * ```css
1435
+ * color: var(--v-color-always-white)
1436
+ * ``` */ readonly textAlwaysWhite: 'text-always-white';
1437
+ /**
1438
+ * ```css
1439
+ * text-align: center
1440
+ * ``` */ readonly textCenter: 'text-center';
1441
+ /**
1442
+ * ```css
1443
+ * text-align: end
1444
+ * ``` */ readonly textEnd: 'text-end';
1445
+ /**
1446
+ * ```css
1447
+ * color: var(--v-color-foreground-feedback-green)
1448
+ * ``` */ readonly textFeedbackGreen: 'text-feedback-green';
1449
+ /**
1450
+ * ```css
1451
+ * color: var(--v-color-foreground-feedback-orange)
1452
+ * ``` */ readonly textFeedbackOrange: 'text-feedback-orange';
1453
+ /**
1454
+ * ```css
1455
+ * color: var(--v-color-foreground-feedback-red)
1456
+ * ``` */ readonly textFeedbackRed: 'text-feedback-red';
1457
+ /**
1458
+ * ```css
1459
+ * color: inherit
1460
+ * ``` */ readonly textInherit: 'text-inherit';
1461
+ /**
1462
+ * ```css
1463
+ * color: var(--v-color-foreground-primary)
1464
+ * ``` */ readonly textPrimary: 'text-primary';
1465
+ /**
1466
+ * ```css
1467
+ * color: var(--v-color-foreground-secondary)
1468
+ * ``` */ readonly textSecondary: 'text-secondary';
1469
+ /**
1470
+ * ```css
1471
+ * text-align: start
1472
+ * ``` */ readonly textStart: 'text-start';
1473
+ /**
1474
+ * ```css
1475
+ * font-size: var(--v-font-title-20-size)
1476
+ * line-height: var(--v-font-title-20-lineheight)
1477
+ * ``` */ readonly title20: 'title-20';
1478
+ /**
1479
+ * ```css
1480
+ * font-size: var(--v-font-title-24-size)
1481
+ * line-height: var(--v-font-title-24-lineheight)
1482
+ * ``` */ readonly title24: 'title-24';
1483
+ /**
1484
+ * ```css
1485
+ * transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke
1486
+ * transition-duration: var(--_v-transition-speed-default)
1487
+ * ``` */ readonly transitionColors: 'transition-colors';
1488
+ /**
1489
+ * ```css
1490
+ * text-overflow: ellipsis
1491
+ * white-space: nowrap
1492
+ * overflow: hidden
1493
+ * ``` */ readonly truncate: 'truncate';
1494
+ /**
1495
+ * ```css
1496
+ * --_input-border-color: var(--v-color-ornament-primary)
1497
+ * --_input-background-color: var(--v-color-background-secondary)
1498
+ * ``` */ readonly vInput: 'v-input';
1499
+ /**
1500
+ * ```css
1501
+ * pointer-events: none
1502
+ * ``` */ readonly vInputDelegate: 'v-input-delegate';
1503
+ /**
1504
+ * ```css
1505
+ * position: relative
1506
+ * --_transform-origin: var(--_rtl-toggle) 100%
1507
+ * z-index: 1
1508
+ * color: var(--v-color-foreground-secondary)
1509
+ * pointer-events: none
1510
+ * transition: transform var(--v-transition-default)
1511
+ * transform-origin: var(--_transform-origin, 0)
1512
+ * top: 0
1513
+ * position: absolute
1514
+ * inset-inline-start: var(--v-space-16)
1515
+ * transform: translateY(5px)scale(.75)
1516
+ * height: 3.5rem
1517
+ * padding-top: 1.625rem
1518
+ * padding-bottom: .625rem
1519
+ * ``` */ readonly vInputFloatingLabel: 'v-input-floating-label';
1520
+ /**
1521
+ * ```css
1522
+ * width: 1.5rem
1523
+ * height: 1.5rem
1524
+ * background-image: var(--_icon-eye-slash)
1525
+ * background-position: center
1526
+ * background-repeat: no-repeat
1527
+ * background-size: 1.5rem 1.5rem
1528
+ * flex-shrink: 0
1529
+ * ``` */ readonly vInputPasswordVisibilityControl: 'v-input__password-visibility-control';
1530
+ /**
1531
+ * ```css
1532
+ * --_outer-margin: 0px
1533
+ * --_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))
1534
+ * --_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan)) + var(--v-space-gutter) * (var(--_colspan) - 1))
1535
+ * width: 100%
1536
+ * max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width)) + var(--_outer-margin))
1537
+ * width: min(var(--v-size-gridmax), var(--_columns-total-width))
1538
+ * --_container-colspan: 10
1539
+ * ``` */ readonly wLg: 'w-lg';
1540
+ /**
1541
+ * ```css
1542
+ * --_outer-margin: 0px
1543
+ * --_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))
1544
+ * --_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan)) + var(--v-space-gutter) * (var(--_colspan) - 1))
1545
+ * width: 100%
1546
+ * max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width)) + var(--_outer-margin))
1547
+ * width: min(var(--v-size-gridmax), var(--_columns-total-width))
1548
+ * --_container-colspan: 10
1549
+ * --_container-colspan: 8
1550
+ * ``` */ readonly wMd: 'w-md';
1551
+ /**
1552
+ * ```css
1553
+ * --_outer-margin: 0px
1554
+ * --_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))
1555
+ * --_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan)) + var(--v-space-gutter) * (var(--_colspan) - 1))
1556
+ * width: 100%
1557
+ * max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width)) + var(--_outer-margin))
1558
+ * width: min(var(--v-size-gridmax), var(--_columns-total-width))
1559
+ * --_container-colspan: 4
1560
+ * --_container-colspan: 8
1561
+ * --_container-colspan: 6
1562
+ * ``` */ readonly wSm: 'w-sm';
1563
+ /**
1564
+ * ```css
1565
+ * --_outer-margin: 0px
1566
+ * --_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))
1567
+ * --_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan)) + var(--v-space-gutter) * (var(--_colspan) - 1))
1568
+ * width: 100%
1569
+ * max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width)) + var(--_outer-margin))
1570
+ * width: min(var(--v-size-gridmax), var(--_columns-total-width))
1571
+ * --_container-colspan: 4
1572
+ * --_container-colspan: 6
1573
+ * ``` */ readonly wXs: 'w-xs';
3
1574
  }
4
- declare const vss: any;
1575
+ declare const vss: ClassNames;
5
1576
  export default vss;