@medusajs/ui-preset 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/CHANGELOG.md +49 -0
  3. package/LICENSE +21 -0
  4. package/README.md +36 -1
  5. package/dist/index.js +217 -224
  6. package/dist/index.mjs +217 -224
  7. package/package.json +6 -1
  8. package/src/plugin.ts +14 -0
  9. package/src/theme/extension/theme.ts +56 -57
  10. package/src/theme/tokens/colors.ts +67 -93
  11. package/src/theme/tokens/components.ts +4 -32
  12. package/src/theme/tokens/effects.ts +27 -29
  13. package/src/theme/tokens/typography.ts +49 -13
package/dist/index.js CHANGED
@@ -35,6 +35,44 @@ var theme = {
35
35
  "extend": {
36
36
  "colors": {
37
37
  "ui": {
38
+ "button": {
39
+ "inverted": {
40
+ "DEFAULT": "var(--button-inverted)",
41
+ "hover": {
42
+ "DEFAULT": "var(--button-inverted-hover)"
43
+ },
44
+ "pressed": {
45
+ "DEFAULT": "var(--button-inverted-pressed)"
46
+ }
47
+ },
48
+ "transparent": {
49
+ "DEFAULT": "var(--button-transparent)",
50
+ "hover": {
51
+ "DEFAULT": "var(--button-transparent-hover)"
52
+ },
53
+ "pressed": {
54
+ "DEFAULT": "var(--button-transparent-pressed)"
55
+ }
56
+ },
57
+ "danger": {
58
+ "pressed": {
59
+ "DEFAULT": "var(--button-danger-pressed)"
60
+ },
61
+ "DEFAULT": "var(--button-danger)",
62
+ "hover": {
63
+ "DEFAULT": "var(--button-danger-hover)"
64
+ }
65
+ },
66
+ "neutral": {
67
+ "pressed": {
68
+ "DEFAULT": "var(--button-neutral-pressed)"
69
+ },
70
+ "DEFAULT": "var(--button-neutral)",
71
+ "hover": {
72
+ "DEFAULT": "var(--button-neutral-hover)"
73
+ }
74
+ }
75
+ },
38
76
  "code": {
39
77
  "text": {
40
78
  "base": {
@@ -214,6 +252,17 @@ var theme = {
214
252
  "component": {
215
253
  "DEFAULT": "var(--bg-component)"
216
254
  },
255
+ "overlay": {
256
+ "DEFAULT": "var(--bg-overlay)"
257
+ },
258
+ "switch": {
259
+ "off": {
260
+ "DEFAULT": "var(--bg-switch-off)",
261
+ "hover": {
262
+ "DEFAULT": "var(--bg-switch-off-hover)"
263
+ }
264
+ }
265
+ },
217
266
  "field": {
218
267
  "hover": {
219
268
  "DEFAULT": "var(--bg-field-hover)"
@@ -223,19 +272,8 @@ var theme = {
223
272
  "interactive": {
224
273
  "DEFAULT": "var(--bg-interactive)"
225
274
  },
226
- "overlay": {
227
- "DEFAULT": "var(--bg-overlay)"
228
- },
229
275
  "disabled": {
230
276
  "DEFAULT": "var(--bg-disabled)"
231
- },
232
- "switch": {
233
- "off": {
234
- "hover": {
235
- "DEFAULT": "var(--bg-switch-off-hover)"
236
- },
237
- "DEFAULT": "var(--bg-switch-off)"
238
- }
239
277
  }
240
278
  },
241
279
  "fg": {
@@ -268,70 +306,31 @@ var theme = {
268
306
  "muted": {
269
307
  "DEFAULT": "var(--fg-muted)"
270
308
  }
271
- },
272
- "button": {
273
- "danger": {
274
- "pressed": {
275
- "DEFAULT": "var(--button-danger-pressed)"
276
- },
277
- "DEFAULT": "var(--button-danger)",
278
- "hover": {
279
- "DEFAULT": "var(--button-danger-hover)"
280
- }
281
- },
282
- "transparent": {
283
- "DEFAULT": "var(--button-transparent)",
284
- "hover": {
285
- "DEFAULT": "var(--button-transparent-hover)"
286
- },
287
- "pressed": {
288
- "DEFAULT": "var(--button-transparent-pressed)"
289
- }
290
- },
291
- "inverted": {
292
- "DEFAULT": "var(--button-inverted)",
293
- "pressed": {
294
- "DEFAULT": "var(--button-inverted-pressed)"
295
- },
296
- "hover": {
297
- "DEFAULT": "var(--button-inverted-hover)"
298
- }
299
- },
300
- "neutral": {
301
- "pressed": {
302
- "DEFAULT": "var(--button-neutral-pressed)"
303
- },
304
- "DEFAULT": "var(--button-neutral)",
305
- "hover": {
306
- "DEFAULT": "var(--button-neutral-hover)"
307
- }
308
- }
309
309
  }
310
310
  }
311
311
  },
312
312
  "boxShadow": {
313
+ "elevation-flyout": "var(--elevation-flyout)",
314
+ "elevation-tooltip": "var(--elevation-tooltip)",
315
+ "elevation-card-rest": "var(--elevation-card-rest)",
316
+ "buttons-neutral-focus": "var(--buttons-neutral-focus)",
313
317
  "borders-focus": "var(--borders-focus)",
314
318
  "borders-interactive": "var(--borders-interactive)",
315
319
  "borders-active": "var(--borders-active)",
316
320
  "details-contrast-on-bg-interactive": "var(--details-contrast-on-bg-interactive)",
317
321
  "borders-error": "var(--borders-error)",
318
- "details-switch-handle": "var(--details-switch-handle)",
319
322
  "borders-interactive-with-focus": "var(--borders-interactive-with-focus)",
320
- "elevation-flyout": "var(--elevation-flyout)",
323
+ "details-switch-handle": "var(--details-switch-handle)",
321
324
  "details-switch-background-focus": "var(--details-switch-background-focus)",
322
325
  "borders-base": "var(--borders-base)",
323
- "elevation-tooltip": "var(--elevation-tooltip)",
324
326
  "borders-interactive-with-shadow": "var(--borders-interactive-with-shadow)",
325
327
  "elevation-card-hover": "var(--elevation-card-hover)",
326
328
  "elevation-modal": "var(--elevation-modal)",
327
- "elevation-card-rest": "var(--elevation-card-rest)",
328
329
  "buttons-neutral": "var(--buttons-neutral)",
329
- "buttons-colored-focus": "var(--buttons-colored-focus)",
330
330
  "buttons-colored": "var(--buttons-colored)",
331
- "buttons-neutral-focus": "var(--buttons-neutral-focus)",
332
331
  "borders-base-with-shadow": "var(--borders-base-with-shadow)",
333
- "borders-strong-with-shadow": "var(--borders-strong-with-shadow)",
334
- "details-switch-background": "var(--details-switch-background)"
332
+ "details-switch-background": "var(--details-switch-background)",
333
+ "buttons-colored-focus": "var(--buttons-colored-focus)"
335
334
  }
336
335
  }
337
336
  };
@@ -339,6 +338,32 @@ var theme = {
339
338
  // src/theme/tokens/colors.ts
340
339
  var colors = {
341
340
  "dark": {
341
+ "--code-text-subtle": "rgba(105, 110, 119, 1)",
342
+ "--button-transparent-pressed": "rgba(46, 48, 53, 1)",
343
+ "--border-base": "rgba(46, 48, 53, 1)",
344
+ "--code-text-base": "rgba(237, 238, 240, 1)",
345
+ "--tag-neutral-icon": "rgba(125, 130, 138, 1)",
346
+ "--bg-switch-off-hover": "rgba(70, 75, 80, 1)",
347
+ "--fg-on-color": "rgba(255, 255, 255, 1)",
348
+ "--button-neutral-hover": "rgba(53, 55, 60, 1)",
349
+ "--bg-switch-off": "rgba(53, 55, 60, 1)",
350
+ "--border-strong": "rgba(53, 55, 60, 1)",
351
+ "--fg-subtle": "rgba(173, 177, 184, 1)",
352
+ "--fg-base": "rgba(237, 238, 240, 1)",
353
+ "--bg-base-hover": "rgba(39, 40, 45, 1)",
354
+ "--bg-subtle-hover": "rgba(27, 27, 31, 1)",
355
+ "--fg-disabled": "rgba(60, 63, 68, 1)",
356
+ "--bg-subtle": "rgba(24, 24, 26, 1)",
357
+ "--tag-neutral-border": "rgba(60, 63, 68, 1)",
358
+ "--bg-subtle-pressed": "rgba(39, 40, 45, 1)",
359
+ "--tag-neutral-text": "rgba(173, 177, 184, 1)",
360
+ "--fg-muted": "rgba(105, 110, 119, 1)",
361
+ "--button-danger-pressed": "rgba(225, 29, 72, 1)",
362
+ "--code-bg-header": "rgba(24, 24, 26, 1)",
363
+ "--border-loud": "rgba(237, 238, 240, 1)",
364
+ "--bg-base-pressed": "rgba(46, 48, 53, 1)",
365
+ "--bg-disabled": "rgba(39, 40, 45, 1)",
366
+ "--code-icon": "rgba(70, 75, 80, 1)",
342
367
  "--bg-highlight-hover": "rgba(30, 58, 138, 1)",
343
368
  "--border-danger": "rgba(190, 18, 60, 1)",
344
369
  "--border-interactive": "rgba(96, 165, 250, 1)",
@@ -350,95 +375,61 @@ var colors = {
350
375
  "--button-danger": "rgba(159, 18, 57, 1)",
351
376
  "--button-danger-gradient-from": "rgba(255, 255, 255, 1)",
352
377
  "--button-danger-gradient-to": "rgba(255, 255, 255, 0)",
353
- "--bg-overlay": "rgba(10, 10, 10, 0.7)",
354
378
  "--fg-interactive": "rgba(96, 165, 250, 1)",
355
- "--fg-on-inverted": "rgba(10, 10, 10, 1)",
356
- "--button-danger-pressed": "rgba(159, 18, 57, 1)",
357
- "--button-danger-pressed-gradient-from": "rgba(255, 255, 255, 0)",
358
- "--button-danger-pressed-gradient-to": "rgba(255, 255, 255, 1)",
359
- "--button-neutral-pressed": "rgba(38, 38, 38, 1)",
360
- "--button-neutral-pressed-gradient-from": "rgba(255, 255, 255, 0)",
361
- "--button-neutral-pressed-gradient-to": "rgba(255, 255, 255, 1)",
379
+ "--bg-overlay": "rgba(24, 24, 26, 0.7)",
380
+ "--fg-on-inverted": "rgba(24, 24, 26, 1)",
381
+ "--button-neutral-pressed": "rgba(60, 63, 68, 1)",
362
382
  "--tag-red-border": "rgba(136, 19, 55, 1)",
363
383
  "--tag-red-bg": "rgba(76, 5, 25, 1)",
364
- "--button-transparent-hover": "rgba(38, 38, 38, 1)",
384
+ "--button-transparent-hover": "rgba(39, 40, 45, 1)",
365
385
  "--tag-blue-text": "rgba(96, 165, 250, 1)",
366
- "--button-inverted": "rgba(238, 238, 238, 1)",
367
- "--button-inverted-gradient-from": "rgba(0, 0, 0, 0)",
368
- "--button-inverted-gradient-to": "rgba(0, 0, 0, 1)",
369
386
  "--tag-orange-text": "rgba(251, 191, 36, 1)",
370
387
  "--tag-green-text": "rgba(52, 211, 153, 1)",
371
- "--button-transparent": "rgba(0, 0, 0, 0)",
372
- "--button-transparent-pressed": "rgba(48, 48, 48, 1)",
373
- "--tag-neutral-bg": "rgba(48, 48, 48, 1)",
374
- "--code-text-subtle": "rgba(110, 110, 110, 1)",
375
- "--code-bg-base": "rgba(30, 30, 30, 1)",
388
+ "--tag-neutral-bg": "rgba(46, 48, 53, 1)",
376
389
  "--tag-orange-border": "rgba(120, 53, 15, 1)",
377
- "--border-base": "rgba(48, 48, 48, 1)",
378
- "--bg-component": "rgba(38, 38, 38, 1)",
379
- "--code-text-base": "rgba(238, 238, 238, 1)",
380
390
  "--tag-green-border": "rgba(6, 78, 59, 1)",
381
- "--bg-base": "rgba(23, 23, 23, 1)",
382
- "--fg-on-color": "rgba(238, 238, 238, 1)",
391
+ "--bg-base": "rgba(27, 27, 31, 1)",
383
392
  "--tag-red-text": "rgba(251, 113, 133, 1)",
384
393
  "--tag-green-bg-hover": "rgba(6, 78, 59, 1)",
385
394
  "--tag-purple-bg-hover": "rgba(76, 29, 149, 1)",
386
395
  "--tag-red-bg-hover": "rgba(136, 19, 55, 1)",
387
- "--border-strong": "rgba(55, 55, 55, 1)",
388
- "--fg-subtle": "rgba(163, 163, 163, 1)",
389
- "--fg-base": "rgba(238, 238, 238, 1)",
390
- "--code-border": "rgba(48, 48, 48, 1)",
391
- "--border-transparent": "rgba(238, 238, 238, 0)",
396
+ "--border-transparent": "rgba(255, 255, 255, 0)",
397
+ "--code-border": "rgba(46, 48, 53, 1)",
392
398
  "--tag-orange-icon": "rgba(245, 158, 11, 1)",
393
399
  "--tag-purple-bg": "rgba(46, 16, 100, 1)",
394
- "--bg-base-hover": "rgba(38, 38, 38, 1)",
395
- "--bg-subtle-hover": "rgba(23, 23, 23, 1)",
396
400
  "--tag-blue-bg": "rgba(23, 37, 84, 1)",
397
- "--fg-disabled": "rgba(63, 63, 63, 1)",
398
- "--bg-subtle": "rgba(10, 10, 10, 1)",
399
401
  "--tag-green-bg": "rgba(2, 44, 34, 1)",
400
- "--bg-subtle-pressed": "rgba(38, 38, 38, 1)",
401
402
  "--tag-blue-border": "rgba(30, 58, 138, 1)",
402
- "--fg-muted": "rgba(110, 110, 110, 1)",
403
403
  "--tag-purple-border": "rgba(76, 29, 149, 1)",
404
404
  "--tag-blue-bg-hover": "rgba(30, 42, 138, 1)",
405
- "--code-bg-header": "rgba(23, 23, 23, 1)",
406
- "--border-loud": "rgba(238, 238, 238, 1)",
407
- "--bg-base-pressed": "rgba(48, 48, 48, 1)",
408
405
  "--tag-orange-bg": "rgba(69, 26, 3, 1)",
409
- "--bg-disabled": "rgba(38, 38, 38, 1)",
410
406
  "--tag-orange-bg-hover": "rgba(120, 53, 15, 1)",
411
- "--code-icon": "rgba(74, 74, 74, 1)",
412
- "--bg-field-hover": "rgba(48, 48, 48, 1)",
413
- "--bg-field": "rgba(38, 38, 38, 1)",
414
- "--button-neutral": "rgba(38, 38, 38, 1)",
407
+ "--code-bg-base": "rgba(27, 27, 31, 1)",
408
+ "--button-transparent": "rgba(255, 255, 255, 0)",
409
+ "--button-neutral": "rgba(39, 40, 45, 1)",
415
410
  "--button-neutral-gradient-from": "rgba(255, 255, 255, 1)",
416
411
  "--button-neutral-gradient-to": "rgba(255, 255, 255, 0)",
417
- "--button-inverted-pressed": "rgba(238, 238, 238, 1)",
418
- "--button-inverted-pressed-gradient-from": "rgba(0, 0, 0, 1)",
419
- "--button-inverted-pressed-gradient-to": "rgba(0, 0, 0, 0)",
420
- "--button-neutral-hover": "rgba(38, 38, 38, 1)",
421
- "--button-neutral-hover-gradient-from": "rgba(255, 255, 255, 1)",
422
- "--button-neutral-hover-gradient-to": "rgba(255, 255, 255, 0)",
423
- "--button-inverted-hover": "rgba(238, 238, 238, 1)",
424
- "--button-inverted-hover-gradient-from": "rgba(0, 0, 0, 0)",
425
- "--button-inverted-hover-gradient-to": "rgba(0, 0, 0, 1)",
426
- "--button-danger-hover": "rgba(159, 18, 57, 1)",
427
- "--button-danger-hover-gradient-from": "rgba(255, 255, 255, 1)",
428
- "--button-danger-hover-gradient-to": "rgba(255, 255, 255, 0)",
429
- "--bg-switch-off-hover": "rgba(74, 74, 74, 1)",
430
- "--bg-switch-off": "rgba(55, 55, 55, 1)",
431
- "--tag-neutral-bg-hover": "rgba(63, 63, 63, 1)",
432
- "--tag-neutral-border": "rgba(63, 63, 63, 1)",
412
+ "--button-inverted-pressed": "rgba(237, 238, 240, 1)",
413
+ "--button-inverted-hover": "rgba(255, 255, 255, 1)",
414
+ "--button-danger-hover": "rgba(190, 18, 60, 1)",
415
+ "--tag-neutral-bg-hover": "rgba(53, 55, 60, 1)",
433
416
  "--tag-blue-icon": "rgba(59, 130, 246, 1)",
434
417
  "--tag-red-icon": "rgba(244, 63, 94, 1)",
435
- "--tag-neutral-icon": "rgba(129, 129, 129, 1)",
436
418
  "--tag-purple-icon": "rgba(139, 92, 246, 1)",
437
419
  "--tag-purple-text": "rgba(167, 139, 250, 1)",
438
- "--tag-neutral-text": "rgba(163, 163, 163, 1)",
439
- "--tag-green-icon": "rgba(16, 185, 129, 1)"
420
+ "--tag-green-icon": "rgba(16, 185, 129, 1)",
421
+ "--button-inverted": "rgba(237, 238, 240, 1)",
422
+ "--button-inverted-gradient-from": "rgba(24, 24, 26, 0)",
423
+ "--button-inverted-gradient-to": "rgba(24, 24, 26, 1)",
424
+ "--bg-component": "rgba(39, 40, 45, 1)",
425
+ "--bg-field": "rgba(39, 40, 45, 1)",
426
+ "--bg-field-hover": "rgba(46, 48, 53, 1)"
440
427
  },
441
428
  "light": {
429
+ "--button-inverted": "rgba(3, 7, 18, 1)",
430
+ "--button-inverted-gradient-from": "rgba(255, 255, 255, 1)",
431
+ "--button-inverted-gradient-to": "rgba(255, 255, 255, 0)",
432
+ "--button-inverted-hover": "rgba(31, 41, 55, 1)",
442
433
  "--code-text-base": "rgba(249, 250, 251, 1)",
443
434
  "--tag-green-bg": "rgba(209, 250, 229, 1)",
444
435
  "--border-strong": "rgba(209, 213, 219, 1)",
@@ -459,24 +450,17 @@ var colors = {
459
450
  "--tag-purple-text": "rgba(109, 40, 217, 1)",
460
451
  "--tag-blue-bg": "rgba(219, 234, 254, 1)",
461
452
  "--tag-blue-icon": "rgba(37, 99, 235, 1)",
462
- "--bg-component": "rgba(241, 243, 245, 1)",
463
453
  "--border-error": "rgba(225, 29, 72, 1)",
464
- "--bg-field-hover": "rgba(243, 244, 246, 1)",
465
- "--bg-field": "rgba(249, 250, 251, 1)",
466
454
  "--border-loud": "rgba(3, 7, 18, 1)",
467
455
  "--fg-on-inverted": "rgba(255, 255, 255, 1)",
468
456
  "--fg-on-color": "rgba(255, 255, 255, 1)",
469
- "--button-danger-pressed": "rgba(225, 29, 72, 1)",
470
- "--button-danger-pressed-gradient-from": "rgba(255, 255, 255, 0)",
471
- "--button-danger-pressed-gradient-to": "rgba(255, 255, 255, 1)",
472
457
  "--button-transparent": "rgba(255, 255, 255, 0)",
473
- "--bg-interactive": "rgba(59, 130, 246, 1)",
458
+ "--button-danger-pressed": "rgba(190, 18, 60, 1)",
474
459
  "--fg-interactive-hover": "rgba(37, 99, 235, 1)",
475
460
  "--fg-interactive": "rgba(59, 130, 246, 1)",
476
461
  "--fg-error": "rgba(225, 29, 72, 1)",
477
462
  "--border-danger": "rgba(190, 18, 60, 1)",
478
463
  "--border-transparent": "rgba(3, 7, 18, 0)",
479
- "--bg-overlay": "rgba(3, 7, 18, 0.4)",
480
464
  "--fg-base": "rgba(3, 7, 18, 1)",
481
465
  "--fg-disabled": "rgba(209, 213, 219, 1)",
482
466
  "--bg-subtle-pressed": "rgba(229, 231, 235, 1)",
@@ -502,139 +486,98 @@ var colors = {
502
486
  "--tag-red-border": "rgba(254, 205, 211, 1)",
503
487
  "--tag-green-border": "rgba(167, 243, 208, 1)",
504
488
  "--tag-green-text": "rgba(4, 120, 87, 1)",
505
- "--bg-disabled": "rgba(243, 244, 246, 1)",
506
489
  "--button-transparent-hover": "rgba(249, 250, 251, 1)",
507
490
  "--button-transparent-pressed": "rgba(243, 244, 246, 1)",
508
- "--bg-switch-off-hover": "rgba(229, 231, 235, 1)",
509
- "--bg-switch-off-hover-gradient-from": "rgba(3, 7, 18, 0)",
510
- "--bg-switch-off-hover-gradient-to": "rgba(3, 7, 18, 1)",
511
- "--bg-highlight-hover": "rgba(219, 234, 254, 1)",
512
491
  "--code-bg-base": "rgba(17, 24, 39, 1)",
513
492
  "--code-bg-header": "rgba(31, 41, 55, 1)",
514
493
  "--code-text-subtle": "rgba(156, 163, 175, 1)",
515
494
  "--code-border": "rgba(55, 65, 81, 1)",
516
495
  "--code-icon": "rgba(107, 114, 128, 1)",
517
- "--button-inverted": "rgba(10, 10, 10, 1)",
518
- "--button-inverted-gradient-from": "rgba(255, 255, 255, 1)",
519
- "--button-inverted-gradient-to": "rgba(255, 255, 255, 0)",
520
- "--button-neutral-pressed": "rgba(255, 255, 255, 1)",
521
- "--button-neutral-pressed-gradient-from": "rgba(10, 10, 10, 1)",
522
- "--button-neutral-pressed-gradient-to": "rgba(10, 10, 10, 0)",
523
- "--button-inverted-pressed": "rgba(10, 10, 10, 1)",
524
- "--button-inverted-pressed-gradient-from": "rgba(255, 255, 255, 0)",
525
- "--button-inverted-pressed-gradient-to": "rgba(255, 255, 255, 1)",
526
- "--button-inverted-hover": "rgba(10, 10, 10, 1)",
527
- "--button-inverted-hover-gradient-from": "rgba(255, 255, 255, 1)",
528
- "--button-inverted-hover-gradient-to": "rgba(255, 255, 255, 0)",
496
+ "--button-neutral-pressed": "rgba(243, 244, 246, 1)",
497
+ "--button-inverted-pressed": "rgba(55, 65, 81, 1)",
529
498
  "--button-neutral": "rgba(255, 255, 255, 1)",
530
- "--button-neutral-gradient-from": "rgba(10, 10, 10, 0)",
531
- "--button-neutral-gradient-to": "rgba(10, 10, 10, 1)",
532
- "--button-neutral-hover": "rgba(255, 255, 255, 1)",
533
- "--button-neutral-hover-gradient-from": "rgba(10, 10, 10, 0)",
534
- "--button-neutral-hover-gradient-to": "rgba(10, 10, 10, 1)",
499
+ "--button-neutral-gradient-from": "rgba(3, 7, 18, 0)",
500
+ "--button-neutral-gradient-to": "rgba(3, 7, 18, 1)",
535
501
  "--button-danger": "rgba(225, 29, 72, 1)",
536
502
  "--button-danger-gradient-from": "rgba(255, 255, 255, 1)",
537
503
  "--button-danger-gradient-to": "rgba(255, 255, 255, 0)",
504
+ "--button-neutral-hover": "rgba(249, 250, 251, 1)",
538
505
  "--button-danger-hover": "rgba(225, 29, 72, 1)",
539
- "--button-danger-hover-gradient-from": "rgba(255, 255, 255, 1)",
540
- "--button-danger-hover-gradient-to": "rgba(255, 255, 255, 0)",
541
- "--bg-switch-off": "rgba(229, 231, 235, 1)"
506
+ "--bg-component": "rgba(241, 243, 245, 1)",
507
+ "--bg-overlay": "rgba(3, 7, 18, 0.4)",
508
+ "--bg-switch-off": "rgba(229, 231, 235, 1)",
509
+ "--bg-field-hover": "rgba(243, 244, 246, 1)",
510
+ "--bg-field": "rgba(249, 250, 251, 1)",
511
+ "--bg-interactive": "rgba(59, 130, 246, 1)",
512
+ "--bg-highlight-hover": "rgba(219, 234, 254, 1)",
513
+ "--bg-switch-off-hover": "rgba(209, 213, 219, 1)",
514
+ "--bg-disabled": "rgba(243, 244, 246, 1)"
542
515
  }
543
516
  };
544
517
 
545
518
  // src/theme/tokens/components.ts
546
519
  var components = {
547
- ".button-danger-gradient": {
548
- "backgroundImage": "linear-gradient(0deg, var(--button-danger-gradient-from), var(--button-danger-gradient-to))",
549
- "opacity": "16%"
550
- },
551
- ".button-danger-pressed-gradient": {
552
- "backgroundImage": "linear-gradient(0deg, var(--button-danger-pressed-gradient-from), var(--button-danger-pressed-gradient-to))",
553
- "opacity": "20%"
554
- },
555
- ".button-neutral-pressed-gradient": {
556
- "backgroundImage": "linear-gradient(0deg, var(--button-neutral-pressed-gradient-from), var(--button-neutral-pressed-gradient-to))",
557
- "opacity": "4%"
558
- },
559
520
  ".button-inverted-gradient": {
560
521
  "backgroundImage": "linear-gradient(0deg, var(--button-inverted-gradient-from), var(--button-inverted-gradient-to))",
561
- "opacity": "16%"
562
- },
563
- ".bg-switch-off-hover-gradient": {
564
- "backgroundImage": "linear-gradient(0deg, var(--bg-switch-off-hover-gradient-from), var(--bg-switch-off-hover-gradient-to))",
565
- "opacity": "6%"
566
- },
567
- ".button-inverted-pressed-gradient": {
568
- "backgroundImage": "linear-gradient(0deg, var(--button-inverted-pressed-gradient-from), var(--button-inverted-pressed-gradient-to))",
569
- "opacity": "16%"
522
+ "opacity": "12%"
570
523
  },
571
- ".button-inverted-hover-gradient": {
572
- "backgroundImage": "linear-gradient(0deg, var(--button-inverted-hover-gradient-from), var(--button-inverted-hover-gradient-to))",
524
+ ".button-danger-gradient": {
525
+ "backgroundImage": "linear-gradient(0deg, var(--button-danger-gradient-from), var(--button-danger-gradient-to))",
573
526
  "opacity": "16%"
574
527
  },
575
528
  ".button-neutral-gradient": {
576
529
  "backgroundImage": "linear-gradient(0deg, var(--button-neutral-gradient-from), var(--button-neutral-gradient-to))",
577
- "opacity": "4%"
578
- },
579
- ".button-neutral-hover-gradient": {
580
- "backgroundImage": "linear-gradient(0deg, var(--button-neutral-hover-gradient-from), var(--button-neutral-hover-gradient-to))",
581
- "opacity": "8%"
582
- },
583
- ".button-danger-hover-gradient": {
584
- "backgroundImage": "linear-gradient(0deg, var(--button-danger-hover-gradient-from), var(--button-danger-hover-gradient-to))",
585
- "opacity": "14.000000000000002%"
530
+ "opacity": "6%"
586
531
  }
587
532
  };
588
533
 
589
534
  // src/theme/tokens/effects.ts
590
535
  var effects = {
591
536
  "dark": {
592
- "--buttons-neutral": "0px 0.5px 0px 0px rgba(255, 255, 255, 0.1) inset, 0px 0.5px 0px 0px rgba(0, 0, 0, 0.4), 0px 1px 0px 0px rgba(0, 0, 0, 0.4)",
593
- "--buttons-colored": "0px 0.5px 0px 0px rgba(0, 0, 0, 0.4), 0px 1px 0px 0px rgba(0, 0, 0, 0.4)",
537
+ "--details-switch-background-focus": "0px 0px 0px 1px rgba(27, 27, 31, 1), 0px 0px 0px 3px rgba(96, 165, 250, 0.8), 0px 1px 1px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset, 0px 0px 0px 0.5px rgba(255, 255, 255, 0.16) inset, 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.2)",
538
+ "--borders-interactive-with-focus": "0px 1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1), 0px 0px 0px 2px rgba(27, 27, 31, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
539
+ "--borders-base": "0px 0px 0px 1px rgba(46, 48, 53, 1)",
540
+ "--buttons-neutral-focus": "0px 0.5px 0px 0px rgba(255, 255, 255, 0.1) inset, 0px 0.25px 0px 0px rgba(0, 0, 0, 0.6), 0px 0.5px 0px 0px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(27, 27, 31, 1), 0px 0px 0px 3px rgba(96, 165, 250, 0.8)",
541
+ "--borders-base-with-shadow": "0px 1px 2px 0px rgba(255, 255, 255, 0.1), 0px 0px 0px 1px rgba(46, 48, 53, 1), 0px 0.5px 0px 1.5px rgba(0, 0, 0, 0.4)",
542
+ "--elevation-modal": "0px 0px 0px 1px rgba(23, 23, 23, 1) inset, 0px 0px 0px 2px rgba(46, 48, 53, 0.4) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 16px 32px 0px rgba(0, 0, 0, 0.32), 0px 2px 24px 0px rgba(0, 0, 0, 0.32)",
543
+ "--elevation-card-hover": "0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 1px 2px -1px rgba(255, 255, 255, 0.16), 0px 2px 8px 0px rgba(0, 0, 0, 0.4)",
594
544
  "--borders-focus": "0px 0px 0px 1px rgba(23, 23, 23, 1), 0px 0px 0px 3px rgba(96, 165, 250, 0.8)",
595
- "--buttons-neutral-focus": "0px 0.5px 0px 0px rgba(255, 255, 255, 0.1) inset, 0px 0.5px 0px 0px rgba(0, 0, 0, 0.4), 0px 1px 0px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(23, 23, 23, 1), 0px 0px 0px 3px rgba(96, 165, 250, 0.8)",
596
- "--buttons-colored-focus": "0px 0.5px 0px 0px rgba(0, 0, 0, 0.4), 0px 1px 0px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(23, 23, 23, 1), 0px 0px 0px 3px rgba(96, 165, 250, 0.8)",
545
+ "--buttons-colored-focus": "0px 0.25px 0px 0px rgba(0, 0, 0, 0.6), 0px 0.5px 0px 0px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(27, 27, 31, 1), 0px 0px 0px 3px rgba(96, 165, 250, 0.8)",
597
546
  "--borders-interactive-with-shadow": "0px 1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1)",
598
- "--borders-strong-with-shadow": "0px 1px 2px 0px rgba(255, 255, 255, 0.24), 0px 0px 0px 1px rgba(55, 55, 55, 1), 0px 0.5px 0px 2px rgba(0, 0, 0, 0.4)",
599
547
  "--details-contrast-on-bg-interactive": "0px 1px 2px 0px rgba(30, 58, 138, 0.6)",
600
548
  "--borders-interactive": "0px 0px 0px 1px rgba(96, 165, 250, 1)",
601
- "--borders-base-with-shadow": "0px 1px 2px 0px rgba(255, 255, 255, 0.1), 0px 0px 0px 1px rgba(48, 48, 48, 1), 0px 0.5px 0px 2px rgba(0, 0, 0, 0.4)",
602
- "--borders-base": "0px 0px 0px 1px rgba(48, 48, 48, 1)",
603
- "--borders-interactive-with-focus": "0px 1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1), 0px 0px 0px 2px rgba(23, 23, 23, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
604
- "--elevation-card-rest": "0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 1px 2px -1px rgba(255, 255, 255, 0.16), 0px 2px 4px 0px rgba(0, 0, 0, 0.4)",
605
- "--elevation-tooltip": "0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 4px 8px 0px rgba(0, 0, 0, 0.32)",
606
- "--elevation-card-hover": "0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 1px 2px -1px rgba(255, 255, 255, 0.16), 0px 2px 8px 0px rgba(0, 0, 0, 0.4)",
549
+ "--elevation-card-rest": "0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 1px 2px -1px rgba(255, 255, 255, 0.16), 0px 2px 4px 0px rgba(0, 0, 0, 0.4)",
550
+ "--elevation-tooltip": "0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.32)",
607
551
  "--borders-active": "0px 0px 0px 3px rgba(59, 130, 246, 0.25)",
608
552
  "--borders-error": "0px 0px 0px 3px rgba(225, 29, 72, 0.25)",
609
- "--elevation-flyout": "0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.32)",
610
- "--elevation-modal": "0px 0px 0px 1px rgba(23, 23, 23, 1) inset, 0px 0px 0px 2px rgba(48, 48, 48, 0.4) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 16px 32px 0px rgba(0, 0, 0, 0.32), 0px 2px 24px 0px rgba(0, 0, 0, 0.32)",
553
+ "--elevation-flyout": "0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 8px 16px 0px rgba(0, 0, 0, 0.32)",
611
554
  "--details-switch-handle": "0px 0px 2px 1px rgba(255, 255, 255, 1) inset, 0px 1px 0px 0px rgba(255, 255, 255, 1) inset, 0px 0px 0px 0.5px rgba(0, 0, 0, 0.16), 0px 5px 4px 0px rgba(0, 0, 0, 0.1), 0px 3px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.1)",
612
555
  "--details-switch-background": "0px 1px 1px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset, 0px 0px 0px 0.5px rgba(255, 255, 255, 0.16) inset, 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.2)",
613
- "--details-switch-background-focus": "0px 0px 0px 1px rgba(23, 23, 23, 1), 0px 0px 0px 3px rgba(96, 165, 250, 0.8), 0px 1px 1px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset, 0px 0px 0px 0.5px rgba(255, 255, 255, 0.16) inset, 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.2)"
556
+ "--buttons-colored": "0px 0.25px 0px 0px rgba(0, 0, 0, 0.6), 0px 0.5px 0px 0px rgba(0, 0, 0, 0.6)",
557
+ "--buttons-neutral": "0px 0.5px 0px 0px rgba(255, 255, 255, 0.1) inset, 0px 0.25px 0px 0px rgba(0, 0, 0, 0.6), 0px 0.5px 0px 0px rgba(0, 0, 0, 0.6)"
614
558
  },
615
559
  "light": {
560
+ "--elevation-flyout": "0px 0px 0px 1px rgba(3, 7, 18, 0.08), 0px 8px 16px 0px rgba(3, 7, 18, 0.08)",
561
+ "--elevation-tooltip": "0px 0px 0px 1px rgba(3, 7, 18, 0.08), 0px 4px 8px 0px rgba(3, 7, 18, 0.08)",
562
+ "--elevation-card-rest": "0px 0px 0px 1px rgba(3, 7, 18, 0.08), 0px 1px 2px -1px rgba(3, 7, 18, 0.08), 0px 2px 4px 0px rgba(3, 7, 18, 0.04)",
563
+ "--buttons-neutral-focus": "0px 0.25px 0px 0px rgba(3, 7, 18, 0.16), 0px 0.5px 0px 0px rgba(3, 7, 18, 0.16), 0px 0px 0px 1px rgba(255, 255, 255, 1), 0px 0px 0px 3px rgba(59, 130, 246, 0.6)",
616
564
  "--borders-focus": "0px 0px 0px 1px rgba(255, 255, 255, 1), 0px 0px 0px 3px rgba(59, 130, 246, 0.6)",
617
565
  "--borders-interactive": "0px 0px 0px 1px rgba(59, 130, 246, 1)",
618
566
  "--borders-active": "0px 0px 0px 3px rgba(59, 130, 246, 0.2)",
619
567
  "--details-contrast-on-bg-interactive": "0px 1px 2px 0px rgba(30, 58, 138, 0.6)",
620
568
  "--borders-error": "0px 0px 0px 3px rgba(225, 29, 72, 0.15)",
621
- "--details-switch-handle": "0px 0px 2px 1px rgba(255, 255, 255, 1) inset, 0px 1px 0px 0px rgba(255, 255, 255, 1) inset, 0px 0px 0px 0.5px rgba(0, 0, 0, 0.02), 0px 5px 4px 0px rgba(0, 0, 0, 0.02), 0px 3px 3px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.08)",
622
569
  "--borders-interactive-with-focus": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(59, 130, 246, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.6)",
623
- "--elevation-flyout": "0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 8px 16px 0px rgba(0, 0, 0, 0.08)",
624
- "--details-switch-background-focus": "0px 0px 0px 1px rgba(255, 255, 255, 1), 0px 0px 0px 3px rgba(59, 130, 246, 0.6), 0px 1px 1px 0px rgba(0, 0, 0, 0.04) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.04) inset, 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06) inset, 0px 0px 8px 0px rgba(0, 0, 0, 0.02) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.04)",
625
- "--borders-base": "0px 0px 0px 1px rgba(229, 229, 229, 1)",
626
- "--elevation-tooltip": "0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 4px 8px 0px rgba(0, 0, 0, 0.08)",
570
+ "--details-switch-handle": "0px 0px 2px 1px rgba(255, 255, 255, 1) inset, 0px 1px 0px 0px rgba(255, 255, 255, 1) inset, 0px 0px 0px 0.5px rgba(3, 7, 18, 0.02), 0px 5px 4px 0px rgba(3, 7, 18, 0.02), 0px 3px 3px 0px rgba(3, 7, 18, 0.04), 0px 1px 2px 0px rgba(3, 7, 18, 0.12), 0px 0px 1px 0px rgba(3, 7, 18, 0.08)",
571
+ "--details-switch-background-focus": "0px 0px 0px 1px rgba(255, 255, 255, 1), 0px 0px 0px 3px rgba(59, 130, 246, 0.6), 0px 1px 1px 0px rgba(3, 7, 18, 0.04) inset, 0px 2px 4px 0px rgba(3, 7, 18, 0.04) inset, 0px 0px 0px 0.5px rgba(3, 7, 18, 0.06) inset, 0px 0px 8px 0px rgba(3, 7, 18, 0.02) inset, 0px 2px 4px 0px rgba(3, 7, 18, 0.04)",
572
+ "--borders-base": "0px 0px 0px 1px rgba(229, 231, 235, 1)",
627
573
  "--borders-interactive-with-shadow": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(59, 130, 246, 1)",
628
- "--elevation-card-hover": "0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 2px -1px rgba(0, 0, 0, 0.08), 0px 2px 8px 0px rgba(0, 0, 0, 0.1)",
629
- "--elevation-modal": "0px 0px 0px 1px rgba(255, 255, 255, 1) inset, 0px 0px 0px 2px rgba(229, 229, 229, 0.4) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 16px 32px 0px rgba(0, 0, 0, 0.08), 0px 2px 24px 0px rgba(0, 0, 0, 0.08)",
630
- "--elevation-card-rest": "0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 2px -1px rgba(0, 0, 0, 0.08), 0px 2px 4px 0px rgba(0, 0, 0, 0.04)",
631
- "--buttons-neutral": "0px 0.5px 0px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.12)",
632
- "--buttons-colored-focus": "0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0.5px 0px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(255, 255, 255, 1), 0px 0px 0px 3px rgba(59, 130, 246, 0.6)",
633
- "--buttons-colored": "0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0.5px 0px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.12)",
634
- "--buttons-neutral-focus": "0px 0.5px 0px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(255, 255, 255, 1), 0px 0px 0px 3px rgba(59, 130, 246, 0.6)",
635
- "--borders-base-with-shadow": "0px 1px 2px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 1px rgba(229, 229, 229, 1)",
636
- "--borders-strong-with-shadow": "0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 0px 0px 1px rgba(212, 212, 212, 1)",
637
- "--details-switch-background": "0px 1px 1px 0px rgba(0, 0, 0, 0.04) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.04) inset, 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06) inset, 0px 0px 8px 0px rgba(0, 0, 0, 0.02) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.04)"
574
+ "--elevation-card-hover": "0px 0px 0px 1px rgba(3, 7, 18, 0.08), 0px 1px 2px -1px rgba(3, 7, 18, 0.08), 0px 2px 8px 0px rgba(3, 7, 18, 0.1)",
575
+ "--elevation-modal": "0px 0px 0px 1px rgba(255, 255, 255, 1) inset, 0px 0px 0px 2px rgba(229, 231, 235, 0.4) inset, 0px 0px 0px 1px rgba(3, 7, 18, 0.08), 0px 16px 32px 0px rgba(3, 7, 18, 0.08), 0px 2px 24px 0px rgba(3, 7, 18, 0.08)",
576
+ "--buttons-neutral": "0px 0.25px 0px 0px rgba(3, 7, 18, 0.16), 0px 0.5px 0px 0px rgba(3, 7, 18, 0.16)",
577
+ "--buttons-colored": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0.25px 0px 0px rgba(3, 7, 18, 0.16), 0px 0.5px 0px 0px rgba(3, 7, 18, 0.16)",
578
+ "--borders-base-with-shadow": "0px 1px 2px 0px rgba(3, 7, 18, 0.2), 0px 0px 0px 1px rgba(229, 231, 235, 1)",
579
+ "--details-switch-background": "0px 1px 1px 0px rgba(3, 7, 18, 0.04) inset, 0px 2px 4px 0px rgba(3, 7, 18, 0.04) inset, 0px 0px 0px 0.5px rgba(3, 7, 18, 0.06) inset, 0px 0px 8px 0px rgba(3, 7, 18, 0.02) inset, 0px 2px 4px 0px rgba(3, 7, 18, 0.04)",
580
+ "--buttons-colored-focus": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0.25px 0px 0px rgba(3, 7, 18, 0.2), 0px 0.5px 0px 0px rgba(3, 7, 18, 0.2), 0px 0px 0px 1px rgba(255, 255, 255, 1), 0px 0px 0px 3px rgba(59, 130, 246, 0.6)"
638
581
  }
639
582
  };
640
583
 
@@ -700,18 +643,6 @@ var typography = {
700
643
  "fontWeight": "500",
701
644
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
702
645
  },
703
- ".code-body": {
704
- "fontSize": "0.8125rem",
705
- "lineHeight": "1.5rem",
706
- "fontWeight": "400",
707
- "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
708
- },
709
- ".code-label": {
710
- "fontSize": "0.8125rem",
711
- "lineHeight": "1.25rem",
712
- "fontWeight": "400",
713
- "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
714
- },
715
646
  ".txt-medium": {
716
647
  "fontSize": "0.875rem",
717
648
  "lineHeight": "1.5rem",
@@ -790,7 +721,55 @@ var typography = {
790
721
  "fontWeight": "400",
791
722
  "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
792
723
  },
793
- ".txt-large-plus-compact": {
724
+ ".code-body": {
725
+ "fontSize": "0.8125rem",
726
+ "lineHeight": "1.5rem",
727
+ "fontWeight": "400",
728
+ "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
729
+ },
730
+ ".code-label": {
731
+ "fontSize": "0.8125rem",
732
+ "lineHeight": "1.25rem",
733
+ "fontWeight": "400",
734
+ "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
735
+ },
736
+ ".txt-compact-xlarge-plus": {
737
+ "fontSize": "1.125rem",
738
+ "lineHeight": "1.25rem",
739
+ "fontWeight": "500",
740
+ "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
741
+ },
742
+ ".txt-xsmall-plus": {
743
+ "fontSize": "0.75rem",
744
+ "lineHeight": "1.25rem",
745
+ "fontWeight": "500",
746
+ "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
747
+ },
748
+ ".txt-compact-xlarge": {
749
+ "fontSize": "1.125rem",
750
+ "lineHeight": "1.25rem",
751
+ "fontWeight": "400",
752
+ "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
753
+ },
754
+ ".txt-small-plus": {
755
+ "fontSize": "0.8125rem",
756
+ "lineHeight": "1.375rem",
757
+ "fontWeight": "500",
758
+ "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
759
+ },
760
+ ".txt-small": {
761
+ "fontSize": "0.8125rem",
762
+ "lineHeight": "1.375rem",
763
+ "fontWeight": "400",
764
+ "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
765
+ },
766
+ ".txt-xsmall": {
767
+ "fontSize": "0.75rem",
768
+ "lineHeight": "1.25rem",
769
+ "fontWeight": "400",
770
+ "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
771
+ },
772
+ ".txt-compact-large-plus": {
794
773
  "fontSize": "1rem",
795
774
  "lineHeight": "1.25rem",
796
775
  "fontWeight": "500",
@@ -836,6 +815,20 @@ var plugin_default = (0, import_plugin.default)(
836
815
  },
837
816
  transitionProperty: {
838
817
  fg: "color, background-color, border-color, box-shadow"
818
+ },
819
+ keyframes: {
820
+ "accordion-down": {
821
+ from: { height: "0px" },
822
+ to: { height: "var(--radix-accordion-content-height)" }
823
+ },
824
+ "accordion-up": {
825
+ from: { height: "var(--radix-accordion-content-height)" },
826
+ to: { height: "0px" }
827
+ }
828
+ },
829
+ animation: {
830
+ "accordion-down": "accordion-down 0.2s ease-out",
831
+ "accordion-up": "accordion-up 0.2s ease-out"
839
832
  }
840
833
  }
841
834
  }