@nova-design-system/nova-base 3.0.0-beta.22 → 3.0.0-beta.24

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.
@@ -1,1109 +1,1109 @@
1
1
  {
2
2
  "button": {
3
- "md": {
4
- "gap": {
5
- "type": "dimension",
6
- "value": "{spacing.2}"
7
- },
8
- "padding-y": {
9
- "type": "dimension",
10
- "value": "{spacing.2}"
11
- },
12
- "padding-x": {
13
- "type": "dimension",
14
- "value": "{spacing.3,5}"
3
+ "xs": {
4
+ "ring-radius": {
5
+ "value": 3,
6
+ "type": "dimension"
15
7
  },
16
8
  "border-radius": {
17
- "type": "dimension",
18
- "value": "{radius.rounded-md}"
19
- },
20
- "icon-size": {
21
- "type": "dimension",
22
- "value": "{spacing.5}"
9
+ "value": "{radius.rounded-sm}",
10
+ "type": "color"
23
11
  },
24
12
  "font-size": {
25
- "type": "dimension",
26
- "value": "{font-size.md}"
13
+ "value": "{font-size.xs}",
14
+ "type": "color"
27
15
  },
28
- "line-height": {
29
- "type": "dimension",
30
- "value": "{line-height.base}"
16
+ "gap": {
17
+ "value": "{spacing.1}",
18
+ "type": "color"
31
19
  },
32
20
  "icon-button-padding": {
33
- "type": "dimension",
34
- "value": "{spacing.2,5}"
21
+ "value": "{spacing.1,5}",
22
+ "type": "color"
35
23
  },
36
- "ring-radius": {
37
- "type": "dimension",
38
- "value": 7
39
- }
40
- },
41
- "xs": {
42
- "gap": {
43
- "type": "dimension",
44
- "value": "{spacing.1}"
24
+ "icon-size": {
25
+ "value": "{spacing.3}",
26
+ "type": "color"
27
+ },
28
+ "line-height": {
29
+ "value": "{line-height.xs}",
30
+ "type": "color"
45
31
  },
46
32
  "padding-x": {
47
- "type": "dimension",
48
- "value": "{spacing.2,5}"
33
+ "value": "{spacing.2,5}",
34
+ "type": "color"
49
35
  },
50
36
  "padding-y": {
51
- "type": "dimension",
52
- "value": "{spacing.1}"
37
+ "value": "{spacing.1}",
38
+ "type": "color"
39
+ }
40
+ },
41
+ "sm": {
42
+ "ring-radius": {
43
+ "value": 5,
44
+ "type": "dimension"
53
45
  },
54
46
  "border-radius": {
55
- "type": "dimension",
56
- "value": "{radius.rounded-sm}"
57
- },
58
- "icon-size": {
59
- "type": "dimension",
60
- "value": "{spacing.3}"
61
- },
62
- "line-height": {
63
- "type": "dimension",
64
- "value": "{line-height.xs}"
47
+ "value": "{radius.rounded}",
48
+ "type": "color"
65
49
  },
66
50
  "font-size": {
67
- "type": "dimension",
68
- "value": "{font-size.xs}"
51
+ "value": "{font-size.sm}",
52
+ "type": "color"
53
+ },
54
+ "gap": {
55
+ "value": "{spacing.1,5}",
56
+ "type": "color"
69
57
  },
70
58
  "icon-button-padding": {
71
- "type": "dimension",
72
- "value": "{spacing.1,5}"
59
+ "value": "{spacing.2}",
60
+ "type": "color"
73
61
  },
74
- "ring-radius": {
75
- "type": "dimension",
76
- "value": 3
77
- }
78
- },
79
- "sm": {
80
- "gap": {
81
- "type": "dimension",
82
- "value": "{spacing.1,5}"
62
+ "icon-size": {
63
+ "value": "{spacing.4}",
64
+ "type": "color"
65
+ },
66
+ "line-height": {
67
+ "value": "{line-height.sm}",
68
+ "type": "color"
83
69
  },
84
70
  "padding-x": {
85
- "type": "dimension",
86
- "value": "{spacing.3}"
71
+ "value": "{spacing.3}",
72
+ "type": "color"
87
73
  },
88
74
  "padding-y": {
89
- "type": "dimension",
90
- "value": "{spacing.1,5}"
75
+ "value": "{spacing.1,5}",
76
+ "type": "color"
77
+ }
78
+ },
79
+ "md": {
80
+ "ring-radius": {
81
+ "value": 7,
82
+ "type": "dimension"
91
83
  },
92
84
  "border-radius": {
93
- "type": "dimension",
94
- "value": "{radius.rounded}"
95
- },
96
- "icon-size": {
97
- "type": "dimension",
98
- "value": "{spacing.4}"
85
+ "value": "{radius.rounded-md}",
86
+ "type": "color"
99
87
  },
100
88
  "font-size": {
101
- "type": "dimension",
102
- "value": "{font-size.sm}"
89
+ "value": "{font-size.md}",
90
+ "type": "color"
103
91
  },
104
- "line-height": {
105
- "type": "dimension",
106
- "value": "{line-height.sm}"
92
+ "gap": {
93
+ "value": "{spacing.2}",
94
+ "type": "color"
107
95
  },
108
96
  "icon-button-padding": {
109
- "type": "dimension",
110
- "value": "{spacing.2}"
97
+ "value": "{spacing.2,5}",
98
+ "type": "color"
111
99
  },
112
- "ring-radius": {
113
- "type": "dimension",
114
- "value": 5
115
- }
116
- },
117
- "lg": {
118
- "gap": {
119
- "type": "dimension",
120
- "value": "{spacing.2}"
100
+ "icon-size": {
101
+ "value": "{spacing.5}",
102
+ "type": "color"
103
+ },
104
+ "line-height": {
105
+ "value": "{line-height.base}",
106
+ "type": "color"
121
107
  },
122
108
  "padding-x": {
123
- "type": "dimension",
124
- "value": "{spacing.4}"
109
+ "value": "{spacing.3,5}",
110
+ "type": "color"
125
111
  },
126
112
  "padding-y": {
127
- "type": "dimension",
128
- "value": "{spacing.2,5}"
113
+ "value": "{spacing.2}",
114
+ "type": "color"
115
+ }
116
+ },
117
+ "lg": {
118
+ "ring-radius": {
119
+ "value": 9,
120
+ "type": "dimension"
129
121
  },
130
122
  "border-radius": {
131
- "type": "dimension",
132
- "value": "{radius.rounded-lg}"
133
- },
134
- "icon-size": {
135
- "type": "dimension",
136
- "value": "{spacing.6}"
123
+ "value": "{radius.rounded-lg}",
124
+ "type": "color"
137
125
  },
138
126
  "font-size": {
139
- "type": "dimension",
140
- "value": "{font-size.lg}"
127
+ "value": "{font-size.lg}",
128
+ "type": "color"
141
129
  },
142
- "line-height": {
143
- "type": "dimension",
144
- "value": "{line-height.lg}"
130
+ "gap": {
131
+ "value": "{spacing.2}",
132
+ "type": "color"
145
133
  },
146
134
  "icon-button-padding": {
147
- "type": "dimension",
148
- "value": "{spacing.3}"
135
+ "value": "{spacing.3}",
136
+ "type": "color"
149
137
  },
150
- "ring-radius": {
151
- "type": "dimension",
152
- "value": 9
153
- }
154
- }
155
- },
156
- "form": {
157
- "field": {
158
- "gap": {
159
- "type": "dimension",
160
- "value": "{spacing.2}"
138
+ "icon-size": {
139
+ "value": "{spacing.6}",
140
+ "type": "color"
141
+ },
142
+ "line-height": {
143
+ "value": "{line-height.lg}",
144
+ "type": "color"
161
145
  },
162
146
  "padding-x": {
163
- "type": "dimension",
164
- "value": "{spacing.2}"
147
+ "value": "{spacing.4}",
148
+ "type": "color"
165
149
  },
166
150
  "padding-y": {
167
- "type": "dimension",
168
- "value": "{spacing.2}"
151
+ "value": "{spacing.2,5}",
152
+ "type": "color"
153
+ }
154
+ }
155
+ },
156
+ "list": {
157
+ "native": {
158
+ "separator": {
159
+ "padding-x": {
160
+ "value": 9,
161
+ "type": "dimension"
162
+ },
163
+ "padding-y": {
164
+ "value": 3,
165
+ "type": "dimension"
166
+ }
167
+ },
168
+ "icon-size": {
169
+ "value": "{spacing.5}",
170
+ "type": "color"
169
171
  },
170
172
  "font-size": {
171
- "type": "dimension",
172
- "value": "{font-size.md}"
173
+ "value": "{font-size.md}",
174
+ "type": "color"
173
175
  },
174
176
  "line-height": {
175
- "type": "dimension",
176
- "value": "{line-height.base}"
177
- },
178
- "radius": {
179
- "type": "dimension",
180
- "value": "{radius.rounded-md}"
181
- },
182
- "gap-inner": {
183
- "type": "dimension",
184
- "value": "{spacing.2}"
177
+ "value": "{line-height.base}",
178
+ "type": "color"
185
179
  },
186
- "leading-trailing": {
187
- "font-size": {
188
- "type": "dimension",
189
- "value": "{font-size.sm}"
190
- },
191
- "line-height": {
192
- "type": "dimension",
193
- "value": "{line-height.base}"
180
+ "item": {
181
+ "padding-left": {
182
+ "value": "{spacing.5}",
183
+ "type": "color"
194
184
  },
195
- "icon-size": {
196
- "type": "dimension",
197
- "value": "{spacing.5}"
198
- }
199
- },
200
- "icon-size": {
201
- "type": "dimension",
202
- "value": "{spacing.5}"
203
- },
204
- "inner-button": {
205
- "padding-x-ext": {
206
- "type": "dimension",
207
- "value": "{spacing.2,5}"
185
+ "padding-right": {
186
+ "value": "{spacing.2}",
187
+ "type": "color"
208
188
  },
209
189
  "padding-y": {
210
- "type": "dimension",
211
- "value": "{spacing.2,5}"
190
+ "value": "{spacing.0}",
191
+ "type": "color"
212
192
  },
213
- "padding-x-int": {
214
- "type": "dimension",
215
- "value": "{spacing.1,5}"
193
+ "radius": {
194
+ "value": "{radius.rounded-md}",
195
+ "type": "color"
216
196
  }
217
197
  },
218
- "padding-x-icon-button": {
219
- "type": "dimension",
220
- "value": "{spacing.10}"
221
- },
222
- "font-weight": {
223
- "type": "string",
224
- "value": "{font-weight.medium-emphasis}"
225
- }
226
- },
227
- "label": {
228
- "font-size": {
229
- "type": "dimension",
230
- "value": "{font-size.sm}"
198
+ "gap-y": {
199
+ "value": "{spacing.0,5}",
200
+ "type": "color"
231
201
  },
232
- "line-height": {
233
- "type": "dimension",
234
- "value": "{line-height.sm}"
202
+ "radius": {
203
+ "value": "{radius.rounded-md}",
204
+ "type": "color"
235
205
  },
236
- "gap": {
237
- "type": "dimension",
238
- "value": "{spacing.1}"
206
+ "padding": {
207
+ "value": "{spacing.2}",
208
+ "type": "color"
239
209
  },
240
- "font-weight": {
241
- "type": "string",
242
- "value": "{font-weight.medium-emphasis}"
210
+ "sub item": {
211
+ "padding-left": {
212
+ "value": "{spacing.8}",
213
+ "type": "color"
214
+ }
243
215
  }
244
216
  },
245
- "description": {
217
+ "custom": {
218
+ "icon-size": {
219
+ "value": "{spacing.5}",
220
+ "type": "color"
221
+ },
246
222
  "font-size": {
247
- "type": "dimension",
248
- "value": "{font-size.sm}"
223
+ "value": "{font-size.md}",
224
+ "type": "color"
249
225
  },
250
226
  "line-height": {
251
- "type": "dimension",
252
- "value": "{line-height.sm}"
253
- },
254
- "font-weight": {
255
- "type": "string",
256
- "value": "{font-weight.low-emphasis}"
257
- }
258
- },
259
- "checkbox": {
260
- "size": {
261
- "type": "dimension",
262
- "value": "{spacing.5}"
227
+ "value": "{line-height.base}",
228
+ "type": "color"
263
229
  },
264
- "radius": {
265
- "type": "dimension",
266
- "value": "{radius.rounded-md}"
230
+ "item": {
231
+ "padding-left": {
232
+ "value": "{spacing.8}",
233
+ "type": "color"
234
+ },
235
+ "padding-right": {
236
+ "value": "{spacing.2}",
237
+ "type": "color"
238
+ },
239
+ "padding-y": {
240
+ "value": "{spacing.2}",
241
+ "type": "color"
242
+ },
243
+ "radius": {
244
+ "value": "{radius.rounded-md}",
245
+ "type": "color"
246
+ }
267
247
  },
268
- "icon-size": {
269
- "type": "dimension",
270
- "value": "{spacing.3,5}"
248
+ "gap-y": {
249
+ "value": "{spacing.0,5}",
250
+ "type": "color"
271
251
  },
272
- "padding-top": {
273
- "type": "dimension",
274
- "value": "{spacing.0}"
252
+ "radius": {
253
+ "value": "{radius.rounded-lg}",
254
+ "type": "color"
275
255
  },
276
- "border-width": {
277
- "type": "dimension",
278
- "value": "{spacing.0,5}"
256
+ "padding": {
257
+ "value": "{spacing.2}",
258
+ "type": "color"
279
259
  },
280
- "ring-radius": {
281
- "type": "dimension",
282
- "value": "{radius.rounded-lg}"
260
+ "separator": {
261
+ "padding-x": {
262
+ "value": "{spacing.0}",
263
+ "type": "color"
264
+ },
265
+ "padding-y": {
266
+ "value": "{spacing.0,5}",
267
+ "type": "color"
268
+ }
283
269
  },
284
- "icon-stroke": {
285
- "type": "dimension",
286
- "value": "{spacing.0,5}"
270
+ "sub item": {
271
+ "padding-left": {
272
+ "value": "{spacing.10}",
273
+ "type": "color"
274
+ }
287
275
  }
288
- },
289
- "toggle": {
290
- "padding": {
291
- "default": {
292
- "type": "dimension",
293
- "value": "{spacing.1}"
276
+ }
277
+ },
278
+ "menu": {
279
+ "contextual": {
280
+ "divider": {
281
+ "padding-bottom": {
282
+ "value": 3,
283
+ "type": "dimension"
294
284
  },
295
- "selected": {
296
- "type": "dimension",
297
- "value": "{spacing.0,5}"
285
+ "padding-top": {
286
+ "value": "{spacing.1}",
287
+ "type": "color"
288
+ },
289
+ "padding-x": {
290
+ "value": "{spacing.2,5}",
291
+ "type": "color"
298
292
  }
299
293
  },
300
- "radius": {
301
- "type": "dimension",
302
- "value": "{radius.rounded-full}"
303
- },
304
- "switch-dot": {
305
- "default": {
306
- "type": "dimension",
307
- "value": "{spacing.3}"
294
+ "item": {
295
+ "font-weight": {
296
+ "value": "500",
297
+ "type": "string"
308
298
  },
309
- "selected": {
310
- "type": "dimension",
311
- "value": "{spacing.3,5}"
299
+ "font-size": {
300
+ "value": "{font-size.sm}",
301
+ "type": "color"
302
+ },
303
+ "padding-x": {
304
+ "value": "{spacing.2,5}",
305
+ "type": "color"
306
+ },
307
+ "padding-y": {
308
+ "value": "{spacing.2}",
309
+ "type": "color"
310
+ },
311
+ "gap-x": {
312
+ "value": "{spacing.3}",
313
+ "type": "color"
314
+ },
315
+ "radius": {
316
+ "value": "{radius.rounded}",
317
+ "type": "color"
312
318
  }
313
319
  },
314
- "width": {
315
- "type": "dimension",
316
- "value": "{spacing.9}"
320
+ "gap-y": {
321
+ "value": "{spacing.0,5}",
322
+ "type": "color"
317
323
  },
318
- "height": {
319
- "type": "dimension",
320
- "value": "{spacing.5}"
324
+ "padding-x": {
325
+ "value": "{spacing.1}",
326
+ "type": "color"
321
327
  },
322
- "border-width": {
323
- "type": "dimension",
324
- "value": "{spacing.0,5}"
328
+ "padding-y": {
329
+ "value": "{spacing.1}",
330
+ "type": "color"
325
331
  },
326
- "padding-top": {
327
- "type": "dimension",
328
- "value": "{spacing.0}"
332
+ "radius": {
333
+ "value": "{radius.rounded-md}",
334
+ "type": "color"
329
335
  }
336
+ }
337
+ },
338
+ "popover": {
339
+ "font-weight": {
340
+ "value": "500",
341
+ "type": "string"
330
342
  },
331
- "radio": {
332
- "inner-circle-size": {
333
- "type": "dimension",
334
- "value": "{spacing.2}"
343
+ "shadow-1": {
344
+ "x": {
345
+ "value": 0,
346
+ "type": "dimension"
335
347
  },
336
- "inner-circle-padding": {
337
- "type": "dimension",
338
- "value": "{spacing.1,5}"
348
+ "blur": {
349
+ "value": 1,
350
+ "type": "dimension"
339
351
  },
340
- "size": {
341
- "type": "dimension",
342
- "value": "{spacing.5}"
352
+ "y": {
353
+ "value": "{shadow.y-axis.none}",
354
+ "type": "color"
343
355
  },
344
- "padding-top": {
345
- "type": "dimension",
346
- "value": "{spacing.0}"
356
+ "spread": {
357
+ "value": "{shadow.spread.lg-1}",
358
+ "type": "color"
347
359
  },
348
- "border-width": {
349
- "type": "dimension",
350
- "value": "{spacing.0,5}"
360
+ "opacity": {
361
+ "value": "{shadow.color.opacity.3}",
362
+ "type": "color"
363
+ }
364
+ },
365
+ "shadow-2": {
366
+ "x": {
367
+ "value": 0,
368
+ "type": "dimension"
351
369
  },
352
- "ring-radius": {
353
- "type": "dimension",
354
- "value": "{radius.rounded-full}"
370
+ "y": {
371
+ "value": "{shadow.y-axis.lg-2}",
372
+ "type": "color"
373
+ },
374
+ "blur": {
375
+ "value": "{shadow.blur.lg-2}",
376
+ "type": "color"
377
+ },
378
+ "spread": {
379
+ "value": "{shadow.spread.lg-2}",
380
+ "type": "color"
381
+ },
382
+ "opacity": {
383
+ "value": "{shadow.color.opacity.2}",
384
+ "type": "color"
355
385
  }
356
386
  },
357
- "gap-x": {
358
- "type": "dimension",
359
- "value": "{spacing.3}"
387
+ "font-size": {
388
+ "value": "{font-size.sm}",
389
+ "type": "color"
360
390
  },
361
391
  "gap-y": {
362
- "type": "dimension",
363
- "value": "{spacing.1}"
392
+ "value": "{spacing.1}",
393
+ "type": "color"
394
+ },
395
+ "padding-x": {
396
+ "value": "{spacing.3}",
397
+ "type": "color"
398
+ },
399
+ "padding-y": {
400
+ "value": "{spacing.3}",
401
+ "type": "color"
402
+ },
403
+ "radius": {
404
+ "value": "{radius.rounded-md}",
405
+ "type": "color"
364
406
  }
365
407
  },
366
- "loader": {
367
- "size-xs": {
368
- "type": "dimension",
369
- "value": "{spacing.4}"
408
+ "tooltip": {
409
+ "font-weight": {
410
+ "value": "500",
411
+ "type": "string"
370
412
  },
371
- "size-sm": {
372
- "type": "dimension",
373
- "value": "{spacing.5}"
413
+ "font-size": {
414
+ "value": "{font-size.sm}",
415
+ "type": "color"
374
416
  },
375
- "size-md": {
376
- "type": "dimension",
377
- "value": "{spacing.6}"
417
+ "padding-x": {
418
+ "value": "{spacing.3}",
419
+ "type": "color"
378
420
  },
379
- "size-lg": {
380
- "type": "dimension",
381
- "value": "{spacing.7}"
421
+ "padding-y": {
422
+ "value": "{spacing.3}",
423
+ "type": "color"
382
424
  },
383
- "size-xl": {
384
- "type": "dimension",
385
- "value": "{spacing.8}"
425
+ "complex-padding-y": {
426
+ "value": "{spacing.3}",
427
+ "type": "color"
428
+ },
429
+ "gap-y": {
430
+ "value": "{spacing.1}",
431
+ "type": "color"
432
+ },
433
+ "radius": {
434
+ "value": "{radius.rounded-md}",
435
+ "type": "color"
386
436
  }
387
437
  },
388
- "avatar": {
389
- "xs": {
390
- "size": {
391
- "type": "dimension",
392
- "value": "{spacing.6}"
393
- },
394
- "icon-size": {
395
- "type": "dimension",
396
- "value": "{spacing.4}"
438
+ "global typography": {
439
+ "h1": {
440
+ "font-style": {
441
+ "value": "normal",
442
+ "type": "string"
397
443
  },
398
444
  "font-size": {
399
- "type": "dimension",
400
- "value": "{spacing.3}"
401
- }
402
- },
403
- "md": {
404
- "size": {
405
- "type": "dimension",
406
- "value": "{spacing.10}"
445
+ "value": "{font-size.5xl}",
446
+ "type": "color"
407
447
  },
408
- "icon-size": {
409
- "type": "dimension",
410
- "value": "{spacing.7}"
448
+ "line-height": {
449
+ "value": "{line-height.4xl}",
450
+ "type": "color"
411
451
  },
412
- "font-size": {
413
- "type": "dimension",
414
- "value": "{spacing.5}"
452
+ "font-weight": {
453
+ "value": "{font-weight.high-emphasis}",
454
+ "type": "color"
415
455
  }
416
456
  },
417
- "sm": {
418
- "size": {
419
- "type": "dimension",
420
- "value": "{spacing.8}"
421
- },
422
- "icon-size": {
423
- "type": "dimension",
424
- "value": "{spacing.5}"
457
+ "h2": {
458
+ "font-style": {
459
+ "value": "normal",
460
+ "type": "string"
425
461
  },
426
462
  "font-size": {
427
- "type": "dimension",
428
- "value": "{spacing.4}"
463
+ "value": "{font-size.3xl}",
464
+ "type": "color"
465
+ },
466
+ "line-height": {
467
+ "value": "{line-height.3xl}",
468
+ "type": "color"
469
+ },
470
+ "font-weight": {
471
+ "value": "{font-weight.high-emphasis}",
472
+ "type": "color"
429
473
  }
430
474
  },
431
- "lg": {
432
- "size": {
433
- "type": "dimension",
434
- "value": "{spacing.12}"
435
- },
436
- "icon-size": {
437
- "type": "dimension",
438
- "value": "{spacing.8}"
475
+ "h3": {
476
+ "font-style": {
477
+ "value": "normal",
478
+ "type": "string"
439
479
  },
440
480
  "font-size": {
441
- "type": "dimension",
442
- "value": "{spacing.6}"
481
+ "value": "{font-size.2xl}",
482
+ "type": "color"
483
+ },
484
+ "line-height": {
485
+ "value": "{line-height.2xl}",
486
+ "type": "color"
487
+ },
488
+ "font-weight": {
489
+ "value": "{font-weight.high-emphasis}",
490
+ "type": "color"
443
491
  }
444
492
  },
445
- "xl": {
446
- "size": {
447
- "type": "dimension",
448
- "value": "{spacing.16}"
449
- },
450
- "icon-size": {
451
- "type": "dimension",
452
- "value": "{spacing.11}"
493
+ "h4": {
494
+ "font-style": {
495
+ "value": "normal",
496
+ "type": "string"
453
497
  },
454
498
  "font-size": {
455
- "type": "dimension",
456
- "value": "{spacing.8}"
499
+ "value": "{font-size.xl}",
500
+ "type": "color"
501
+ },
502
+ "line-height": {
503
+ "value": "{line-height.xl}",
504
+ "type": "color"
505
+ },
506
+ "font-weight": {
507
+ "value": "{font-weight.high-emphasis}",
508
+ "type": "color"
457
509
  }
458
- }
459
- },
460
- "icon": {
461
- "xs": {
462
- "type": "dimension",
463
- "value": "{spacing.3}"
464
- },
465
- "sm": {
466
- "type": "dimension",
467
- "value": "{spacing.4}"
468
- },
469
- "md": {
470
- "type": "dimension",
471
- "value": "{spacing.5}"
472
510
  },
473
- "lg": {
474
- "type": "dimension",
475
- "value": "{spacing.6}"
476
- },
477
- "xl": {
478
- "type": "dimension",
479
- "value": "{spacing.7}"
480
- }
481
- },
482
- "focus": {
483
- "outline-stroke": {
484
- "type": "dimension",
485
- "value": "{spacing.0,5}"
486
- },
487
- "field-stroke": {
488
- "type": "dimension",
489
- "value": "{spacing.px}"
490
- },
491
- "outline-offset": {
492
- "type": "dimension",
493
- "value": "{spacing.0,5}"
494
- }
495
- },
496
- "alert": {
497
- "icon-size": {
498
- "type": "dimension",
499
- "value": "{spacing.5}"
500
- },
501
- "gap-x": {
502
- "type": "dimension",
503
- "value": "{spacing.3}"
511
+ "h6": {
512
+ "font-style": {
513
+ "value": "normal",
514
+ "type": "string"
515
+ },
516
+ "font-size": {
517
+ "value": "{font-size.lg}",
518
+ "type": "color"
519
+ },
520
+ "line-height": {
521
+ "value": "{line-height.lg}",
522
+ "type": "color"
523
+ },
524
+ "font-weight": {
525
+ "value": "{font-weight.medium-emphasis}",
526
+ "type": "color"
527
+ }
504
528
  },
505
- "padding": {
506
- "type": "dimension",
507
- "value": "{spacing.4}"
529
+ "h5": {
530
+ "font-style": {
531
+ "value": "normal",
532
+ "type": "string"
533
+ },
534
+ "font-size": {
535
+ "value": "{font-size.lg}",
536
+ "type": "color"
537
+ },
538
+ "line-height": {
539
+ "value": "{line-height.lg}",
540
+ "type": "color"
541
+ },
542
+ "font-weight": {
543
+ "value": "{font-weight.high-emphasis}",
544
+ "type": "color"
545
+ }
508
546
  },
509
- "radius": {
510
- "type": "dimension",
511
- "value": "{radius.rounded-lg}"
547
+ "p": {
548
+ "font-style": {
549
+ "value": "normal",
550
+ "type": "string"
551
+ },
552
+ "font-size": {
553
+ "value": "{font-size.md}",
554
+ "type": "color"
555
+ },
556
+ "line-height": {
557
+ "value": "{line-height.base}",
558
+ "type": "color"
559
+ },
560
+ "font-weight": {
561
+ "value": "{font-weight.low-emphasis}",
562
+ "type": "color"
563
+ }
512
564
  },
513
- "gap-y": {
514
- "type": "dimension",
515
- "value": "{spacing.1}"
565
+ "small": {
566
+ "font-style": {
567
+ "value": "normal",
568
+ "type": "string"
569
+ },
570
+ "font-size": {
571
+ "value": "{font-size.xs}",
572
+ "type": "color"
573
+ },
574
+ "line-height": {
575
+ "value": "{line-height.xs}",
576
+ "type": "color"
577
+ }
516
578
  },
517
- "heading": {
579
+ "label": {
580
+ "font-style": {
581
+ "value": "normal",
582
+ "type": "string"
583
+ },
518
584
  "font-size": {
519
- "type": "dimension",
520
- "value": "{font-size.sm}"
585
+ "value": "{font-size.sm}",
586
+ "type": "color"
521
587
  },
522
588
  "line-height": {
523
- "type": "dimension",
524
- "value": "{line-height.sm}"
589
+ "value": "{line-height.sm}",
590
+ "type": "color"
525
591
  },
526
592
  "font-weight": {
527
- "type": "string",
528
- "value": "{font-weight.medium-emphasis}"
593
+ "value": "{font-weight.medium-emphasis}",
594
+ "type": "color"
529
595
  }
530
596
  },
531
- "message": {
597
+ "legend": {
598
+ "font-style": {
599
+ "value": "uppercase",
600
+ "type": "string"
601
+ },
532
602
  "font-size": {
533
- "type": "dimension",
534
- "value": "{font-size.sm}"
603
+ "value": "{font-size.xs}",
604
+ "type": "color"
535
605
  },
536
606
  "line-height": {
537
- "type": "dimension",
538
- "value": "{line-height.sm}"
607
+ "value": "{line-height.xs}",
608
+ "type": "color"
539
609
  },
540
610
  "font-weight": {
541
- "type": "string",
542
- "value": "{font-weight.low-emphasis}"
611
+ "value": "{font-weight.medium-emphasis}",
612
+ "type": "color"
543
613
  }
544
- },
545
- "icon-position-x": {
546
- "type": "dimension",
547
- "value": "{spacing.4}"
548
- },
549
- "icon-position-y": {
550
- "type": "dimension",
551
- "value": "{spacing.4}"
552
614
  }
553
615
  },
554
- "notification": {
616
+ "alert": {
555
617
  "icon-size": {
556
- "type": "dimension",
557
- "value": "{spacing.5}"
618
+ "value": "{spacing.5}",
619
+ "type": "color"
558
620
  },
559
621
  "gap-x": {
560
- "type": "dimension",
561
- "value": "{spacing.3}"
622
+ "value": "{spacing.3}",
623
+ "type": "color"
624
+ },
625
+ "icon-position-x": {
626
+ "value": "{spacing.4}",
627
+ "type": "color"
628
+ },
629
+ "icon-position-y": {
630
+ "value": "{spacing.4}",
631
+ "type": "color"
562
632
  },
563
633
  "gap-y": {
564
- "type": "dimension",
565
- "value": "{spacing.1}"
634
+ "value": "{spacing.1}",
635
+ "type": "color"
566
636
  },
567
637
  "padding": {
568
- "type": "dimension",
569
- "value": "{spacing.4}"
638
+ "value": "{spacing.4}",
639
+ "type": "color"
570
640
  },
571
641
  "radius": {
572
- "type": "dimension",
573
- "value": "{radius.rounded-lg}"
642
+ "value": "{radius.rounded-lg}",
643
+ "type": "color"
574
644
  },
575
- "title": {
645
+ "heading": {
576
646
  "font-size": {
577
- "type": "dimension",
578
- "value": "{font-size.sm}"
647
+ "value": "{font-size.sm}",
648
+ "type": "color"
649
+ },
650
+ "font-weight": {
651
+ "value": "{font-weight.medium-emphasis}",
652
+ "type": "color"
579
653
  },
580
654
  "line-height": {
581
- "type": "dimension",
582
- "value": "{line-height.sm}"
655
+ "value": "{line-height.sm}",
656
+ "type": "color"
657
+ }
658
+ },
659
+ "message": {
660
+ "font-size": {
661
+ "value": "{font-size.sm}",
662
+ "type": "color"
583
663
  },
584
664
  "font-weight": {
585
- "type": "string",
586
- "value": "{font-weight.medium-emphasis}"
665
+ "value": "{font-weight.low-emphasis}",
666
+ "type": "color"
667
+ },
668
+ "line-height": {
669
+ "value": "{line-height.sm}",
670
+ "type": "color"
671
+ }
672
+ }
673
+ },
674
+ "avatar": {
675
+ "xs": {
676
+ "font-size": {
677
+ "value": "{spacing.3}",
678
+ "type": "color"
679
+ },
680
+ "icon-size": {
681
+ "value": "{spacing.4}",
682
+ "type": "color"
683
+ },
684
+ "size": {
685
+ "value": "{spacing.6}",
686
+ "type": "color"
587
687
  }
588
688
  },
589
- "description": {
689
+ "sm": {
590
690
  "font-size": {
591
- "type": "dimension",
592
- "value": "{font-size.sm}"
691
+ "value": "{spacing.4}",
692
+ "type": "color"
593
693
  },
594
- "line-height": {
595
- "type": "dimension",
596
- "value": "{line-height.sm}"
694
+ "icon-size": {
695
+ "value": "{spacing.5}",
696
+ "type": "color"
597
697
  },
598
- "font-weight": {
599
- "type": "string",
600
- "value": "{font-weight.medium-emphasis}"
698
+ "size": {
699
+ "value": "{spacing.8}",
700
+ "type": "color"
601
701
  }
602
702
  },
603
- "timestamp": {
703
+ "md": {
604
704
  "font-size": {
605
- "type": "dimension",
606
- "value": "{font-size.sm}"
705
+ "value": "{spacing.5}",
706
+ "type": "color"
607
707
  },
608
- "line-height": {
609
- "type": "dimension",
610
- "value": "{line-height.sm}"
708
+ "icon-size": {
709
+ "value": "{spacing.7}",
710
+ "type": "color"
611
711
  },
612
- "font-weight": {
613
- "type": "string",
614
- "value": "{font-weight.low-emphasis}"
712
+ "size": {
713
+ "value": "{spacing.10}",
714
+ "type": "color"
615
715
  }
616
716
  },
617
- "gap-x-title": {
618
- "type": "dimension",
619
- "value": "{spacing.2}"
717
+ "lg": {
718
+ "font-size": {
719
+ "value": "{spacing.6}",
720
+ "type": "color"
721
+ },
722
+ "icon-size": {
723
+ "value": "{spacing.8}",
724
+ "type": "color"
725
+ },
726
+ "size": {
727
+ "value": "{spacing.12}",
728
+ "type": "color"
729
+ }
620
730
  },
621
- "border-width": {
622
- "high-emphasis": {
623
- "type": "dimension",
624
- "value": "{spacing.2}"
731
+ "xl": {
732
+ "font-size": {
733
+ "value": "{spacing.8}",
734
+ "type": "color"
625
735
  },
626
- "low-emphasis": {
627
- "type": "dimension",
628
- "value": "{spacing.px}"
736
+ "icon-size": {
737
+ "value": "{spacing.11}",
738
+ "type": "color"
739
+ },
740
+ "size": {
741
+ "value": "{spacing.16}",
742
+ "type": "color"
629
743
  }
630
744
  }
631
745
  },
632
746
  "badge": {
633
747
  "gap-x": {
634
- "type": "dimension",
635
- "value": "{spacing.1}"
748
+ "value": "{spacing.1}",
749
+ "type": "color"
636
750
  },
637
751
  "padding-x": {
638
- "type": "dimension",
639
- "value": "{spacing.2}"
752
+ "value": "{spacing.2}",
753
+ "type": "color"
640
754
  },
641
755
  "padding-y": {
642
- "type": "dimension",
643
- "value": "{spacing.1}"
756
+ "value": "{spacing.1}",
757
+ "type": "color"
644
758
  },
645
759
  "radius": {
646
- "type": "dimension",
647
- "value": "{radius.rounded-full}"
760
+ "value": "{radius.rounded-full}",
761
+ "type": "color"
648
762
  }
649
763
  },
650
- "list": {
651
- "native": {
652
- "icon-size": {
653
- "type": "dimension",
654
- "value": "{spacing.5}"
655
- },
656
- "font-size": {
657
- "type": "dimension",
658
- "value": "{font-size.md}"
659
- },
660
- "line-height": {
661
- "type": "dimension",
662
- "value": "{line-height.base}"
663
- },
664
- "item": {
665
- "padding-left": {
666
- "type": "dimension",
667
- "value": "{spacing.5}"
668
- },
669
- "padding-y": {
670
- "type": "dimension",
671
- "value": "{spacing.0}"
672
- },
673
- "padding-right": {
674
- "type": "dimension",
675
- "value": "{spacing.2}"
676
- },
677
- "radius": {
678
- "type": "dimension",
679
- "value": "{radius.rounded-md}"
680
- }
681
- },
682
- "radius": {
683
- "type": "dimension",
684
- "value": "{radius.rounded-md}"
685
- },
686
- "sub item": {
687
- "padding-left": {
688
- "type": "dimension",
689
- "value": "{spacing.8}"
690
- }
691
- },
692
- "gap-y": {
693
- "type": "dimension",
694
- "value": "{spacing.0,5}"
695
- },
696
- "padding": {
697
- "type": "dimension",
698
- "value": "{spacing.2}"
699
- },
700
- "separator": {
701
- "padding-y": {
702
- "type": "dimension",
703
- "value": 3
704
- },
705
- "padding-x": {
706
- "type": "dimension",
707
- "value": 9
708
- }
709
- }
764
+ "focus": {
765
+ "field-stroke": {
766
+ "value": "{spacing.px}",
767
+ "type": "color"
710
768
  },
711
- "custom": {
712
- "icon-size": {
713
- "type": "dimension",
714
- "value": "{spacing.5}"
715
- },
716
- "font-size": {
717
- "type": "dimension",
718
- "value": "{font-size.md}"
719
- },
720
- "line-height": {
721
- "type": "dimension",
722
- "value": "{line-height.base}"
723
- },
724
- "item": {
725
- "padding-left": {
726
- "type": "dimension",
727
- "value": "{spacing.8}"
728
- },
729
- "padding-right": {
730
- "type": "dimension",
731
- "value": "{spacing.2}"
732
- },
733
- "padding-y": {
734
- "type": "dimension",
735
- "value": "{spacing.2}"
736
- },
737
- "radius": {
738
- "type": "dimension",
739
- "value": "{radius.rounded-md}"
740
- }
741
- },
742
- "gap-y": {
743
- "type": "dimension",
744
- "value": "{spacing.0,5}"
745
- },
746
- "radius": {
747
- "type": "dimension",
748
- "value": "{radius.rounded-lg}"
749
- },
750
- "padding": {
751
- "type": "dimension",
752
- "value": "{spacing.2}"
753
- },
754
- "separator": {
755
- "padding-x": {
756
- "type": "dimension",
757
- "value": "{spacing.0}"
758
- },
759
- "padding-y": {
760
- "type": "dimension",
761
- "value": "{spacing.0,5}"
762
- }
763
- },
764
- "sub item": {
765
- "padding-left": {
766
- "type": "dimension",
767
- "value": "{spacing.10}"
768
- }
769
- }
769
+ "outline-offset": {
770
+ "value": "{spacing.0,5}",
771
+ "type": "color"
772
+ },
773
+ "outline-stroke": {
774
+ "value": "{spacing.0,5}",
775
+ "type": "color"
770
776
  }
771
777
  },
772
- "global typography": {
773
- "h1": {
778
+ "form": {
779
+ "gap-x": {
780
+ "value": "{spacing.3}",
781
+ "type": "color"
782
+ },
783
+ "gap-y": {
784
+ "value": "{spacing.1}",
785
+ "type": "color"
786
+ },
787
+ "description": {
774
788
  "font-size": {
775
- "type": "dimension",
776
- "value": "{font-size.5xl}"
789
+ "value": "{font-size.sm}",
790
+ "type": "color"
777
791
  },
778
792
  "line-height": {
779
- "type": "dimension",
780
- "value": "{line-height.4xl}"
793
+ "value": "{line-height.sm}",
794
+ "type": "color"
781
795
  },
782
796
  "font-weight": {
783
- "type": "string",
784
- "value": "{font-weight.high-emphasis}"
785
- },
786
- "font-style": {
787
- "type": "string",
788
- "value": "normal"
797
+ "value": "{font-weight.low-emphasis}",
798
+ "type": "color"
789
799
  }
790
800
  },
791
- "h2": {
801
+ "label": {
792
802
  "font-size": {
793
- "type": "dimension",
794
- "value": "{font-size.3xl}"
803
+ "value": "{font-size.sm}",
804
+ "type": "color"
805
+ },
806
+ "gap": {
807
+ "value": "{spacing.1}",
808
+ "type": "color"
795
809
  },
796
810
  "line-height": {
797
- "type": "dimension",
798
- "value": "{line-height.3xl}"
811
+ "value": "{line-height.sm}",
812
+ "type": "color"
799
813
  },
800
814
  "font-weight": {
801
- "type": "string",
802
- "value": "{font-weight.high-emphasis}"
803
- },
804
- "font-style": {
805
- "type": "string",
806
- "value": "normal"
815
+ "value": "{font-weight.medium-emphasis}",
816
+ "type": "color"
807
817
  }
808
818
  },
809
- "h3": {
819
+ "field": {
810
820
  "font-size": {
811
- "type": "dimension",
812
- "value": "{font-size.2xl}"
813
- },
814
- "line-height": {
815
- "type": "dimension",
816
- "value": "{line-height.2xl}"
821
+ "value": "{font-size.md}",
822
+ "type": "color"
817
823
  },
818
824
  "font-weight": {
819
- "type": "string",
820
- "value": "{font-weight.high-emphasis}"
825
+ "value": "{font-weight.medium-emphasis}",
826
+ "type": "color"
821
827
  },
822
- "font-style": {
823
- "type": "string",
824
- "value": "normal"
825
- }
826
- },
827
- "h4": {
828
- "font-size": {
829
- "type": "dimension",
830
- "value": "{font-size.xl}"
828
+ "icon-size": {
829
+ "value": "{spacing.5}",
830
+ "type": "color"
831
+ },
832
+ "gap": {
833
+ "value": "{spacing.2}",
834
+ "type": "color"
835
+ },
836
+ "gap-inner": {
837
+ "value": "{spacing.2}",
838
+ "type": "color"
831
839
  },
832
840
  "line-height": {
833
- "type": "dimension",
834
- "value": "{line-height.xl}"
841
+ "value": "{line-height.base}",
842
+ "type": "color"
835
843
  },
836
- "font-weight": {
837
- "type": "string",
838
- "value": "{font-weight.high-emphasis}"
844
+ "padding-x": {
845
+ "value": "{spacing.2}",
846
+ "type": "color"
839
847
  },
840
- "font-style": {
841
- "type": "string",
842
- "value": "normal"
843
- }
844
- },
845
- "p": {
846
- "font-size": {
847
- "type": "dimension",
848
- "value": "{font-size.md}"
848
+ "padding-x-icon-button": {
849
+ "value": "{spacing.10}",
850
+ "type": "color"
849
851
  },
850
- "line-height": {
851
- "type": "dimension",
852
- "value": "{line-height.base}"
852
+ "padding-y": {
853
+ "value": "{spacing.2}",
854
+ "type": "color"
853
855
  },
854
- "font-weight": {
855
- "type": "string",
856
- "value": "{font-weight.low-emphasis}"
856
+ "radius": {
857
+ "value": "{radius.rounded-md}",
858
+ "type": "color"
857
859
  },
858
- "font-style": {
859
- "type": "string",
860
- "value": "normal"
860
+ "leading-trailing": {
861
+ "font-size": {
862
+ "value": "{font-size.sm}",
863
+ "type": "color"
864
+ },
865
+ "icon-size": {
866
+ "value": "{spacing.5}",
867
+ "type": "color"
868
+ },
869
+ "line-height": {
870
+ "value": "{line-height.base}",
871
+ "type": "color"
872
+ }
873
+ },
874
+ "inner-button": {
875
+ "padding-x-ext": {
876
+ "value": "{spacing.2,5}",
877
+ "type": "color"
878
+ },
879
+ "padding-x-int": {
880
+ "value": "{spacing.1,5}",
881
+ "type": "color"
882
+ },
883
+ "padding-y": {
884
+ "value": "{spacing.2,5}",
885
+ "type": "color"
886
+ }
861
887
  }
862
888
  },
863
- "small": {
864
- "font-size": {
865
- "type": "dimension",
866
- "value": "{font-size.xs}"
889
+ "checkbox": {
890
+ "border-width": {
891
+ "value": "{spacing.0,5}",
892
+ "type": "color"
867
893
  },
868
- "line-height": {
869
- "type": "dimension",
870
- "value": "{line-height.xs}"
894
+ "icon-size": {
895
+ "value": "{spacing.3,5}",
896
+ "type": "color"
871
897
  },
872
- "font-style": {
873
- "type": "string",
874
- "value": "normal"
875
- }
876
- },
877
- "label": {
878
- "font-size": {
879
- "type": "dimension",
880
- "value": "{font-size.sm}"
898
+ "padding-top": {
899
+ "value": "{spacing.0}",
900
+ "type": "color"
881
901
  },
882
- "line-height": {
883
- "type": "dimension",
884
- "value": "{line-height.sm}"
902
+ "radius": {
903
+ "value": "{radius.rounded-md}",
904
+ "type": "color"
885
905
  },
886
- "font-weight": {
887
- "type": "string",
888
- "value": "{font-weight.medium-emphasis}"
906
+ "size": {
907
+ "value": "{spacing.5}",
908
+ "type": "color"
889
909
  },
890
- "font-style": {
891
- "type": "string",
892
- "value": "normal"
910
+ "ring-radius": {
911
+ "value": "{radius.rounded-lg}",
912
+ "type": "color"
913
+ },
914
+ "icon-stroke": {
915
+ "value": "{spacing.0,5}",
916
+ "type": "color"
893
917
  }
894
918
  },
895
- "legend": {
896
- "font-size": {
897
- "type": "dimension",
898
- "value": "{font-size.xs}"
919
+ "radio": {
920
+ "border-width": {
921
+ "value": "{spacing.0,5}",
922
+ "type": "color"
899
923
  },
900
- "line-height": {
901
- "type": "dimension",
902
- "value": "{line-height.xs}"
924
+ "inner-circle-padding": {
925
+ "value": "{spacing.1,5}",
926
+ "type": "color"
903
927
  },
904
- "font-weight": {
905
- "type": "string",
906
- "value": "{font-weight.medium-emphasis}"
928
+ "inner-circle-size": {
929
+ "value": "{spacing.2}",
930
+ "type": "color"
907
931
  },
908
- "font-style": {
909
- "type": "string",
910
- "value": "uppercase"
932
+ "padding-top": {
933
+ "value": "{spacing.0}",
934
+ "type": "color"
935
+ },
936
+ "size": {
937
+ "value": "{spacing.5}",
938
+ "type": "color"
939
+ },
940
+ "ring-radius": {
941
+ "value": "{radius.rounded-full}",
942
+ "type": "color"
911
943
  }
912
944
  },
913
- "h5": {
914
- "font-size": {
915
- "type": "dimension",
916
- "value": "{font-size.lg}"
945
+ "toggle": {
946
+ "border-width": {
947
+ "value": "{spacing.0,5}",
948
+ "type": "color"
917
949
  },
918
- "line-height": {
919
- "type": "dimension",
920
- "value": "{line-height.lg}"
950
+ "height": {
951
+ "value": "{spacing.5}",
952
+ "type": "color"
921
953
  },
922
- "font-weight": {
923
- "type": "string",
924
- "value": "{font-weight.high-emphasis}"
954
+ "padding-top": {
955
+ "value": "{spacing.0}",
956
+ "type": "color"
925
957
  },
926
- "font-style": {
927
- "type": "string",
928
- "value": "normal"
929
- }
930
- },
931
- "h6": {
932
- "font-size": {
933
- "type": "dimension",
934
- "value": "{font-size.lg}"
958
+ "radius": {
959
+ "value": "{radius.rounded-full}",
960
+ "type": "color"
935
961
  },
936
- "line-height": {
937
- "type": "dimension",
938
- "value": "{line-height.lg}"
962
+ "padding": {
963
+ "default": {
964
+ "value": "{spacing.1}",
965
+ "type": "color"
966
+ },
967
+ "selected": {
968
+ "value": "{spacing.0,5}",
969
+ "type": "color"
970
+ }
939
971
  },
940
- "font-weight": {
941
- "type": "string",
942
- "value": "{font-weight.medium-emphasis}"
972
+ "switch-dot": {
973
+ "default": {
974
+ "value": "{spacing.3}",
975
+ "type": "color"
976
+ },
977
+ "selected": {
978
+ "value": "{spacing.3,5}",
979
+ "type": "color"
980
+ }
943
981
  },
944
- "font-style": {
945
- "type": "string",
946
- "value": "normal"
982
+ "width": {
983
+ "value": "{spacing.9}",
984
+ "type": "color"
947
985
  }
948
986
  }
949
987
  },
950
- "tooltip": {
951
- "padding-x": {
952
- "type": "dimension",
953
- "value": "{spacing.3}"
988
+ "loader": {
989
+ "size-xs": {
990
+ "value": "{spacing.4}",
991
+ "type": "color"
954
992
  },
955
- "padding-y": {
956
- "type": "dimension",
957
- "value": "{spacing.3}"
993
+ "size-sm": {
994
+ "value": "{spacing.5}",
995
+ "type": "color"
958
996
  },
959
- "gap-y": {
960
- "type": "dimension",
961
- "value": "{spacing.1}"
997
+ "size-md": {
998
+ "value": "{spacing.6}",
999
+ "type": "color"
962
1000
  },
963
- "radius": {
964
- "type": "dimension",
965
- "value": "{radius.rounded-md}"
1001
+ "size-lg": {
1002
+ "value": "{spacing.7}",
1003
+ "type": "color"
966
1004
  },
967
- "complex-padding-y": {
968
- "type": "dimension",
969
- "value": "{spacing.3}"
1005
+ "size-xl": {
1006
+ "value": "{spacing.8}",
1007
+ "type": "color"
1008
+ }
1009
+ },
1010
+ "icon": {
1011
+ "xs": {
1012
+ "value": "{spacing.3}",
1013
+ "type": "color"
970
1014
  },
971
- "font-size": {
972
- "type": "dimension",
973
- "value": "{font-size.sm}"
1015
+ "sm": {
1016
+ "value": "{spacing.4}",
1017
+ "type": "color"
974
1018
  },
975
- "font-weight": {
976
- "type": "string",
977
- "value": "500"
1019
+ "md": {
1020
+ "value": "{spacing.5}",
1021
+ "type": "color"
1022
+ },
1023
+ "lg": {
1024
+ "value": "{spacing.6}",
1025
+ "type": "color"
1026
+ },
1027
+ "xl": {
1028
+ "value": "{spacing.7}",
1029
+ "type": "color"
978
1030
  }
979
1031
  },
980
- "popover": {
981
- "padding-x": {
982
- "type": "dimension",
983
- "value": "{spacing.3}"
1032
+ "notification": {
1033
+ "icon-size": {
1034
+ "value": "{spacing.5}",
1035
+ "type": "color"
984
1036
  },
985
- "padding-y": {
986
- "type": "dimension",
987
- "value": "{spacing.3}"
1037
+ "gap-x": {
1038
+ "value": "{spacing.3}",
1039
+ "type": "color"
1040
+ },
1041
+ "gap-x-title": {
1042
+ "value": "{spacing.2}",
1043
+ "type": "color"
1044
+ },
1045
+ "gap-y": {
1046
+ "value": "{spacing.1}",
1047
+ "type": "color"
1048
+ },
1049
+ "padding": {
1050
+ "value": "{spacing.4}",
1051
+ "type": "color"
988
1052
  },
989
1053
  "radius": {
990
- "type": "dimension",
991
- "value": "{radius.rounded-md}"
1054
+ "value": "{radius.rounded-lg}",
1055
+ "type": "color"
992
1056
  },
993
- "shadow-1": {
994
- "x": {
995
- "type": "dimension",
996
- "value": 0
997
- },
998
- "y": {
999
- "type": "dimension",
1000
- "value": "{shadow.y-axis.none}"
1001
- },
1002
- "blur": {
1003
- "type": "dimension",
1004
- "value": 1
1005
- },
1006
- "spread": {
1007
- "type": "dimension",
1008
- "value": "{shadow.spread.lg-1}"
1057
+ "border-width": {
1058
+ "high-emphasis": {
1059
+ "value": "{spacing.2}",
1060
+ "type": "color"
1009
1061
  },
1010
- "opacity": {
1011
- "type": "color",
1012
- "value": "{shadow.color.opacity.3}"
1062
+ "low-emphasis": {
1063
+ "value": "{spacing.px}",
1064
+ "type": "color"
1013
1065
  }
1014
1066
  },
1015
- "shadow-2": {
1016
- "x": {
1017
- "type": "dimension",
1018
- "value": 0
1019
- },
1020
- "y": {
1021
- "type": "dimension",
1022
- "value": "{shadow.y-axis.lg-2}"
1023
- },
1024
- "blur": {
1025
- "type": "dimension",
1026
- "value": "{shadow.blur.lg-2}"
1067
+ "description": {
1068
+ "font-size": {
1069
+ "value": "{font-size.sm}",
1070
+ "type": "color"
1027
1071
  },
1028
- "spread": {
1029
- "type": "dimension",
1030
- "value": "{shadow.spread.lg-2}"
1072
+ "font-weight": {
1073
+ "value": "{font-weight.medium-emphasis}",
1074
+ "type": "color"
1031
1075
  },
1032
- "opacity": {
1033
- "type": "color",
1034
- "value": "{shadow.color.opacity.2}"
1076
+ "line-height": {
1077
+ "value": "{line-height.sm}",
1078
+ "type": "color"
1035
1079
  }
1036
1080
  },
1037
- "font-weight": {
1038
- "type": "string",
1039
- "value": "500"
1040
- },
1041
- "font-size": {
1042
- "type": "dimension",
1043
- "value": "{font-size.sm}"
1044
- },
1045
- "gap-y": {
1046
- "type": "dimension",
1047
- "value": "{spacing.1}"
1048
- }
1049
- },
1050
- "menu": {
1051
- "contextual": {
1052
- "item": {
1053
- "font-size": {
1054
- "type": "dimension",
1055
- "value": "{font-size.sm}"
1056
- },
1057
- "font-weight": {
1058
- "type": "string",
1059
- "value": "500"
1060
- },
1061
- "radius": {
1062
- "type": "dimension",
1063
- "value": "{radius.rounded}"
1064
- },
1065
- "padding-x": {
1066
- "type": "dimension",
1067
- "value": "{spacing.2,5}"
1068
- },
1069
- "gap-x": {
1070
- "type": "dimension",
1071
- "value": "{spacing.3}"
1072
- },
1073
- "padding-y": {
1074
- "type": "dimension",
1075
- "value": "{spacing.2}"
1076
- }
1077
- },
1078
- "padding-x": {
1079
- "type": "dimension",
1080
- "value": "{spacing.1}"
1081
+ "timestamp": {
1082
+ "font-size": {
1083
+ "value": "{font-size.sm}",
1084
+ "type": "color"
1081
1085
  },
1082
- "padding-y": {
1083
- "type": "dimension",
1084
- "value": "{spacing.1}"
1086
+ "font-weight": {
1087
+ "value": "{font-weight.low-emphasis}",
1088
+ "type": "color"
1085
1089
  },
1086
- "gap-y": {
1087
- "type": "dimension",
1088
- "value": "{spacing.0,5}"
1090
+ "line-height": {
1091
+ "value": "{line-height.sm}",
1092
+ "type": "color"
1093
+ }
1094
+ },
1095
+ "title": {
1096
+ "font-size": {
1097
+ "value": "{font-size.sm}",
1098
+ "type": "color"
1089
1099
  },
1090
- "radius": {
1091
- "type": "dimension",
1092
- "value": "{radius.rounded-md}"
1100
+ "font-weight": {
1101
+ "value": "{font-weight.medium-emphasis}",
1102
+ "type": "color"
1093
1103
  },
1094
- "divider": {
1095
- "padding-top": {
1096
- "type": "dimension",
1097
- "value": "{spacing.1}"
1098
- },
1099
- "padding-bottom": {
1100
- "type": "dimension",
1101
- "value": 3
1102
- },
1103
- "padding-x": {
1104
- "type": "dimension",
1105
- "value": "{spacing.2,5}"
1106
- }
1104
+ "line-height": {
1105
+ "value": "{line-height.sm}",
1106
+ "type": "color"
1107
1107
  }
1108
1108
  }
1109
1109
  }