@volvo-cars/css 0.21.0 → 0.22.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/meta.json CHANGED
@@ -37,61 +37,88 @@
37
37
  "border-x-2",
38
38
  "border-y",
39
39
  "border-y-2",
40
+ "container",
40
41
  "empty:hidden",
41
42
  "flex",
42
43
  "flex-col",
43
44
  "flex-grow",
44
45
  "flex-grow-0",
45
- "flex-items-center",
46
- "flex-items-end",
47
- "flex-items-start",
48
- "flex-items-stretch",
49
- "flex-justify-around",
50
- "flex-justify-between",
51
- "flex-justify-center",
52
- "flex-justify-end",
53
- "flex-justify-evenly",
54
- "flex-justify-start",
55
46
  "flex-nowrap",
56
47
  "flex-row",
57
- "flex-self-center",
58
- "flex-self-end",
59
- "flex-self-start",
60
- "flex-self-stretch",
61
48
  "flex-shrink",
62
49
  "flex-shrink-0",
63
50
  "flex-wrap",
64
51
  "font-light",
65
52
  "font-medium",
53
+ "gap-0",
54
+ "gap-16",
55
+ "gap-24",
56
+ "gap-32",
57
+ "gap-4",
58
+ "gap-48",
59
+ "gap-64",
60
+ "gap-8",
61
+ "gap-l",
62
+ "gap-m",
63
+ "gap-s",
64
+ "gap-x-0",
65
+ "gap-x-16",
66
+ "gap-x-24",
67
+ "gap-x-32",
68
+ "gap-x-4",
69
+ "gap-x-48",
70
+ "gap-x-64",
71
+ "gap-x-8",
72
+ "gap-y-0",
73
+ "gap-y-16",
74
+ "gap-y-24",
75
+ "gap-y-32",
76
+ "gap-y-4",
77
+ "gap-y-48",
78
+ "gap-y-64",
79
+ "gap-y-8",
80
+ "gap-y-l",
81
+ "gap-y-m",
82
+ "gap-y-s",
66
83
  "heading-1",
67
84
  "heading-2",
68
85
  "heading-3",
69
86
  "hidden",
70
87
  "hyphens",
88
+ "items-center",
89
+ "items-end",
90
+ "items-start",
91
+ "items-stretch",
92
+ "justify-around",
93
+ "justify-between",
94
+ "justify-center",
95
+ "justify-end",
96
+ "justify-evenly",
97
+ "justify-start",
71
98
  "lg:flex",
72
99
  "lg:flex-col",
73
100
  "lg:flex-grow",
74
101
  "lg:flex-grow-0",
75
- "lg:flex-items-center",
76
- "lg:flex-items-end",
77
- "lg:flex-items-start",
78
- "lg:flex-items-stretch",
79
- "lg:flex-justify-around",
80
- "lg:flex-justify-between",
81
- "lg:flex-justify-center",
82
- "lg:flex-justify-end",
83
- "lg:flex-justify-evenly",
84
- "lg:flex-justify-start",
85
102
  "lg:flex-nowrap",
86
103
  "lg:flex-row",
87
- "lg:flex-self-center",
88
- "lg:flex-self-end",
89
- "lg:flex-self-start",
90
- "lg:flex-self-stretch",
91
104
  "lg:flex-shrink",
92
105
  "lg:flex-shrink-0",
93
106
  "lg:flex-wrap",
94
107
  "lg:hidden",
108
+ "lg:items-center",
109
+ "lg:items-end",
110
+ "lg:items-start",
111
+ "lg:items-stretch",
112
+ "lg:justify-around",
113
+ "lg:justify-between",
114
+ "lg:justify-center",
115
+ "lg:justify-end",
116
+ "lg:justify-evenly",
117
+ "lg:justify-start",
118
+ "lg:self-center",
119
+ "lg:self-end",
120
+ "lg:self-start",
121
+ "lg:self-stretch",
95
122
  "lg:text-center",
96
123
  "lg:text-end",
97
124
  "lg:text-start",
@@ -119,26 +146,26 @@
119
146
  "md:flex-col",
120
147
  "md:flex-grow",
121
148
  "md:flex-grow-0",
122
- "md:flex-items-center",
123
- "md:flex-items-end",
124
- "md:flex-items-start",
125
- "md:flex-items-stretch",
126
- "md:flex-justify-around",
127
- "md:flex-justify-between",
128
- "md:flex-justify-center",
129
- "md:flex-justify-end",
130
- "md:flex-justify-evenly",
131
- "md:flex-justify-start",
132
149
  "md:flex-nowrap",
133
150
  "md:flex-row",
134
- "md:flex-self-center",
135
- "md:flex-self-end",
136
- "md:flex-self-start",
137
- "md:flex-self-stretch",
138
151
  "md:flex-shrink",
139
152
  "md:flex-shrink-0",
140
153
  "md:flex-wrap",
141
154
  "md:hidden",
155
+ "md:items-center",
156
+ "md:items-end",
157
+ "md:items-start",
158
+ "md:items-stretch",
159
+ "md:justify-around",
160
+ "md:justify-between",
161
+ "md:justify-center",
162
+ "md:justify-end",
163
+ "md:justify-evenly",
164
+ "md:justify-start",
165
+ "md:self-center",
166
+ "md:self-end",
167
+ "md:self-start",
168
+ "md:self-stretch",
142
169
  "md:text-center",
143
170
  "md:text-end",
