@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.mjs CHANGED
@@ -33,6 +33,44 @@ var init_theme = __esm({
33
33
  "extend": {
34
34
  "colors": {
35
35
  "ui": {
36
+ "button": {
37
+ "inverted": {
38
+ "DEFAULT": "var(--button-inverted)",
39
+ "hover": {
40
+ "DEFAULT": "var(--button-inverted-hover)"
41
+ },
42
+ "pressed": {
43
+ "DEFAULT": "var(--button-inverted-pressed)"
44
+ }
45
+ },
46
+ "transparent": {
47
+ "DEFAULT": "var(--button-transparent)",
48
+ "hover": {
49
+ "DEFAULT": "var(--button-transparent-hover)"
50
+ },
51
+ "pressed": {
52
+ "DEFAULT": "var(--button-transparent-pressed)"
53
+ }
54
+ },
55
+ "danger": {
56
+ "pressed": {
57
+ "DEFAULT": "var(--button-danger-pressed)"
58
+ },
59
+ "DEFAULT": "var(--button-danger)",
60
+ "hover": {
61
+ "DEFAULT": "var(--button-danger-hover)"
62
+ }
63
+ },
64
+ "neutral": {
65
+ "pressed": {
66
+ "DEFAULT": "var(--button-neutral-pressed)"
67
+ },
68
+ "DEFAULT": "var(--button-neutral)",
69
+ "hover": {
70
+ "DEFAULT": "var(--button-neutral-hover)"
71
+ }
72
+ }
73
+ },
36
74
  "code": {
37
75
  "text": {
38
76
  "base": {
@@ -212,6 +250,17 @@ var init_theme = __esm({
212
250
  "component": {
213
251
  "DEFAULT": "var(--bg-component)"
214
252
  },
253
+ "overlay": {
254
+ "DEFAULT": "var(--bg-overlay)"
255
+ },
256
+ "switch": {
257
+ "off": {
258
+ "DEFAULT": "var(--bg-switch-off)",
259
+ "hover": {
260
+ "DEFAULT": "var(--bg-switch-off-hover)"
261
+ }
262
+ }
263
+ },
215
264
  "field": {
216
265
  "hover": {
217
266
  "DEFAULT": "var(--bg-field-hover)"
@@ -221,19 +270,8 @@ var init_theme = __esm({
221
270
  "interactive": {
222
271
  "DEFAULT": "var(--bg-interactive)"
223
272
  },
224
- "overlay": {
225
- "DEFAULT": "var(--bg-overlay)"
226
- },
227
273
  "disabled": {
228
274
  "DEFAULT": "var(--bg-disabled)"
229
- },
230
- "switch": {
231
- "off": {
232
- "hover": {
233
- "DEFAULT": "var(--bg-switch-off-hover)"
234
- },
235
- "DEFAULT": "var(--bg-switch-off)"
236
- }
237
275
  }
238
276
  },
239
277
  "fg": {
@@ -266,70 +304,31 @@ var init_theme = __esm({
266
304
  "muted": {
267
305
  "DEFAULT": "var(--fg-muted)"
268
306
  }
269
- },
270
- "button": {
271
- "danger": {
272
- "pressed": {
273
- "DEFAULT": "var(--button-danger-pressed)"
274
- },
275
- "DEFAULT": "var(--button-danger)",
276
- "hover": {
277
- "DEFAULT": "var(--button-danger-hover)"
278
- }
279
- },
280
- "transparent": {
281
- "DEFAULT": "var(--button-transparent)",
282
- "hover": {
283
- "DEFAULT": "var(--button-transparent-hover)"
284
- },
285
- "pressed": {
286
- "DEFAULT": "var(--button-transparent-pressed)"
287
- }
288
- },
289
- "inverted": {
290
- "DEFAULT": "var(--button-inverted)",
291
- "pressed": {
292
- "DEFAULT": "var(--button-inverted-pressed)"
293
- },
294
- "hover": {
295
- "DEFAULT": "var(--button-inverted-hover)"
296
- }
297
- },
298
- "neutral": {
299
- "pressed": {
300
- "DEFAULT": "var(--button-neutral-pressed)"
301
- },
302
- "DEFAULT": "var(--button-neutral)",
303
- "hover": {
304
- "DEFAULT": "var(--button-neutral-hover)"
305
- }
306
- }
307
307
  }
308
308
  }
309
309
  },
310
310
  "boxShadow": {
311
+ "elevation-flyout": "var(--elevation-flyout)",
312
+ "elevation-tooltip": "var(--elevation-tooltip)",
313
+ "elevation-card-rest": "var(--elevation-card-rest)",
314
+ "buttons-neutral-focus": "var(--buttons-neutral-focus)",
311
315
  "borders-focus": "var(--borders-focus)",
312
316
  "borders-interactive": "var(--borders-interactive)",
313
317
  "borders-active": "var(--borders-active)",
314
318
  "details-contrast-on-bg-interactive": "var(--details-contrast-on-bg-interactive)",
315
319
  "borders-error": "var(--borders-error)",
316
- "details-switch-handle": "var(--details-switch-handle)",
317
320
  "borders-interactive-with-focus": "var(--borders-interactive-with-focus)",
318
- "elevation-flyout": "var(--elevation-flyout)",
321
+ "details-switch-handle": "var(--details-switch-handle)",
319
322
  "details-switch-background-focus": "var(--details-switch-background-focus)",
320
323
  "borders-base": "var(--borders-base)",
321
- "elevation-tooltip": "var(--elevation-tooltip)",
322
324
  "borders-interactive-with-shadow": "var(--borders-interactive-with-shadow)",
323
325
  "elevation-card-hover": "var(--elevation-card-hover)",
324
326
  "elevation-modal": "var(--elevation-modal)",
325
- "elevation-card-rest": "var(--elevation-card-rest)",
326
327
  "buttons-neutral": "var(--buttons-neutral)",
327
- "buttons-colored-focus": "var(--buttons-colored-focus)",
328
328
  "buttons-colored": "var(--buttons-colored)",
329
- "buttons-neutral-focus": "var(--buttons-neutral-focus)",
330
329
  "borders-base-with-shadow": "var(--borders-base-with-shadow)",
331
- "borders-strong-with-shadow": "var(--borders-strong-with-shadow)",
332
- "details-switch-background": "var(--details-switch-background)"
330
+ "details-switch-background": "var(--details-switch-background)",
331
+ "buttons-colored-focus": "var(--buttons-colored-focus)"
333
332
  }
334
333
  }
335
334
  };
@@ -343,6 +342,32 @@ var init_colors = __esm({
343
342
  "use strict";
344
343
  colors = {
345
344
  "dark": {
345
+ "--code-text-subtle": "rgba(105, 110, 119, 1)",
346
+ "--button-transparent-pressed": "rgba(46, 48, 53, 1)",
347
+ "--border-base": "rgba(46, 48, 53, 1)",
348
+ "--code-text-base": "rgba(237, 238, 240, 1)",
349
+ "--tag-neutral-icon": "rgba(125, 130, 138, 1)",
350
+ "--bg-switch-off-hover": "rgba(70, 75, 80, 1)",
351
+ "--fg-on-color": "rgba(255, 255, 255, 1)",
352
+ "--button-neutral-hover": "rgba(53, 55, 60, 1)",
353
+ "--bg-switch-off": "rgba(53, 55, 60, 1)",
354
+ "--border-strong": "rgba(53, 55, 60, 1)",
355
+ "--fg-subtle": "rgba(173, 177, 184, 1)",
356
+ "--fg-base": "rgba(237, 238, 240, 1)",
357
+ "--bg-base-hover": "rgba(39, 40, 45, 1)",
358
+ "--bg-subtle-hover": "rgba(27, 27, 31, 1)",
359
+ "--fg-disabled": "rgba(60, 63, 68, 1)",
360
+ "--bg-subtle": "rgba(24, 24, 26, 1)",
361
+ "--tag-neutral-border": "rgba(60, 63, 68, 1)",
362
+ "--bg-subtle-pressed": "rgba(39, 40, 45, 1)",
363
+ "--tag-neutral-text": "rgba(173, 177, 184, 1)",
364
+ "--fg-muted": "rgba(105, 110, 119, 1)",
365
+ "--button-danger-pressed": "rgba(225, 29, 72, 1)",
366
+ "--code-bg-header": "rgba(24, 24, 26, 1)",
367
+ "--border-loud": "rgba(237, 238, 240, 1)",
368
+ "--bg-base-pressed": "rgba(46, 48, 53, 1)",
369
+ "--bg-disabled": "rgba(39, 40, 45, 1)",
370
+ "--code-icon": "rgba(70, 75, 80, 1)",
346
371
  "--bg-highlight-hover": "rgba(30, 58, 138, 1)",
347
372
  "--border-danger": "rgba(190, 18, 60, 1)",
348
373
  "--border-interactive": "rgba(96, 165, 250, 1)",
@@ -354,95 +379,61 @@ var init_colors = __esm({
354
379
  "--button-danger": "rgba(159, 18, 57, 1)",
355
380
  "--button-danger-gradient-from": "rgba(255, 255, 255, 1)",
356
381
  "--button-danger-gradient-to": "rgba(255, 255, 255, 0)",
357
- "--bg-overlay": "rgba(10, 10, 10, 0.7)",
358
382
  "--fg-interactive": "rgba(96, 165, 250, 1)",
359
- "--fg-on-inverted": "rgba(10, 10, 10, 1)",
360
- "--button-danger-pressed": "rgba(159, 18, 57, 1)",
361
- "--button-danger-pressed-gradient-from": "rgba(255, 255, 255, 0)",
362
- "--button-danger-pressed-gradient-to": "rgba(255, 255, 255, 1)",
363
- "--button-neutral-pressed": "rgba(38, 38, 38, 1)",
364
- "--button-neutral-pressed-gradient-from": "rgba(255, 255, 255, 0)",
365
- "--button-neutral-pressed-gradient-to": "rgba(255, 255, 255, 1)",
383
+ "--bg-overlay": "rgba(24, 24, 26, 0.7)",
384
+ "--fg-on-inverted": "rgba(24, 24, 26, 1)",
385
+ "--button-neutral-pressed": "rgba(60, 63, 68, 1)",
366
386
  "--tag-red-border": "rgba(136, 19, 55, 1)",
367
387
  "--tag-red-bg": "rgba(76, 5, 25, 1)",
368
- "--button-transparent-hover": "rgba(38, 38, 38, 1)",
388
+ "--button-transparent-hover": "rgba(39, 40, 45, 1)",
369
389
  "--tag-blue-text": "rgba(96, 165, 250, 1)",
370
- "--button-inverted": "rgba(238, 238, 238, 1)",
371
- "--button-inverted-gradient-from": "rgba(0, 0, 0, 0)",
372
- "--button-inverted-gradient-to": "rgba(0, 0, 0, 1)",
373
390
  "--tag-orange-text": "rgba(251, 191, 36, 1)",
374
391
  "--tag-green-text": "rgba(52, 211, 153, 1)",
375
- "--button-transparent": "rgba(0, 0, 0, 0)",
376
- "--button-transparent-pressed": "rgba(48, 48, 48, 1)",
377
- "--tag-neutral-bg": "rgba(48, 48, 48, 1)",
378
- "--code-text-subtle": "rgba(110, 110, 110, 1)",
379
- "--code-bg-base": "rgba(30, 30, 30, 1)",
392
+ "--tag-neutral-bg": "rgba(46, 48, 53, 1)",
380
393
  "--tag-orange-border": "rgba(120, 53, 15, 1)",
381
- "--border-base": "rgba(48, 48, 48, 1)",
382
- "--bg-component": "rgba(38, 38, 38, 1)",
383
- "--code-text-base": "rgba(238, 238, 238, 1)",
384
394
  "--tag-green-border": "rgba(6, 78, 59, 1)",
385
- "--bg-base": "rgba(23, 23, 23, 1)",
386
- "--fg-on-color": "rgba(238, 238, 238, 1)",
395
+ "--bg-base": "rgba(27, 27, 31, 1)",
387
396
  "--tag-red-text": "rgba(251, 113, 133, 1)",
388
397
  "--tag-green-bg-hover": "rgba(6, 78, 59, 1)",
389
398
  "--tag-purple-bg-hover": "rgba(76, 29, 149, 1)",
390
399
  "--tag-red-bg-hover": "rgba(136, 19, 55, 1)",
391
- "--border-strong": "rgba(55, 55, 55, 1)",
392
- "--fg-subtle": "rgba(163, 163, 163, 1)",
393
- "--fg-base": "rgba(238, 238, 238, 1)",
394
- "--code-border": "rgba(48, 48, 48, 1)",
395
- "--border-transparent": "rgba(238, 238, 238, 0)",
400
+ "--border-transparent": "rgba(255, 255, 255, 0)",
401
+ "--code-border": "rgba(46, 48, 53, 1)",
396
402
  "--tag-orange-icon": "rgba(245, 158, 11, 1)",
397
403
  "--tag-purple-bg": "rgba(46, 16, 100, 1)",
398
- "--bg-base-hover": "rgba(38, 38, 38, 1)",
399
- "--bg-subtle-hover": "rgba(23, 23, 23, 1)",
400
404
  "--tag-blue-bg": "rgba(23, 37, 84, 1)",
401
- "--fg-disabled": "rgba(63, 63, 63, 1)",
402
- "--bg-subtle": "rgba(10, 10, 10, 1)",
403
405
  "--tag-green-bg": "rgba(2, 44, 34, 1)",
404
- "--bg-subtle-pressed": "rgba(38, 38, 38, 1)",
405
406
  "--tag-blue-border": "rgba(30, 58, 138, 1)",
406
- "--fg-muted": "rgba(110, 110, 110, 1)",
407
407
  "--tag-purple-border": "rgba(76, 29, 149, 1)",
408
408
  "--tag-blue-bg-hover": "rgba(30, 42, 138, 1)",
409
- "--code-bg-header": "rgba(23, 23, 23, 1)",
410
- "--border-loud": "rgba(238, 238, 238, 1)",
411
- "--bg-base-pressed": "rgba(48, 48, 48, 1)",
412
409
  "--tag-orange-bg": "rgba(69, 26, 3, 1)",
413
- "--bg-disabled": "rgba(38, 38, 38, 1)",
414
410
  "--tag-orange-bg-hover": "rgba(120, 53, 15, 1)",
415
- "--code-icon": "rgba(74, 74, 74, 1)",
416
- "--bg-field-hover": "rgba(48, 48, 48, 1)",
417
- "--bg-field": "rgba(38, 38, 38, 1)",
418
- "--button-neutral": "rgba(38, 38, 38, 1)",
411
+ "--code-bg-base": "rgba(27, 27, 31, 1)",
412
+ "--button-transparent": "rgba(255, 255, 255, 0)",
413
+ "--button-neutral": "rgba(39, 40, 45, 1)",
419
414
  "--button-neutral-gradient-from": "rgba(255, 255, 255, 1)",
420
415
  "--button-neutral-gradient-to": "rgba(255, 255, 255, 0)",
421
- "--button-inverted-pressed": "rgba(238, 238, 238, 1)",
422
- "--button-inverted-pressed-gradient-from": "rgba(0, 0, 0, 1)",
423
- "--button-inverted-pressed-gradient-to": "rgba(0, 0, 0, 0)",
424
- "--button-neutral-hover": "rgba(38, 38, 38, 1)",
425
- "--button-neutral-hover-gradient-from": "rgba(255, 255, 255, 1)",
426
- "--button-neutral-hover-gradient-to": "rgba(255, 255, 255, 0)",
427
- "--button-inverted-hover": "rgba(238, 238, 238, 1)",
428
- "--button-inverted-hover-gradient-from": "rgba(0, 0, 0, 0)",
429
- "--button-inverted-hover-gradient-to": "rgba(0, 0, 0, 1)",
430
- "--button-danger-hover": "rgba(159, 18, 57, 1)",
431
- "--button-danger-hover-gradient-from": "rgba(255, 255, 255, 1)",
432
- "--button-danger-hover-gradient-to": "rgba(255, 255, 255, 0)",
433
- "--bg-switch-off-hover": "rgba(74, 74, 74, 1)",
434
- "--bg-switch-off": "rgba(55, 55, 55, 1)",
435
- "--tag-neutral-bg-hover": "rgba(63, 63, 63, 1)",
436
- "--tag-neutral-border": "rgba(63, 63, 63, 1)",
416
+ "--button-inverted-pressed": "rgba(237, 238, 240, 1)",
417
+ "--button-inverted-hover": "rgba(255, 255, 255, 1)",
418
+ "--button-danger-hover": "rgba(190, 18, 60, 1)",
419
+ "--tag-neutral-bg-hover": "rgba(53, 55, 60, 1)",
437
420
  "--tag-blue-icon": "rgba(59, 130, 246, 1)",
438
421
  "--tag-red-icon": "rgba(244, 63, 94, 1)",
439
- "--tag-neutral-icon": "rgba(129, 129, 129, 1)",
440
422
  "--tag-purple-icon": "rgba(139, 92, 246, 1)",
441
423
  "--tag-purple-text": "rgba(167, 139, 250, 1)",
442
- "--tag-neutral-text": "rgba(163, 163, 163, 1)",
443
- "--tag-green-icon": "rgba(16, 185, 129, 1)"
424
+ "--tag-green-icon": "rgba(16, 185, 129, 1)",
425
+ "--button-inverted": "rgba(237, 238, 240, 1)",
426
+ "--button-inverted-gradient-from": "rgba(24, 24, 26, 0)",
427
+ "--button-inverted-gradient-to": "rgba(24, 24, 26, 1)",
428
+ "--bg-component": "rgba(39, 40, 45, 1)",
429
+ "--bg-field": "rgba(39, 40, 45, 1)",
430
+ "--bg-field-hover": "rgba(46, 48, 53, 1)"
444
431
  },
445
432
  "light": {
433
+ "--button-inverted": "rgba(3, 7, 18, 1)",
434
+ "--button-inverted-gradient-from": "rgba(255, 255, 255, 1)",
435
+ "--button-inverted-gradient-to": "rgba(255, 255, 255, 0)",
436
+ "--button-inverted-hover": "rgba(31, 41, 55, 1)",
446
437
  "--code-text-base": "rgba(249, 250, 251, 1)",
447
438
  "--tag-green-bg": "rgba(209, 250, 229, 1)",
448
439
  "--border-strong": "rgba(209, 213, 219, 1)",
@@ -463,24 +454,17 @@ var init_colors = __esm({
463
454
  "--tag-purple-text": "rgba(109, 40, 217, 1)",
464
455
  "--tag-blue-bg": "rgba(219, 234, 254, 1)",
465
456
  "--tag-blue-icon": "rgba(37, 99, 235, 1)",
466
- "--bg-component": "rgba(241, 243, 245, 1)",
467
457
  "--border-error": "rgba(225, 29, 72, 1)",
468
- "--bg-field-hover": "rgba(243, 244, 246, 1)",
469
- "--bg-field": "rgba(249, 250, 251, 1)",
470
458
  "--border-loud": "rgba(3, 7, 18, 1)",
471
459
  "--fg-on-inverted": "rgba(255, 255, 255, 1)",
472
460
  "--fg-on-color": "rgba(255, 255, 255, 1)",
473
- "--button-danger-pressed": "rgba(225, 29, 72, 1)",
474
- "--button-danger-pressed-gradient-from": "rgba(255, 255, 255, 0)",
475
- "--button-danger-pressed-gradient-to": "rgba(255, 255, 255, 1)",
476
461
  "--button-transparent": "rgba(255, 255, 255, 0)",
477
- "--bg-interactive": "rgba(59, 130, 246, 1)",
462
+ "--button-danger-pressed": "rgba(190, 18, 60, 1)",
478
463
  "--fg-interactive-hover": "rgba(37, 99, 235, 1)",
479
464
  "--fg-interactive": "rgba(59, 130, 246, 1)",
480
465
  "--fg-error": "rgba(225, 29, 72, 1)",
481
466
  "--border-danger": "rgba(190, 18, 60, 1)",
482
467
  "--border-transparent": "rgba(3, 7, 18, 0)",
483
- "--bg-overlay": "rgba(3, 7, 18, 0.4)",
484
468
  "--fg-base": "rgba(3, 7, 18, 1)",
485
469
  "--fg-disabled": "rgba(209, 213, 219, 1)",
486
470
  "--bg-subtle-pressed": "rgba(229, 231, 235, 1)",
@@ -506,43 +490,32 @@ var init_colors = __esm({
506
490
  "--tag-red-border": "rgba(254, 205, 211, 1)",
507
491
  "--tag-green-border": "rgba(167, 243, 208, 1)",
508
492
  "--tag-green-text": "rgba(4, 120, 87, 1)",
509
- "--bg-disabled": "rgba(243, 244, 246, 1)",
510
493
  "--button-transparent-hover": "rgba(249, 250, 251, 1)",
511
494
  "--button-transparent-pressed": "rgba(243, 244, 246, 1)",
512
- "--bg-switch-off-hover": "rgba(229, 231, 235, 1)",
513
- "--bg-switch-off-hover-gradient-from": "rgba(3, 7, 18, 0)",
514
- "--bg-switch-off-hover-gradient-to": "rgba(3, 7, 18, 1)",
515
- "--bg-highlight-hover": "rgba(219, 234, 254, 1)",
516
495
  "--code-bg-base": "rgba(17, 24, 39, 1)",
517
496
  "--code-bg-header": "rgba(31, 41, 55, 1)",
518
497
  "--code-text-subtle": "rgba(156, 163, 175, 1)",
519
498
  "--code-border": "rgba(55, 65, 81, 1)",
520
499
  "--code-icon": "rgba(107, 114, 128, 1)",
521
- "--button-inverted": "rgba(10, 10, 10, 1)",
522
- "--button-inverted-gradient-from": "rgba(255, 255, 255, 1)",
523
- "--button-inverted-gradient-to": "rgba(255, 255, 255, 0)",
524
- "--button-neutral-pressed": "rgba(255, 255, 255, 1)",
525
- "--button-neutral-pressed-gradient-from": "rgba(10, 10, 10, 1)",
526
- "--button-neutral-pressed-gradient-to": "rgba(10, 10, 10, 0)",
527
- "--button-inverted-pressed": "rgba(10, 10, 10, 1)",
528
- "--button-inverted-pressed-gradient-from": "rgba(255, 255, 255, 0)",
529
- "--button-inverted-pressed-gradient-to": "rgba(255, 255, 255, 1)",
530
- "--button-inverted-hover": "rgba(10, 10, 10, 1)",
531
- "--button-inverted-hover-gradient-from": "rgba(255, 255, 255, 1)",
532
- "--button-inverted-hover-gradient-to": "rgba(255, 255, 255, 0)",
500
+ "--button-neutral-pressed": "rgba(243, 244, 246, 1)",
501
+ "--button-inverted-pressed": "rgba(55, 65, 81, 1)",
533
502
  "--button-neutral": "rgba(255, 255, 255, 1)",
534
- "--button-neutral-gradient-from": "rgba(10, 10, 10, 0)",
535
- "--button-neutral-gradient-to": "rgba(10, 10, 10, 1)",
536
- "--button-neutral-hover": "rgba(255, 255, 255, 1)",
537
- "--button-neutral-hover-gradient-from": "rgba(10, 10, 10, 0)",
538
- "--button-neutral-hover-gradient-to": "rgba(10, 10, 10, 1)",
503
+ "--button-neutral-gradient-from": "rgba(3, 7, 18, 0)",
504
+ "--button-neutral-gradient-to": "rgba(3, 7, 18, 1)",
539
505
  "--button-danger": "rgba(225, 29, 72, 1)",
540
506
  "--button-danger-gradient-from": "rgba(255, 255, 255, 1)",
541
507
  "--button-danger-gradient-to": "rgba(255, 255, 255, 0)",
508
+ "--button-neutral-hover": "rgba(249, 250, 251, 1)",
542
509
  "--button-danger-hover": "rgba(225, 29, 72, 1)",
543
- "--button-danger-hover-gradient-from": "rgba(255, 255, 255, 1)",
544
- "--button-danger-hover-gradient-to": "rgba(255, 255, 255, 0)",
545
- "--bg-switch-off": "rgba(229, 231, 235, 1)"
510
+ "--bg-component": "rgba(241, 243, 245, 1)",
511
+ "--bg-overlay": "rgba(3, 7, 18, 0.4)",
512
+ "--bg-switch-off": "rgba(229, 231, 235, 1)",
513
+ "--bg-field-hover": "rgba(243, 244, 246, 1)",
514
+ "--bg-field": "rgba(249, 250, 251, 1)",
515
+ "--bg-interactive": "rgba(59, 130, 246, 1)",
516
+ "--bg-highlight-hover": "rgba(219, 234, 254, 1)",
517
+ "--bg-switch-off-hover": "rgba(209, 213, 219, 1)",
518
+ "--bg-disabled": "rgba(243, 244, 246, 1)"
546
519
  }
547
520
  };
548
521
  }
@@ -554,45 +527,17 @@ var init_components = __esm({
554
527
  "src/theme/tokens/components.ts"() {
555
528
  "use strict";
556
529
  components = {
557
- ".button-danger-gradient": {
558
- "backgroundImage": "linear-gradient(0deg, var(--button-danger-gradient-from), var(--button-danger-gradient-to))",
559
- "opacity": "16%"
560
- },
561
- ".button-danger-pressed-gradient": {
562
- "backgroundImage": "linear-gradient(0deg, var(--button-danger-pressed-gradient-from), var(--button-danger-pressed-gradient-to))",
563
- "opacity": "20%"
564
- },
565
- ".button-neutral-pressed-gradient": {
566
- "backgroundImage": "linear-gradient(0deg, var(--button-neutral-pressed-gradient-from), var(--button-neutral-pressed-gradient-to))",
567
- "opacity": "4%"
568
- },
569
530
  ".button-inverted-gradient": {
570
531
  "backgroundImage": "linear-gradient(0deg, var(--button-inverted-gradient-from), var(--button-inverted-gradient-to))",
571
- "opacity": "16%"
572
- },
573
- ".bg-switch-off-hover-gradient": {
574
- "backgroundImage": "linear-gradient(0deg, var(--bg-switch-off-hover-gradient-from), var(--bg-switch-off-hover-gradient-to))",
575
- "opacity": "6%"
576
- },
577
- ".button-inverted-pressed-gradient": {
578
- "backgroundImage": "linear-gradient(0deg, var(--button-inverted-pressed-gradient-from), var(--button-inverted-pressed-gradient-to))",
579
- "opacity": "16%"
532
+ "opacity": "12%"
580
533
  },
581
- ".button-inverted-hover-gradient": {
582
- "backgroundImage": "linear-gradient(0deg, var(--button-inverted-hover-gradient-from), var(--button-inverted-hover-gradient-to))",
534
+ ".button-danger-gradient": {
535
+ "backgroundImage": "linear-gradient(0deg, var(--button-danger-gradient-from), var(--button-danger-gradient-to))",
583
536
  "opacity": "16%"
584
537
  },
585
538
  ".button-neutral-gradient": {
586
539
  "backgroundImage": "linear-gradient(0deg, var(--button-neutral-gradient-from), var(--button-neutral-gradient-to))",
587
- "opacity": "4%"
588
- },
589
- ".button-neutral-hover-gradient": {
590
- "backgroundImage": "linear-gradient(0deg, var(--button-neutral-hover-gradient-from), var(--button-neutral-hover-gradient-to))",
591
- "opacity": "8%"
592
- },
593
- ".button-danger-hover-gradient": {
594
- "backgroundImage": "linear-gradient(0deg, var(--button-danger-hover-gradient-from), var(--button-danger-hover-gradient-to))",
595
- "opacity": "14.000000000000002%"
540
+ "opacity": "6%"
596
541
  }
597
542
  };
598
543
  }
@@ -605,52 +550,50 @@ var init_effects = __esm({
605
550
  "use strict";
606
551
  effects = {
607
552
  "dark": {
608
- "--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)",
609
- "--buttons-colored": "0px 0.5px 0px 0px rgba(0, 0, 0, 0.4), 0px 1px 0px 0px rgba(0, 0, 0, 0.4)",
553
+ "--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)",
554
+ "--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)",
555
+ "--borders-base": "0px 0px 0px 1px rgba(46, 48, 53, 1)",
556
+ "--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)",
557
+ "--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)",
558
+ "--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)",
559
+ "--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)",
610
560
  "--borders-focus": "0px 0px 0px 1px rgba(23, 23, 23, 1), 0px 0px 0px 3px rgba(96, 165, 250, 0.8)",
611
- "--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)",
612
- "--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)",
561
+ "--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)",
613
562
  "--borders-interactive-with-shadow": "0px 1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1)",
614
- "--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)",
615
563
  "--details-contrast-on-bg-interactive": "0px 1px 2px 0px rgba(30, 58, 138, 0.6)",
616
564
  "--borders-interactive": "0px 0px 0px 1px rgba(96, 165, 250, 1)",
617
- "--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)",
618
- "--borders-base": "0px 0px 0px 1px rgba(48, 48, 48, 1)",
619
- "--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)",
620
- "--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)",
621
- "--elevation-tooltip": "0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 4px 8px 0px rgba(0, 0, 0, 0.32)",
622
- "--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)",
565
+ "--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)",
566
+ "--elevation-tooltip": "0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.32)",
623
567
  "--borders-active": "0px 0px 0px 3px rgba(59, 130, 246, 0.25)",
624
568
  "--borders-error": "0px 0px 0px 3px rgba(225, 29, 72, 0.25)",
625
- "--elevation-flyout": "0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.32)",
626
- "--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)",
569
+ "--elevation-flyout": "0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 8px 16px 0px rgba(0, 0, 0, 0.32)",
627
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(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)",
628
571
  "--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)",
629
- "--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)"
572
+ "--buttons-colored": "0px 0.25px 0px 0px rgba(0, 0, 0, 0.6), 0px 0.5px 0px 0px rgba(0, 0, 0, 0.6)",
573
+ "--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)"
630
574
  },
631
575
  "light": {
576
+ "--elevation-flyout": "0px 0px 0px 1px rgba(3, 7, 18, 0.08), 0px 8px 16px 0px rgba(3, 7, 18, 0.08)",
577
+ "--elevation-tooltip": "0px 0px 0px 1px rgba(3, 7, 18, 0.08), 0px 4px 8px 0px rgba(3, 7, 18, 0.08)",
578
+ "--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)",
579
+ "--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)",
632
580
  "--borders-focus": "0px 0px 0px 1px rgba(255, 255, 255, 1), 0px 0px 0px 3px rgba(59, 130, 246, 0.6)",
633
581
  "--borders-interactive": "0px 0px 0px 1px rgba(59, 130, 246, 1)",
634
582
  "--borders-active": "0px 0px 0px 3px rgba(59, 130, 246, 0.2)",
635
583
  "--details-contrast-on-bg-interactive": "0px 1px 2px 0px rgba(30, 58, 138, 0.6)",
636
584
  "--borders-error": "0px 0px 0px 3px rgba(225, 29, 72, 0.15)",
637
- "--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)",
638
585
  "--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)",
639
- "--elevation-flyout": "0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 8px 16px 0px rgba(0, 0, 0, 0.08)",
640
- "--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)",
641
- "--borders-base": "0px 0px 0px 1px rgba(229, 229, 229, 1)",
642
- "--elevation-tooltip": "0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 4px 8px 0px rgba(0, 0, 0, 0.08)",
586
+ "--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)",
587
+ "--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)",
588
+ "--borders-base": "0px 0px 0px 1px rgba(229, 231, 235, 1)",
643
589
  "--borders-interactive-with-shadow": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(59, 130, 246, 1)",
644
- "--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)",
645
- "--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)",
646
- "--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)",
647
- "--buttons-neutral": "0px 0.5px 0px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.12)",
648
- "--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)",
649
- "--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)",
650
- "--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)",
651
- "--borders-base-with-shadow": "0px 1px 2px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 1px rgba(229, 229, 229, 1)",
652
- "--borders-strong-with-shadow": "0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 0px 0px 1px rgba(212, 212, 212, 1)",
653
- "--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)"
590
+ "--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)",
591
+ "--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)",
592
+ "--buttons-neutral": "0px 0.25px 0px 0px rgba(3, 7, 18, 0.16), 0px 0.5px 0px 0px rgba(3, 7, 18, 0.16)",
593
+ "--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)",
594
+ "--borders-base-with-shadow": "0px 1px 2px 0px rgba(3, 7, 18, 0.2), 0px 0px 0px 1px rgba(229, 231, 235, 1)",
595
+ "--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)",
596
+ "--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)"
654
597
  }
655
598
  };
656
599
  }
@@ -722,18 +665,6 @@ var init_typography = __esm({
722
665
  "fontWeight": "500",
723
666
  "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"
724
667
  },
725
- ".code-body": {
726
- "fontSize": "0.8125rem",
727
- "lineHeight": "1.5rem",
728
- "fontWeight": "400",
729
- "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
730
- },
731
- ".code-label": {
732
- "fontSize": "0.8125rem",
733
- "lineHeight": "1.25rem",
734
- "fontWeight": "400",
735
- "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
736
- },
737
668
  ".txt-medium": {
738
669
  "fontSize": "0.875rem",
739
670
  "lineHeight": "1.5rem",
@@ -812,7 +743,55 @@ var init_typography = __esm({
812
743
  "fontWeight": "400",
813
744
  "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"
814
745
  },
815
- ".txt-large-plus-compact": {
746
+ ".code-body": {
747
+ "fontSize": "0.8125rem",
748
+ "lineHeight": "1.5rem",
749
+ "fontWeight": "400",
750
+ "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
751
+ },
752
+ ".code-label": {
753
+ "fontSize": "0.8125rem",
754
+ "lineHeight": "1.25rem",
755
+ "fontWeight": "400",
756
+ "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
757
+ },
758
+ ".txt-compact-xlarge-plus": {
759
+ "fontSize": "1.125rem",
760
+ "lineHeight": "1.25rem",
761
+ "fontWeight": "500",
762
+ "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"
763
+ },
764
+ ".txt-xsmall-plus": {
765
+ "fontSize": "0.75rem",
766
+ "lineHeight": "1.25rem",
767
+ "fontWeight": "500",
768
+ "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"
769
+ },
770
+ ".txt-compact-xlarge": {
771
+ "fontSize": "1.125rem",
772
+ "lineHeight": "1.25rem",
773
+ "fontWeight": "400",
774
+ "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"
775
+ },
776
+ ".txt-small-plus": {
777
+ "fontSize": "0.8125rem",
778
+ "lineHeight": "1.375rem",
779
+ "fontWeight": "500",
780
+ "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"
781
+ },
782
+ ".txt-small": {
783
+ "fontSize": "0.8125rem",
784
+ "lineHeight": "1.375rem",
785
+ "fontWeight": "400",
786
+ "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"
787
+ },
788
+ ".txt-xsmall": {
789
+ "fontSize": "0.75rem",
790
+ "lineHeight": "1.25rem",
791
+ "fontWeight": "400",
792
+ "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"
793
+ },
794
+ ".txt-compact-large-plus": {
816
795
  "fontSize": "1rem",
817
796
  "lineHeight": "1.25rem",
818
797
  "fontWeight": "500",
@@ -871,6 +850,20 @@ var init_plugin = __esm({
871
850
  },
872
851
  transitionProperty: {
873
852
  fg: "color, background-color, border-color, box-shadow"
853
+ },
854
+ keyframes: {
855
+ "accordion-down": {
856
+ from: { height: "0px" },
857
+ to: { height: "var(--radix-accordion-content-height)" }
858
+ },
859
+ "accordion-up": {
860
+ from: { height: "var(--radix-accordion-content-height)" },
861
+ to: { height: "0px" }
862
+ }
863
+ },
864
+ animation: {
865
+ "accordion-down": "accordion-down 0.2s ease-out",
866
+ "accordion-up": "accordion-up 0.2s ease-out"
874
867
  }
875
868
  }
876
869
  }