144
171
  "md:text-start",
@@ -256,6 +283,10 @@
256
283
  "py-l",
257
284
  "py-m",
258
285
  "py-s",
286
+ "self-center",
287
+ "self-end",
288
+ "self-start",
289
+ "self-stretch",
259
290
  "stack-16",
260
291
  "stack-24",
261
292
  "stack-32",
@@ -295,31 +326,41 @@
295
326
  "xl:flex-col",
296
327
  "xl:flex-grow",
297
328
  "xl:flex-grow-0",
298
- "xl:flex-items-center",
299
- "xl:flex-items-end",
300
- "xl:flex-items-start",
301
- "xl:flex-items-stretch",
302
- "xl:flex-justify-around",
303
- "xl:flex-justify-between",
304
- "xl:flex-justify-center",
305
- "xl:flex-justify-end",
306
- "xl:flex-justify-evenly",
307
- "xl:flex-justify-start",
308
329
  "xl:flex-nowrap",
309
330
  "xl:flex-row",
310
- "xl:flex-self-center",
311
- "xl:flex-self-end",
312
- "xl:flex-self-start",
313
- "xl:flex-self-stretch",
314
331
  "xl:flex-shrink",
315
332
  "xl:flex-shrink-0",
316
333
  "xl:flex-wrap",
317
334
  "xl:hidden",
335
+ "xl:items-center",
336
+ "xl:items-end",
337
+ "xl:items-start",
338
+ "xl:items-stretch",
339
+ "xl:justify-around",
340
+ "xl:justify-between",
341
+ "xl:justify-center",
342
+ "xl:justify-end",
343
+ "xl:justify-evenly",
344
+ "xl:justify-start",
345
+ "xl:self-center",
346
+ "xl:self-end",
347
+ "xl:self-start",
348
+ "xl:self-stretch",
318
349
  "xl:text-center",
319
350
  "xl:text-end",
320
351
  "xl:text-start"
321
352
  ],
322
353
  "classes": [
354
+ {
355
+ "name": "container",
356
+ "prefixes": [],
357
+ "declarations": [
358
+ "width: 100%",
359
+ "max-width: var(--_max-width, var(--_container-calculated-width))",
360
+ "margin-inline: auto"
361
+ ],
362
+ "layer": "volvo.layout"
363
+ },
323
364
  {
324
365
  "name": "stack-s",
325
366
  "prefixes": [],
@@ -416,9 +457,9 @@
416
457
  "z-index: 1",
417
458
  "color: var(--v-color-foreground-secondary)",
418
459
  "pointer-events: none",
460
+ "transition: transform var(--v-transition-default)",
419
461
  "transform-origin: var(--_transform-origin, 0)",
420
462
  "top: 0",
421
- "transition: transform .25s",
422
463
  "position: absolute",
423
464
  "inset-inline-start: var(--v-space-16)",
424
465
  "transform: translateY(5px)scale(.75)"
@@ -875,7 +916,7 @@
875
916
  "layer": "volvo.utilities"
876
917
  },
877
918
  {
878
- "name": "flex-items-start",
919
+ "name": "items-start",
879
920
  "prefixes": [
880
921
  "md",
881
922
  "lg",
@@ -887,7 +928,7 @@
887
928
  "layer": "volvo.utilities"
888
929
  },
889
930
  {
890
- "name": "flex-items-end",
931
+ "name": "items-end",
891
932
  "prefixes": [
892
933
  "md",
893
934
  "lg",
@@ -899,7 +940,7 @@
899
940
  "layer": "volvo.utilities"
900
941
  },
901
942
  {
902
- "name": "flex-items-center",
943
+ "name": "items-center",
903
944
  "prefixes": [
904
945
  "md",
905
946
  "lg",
@@ -911,7 +952,7 @@
911
952
  "layer": "volvo.utilities"
912
953
  },
913
954
  {
914
- "name": "flex-items-stretch",
955
+ "name": "items-stretch",
915
956
  "prefixes": [
916
957
  "md",
917
958
  "lg",
@@ -923,7 +964,7 @@
923
964
  "layer": "volvo.utilities"
924
965
  },
925
966
  {
926
- "name": "flex-self-start",
967
+ "name": "self-start",
927
968
  "prefixes": [
928
969
  "md",
929
970
  "lg",
@@ -936,7 +977,7 @@
936
977
  "layer": "volvo.utilities"
937
978
  },
938
979
  {
939
- "name": "flex-self-end",
980
+ "name": "self-end",
940
981
  "prefixes": [
941
982
  "md",
942
983
  "lg",
@@ -948,7 +989,7 @@
948
989
  "layer": "volvo.utilities"
949
990
  },
950
991
  {
951
- "name": "flex-self-center",
992
+ "name": "self-center",
952
993
  "prefixes": [
953
994
  "md",
954
995
  "lg",
@@ -960,7 +1001,7 @@
960
1001
  "layer": "volvo.utilities"
961
1002
  },
962
1003
  {
963
- "name": "flex-self-stretch",
1004
+ "name": "self-stretch",
964
1005
  "prefixes": [
965
1006
  "md",
966
1007
  "lg",
@@ -972,7 +1013,7 @@
972
1013
  "layer": "volvo.utilities"
973
1014
  },
974
1015
  {
975
- "name": "flex-justify-start",
1016
+ "name": "justify-start",
976
1017
  "prefixes": [
977
1018
  "md",
978
1019
  "lg",
@@ -984,7 +1025,7 @@
984
1025
  "layer": "volvo.utilities"
985
1026
  },
986
1027
  {
987
- "name": "flex-justify-end",
1028
+ "name": "justify-end",
988
1029
  "prefixes": [
989
1030
  "md",
990
1031
  "lg",
@@ -996,7 +1037,7 @@
996
1037
  "layer": "volvo.utilities"
997
1038
  },
998
1039
  {
999
- "name": "flex-justify-around",
1040
+ "name": "justify-around",
1000
1041
  "prefixes": [
1001
1042
  "md",
1002
1043
  "lg",
@@ -1008,7 +1049,7 @@
1008
1049
  "layer": "volvo.utilities"
1009
1050
  },
1010
1051
  {
1011
- "name": "flex-justify-between",
1052
+ "name": "justify-between",
1012
1053
  "prefixes": [
1013
1054
  "md",
1014
1055
  "lg",
@@ -1020,7 +1061,7 @@
1020
1061
  "layer": "volvo.utilities"
1021
1062
  },
1022
1063
  {
1023
- "name": "flex-justify-evenly",
1064
+ "name": "justify-evenly",
1024
1065
  "prefixes": [
1025
1066
  "md",
1026
1067
  "lg",
@@ -1032,7 +1073,7 @@
1032
1073
  "layer": "volvo.utilities"
1033
1074
  },
1034
1075
  {
1035
- "name": "flex-justify-center",
1076
+ "name": "justify-center",
1036
1077
  "prefixes": [
1037
1078
  "md",
1038
1079
  "lg",
@@ -1096,6 +1137,246 @@
1096
1137
  ],
1097
1138
  "layer": "volvo.utilities"
1098
1139
  },
1140
+ {
1141
+ "name": "gap-0",
1142
+ "prefixes": [],
1143
+ "declarations": [
1144
+ "gap: 0"
1145
+ ],
1146
+ "layer": "volvo.utilities"
1147
+ },
1148
+ {
1149
+ "name": "gap-y-0",
1150
+ "prefixes": [],
1151
+ "declarations": [
1152
+ "row-gap: 0"
1153
+ ],
1154
+ "layer": "volvo.utilities"
1155
+ },
1156
+ {
1157
+ "name": "gap-x-0",
1158
+ "prefixes": [],
1159
+ "declarations": [
1160
+ "column-gap: 0"
1161
+ ],
1162
+ "layer": "volvo.utilities"
1163
+ },
1164
+ {
1165
+ "name": "gap-4",
1166
+ "prefixes": [],
1167
+ "declarations": [
1168
+ "gap: .25rem"
1169
+ ],
1170
+ "layer": "volvo.utilities"
1171
+ },
1172
+ {
1173
+ "name": "gap-y-4",
1174
+ "prefixes": [],
1175
+ "declarations": [
1176
+ "row-gap: .25rem"
1177
+ ],
1178
+ "layer": "volvo.utilities"
1179
+ },
1180
+ {
1181
+ "name": "gap-x-4",
1182
+ "prefixes": [],
1183
+ "declarations": [
1184
+ "column-gap: .25rem"
1185
+ ],
1186
+ "layer": "volvo.utilities"
1187
+ },
1188
+ {
1189
+ "name": "gap-8",
1190
+ "prefixes": [],
1191
+ "declarations": [
1192
+ "gap: .5rem"
1193
+ ],
1194
+ "layer": "volvo.utilities"
1195
+ },
1196
+ {
1197
+ "name": "gap-y-8",
1198
+ "prefixes": [],
1199
+ "declarations": [
1200
+ "row-gap: .5rem"
1201
+ ],
1202
+ "layer": "volvo.utilities"
1203
+ },
1204
+ {
1205
+ "name": "gap-x-8",
1206
+ "prefixes": [],
1207
+ "declarations": [
1208
+ "column-gap: .5rem"
1209
+ ],
1210
+ "layer": "volvo.utilities"
1211
+ },
1212
+ {
1213
+ "name": "gap-16",
1214
+ "prefixes": [],
1215
+ "declarations": [
1216
+ "gap: 1rem"
1217
+ ],
1218
+ "layer": "volvo.utilities"
1219
+ },
1220
+ {
1221
+ "name": "gap-y-16",
1222
+ "prefixes": [],
1223
+ "declarations": [
1224
+ "row-gap: 1rem"
1225
+ ],
1226
+ "layer": "volvo.utilities"
1227
+ },
1228
+ {
1229
+ "name": "gap-x-16",
1230
+ "prefixes": [],
1231
+ "declarations": [
1232
+ "column-gap: 1rem"
1233
+ ],
1234
+ "layer": "volvo.utilities"
1235
+ },
1236
+ {
1237
+ "name": "gap-24",
1238
+ "prefixes": [],
1239
+ "declarations": [
1240
+ "gap: 1.5rem"
1241
+ ],
1242
+ "layer": "volvo.utilities"
1243
+ },
1244
+ {
1245
+ "name": "gap-y-24",
1246
+ "prefixes": [],
1247
+ "declarations": [
1248
+ "row-gap: 1.5rem"
1249
+ ],
1250
+ "layer": "volvo.utilities"
1251
+ },
1252
+ {
1253
+ "name": "gap-x-24",
1254
+ "prefixes": [],
1255
+ "declarations": [
1256
+ "column-gap: 1.5rem"
1257
+ ],
1258
+ "layer": "volvo.utilities"
1259
+ },
1260
+ {
1261
+ "name": "gap-32",
1262
+ "prefixes": [],
1263
+ "declarations": [
1264
+ "gap: 2rem"
1265
+ ],
1266
+ "layer": "volvo.utilities"
1267
+ },
1268
+ {
1269
+ "name": "gap-y-32",
1270
+ "prefixes": [],
1271
+ "declarations": [
1272
+ "row-gap: 2rem"
1273
+ ],
1274
+ "layer": "volvo.utilities"
1275
+ },
1276
+ {
1277
+ "name": "gap-x-32",
1278
+ "prefixes": [],
1279
+ "declarations": [
1280
+ "column-gap: 2rem"
1281
+ ],
1282
+ "layer": "volvo.utilities"
1283
+ },
1284
+ {
1285
+ "name": "gap-48",
1286
+ "prefixes": [],
1287
+ "declarations": [
1288
+ "gap: 3rem"
1289
+ ],
1290
+ "layer": "volvo.utilities"
1291
+ },
1292
+ {
1293
+ "name": "gap-y-48",
1294
+ "prefixes": [],
1295
+ "declarations": [
1296
+ "row-gap: 3rem"
1297
+ ],
1298
+ "layer": "volvo.utilities"
1299
+ },
1300
+ {
1301
+ "name": "gap-x-48",
1302
+ "prefixes": [],
1303
+ "declarations": [
1304
+ "column-gap: 3rem"
1305
+ ],
1306
+ "layer": "volvo.utilities"
1307
+ },
1308
+ {
1309
+ "name": "gap-64",
1310
+ "prefixes": [],
1311
+ "declarations": [
1312
+ "gap: 4rem"
1313
+ ],
1314
+ "layer": "volvo.utilities"
1315
+ },
1316
+ {
1317
+ "name": "gap-y-64",
1318
+ "prefixes": [],
1319
+ "declarations": [
1320
+ "row-gap: 4rem"
1321
+ ],
1322
+ "layer": "volvo.utilities"
1323
+ },
1324
+ {
1325
+ "name": "gap-x-64",
1326
+ "prefixes": [],
1327
+ "declarations": [
1328
+ "column-gap: 4rem"
1329
+ ],
1330
+ "layer": "volvo.utilities"
1331
+ },
1332
+ {
1333
+ "name": "gap-l",
1334
+ "prefixes": [],
1335
+ "declarations": [
1336
+ "gap: var(--v-space-l)"
1337
+ ],
1338
+ "layer": "volvo.utilities"
1339
+ },
1340
+ {
1341
+ "name": "gap-y-l",
1342
+ "prefixes": [],
1343
+ "declarations": [
1344
+ "row-gap: var(--v-space-l)"
1345
+ ],
1346
+ "layer": "volvo.utilities"
1347
+ },
1348
+ {
1349
+ "name": "gap-m",
1350
+ "prefixes": [],
1351
+ "declarations": [
1352
+ "gap: var(--v-space-m)"
1353
+ ],
1354
+ "layer": "volvo.utilities"
1355
+ },
1356
+ {
1357
+ "name": "gap-y-m",
1358
+ "prefixes": [],
1359
+ "declarations": [
1360
+ "row-gap: var(--v-space-m)"
1361
+ ],
1362
+ "layer": "volvo.utilities"
1363
+ },
1364
+ {
1365
+ "name": "gap-s",
1366
+ "prefixes": [],
1367
+ "declarations": [
1368
+ "gap: var(--v-space-s)"
1369
+ ],
1370
+ "layer": "volvo.utilities"
1371
+ },
1372
+ {
1373
+ "name": "gap-y-s",
1374
+ "prefixes": [],
1375
+ "declarations": [
1376
+ "row-gap: var(--v-space-s)"
1377
+ ],
1378
+ "layer": "volvo.utilities"
1379
+ },
1099
1380
  {
1100
1381
  "name": "block",
1101
1382
  "prefixes": [],
@@ -2317,5 +2598,736 @@
2317
2598
  ],
2318
2599
  "layer": "volvo.utilities"
2319
2600
  }
2601
+ ],
2602
+ "tokens": [
2603
+ {
2604
+ "css": "--v-transition-default",
2605
+ "type": "transition",
2606
+ "variant": "default",
2607
+ "meta": {}
2608
+ },
2609
+ {
2610
+ "css": "--v-transition-micro",
2611
+ "type": "transition",
2612
+ "variant": "micro",
2613
+ "meta": {}
2614
+ },
2615
+ {
2616
+ "css": "--v-space-4",
2617
+ "type": "space",
2618
+ "variant": "4",
2619
+ "meta": {}
2620
+ },
2621
+ {
2622
+ "css": "--v-space-8",
2623
+ "type": "space",
2624
+ "variant": "8",
2625
+ "meta": {}
2626
+ },
2627
+ {
2628
+ "css": "--v-space-16",
2629
+ "type": "space",
2630
+ "variant": "16",
2631
+ "meta": {}
2632
+ },
2633
+ {
2634
+ "css": "--v-space-24",
2635
+ "type": "space",
2636
+ "variant": "24",
2637
+ "meta": {}
2638
+ },
2639
+ {
2640
+ "css": "--v-space-32",
2641
+ "type": "space",
2642
+ "variant": "32",
2643
+ "meta": {}
2644
+ },
2645
+ {
2646
+ "css": "--v-space-48",
2647
+ "type": "space",
2648
+ "variant": "48",
2649
+ "meta": {}
2650
+ },
2651
+ {
2652
+ "css": "--v-space-64",
2653
+ "type": "space",
2654
+ "variant": "64",
2655
+ "meta": {}
2656
+ },
2657
+ {
2658
+ "css": "--v-space-l",
2659
+ "type": "space",
2660
+ "variant": "l",
2661
+ "meta": {}
2662
+ },
2663
+ {
2664
+ "css": "--v-space-m",
2665
+ "type": "space",
2666
+ "variant": "m",
2667
+ "meta": {}
2668
+ },
2669
+ {
2670
+ "css": "--v-space-s",
2671
+ "type": "space",
2672
+ "variant": "s",
2673
+ "meta": {}
2674
+ },
2675
+ {
2676
+ "css": "--v-radius-4",
2677
+ "type": "radius",
2678
+ "variant": "4",
2679
+ "meta": {}
2680
+ },
2681
+ {
2682
+ "css": "--v-radius-full",
2683
+ "type": "radius",
2684
+ "variant": "full",
2685
+ "meta": {}
2686
+ },
2687
+ {
2688
+ "css": "--v-index-spinner",
2689
+ "type": "index",
2690
+ "variant": "spinner",
2691
+ "meta": {}
2692
+ },
2693
+ {
2694
+ "css": "--v-index-overlay",
2695
+ "type": "index",
2696
+ "variant": "overlay",
2697
+ "meta": {}
2698
+ },
2699
+ {
2700
+ "css": "--v-index-navigation",
2701
+ "type": "index",
2702
+ "variant": "navigation",
2703
+ "meta": {}
2704
+ },
2705
+ {
2706
+ "css": "--v-index-default",
2707
+ "type": "index",
2708
+ "variant": "default",
2709
+ "meta": {}
2710
+ },
2711
+ {
2712
+ "css": "--v-index-deep",
2713
+ "type": "index",
2714
+ "variant": "deep",
2715
+ "meta": {}
2716
+ },
2717
+ {
2718
+ "css": "--v-font-sans-family",
2719
+ "type": "font",
2720
+ "property": "family",
2721
+ "variant": "sans",
2722
+ "meta": {}
2723
+ },
2724
+ {
2725
+ "css": "--v-font-broad-family",
2726
+ "type": "font",
2727
+ "property": "family",
2728
+ "variant": "broad",
2729
+ "meta": {}
2730
+ },
2731
+ {
2732
+ "css": "--v-font-mono-family",
2733
+ "type": "font",
2734
+ "property": "family",
2735
+ "variant": "mono",
2736
+ "meta": {}
2737
+ },
2738
+ {
2739
+ "css": "--v-font-16-size",
2740
+ "type": "font",
2741
+ "property": "size",
2742
+ "variant": "16",
2743
+ "meta": {}
2744
+ },
2745
+ {
2746
+ "css": "--v-font-16-lineheight",
2747
+ "type": "font",
2748
+ "property": "lineheight",
2749
+ "variant": "16",
2750
+ "meta": {}
2751
+ },
2752
+ {
2753
+ "css": "--v-font-16",
2754
+ "type": "font",
2755
+ "variant": "16",
2756
+ "meta": {}
2757
+ },
2758
+ {
2759
+ "css": "--v-font-14-size",
2760
+ "type": "font",
2761
+ "property": "size",
2762
+ "variant": "14",
2763
+ "meta": {}
2764
+ },
2765
+ {
2766
+ "css": "--v-font-14-lineheight",
2767
+ "type": "font",
2768
+ "property": "lineheight",
2769
+ "variant": "14",
2770
+ "meta": {}
2771
+ },
2772
+ {
2773
+ "css": "--v-font-14",
2774
+ "type": "font",
2775
+ "variant": "14",
2776
+ "meta": {}
2777
+ },
2778
+ {
2779
+ "css": "--v-font-12-size",
2780
+ "type": "font",
2781
+ "property": "size",
2782
+ "variant": "12",
2783
+ "meta": {}
2784
+ },
2785
+ {
2786
+ "css": "--v-font-12-lineheight",
2787
+ "type": "font",
2788
+ "property": "lineheight",
2789
+ "variant": "12",
2790
+ "meta": {}
2791
+ },
2792
+ {
2793
+ "css": "--v-font-12",
2794
+ "type": "font",
2795
+ "variant": "12",
2796
+ "meta": {}
2797
+ },
2798
+ {
2799
+ "css": "--v-font-heading-1-lineheight",
2800
+ "type": "font",
2801
+ "property": "lineheight",
2802
+ "variant": "1",
2803
+ "category": "heading",
2804
+ "meta": {}
2805
+ },
2806
+ {
2807
+ "css": "--v-font-heading-1-size-min",
2808
+ "type": "font",
2809
+ "modifier": "min",
2810
+ "property": "size",
2811
+ "variant": "1",
2812
+ "category": "heading",
2813
+ "meta": {}
2814
+ },
2815
+ {
2816
+ "css": "--v-font-heading-1-size-max",
2817
+ "type": "font",
2818
+ "modifier": "max",
2819
+ "property": "size",
2820
+ "variant": "1",
2821
+ "category": "heading",
2822
+ "meta": {}
2823
+ },
2824
+ {
2825
+ "css": "--v-font-heading-1-size",
2826
+ "type": "font",
2827
+ "property": "size",
2828
+ "variant": "1",
2829
+ "category": "heading",
2830
+ "meta": {}
2831
+ },
2832
+ {
2833
+ "css": "--v-font-heading-1",
2834
+ "type": "font",
2835
+ "variant": "1",
2836
+ "category": "heading",
2837
+ "meta": {}
2838
+ },
2839
+ {
2840
+ "css": "--v-font-heading-2-lineheight",
2841
+ "type": "font",
2842
+ "property": "lineheight",
2843
+ "variant": "2",
2844
+ "category": "heading",
2845
+ "meta": {}
2846
+ },
2847
+ {
2848
+ "css": "--v-font-heading-2-size-min",
2849
+ "type": "font",
2850
+ "modifier": "min",
2851
+ "property": "size",
2852
+ "variant": "2",
2853
+ "category": "heading",
2854
+ "meta": {}
2855
+ },
2856
+ {
2857
+ "css": "--v-font-heading-2-size-max",
2858
+ "type": "font",
2859
+ "modifier": "max",
2860
+ "property": "size",
2861
+ "variant": "2",
2862
+ "category": "heading",
2863
+ "meta": {}
2864
+ },
2865
+ {
2866
+ "css": "--v-font-heading-2-size",
2867
+ "type": "font",
2868
+ "property": "size",
2869
+ "variant": "2",
2870
+ "category": "heading",
2871
+ "meta": {}
2872
+ },
2873
+ {
2874
+ "css": "--v-font-heading-2",
2875
+ "type": "font",
2876
+ "variant": "2",
2877
+ "category": "heading",
2878
+ "meta": {}
2879
+ },
2880
+ {
2881
+ "css": "--v-font-heading-3-lineheight",
2882
+ "type": "font",
2883
+ "property": "lineheight",
2884
+ "variant": "3",
2885
+ "category": "heading",
2886
+ "meta": {}
2887
+ },
2888
+ {
2889
+ "css": "--v-font-heading-3-size-min",
2890
+ "type": "font",
2891
+ "modifier": "min",
2892
+ "property": "size",
2893
+ "variant": "3",
2894
+ "category": "heading",
2895
+ "meta": {}
2896
+ },
2897
+ {
2898
+ "css": "--v-font-heading-3-size-max",
2899
+ "type": "font",
2900
+ "modifier": "max",
2901
+ "property": "size",
2902
+ "variant": "3",
2903
+ "category": "heading",
2904
+ "meta": {}
2905
+ },
2906
+ {
2907
+ "css": "--v-font-heading-3-size",
2908
+ "type": "font",
2909
+ "property": "size",
2910
+ "variant": "3",
2911
+ "category": "heading",
2912
+ "meta": {}
2913
+ },
2914
+ {
2915
+ "css": "--v-font-heading-3",
2916
+ "type": "font",
2917
+ "variant": "3",
2918
+ "category": "heading",
2919
+ "meta": {}
2920
+ },
2921
+ {
2922
+ "css": "--v-font-statement-1-lineheight",
2923
+ "type": "font",
2924
+ "property": "lineheight",
2925
+ "variant": "1",
2926
+ "category": "statement",
2927
+ "meta": {}
2928
+ },
2929
+ {
2930
+ "css": "--v-font-statement-1-size-min",
2931
+ "type": "font",
2932
+ "modifier": "min",
2933
+ "property": "size",
2934
+ "variant": "1",
2935
+ "category": "statement",
2936
+ "meta": {}
2937
+ },
2938
+ {
2939
+ "css": "--v-font-statement-1-size-max",
2940
+ "type": "font",
2941
+ "modifier": "max",
2942
+ "property": "size",
2943
+ "variant": "1",
2944
+ "category": "statement",
2945
+ "meta": {}
2946
+ },
2947
+ {
2948
+ "css": "--v-font-statement-1-size",
2949
+ "type": "font",
2950
+ "property": "size",
2951
+ "variant": "1",
2952
+ "category": "statement",
2953
+ "meta": {}
2954
+ },
2955
+ {
2956
+ "css": "--v-font-statement-1",
2957
+ "type": "font",
2958
+ "variant": "1",
2959
+ "category": "statement",
2960
+ "meta": {}
2961
+ },
2962
+ {
2963
+ "css": "--v-font-statement-2-lineheight",
2964
+ "type": "font",
2965
+ "property": "lineheight",
2966
+ "variant": "2",
2967
+ "category": "statement",
2968
+ "meta": {}
2969
+ },
2970
+ {
2971
+ "css": "--v-font-statement-2-size-min",
2972
+ "type": "font",
2973
+ "modifier": "min",
2974
+ "property": "size",
2975
+ "variant": "2",
2976
+ "category": "statement",
2977
+ "meta": {}
2978
+ },
2979
+ {
2980
+ "css": "--v-font-statement-2-size-max",
2981
+ "type": "font",
2982
+ "modifier": "max",
2983
+ "property": "size",
2984
+ "variant": "2",
2985
+ "category": "statement",
2986
+ "meta": {}
2987
+ },
2988
+ {
2989
+ "css": "--v-font-statement-2-size",
2990
+ "type": "font",
2991
+ "property": "size",
2992
+ "variant": "2",
2993
+ "category": "statement",
2994
+ "meta": {}
2995
+ },
2996
+ {
2997
+ "css": "--v-font-statement-2",
2998
+ "type": "font",
2999
+ "variant": "2",
3000
+ "category": "statement",
3001
+ "meta": {}
3002
+ },
3003
+ {
3004
+ "css": "--v-font-statement-3-lineheight",
3005
+ "type": "font",
3006
+ "property": "lineheight",
3007
+ "variant": "3",
3008
+ "category": "statement",
3009
+ "meta": {}
3010
+ },
3011
+ {
3012
+ "css": "--v-font-statement-3-size-min",
3013
+ "type": "font",
3014
+ "modifier": "min",
3015
+ "property": "size",
3016
+ "variant": "3",
3017
+ "category": "statement",
3018
+ "meta": {}
3019
+ },
3020
+ {
3021
+ "css": "--v-font-statement-3-size-max",
3022
+ "type": "font",
3023
+ "modifier": "max",
3024
+ "property": "size",
3025
+ "variant": "3",
3026
+ "category": "statement",
3027
+ "meta": {}
3028
+ },
3029
+ {
3030
+ "css": "--v-font-statement-3-size",
3031
+ "type": "font",
3032
+ "property": "size",
3033
+ "variant": "3",
3034
+ "category": "statement",
3035
+ "meta": {}
3036
+ },
3037
+ {
3038
+ "css": "--v-font-statement-3",
3039
+ "type": "font",
3040
+ "variant": "3",
3041
+ "category": "statement",
3042
+ "meta": {}
3043
+ },
3044
+ {
3045
+ "css": "--v-font-statement-signature-lineheight",
3046
+ "type": "font",
3047
+ "property": "lineheight",
3048
+ "variant": "signature",
3049
+ "category": "statement",
3050
+ "meta": {}
3051
+ },
3052
+ {
3053
+ "css": "--v-font-statement-signature-size-min",
3054
+ "type": "font",
3055
+ "modifier": "min",
3056
+ "property": "size",
3057
+ "variant": "signature",
3058
+ "category": "statement",
3059
+ "meta": {}
3060
+ },
3061
+ {
3062
+ "css": "--v-font-statement-signature-size-max",
3063
+ "type": "font",
3064
+ "modifier": "max",
3065
+ "property": "size",
3066
+ "variant": "signature",
3067
+ "category": "statement",
3068
+ "meta": {}
3069
+ },
3070
+ {
3071
+ "css": "--v-font-statement-signature-size",
3072
+ "type": "font",
3073
+ "property": "size",
3074
+ "variant": "signature",
3075
+ "category": "statement",
3076
+ "meta": {}
3077
+ },
3078
+ {
3079
+ "css": "--v-font-statement-signature",
3080
+ "type": "font",
3081
+ "variant": "signature",
3082
+ "category": "statement",
3083
+ "meta": {}
3084
+ },
3085
+ {
3086
+ "css": "--v-font-title-24-size",
3087
+ "type": "font",
3088
+ "property": "size",
3089
+ "variant": "24",
3090
+ "category": "title",
3091
+ "meta": {}
3092
+ },
3093
+ {
3094
+ "css": "--v-font-title-24-lineheight",
3095
+ "type": "font",
3096
+ "property": "lineheight",
3097
+ "variant": "24",
3098
+ "category": "title",
3099
+ "meta": {}
3100
+ },
3101
+ {
3102
+ "css": "--v-font-title-24",
3103
+ "type": "font",
3104
+ "variant": "24",
3105
+ "category": "title",
3106
+ "meta": {}
3107
+ },
3108
+ {
3109
+ "css": "--v-font-title-20-size",
3110
+ "type": "font",
3111
+ "property": "size",
3112
+ "variant": "20",
3113
+ "category": "title",
3114
+ "meta": {}
3115
+ },
3116
+ {
3117
+ "css": "--v-font-title-20-lineheight",
3118
+ "type": "font",
3119
+ "property": "lineheight",
3120
+ "variant": "20",
3121
+ "category": "title",
3122
+ "meta": {}
3123
+ },
3124
+ {
3125
+ "css": "--v-font-title-20",
3126
+ "type": "font",
3127
+ "variant": "20",
3128
+ "category": "title",
3129
+ "meta": {}
3130
+ },
3131
+ {
3132
+ "css": "--v-color-always-black",
3133
+ "type": "color",
3134
+ "variant": "black",
3135
+ "category": "always",
3136
+ "meta": {
3137
+ "description": "Always black regardless of colour mode."
3138
+ }
3139
+ },
3140
+ {
3141
+ "css": "--v-color-always-white",
3142
+ "type": "color",
3143
+ "variant": "white",
3144
+ "category": "always",
3145
+ "meta": {
3146
+ "description": "Always white regardless of colour mode."
3147
+ }
3148
+ },
3149
+ {
3150
+ "css": "--v-color-foreground-primary",
3151
+ "type": "color",
3152
+ "property": "foreground",
3153
+ "variant": "primary",
3154
+ "meta": {
3155
+ "description": "Use for primary text and icons."
3156
+ }
3157
+ },
3158
+ {
3159
+ "css": "--v-color-foreground-secondary",
3160
+ "type": "color",
3161
+ "property": "foreground",
3162
+ "variant": "secondary",
3163
+ "meta": {
3164
+ "description": "Use for secondary text and icons."
3165
+ }
3166
+ },
3167
+ {
3168
+ "css": "--v-color-foreground-inverted",
3169
+ "type": "color",
3170
+ "property": "foreground",
3171
+ "variant": "inverted",
3172
+ "meta": {
3173
+ "description": "Inverse of the primary foreground colour."
3174
+ }
3175
+ },
3176
+ {
3177
+ "css": "--v-color-foreground-accent-blue",
3178
+ "type": "color",
3179
+ "property": "foreground",
3180
+ "variant": "blue",
3181
+ "category": "accent",
3182
+ "meta": {
3183
+ "description": "Use for links and selected states."
3184
+ }
3185
+ },
3186
+ {
3187
+ "css": "--v-color-foreground-feedback-green",
3188
+ "type": "color",
3189
+ "property": "foreground",
3190
+ "variant": "green",
3191
+ "category": "feedback",
3192
+ "meta": {
3193
+ "description": "Use to signify positive actions."
3194
+ }
3195
+ },
3196
+ {
3197
+ "css": "--v-color-foreground-feedback-orange",
3198
+ "type": "color",
3199
+ "property": "foreground",
3200
+ "variant": "orange",
3201
+ "category": "feedback",
3202
+ "meta": {
3203
+ "description": "Use for highlighting errors, invalid data, and destructive actions for caution."
3204
+ }
3205
+ },
3206
+ {
3207
+ "css": "--v-color-foreground-feedback-red",
3208
+ "type": "color",
3209
+ "property": "foreground",
3210
+ "variant": "red",
3211
+ "category": "feedback",
3212
+ "meta": {
3213
+ "description": "Use for highlighting errors, invalid data, and destructive actions."
3214
+ }
3215
+ },
3216
+ {
3217
+ "css": "--v-color-ornament-primary",
3218
+ "type": "color",
3219
+ "property": "ornament",
3220
+ "variant": "primary",
3221
+ "meta": {
3222
+ "description": "Use to visually group or separate UI elements."
3223
+ }
3224
+ },
3225
+ {
3226
+ "css": "--v-color-surface-neutral",
3227
+ "type": "color",
3228
+ "property": "surface",
3229
+ "variant": "neutral",
3230
+ "meta": {
3231
+ "description": "Use for neutral surfaces."
3232
+ }
3233
+ },
3234
+ {
3235
+ "css": "--v-color-surface-accent-blue",
3236
+ "type": "color",
3237
+ "property": "surface",
3238
+ "variant": "blue",
3239
+ "category": "accent",
3240
+ "meta": {
3241
+ "description": "Use for CTA backgrounds."
3242
+ }
3243
+ },
3244
+ {
3245
+ "css": "--v-color-surface-feedback-green",
3246
+ "type": "color",
3247
+ "property": "surface",
3248
+ "variant": "green",
3249
+ "category": "feedback",
3250
+ "meta": {
3251
+ "description": "Use for positive and actionable states."
3252
+ }
3253
+ },
3254
+ {
3255
+ "css": "--v-color-surface-feedback-orange",
3256
+ "type": "color",
3257
+ "property": "surface",
3258
+ "variant": "orange",
3259
+ "category": "feedback",
3260
+ "meta": {
3261
+ "description": "Use for cautionary background states."
3262
+ }
3263
+ },
3264
+ {
3265
+ "css": "--v-color-surface-feedback-red",
3266
+ "type": "color",
3267
+ "property": "surface",
3268
+ "variant": "red",
3269
+ "category": "feedback",
3270
+ "meta": {
3271
+ "description": "Use for errors, invalid and destructive background states."
3272
+ }
3273
+ },
3274
+ {
3275
+ "css": "--v-color-background-primary",
3276
+ "type": "color",
3277
+ "property": "background",
3278
+ "variant": "primary",
3279
+ "meta": {
3280
+ "description": "Use as the primary background."
3281
+ }
3282
+ },
3283
+ {
3284
+ "css": "--v-color-background-secondary",
3285
+ "type": "color",
3286
+ "property": "background",
3287
+ "variant": "secondary",
3288
+ "meta": {
3289
+ "description": "Use as the secondary background."
3290
+ }
3291
+ },
3292
+ {
3293
+ "css": "--v-color-background-accent-blue",
3294
+ "type": "color",
3295
+ "property": "background",
3296
+ "variant": "blue",
3297
+ "category": "accent",
3298
+ "meta": {
3299
+ "deprecated": "Use `--v-color-surface-accent-blue` instead."
3300
+ }
3301
+ },
3302
+ {
3303
+ "css": "--v-color-background-feedback-green",
3304
+ "type": "color",
3305
+ "property": "background",
3306
+ "variant": "green",
3307
+ "category": "feedback",
3308
+ "meta": {
3309
+ "deprecated": "Use `--v-color-surface-feedback-green` instead."
3310
+ }
3311
+ },
3312
+ {
3313
+ "css": "--v-color-background-feedback-orange",
3314
+ "type": "color",
3315
+ "property": "background",
3316
+ "variant": "orange",
3317
+ "category": "feedback",
3318
+ "meta": {
3319
+ "deprecated": "Use `--v-color-surface-feedback-orange` instead."
3320
+ }
3321
+ },
3322
+ {
3323
+ "css": "--v-color-background-feedback-red",
3324
+ "type": "color",
3325
+ "property": "background",
3326
+ "variant": "red",
3327
+ "category": "feedback",
3328
+ "meta": {
3329
+ "deprecated": "Use `--v-color-surface-feedback-red` instead."
3330
+ }
3331
+ }
2320
3332
  ]
2321
3333
  }