@motion-proto/live-tokens 0.52.1 → 0.53.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/.claude/skills/live-tokens-adjust-shape-space/SKILL.md +7 -1
  2. package/CHANGELOG.md +63 -0
  3. package/bin/adjust.mjs +16 -39
  4. package/bin/generate-theme.mjs +20 -6
  5. package/dist-plugin/adjust/index.cjs +781 -21
  6. package/dist-plugin/adjust/index.d.cts +2 -1
  7. package/dist-plugin/adjust/index.d.ts +2 -1
  8. package/dist-plugin/adjust/index.js +43 -21
  9. package/dist-plugin/{chunk-6OZFXIQI.js → chunk-232GZGQU.js} +207 -12
  10. package/dist-plugin/chunk-NE6N66EE.js +753 -0
  11. package/dist-plugin/{chunk-JIGIIE5P.js → chunk-PB2JTK2H.js} +123 -0
  12. package/dist-plugin/generateColorsAndType/index.cjs +48 -32
  13. package/dist-plugin/generateColorsAndType/index.d.cts +2 -1
  14. package/dist-plugin/generateColorsAndType/index.d.ts +2 -1
  15. package/dist-plugin/generateColorsAndType/index.js +7 -773
  16. package/dist-plugin/{themeTypes-Dky03HL9.d.cts → index-DpTIRZ2H.d.cts} +49 -21
  17. package/dist-plugin/{themeTypes-Dky03HL9.d.ts → index-DpTIRZ2H.d.ts} +49 -21
  18. package/dist-plugin/index.cjs +1159 -85
  19. package/dist-plugin/index.js +102 -80
  20. package/dist-plugin/migrateData/index.cjs +956 -14
  21. package/dist-plugin/migrateData/index.js +10 -3
  22. package/package.json +6 -4
  23. package/src/editor/component-editor/scaffolding/ComponentFileManager.svelte +9 -23
  24. package/src/editor/component-editor/scaffolding/LinkedBlock.svelte +8 -8
  25. package/src/editor/core/components/adjustAliases.ts +49 -22
  26. package/src/editor/core/components/aliasKinds.ts +7 -2
  27. package/src/editor/core/components/componentConfigService.ts +1 -1
  28. package/src/editor/core/store/editorStore.ts +7 -197
  29. package/src/editor/core/store/editorTypes.ts +9 -30
  30. package/src/editor/core/themes/lookSummary.ts +3 -25
  31. package/src/editor/core/themes/migrateComponentConfig.ts +205 -0
  32. package/src/editor/core/themes/migrations/2026-05-19-sectiondivider-rich-gradient.ts +1 -1
  33. package/src/editor/core/themes/migrations/2026-05-20-sectiondivider-slim-variants.ts +1 -1
  34. package/src/editor/core/themes/migrations/2026-05-22-sectiondivider-intrinsics-to-css.ts +1 -1
  35. package/src/editor/core/themes/parsers/gradient.ts +211 -0
  36. package/src/editor/core/themes/slices/gradients.ts +5 -58
  37. package/src/editor/core/themes/themeService.ts +22 -9
  38. package/src/editor/core/themes/themeTypes.ts +71 -21
  39. package/src/editor/docs/content/themes-workflow.md +9 -11
  40. package/src/editor/docs/content/where-themes-live.md +2 -2
  41. package/src/editor/docs/content.generated.ts +2 -2
  42. package/src/editor/index.ts +1 -0
  43. package/src/editor/styles/ui-editor.css +5 -2
  44. package/src/editor/ui/PaletteEditor.svelte +30 -15
  45. package/src/editor/ui/ThemePanel.svelte +24 -15
  46. package/src/editor/ui/Toggle.svelte +22 -22
  47. package/src/editor/ui/UIPillButton.svelte +1 -1
  48. package/src/editor/ui/UIReveal.svelte +47 -0
  49. package/src/editor/ui/UISquareButton.svelte +1 -1
  50. package/src/editor/ui/colors/ColorsTab.svelte +4 -5
  51. package/src/editor/ui/palette/OverridesPanel.svelte +4 -3
  52. package/src/editor/ui/palette/PaletteJumpButton.svelte +3 -3
  53. package/src/editor/ui/palette/ScaleCurveEditor.svelte +3 -2
  54. package/src/live-tokens/data/themes/autumn.json +77 -41
  55. package/src/live-tokens/data/themes/halloween.json +53 -52
  56. package/src/live-tokens/data/themes/midnight-study.json +136 -68
  57. package/src/live-tokens/data/themes/ocean.json +77 -41
  58. package/src/live-tokens/data/themes/royal-velvet.json +43 -42
  59. package/src/live-tokens/data/themes/spring-meadow.json +86 -52
  60. package/src/live-tokens/data/themes/sunset.json +101 -40
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "Ocean",
3
3
  "createdAt": "2026-08-13T10:21:46.867Z",
4
- "updatedAt": "2026-08-14T23:53:22.549Z",
5
- "schemaVersion": 3,
4
+ "updatedAt": "2026-08-19T22:39:32.785Z",
5
+ "schemaVersion": 4,
6
6
  "colorsAndType": {
7
7
  "name": "Ocean",
8
8
  "createdAt": "2026-08-12T20:13:46.322Z",
@@ -2497,7 +2497,7 @@
2497
2497
  "name": "ocean",
2498
2498
  "component": "badge",
2499
2499
  "createdAt": "2026-05-01T08:28:00.345Z",
2500
- "updatedAt": "2026-08-14T23:53:22.549Z",
2500
+ "updatedAt": "2026-08-19T22:39:32.785Z",
2501
2501
  "aliases": {
2502
2502
  "--badge-primary-surface": "--surface-brand",
2503
2503
  "--badge-primary-text": "--text-brand",
@@ -2635,7 +2635,7 @@
2635
2635
  "name": "ocean",
2636
2636
  "component": "button",
2637
2637
  "createdAt": "2026-05-10T19:28:06.893Z",
2638
- "updatedAt": "2026-08-14T23:53:22.549Z",
2638
+ "updatedAt": "2026-08-19T22:39:32.785Z",
2639
2639
  "aliases": {
2640
2640
  "--button-primary-surface": "--surface-brand-high",
2641
2641
  "--button-primary-text": "--text-primary",
@@ -2751,7 +2751,7 @@
2751
2751
  "name": "ocean",
2752
2752
  "component": "callout",
2753
2753
  "createdAt": "2026-05-12T00:00:00.000Z",
2754
- "updatedAt": "2026-08-14T23:53:22.549Z",
2754
+ "updatedAt": "2026-08-19T22:39:32.785Z",
2755
2755
  "aliases": {
2756
2756
  "--callout-info-surface": "--surface-info-lowest",
2757
2757
  "--callout-info-border": "--border-info-medium",
@@ -2823,7 +2823,7 @@
2823
2823
  "name": "ocean",
2824
2824
  "component": "card",
2825
2825
  "createdAt": "2026-05-10T19:26:31.704Z",
2826
- "updatedAt": "2026-08-14T23:53:22.549Z",
2826
+ "updatedAt": "2026-08-19T22:39:32.785Z",
2827
2827
  "aliases": {
2828
2828
  "--card-default-surface": "color-mix(in srgb, var(--surface-neutral-lower) 70%, transparent)",
2829
2829
  "--card-default-border": "--border-neutral",
@@ -2864,7 +2864,7 @@
2864
2864
  "name": "ocean",
2865
2865
  "component": "codesnippet",
2866
2866
  "createdAt": "2026-05-27T13:22:54.228Z",
2867
- "updatedAt": "2026-08-14T23:53:22.549Z",
2867
+ "updatedAt": "2026-08-19T22:39:32.785Z",
2868
2868
  "aliases": {
2869
2869
  "--codesnippet-surface": "color-mix(in srgb, var(--surface-neutral-lowest) 76%, transparent)",
2870
2870
  "--codesnippet-border": "--border-neutral",
@@ -2888,7 +2888,7 @@
2888
2888
  "name": "ocean",
2889
2889
  "component": "collapsiblesection",
2890
2890
  "createdAt": "2026-05-10T20:40:17.048Z",
2891
- "updatedAt": "2026-08-14T23:53:22.549Z",
2891
+ "updatedAt": "2026-08-19T22:39:32.785Z",
2892
2892
  "aliases": {
2893
2893
  "--collapsiblesection-chromeless-default-surface": "--color-transparent",
2894
2894
  "--collapsiblesection-chromeless-default-padding": "--space-6",
@@ -2961,7 +2961,7 @@
2961
2961
  "name": "ocean",
2962
2962
  "component": "cornerbadge",
2963
2963
  "createdAt": "2026-05-12T15:31:06.313Z",
2964
- "updatedAt": "2026-08-14T23:53:22.549Z",
2964
+ "updatedAt": "2026-08-19T22:39:32.785Z",
2965
2965
  "aliases": {
2966
2966
  "--corner-badge-margin": "--space-2",
2967
2967
  "--corner-badge-outer-radius": "--radius-md",
@@ -3009,7 +3009,7 @@
3009
3009
  "name": "ocean",
3010
3010
  "component": "dialog",
3011
3011
  "createdAt": "2026-05-10T20:05:24.719Z",
3012
- "updatedAt": "2026-08-14T23:53:22.549Z",
3012
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3013
3013
  "aliases": {
3014
3014
  "--dialog-overlay-surface": "--overlay-high",
3015
3015
  "--dialog-surface": "--surface-neutral-lowest",
@@ -3044,7 +3044,7 @@
3044
3044
  "name": "ocean",
3045
3045
  "component": "iconbutton",
3046
3046
  "createdAt": "2026-06-14T00:00:00.000Z",
3047
- "updatedAt": "2026-08-14T23:53:22.549Z",
3047
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3048
3048
  "aliases": {
3049
3049
  "--iconbutton-primary-surface": "--surface-brand-high",
3050
3050
  "--iconbutton-primary-icon": "--text-primary",
@@ -3133,7 +3133,7 @@
3133
3133
  "name": "ocean",
3134
3134
  "component": "image",
3135
3135
  "createdAt": "2026-04-26T00:00:00.000Z",
3136
- "updatedAt": "2026-08-14T23:53:22.549Z",
3136
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3137
3137
  "aliases": {
3138
3138
  "--image-default-radius": "--radius-4xl",
3139
3139
  "--image-default-border": "--border-neutral",
@@ -3146,7 +3146,7 @@
3146
3146
  "name": "ocean",
3147
3147
  "component": "imagelightbox",
3148
3148
  "createdAt": "2026-05-26T02:03:38.863Z",
3149
- "updatedAt": "2026-08-14T23:53:22.549Z",
3149
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3150
3150
  "aliases": {
3151
3151
  "--imagelightbox-tile-radius": "--radius-4xl",
3152
3152
  "--imagelightbox-tile-border": "--color-transparent",
@@ -3165,7 +3165,7 @@
3165
3165
  "name": "ocean",
3166
3166
  "component": "inlineeditactions",
3167
3167
  "createdAt": "2026-05-01T08:34:39.325Z",
3168
- "updatedAt": "2026-08-14T23:53:22.549Z",
3168
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3169
3169
  "aliases": {
3170
3170
  "--inlineeditactions-save-default-surface": "--surface-success-low",
3171
3171
  "--inlineeditactions-save-default-text": "--text-success",
@@ -3201,7 +3201,7 @@
3201
3201
  "name": "ocean",
3202
3202
  "component": "input",
3203
3203
  "createdAt": "2026-05-24T14:28:03.860Z",
3204
- "updatedAt": "2026-08-14T23:53:22.549Z",
3204
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3205
3205
  "aliases": {
3206
3206
  "--input-radius": "--radius-xl",
3207
3207
  "--input-padding": "--space-10",
@@ -3259,7 +3259,7 @@
3259
3259
  "name": "ocean",
3260
3260
  "component": "menuselect",
3261
3261
  "createdAt": "2026-05-16T00:00:00.000Z",
3262
- "updatedAt": "2026-08-14T23:53:22.549Z",
3262
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3263
3263
  "aliases": {
3264
3264
  "--menuselect-menu-surface": "color-mix(in srgb, var(--surface-neutral-lower) 85%, transparent)",
3265
3265
  "--menuselect-menu-border": "--border-neutral-medium",
@@ -3309,7 +3309,7 @@
3309
3309
  "name": "ocean",
3310
3310
  "component": "notification",
3311
3311
  "createdAt": "2026-04-18T02:43:11.330Z",
3312
- "updatedAt": "2026-08-14T23:53:22.549Z",
3312
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3313
3313
  "aliases": {
3314
3314
  "--notification-info-surface": "--surface-info",
3315
3315
  "--notification-info-action-surface": "--surface-neutral-lowest",
@@ -3389,14 +3389,11 @@
3389
3389
  "name": "ocean",
3390
3390
  "component": "panel",
3391
3391
  "createdAt": "2026-06-01T09:34:52.417Z",
3392
- "updatedAt": "2026-08-14T23:53:22.549Z",
3392
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3393
3393
  "aliases": {
3394
3394
  "--panel-frame-border": "--border-neutral",
3395
3395
  "--panel-frame-border-width": "--border-width-1",
3396
3396
  "--panel-frame-radius": "--radius-4xl",
3397
- "--panel-stage-padding": "--space-20",
3398
- "--panel-stage-inline-padding": "--space-20",
3399
- "--panel-stage-gap": "--space-20",
3400
3397
  "--panel-stage-surface": {
3401
3398
  "kind": "gradient",
3402
3399
  "value": {
@@ -3415,14 +3412,17 @@
3415
3412
  }
3416
3413
  ]
3417
3414
  }
3418
- }
3415
+ },
3416
+ "--panel-stage-padding": "--space-20",
3417
+ "--panel-stage-inline-padding": "--space-20",
3418
+ "--panel-stage-gap": "--space-20"
3419
3419
  }
3420
3420
  },
3421
3421
  "progressbar": {
3422
3422
  "name": "ocean",
3423
3423
  "component": "progressbar",
3424
3424
  "createdAt": "2026-05-10T20:42:26.726Z",
3425
- "updatedAt": "2026-08-14T23:53:22.549Z",
3425
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3426
3426
  "aliases": {
3427
3427
  "--progressbar-track-surface": "--surface-neutral-lowest",
3428
3428
  "--progressbar-track-border": "--border-neutral-subtle",
@@ -3443,11 +3443,46 @@
3443
3443
  "--progressbar-value-line-height": "--line-height-normal"
3444
3444
  }
3445
3445
  },
3446
+ "radiobutton": {
3447
+ "name": "ocean",
3448
+ "component": "radiobutton",
3449
+ "createdAt": "2026-05-10T20:44:44.372Z",
3450
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3451
+ "aliases": {
3452
+ "--radiobutton-default-dot-border-color": "--border-neutral",
3453
+ "--radiobutton-default-dot-border-width": "--border-width-2",
3454
+ "--radiobutton-default-dot-fill": "--text-secondary",
3455
+ "--radiobutton-default-dot-size": "--dot-size-0",
3456
+ "--radiobutton-default-label": "--text-primary",
3457
+ "--radiobutton-default-label-font-family": "--font-sans",
3458
+ "--radiobutton-default-label-font-size": "--font-size-md",
3459
+ "--radiobutton-default-label-font-weight": "--font-weight-semibold",
3460
+ "--radiobutton-default-label-line-height": "--line-height-none",
3461
+ "--radiobutton-hover-dot-border-color": "--border-neutral",
3462
+ "--radiobutton-hover-dot-border-width": "--border-width-2",
3463
+ "--radiobutton-hover-dot-fill": "--text-secondary",
3464
+ "--radiobutton-hover-dot-size": "--dot-size-50",
3465
+ "--radiobutton-hover-label": "--text-primary",
3466
+ "--radiobutton-hover-label-font-family": "--font-sans",
3467
+ "--radiobutton-hover-label-font-size": "--font-size-md",
3468
+ "--radiobutton-hover-label-font-weight": "--font-weight-semibold",
3469
+ "--radiobutton-hover-label-line-height": "--line-height-none",
3470
+ "--radiobutton-active-dot-border-color": "--border-neutral",
3471
+ "--radiobutton-active-dot-border-width": "--border-width-2",
3472
+ "--radiobutton-active-dot-fill": "--text-secondary",
3473
+ "--radiobutton-active-dot-size": "--dot-size-50",
3474
+ "--radiobutton-active-label": "--text-primary",
3475
+ "--radiobutton-active-label-font-family": "--font-sans",
3476
+ "--radiobutton-active-label-font-size": "--font-size-md",
3477
+ "--radiobutton-active-label-font-weight": "--font-weight-semibold",
3478
+ "--radiobutton-active-label-line-height": "--line-height-none"
3479
+ }
3480
+ },
3446
3481
  "sectiondivider": {
3447
3482
  "name": "ocean",
3448
3483
  "component": "sectiondivider",
3449
3484
  "createdAt": "2026-05-10T22:09:00.336Z",
3450
- "updatedAt": "2026-08-14T23:53:22.549Z",
3485
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3451
3486
  "aliases": {
3452
3487
  "--sectiondivider-lg-title-font-family": "--font-display",
3453
3488
  "--sectiondivider-lg-title-font-weight": "--font-weight-bold",
@@ -3463,10 +3498,10 @@
3463
3498
  "--sectiondivider-lg-eyebrow-font-weight": "--font-weight-medium",
3464
3499
  "--sectiondivider-lg-eyebrow-font-size": "--font-size-md",
3465
3500
  "--sectiondivider-lg-eyebrow-letter-spacing": "--letter-spacing-normal",
3466
- "--sectiondivider-lg-padding": "--space-2",
3501
+ "--sectiondivider-lg-padding": "--space-4",
3467
3502
  "--sectiondivider-lg-title-padding": "--space-4",
3468
- "--sectiondivider-lg-description-padding": "--space-2",
3469
- "--sectiondivider-lg-eyebrow-padding": "--space-2",
3503
+ "--sectiondivider-lg-description-padding": "--space-4",
3504
+ "--sectiondivider-lg-eyebrow-padding": "--space-4",
3470
3505
  "--sectiondivider-lg-radius": "--radius-2xl",
3471
3506
  "--sectiondivider-lg-border-width": "--border-width-1",
3472
3507
  "--sectiondivider-lg-shadow": "--shadow-none",
@@ -3492,10 +3527,10 @@
3492
3527
  "--sectiondivider-md-eyebrow-font-weight": "--font-weight-medium",
3493
3528
  "--sectiondivider-md-eyebrow-font-size": "--font-size-sm",
3494
3529
  "--sectiondivider-md-eyebrow-letter-spacing": "--letter-spacing-normal",
3495
- "--sectiondivider-md-padding": "--space-2",
3530
+ "--sectiondivider-md-padding": "--space-4",
3496
3531
  "--sectiondivider-md-title-padding": "--space-4",
3497
- "--sectiondivider-md-description-padding": "--space-2",
3498
- "--sectiondivider-md-eyebrow-padding": "--space-2",
3532
+ "--sectiondivider-md-description-padding": "--space-4",
3533
+ "--sectiondivider-md-eyebrow-padding": "--space-4",
3499
3534
  "--sectiondivider-md-radius": "--radius-2xl",
3500
3535
  "--sectiondivider-md-border-width": "--border-width-1",
3501
3536
  "--sectiondivider-md-shadow": "--shadow-none",
@@ -3521,10 +3556,10 @@
3521
3556
  "--sectiondivider-sm-eyebrow-font-weight": "--font-weight-medium",
3522
3557
  "--sectiondivider-sm-eyebrow-font-size": "--font-size-xs",
3523
3558
  "--sectiondivider-sm-eyebrow-letter-spacing": "--letter-spacing-normal",
3524
- "--sectiondivider-sm-padding": "--space-2",
3559
+ "--sectiondivider-sm-padding": "--space-4",
3525
3560
  "--sectiondivider-sm-title-padding": "--space-4",
3526
- "--sectiondivider-sm-description-padding": "--space-2",
3527
- "--sectiondivider-sm-eyebrow-padding": "--space-2",
3561
+ "--sectiondivider-sm-description-padding": "--space-4",
3562
+ "--sectiondivider-sm-eyebrow-padding": "--space-4",
3528
3563
  "--sectiondivider-sm-radius": "--radius-2xl",
3529
3564
  "--sectiondivider-sm-border-width": "--border-width-1",
3530
3565
  "--sectiondivider-sm-shadow": "--shadow-none",
@@ -3542,7 +3577,7 @@
3542
3577
  "name": "ocean",
3543
3578
  "component": "segmentedcontrol",
3544
3579
  "createdAt": "2026-04-28T21:13:17.669Z",
3545
- "updatedAt": "2026-08-14T23:53:22.549Z",
3580
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3546
3581
  "aliases": {
3547
3582
  "--segmentedcontrol-bar-surface": "color-mix(in srgb, var(--surface-neutral-lowest) 75%, transparent)",
3548
3583
  "--segmentedcontrol-bar-border": "--border-neutral",
@@ -3602,7 +3637,7 @@
3602
3637
  "name": "ocean",
3603
3638
  "component": "sidenavigation",
3604
3639
  "createdAt": "2026-05-25T19:34:09.771Z",
3605
- "updatedAt": "2026-08-14T23:53:22.549Z",
3640
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3606
3641
  "aliases": {
3607
3642
  "--sidenavigation-panel-surface": "--surface-canvas-lower",
3608
3643
  "--sidenavigation-panel-border": "--border-canvas-faint",
@@ -3762,12 +3797,12 @@
3762
3797
  "name": "ocean",
3763
3798
  "component": "tabbar",
3764
3799
  "createdAt": "2026-05-12T01:57:26.390Z",
3765
- "updatedAt": "2026-08-14T23:53:22.549Z",
3800
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3766
3801
  "aliases": {
3767
3802
  "--tabbar-bar-divider": "--border-neutral-subtle",
3768
3803
  "--tabbar-bar-divider-thickness": "--border-width-1",
3769
3804
  "--tabbar-bar-top-margin": "--space-2",
3770
- "--tabbar-bar-bottom-padding": "--space-2",
3805
+ "--tabbar-bar-bottom-padding": "--space-4",
3771
3806
  "--tabbar-bar-bottom-margin": "--space-2",
3772
3807
  "--tabbar-tab-gap": "--space-4",
3773
3808
  "--tabbar-default-text": "--text-tertiary",
@@ -3832,7 +3867,7 @@
3832
3867
  "name": "ocean",
3833
3868
  "component": "table",
3834
3869
  "createdAt": "2026-05-12T00:00:00.000Z",
3835
- "updatedAt": "2026-08-14T23:53:22.549Z",
3870
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3836
3871
  "aliases": {
3837
3872
  "--table-default-radius": "--radius-xl",
3838
3873
  "--table-default-surface": "color-mix(in srgb, var(--surface-neutral-lower) 57%, transparent)",
@@ -3866,7 +3901,7 @@
3866
3901
  "name": "ocean",
3867
3902
  "component": "toggle",
3868
3903
  "createdAt": "2026-04-18T02:43:11.333Z",
3869
- "updatedAt": "2026-08-14T23:53:22.549Z",
3904
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3870
3905
  "aliases": {
3871
3906
  "--toggle-track-surface": "--surface-neutral",
3872
3907
  "--toggle-track-border": "--border-neutral",
@@ -3898,7 +3933,7 @@
3898
3933
  "name": "ocean",
3899
3934
  "component": "tooltip",
3900
3935
  "createdAt": "2026-04-18T02:43:11.333Z",
3901
- "updatedAt": "2026-08-14T23:53:22.549Z",
3936
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3902
3937
  "aliases": {
3903
3938
  "--tooltip-surface": "color-mix(in srgb, var(--surface-canvas-lowest) 75%, transparent)",
3904
3939
  "--tooltip-text": "--text-primary",
@@ -3913,5 +3948,6 @@
3913
3948
  "--tooltip-shadow": "--shadow-md"
3914
3949
  }
3915
3950
  }
3916
- }
3951
+ },
3952
+ "componentSchemaVersion": 21
3917
3953
  }
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "Royal Velvet",
3
3
  "createdAt": "2026-08-13T10:21:46.867Z",
4
- "updatedAt": "2026-08-14T23:53:22.549Z",
5
- "schemaVersion": 3,
4
+ "updatedAt": "2026-08-19T22:39:32.785Z",
5
+ "schemaVersion": 4,
6
6
  "colorsAndType": {
7
7
  "name": "Royal Velvet",
8
8
  "createdAt": "2026-08-12T20:26:16.137Z",
@@ -2528,7 +2528,7 @@
2528
2528
  "name": "royal-velvet",
2529
2529
  "component": "badge",
2530
2530
  "createdAt": "2026-05-01T08:28:00.345Z",
2531
- "updatedAt": "2026-08-14T23:53:22.549Z",
2531
+ "updatedAt": "2026-08-19T22:39:32.785Z",
2532
2532
  "aliases": {
2533
2533
  "--badge-primary-surface": "--surface-brand",
2534
2534
  "--badge-primary-text": "--text-brand",
@@ -2666,7 +2666,7 @@
2666
2666
  "name": "royal-velvet",
2667
2667
  "component": "button",
2668
2668
  "createdAt": "2026-05-10T19:28:06.893Z",
2669
- "updatedAt": "2026-08-14T23:53:22.549Z",
2669
+ "updatedAt": "2026-08-19T22:39:32.785Z",
2670
2670
  "aliases": {
2671
2671
  "--button-primary-surface": "--surface-brand-high",
2672
2672
  "--button-primary-text": "--text-primary",
@@ -2782,7 +2782,7 @@
2782
2782
  "name": "royal-velvet",
2783
2783
  "component": "callout",
2784
2784
  "createdAt": "2026-05-12T00:00:00.000Z",
2785
- "updatedAt": "2026-08-14T23:53:22.549Z",
2785
+ "updatedAt": "2026-08-19T22:39:32.785Z",
2786
2786
  "aliases": {
2787
2787
  "--callout-info-surface": "--surface-info-lowest",
2788
2788
  "--callout-info-border": "--border-info-medium",
@@ -2854,7 +2854,7 @@
2854
2854
  "name": "royal-velvet",
2855
2855
  "component": "card",
2856
2856
  "createdAt": "2026-05-10T19:26:31.704Z",
2857
- "updatedAt": "2026-08-14T23:53:22.549Z",
2857
+ "updatedAt": "2026-08-19T22:39:32.785Z",
2858
2858
  "aliases": {
2859
2859
  "--card-default-surface": "color-mix(in srgb, var(--surface-neutral-lower) 70%, transparent)",
2860
2860
  "--card-default-border": "--border-neutral",
@@ -2895,7 +2895,7 @@
2895
2895
  "name": "royal-velvet",
2896
2896
  "component": "codesnippet",
2897
2897
  "createdAt": "2026-05-27T13:22:54.228Z",
2898
- "updatedAt": "2026-08-14T23:53:22.549Z",
2898
+ "updatedAt": "2026-08-19T22:39:32.785Z",
2899
2899
  "aliases": {
2900
2900
  "--codesnippet-surface": "color-mix(in srgb, var(--surface-neutral-lowest) 76%, transparent)",
2901
2901
  "--codesnippet-border": "--border-neutral",
@@ -2919,7 +2919,7 @@
2919
2919
  "name": "royal-velvet",
2920
2920
  "component": "collapsiblesection",
2921
2921
  "createdAt": "2026-05-10T20:40:17.048Z",
2922
- "updatedAt": "2026-08-14T23:53:22.549Z",
2922
+ "updatedAt": "2026-08-19T22:39:32.785Z",
2923
2923
  "aliases": {
2924
2924
  "--collapsiblesection-chromeless-default-surface": "--color-transparent",
2925
2925
  "--collapsiblesection-chromeless-default-padding": "--space-8",
@@ -2992,7 +2992,7 @@
2992
2992
  "name": "royal-velvet",
2993
2993
  "component": "cornerbadge",
2994
2994
  "createdAt": "2026-05-12T15:31:06.313Z",
2995
- "updatedAt": "2026-08-14T23:53:22.549Z",
2995
+ "updatedAt": "2026-08-19T22:39:32.785Z",
2996
2996
  "aliases": {
2997
2997
  "--corner-badge-margin": "--space-4",
2998
2998
  "--corner-badge-outer-radius": "--radius-none",
@@ -3040,7 +3040,7 @@
3040
3040
  "name": "royal-velvet",
3041
3041
  "component": "dialog",
3042
3042
  "createdAt": "2026-05-10T20:05:24.719Z",
3043
- "updatedAt": "2026-08-14T23:53:22.549Z",
3043
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3044
3044
  "aliases": {
3045
3045
  "--dialog-overlay-surface": "--overlay-high",
3046
3046
  "--dialog-surface": "--surface-neutral-lowest",
@@ -3075,7 +3075,7 @@
3075
3075
  "name": "royal-velvet",
3076
3076
  "component": "iconbutton",
3077
3077
  "createdAt": "2026-06-14T00:00:00.000Z",
3078
- "updatedAt": "2026-08-14T23:53:22.549Z",
3078
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3079
3079
  "aliases": {
3080
3080
  "--iconbutton-primary-surface": "--surface-brand-high",
3081
3081
  "--iconbutton-primary-icon": "--text-primary",
@@ -3164,7 +3164,7 @@
3164
3164
  "name": "royal-velvet",
3165
3165
  "component": "image",
3166
3166
  "createdAt": "2026-04-26T00:00:00.000Z",
3167
- "updatedAt": "2026-08-14T23:53:22.549Z",
3167
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3168
3168
  "aliases": {
3169
3169
  "--image-default-radius": "--radius-2xl",
3170
3170
  "--image-default-border": "--border-neutral",
@@ -3177,7 +3177,7 @@
3177
3177
  "name": "royal-velvet",
3178
3178
  "component": "imagelightbox",
3179
3179
  "createdAt": "2026-05-26T02:03:38.863Z",
3180
- "updatedAt": "2026-08-14T23:53:22.549Z",
3180
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3181
3181
  "aliases": {
3182
3182
  "--imagelightbox-tile-radius": "--radius-2xl",
3183
3183
  "--imagelightbox-tile-border": "--color-transparent",
@@ -3196,7 +3196,7 @@
3196
3196
  "name": "royal-velvet",
3197
3197
  "component": "inlineeditactions",
3198
3198
  "createdAt": "2026-05-01T08:34:39.325Z",
3199
- "updatedAt": "2026-08-14T23:53:22.549Z",
3199
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3200
3200
  "aliases": {
3201
3201
  "--inlineeditactions-save-default-surface": "--surface-success-low",
3202
3202
  "--inlineeditactions-save-default-text": "--text-success",
@@ -3232,7 +3232,7 @@
3232
3232
  "name": "royal-velvet",
3233
3233
  "component": "input",
3234
3234
  "createdAt": "2026-05-24T14:28:03.860Z",
3235
- "updatedAt": "2026-08-14T23:53:22.549Z",
3235
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3236
3236
  "aliases": {
3237
3237
  "--input-radius": "--radius-md",
3238
3238
  "--input-padding": "--space-12",
@@ -3290,7 +3290,7 @@
3290
3290
  "name": "royal-velvet",
3291
3291
  "component": "menuselect",
3292
3292
  "createdAt": "2026-05-16T00:00:00.000Z",
3293
- "updatedAt": "2026-08-14T23:53:22.549Z",
3293
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3294
3294
  "aliases": {
3295
3295
  "--menuselect-menu-surface": "color-mix(in srgb, var(--surface-neutral-lower) 85%, transparent)",
3296
3296
  "--menuselect-menu-border": "--border-neutral-medium",
@@ -3340,7 +3340,7 @@
3340
3340
  "name": "royal-velvet",
3341
3341
  "component": "notification",
3342
3342
  "createdAt": "2026-04-18T02:43:11.330Z",
3343
- "updatedAt": "2026-08-14T23:53:22.549Z",
3343
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3344
3344
  "aliases": {
3345
3345
  "--notification-info-surface": "--surface-info",
3346
3346
  "--notification-info-action-surface": "--surface-neutral-lowest",
@@ -3420,14 +3420,11 @@
3420
3420
  "name": "royal-velvet",
3421
3421
  "component": "panel",
3422
3422
  "createdAt": "2026-06-01T09:34:52.417Z",
3423
- "updatedAt": "2026-08-14T23:53:22.549Z",
3423
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3424
3424
  "aliases": {
3425
3425
  "--panel-frame-border": "--border-neutral",
3426
3426
  "--panel-frame-border-width": "--border-width-2",
3427
3427
  "--panel-frame-radius": "--radius-2xl",
3428
- "--panel-stage-padding": "--space-24",
3429
- "--panel-stage-inline-padding": "--space-24",
3430
- "--panel-stage-gap": "--space-16",
3431
3428
  "--panel-stage-surface": {
3432
3429
  "kind": "gradient",
3433
3430
  "value": {
@@ -3446,14 +3443,17 @@
3446
3443
  }
3447
3444
  ]
3448
3445
  }
3449
- }
3446
+ },
3447
+ "--panel-stage-padding": "--space-24",
3448
+ "--panel-stage-inline-padding": "--space-24",
3449
+ "--panel-stage-gap": "--space-16"
3450
3450
  }
3451
3451
  },
3452
3452
  "progressbar": {
3453
3453
  "name": "royal-velvet",
3454
3454
  "component": "progressbar",
3455
3455
  "createdAt": "2026-05-10T20:42:26.726Z",
3456
- "updatedAt": "2026-08-14T23:53:22.549Z",
3456
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3457
3457
  "aliases": {
3458
3458
  "--progressbar-track-surface": "--surface-neutral-lowest",
3459
3459
  "--progressbar-track-border": "--border-neutral-subtle",
@@ -3478,7 +3478,7 @@
3478
3478
  "name": "royal-velvet",
3479
3479
  "component": "radiobutton",
3480
3480
  "createdAt": "2026-05-10T20:44:44.372Z",
3481
- "updatedAt": "2026-08-14T23:53:22.549Z",
3481
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3482
3482
  "aliases": {
3483
3483
  "--radiobutton-default-dot-border-color": "--border-neutral",
3484
3484
  "--radiobutton-default-dot-border-width": "--border-width-3",
@@ -3513,7 +3513,7 @@
3513
3513
  "name": "royal-velvet",
3514
3514
  "component": "sectiondivider",
3515
3515
  "createdAt": "2026-05-10T22:09:00.336Z",
3516
- "updatedAt": "2026-08-14T23:53:22.549Z",
3516
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3517
3517
  "aliases": {
3518
3518
  "--sectiondivider-lg-title-font-family": "--font-display",
3519
3519
  "--sectiondivider-lg-title-font-weight": "--font-weight-bold",
@@ -3529,10 +3529,10 @@
3529
3529
  "--sectiondivider-lg-eyebrow-font-weight": "--font-weight-medium",
3530
3530
  "--sectiondivider-lg-eyebrow-font-size": "--font-size-md",
3531
3531
  "--sectiondivider-lg-eyebrow-letter-spacing": "--letter-spacing-normal",
3532
- "--sectiondivider-lg-padding": "--space-4",
3532
+ "--sectiondivider-lg-padding": "--space-6",
3533
3533
  "--sectiondivider-lg-title-padding": "--space-6",
3534
- "--sectiondivider-lg-description-padding": "--space-4",
3535
- "--sectiondivider-lg-eyebrow-padding": "--space-4",
3534
+ "--sectiondivider-lg-description-padding": "--space-6",
3535
+ "--sectiondivider-lg-eyebrow-padding": "--space-6",
3536
3536
  "--sectiondivider-lg-radius": "--radius-lg",
3537
3537
  "--sectiondivider-lg-border-width": "--border-width-2",
3538
3538
  "--sectiondivider-lg-shadow": "--shadow-none",
@@ -3558,10 +3558,10 @@
3558
3558
  "--sectiondivider-md-eyebrow-font-weight": "--font-weight-medium",
3559
3559
  "--sectiondivider-md-eyebrow-font-size": "--font-size-sm",
3560
3560
  "--sectiondivider-md-eyebrow-letter-spacing": "--letter-spacing-normal",
3561
- "--sectiondivider-md-padding": "--space-4",
3561
+ "--sectiondivider-md-padding": "--space-6",
3562
3562
  "--sectiondivider-md-title-padding": "--space-6",
3563
- "--sectiondivider-md-description-padding": "--space-4",
3564
- "--sectiondivider-md-eyebrow-padding": "--space-4",
3563
+ "--sectiondivider-md-description-padding": "--space-6",
3564
+ "--sectiondivider-md-eyebrow-padding": "--space-6",
3565
3565
  "--sectiondivider-md-radius": "--radius-lg",
3566
3566
  "--sectiondivider-md-border-width": "--border-width-2",
3567
3567
  "--sectiondivider-md-shadow": "--shadow-none",
@@ -3587,10 +3587,10 @@
3587
3587
  "--sectiondivider-sm-eyebrow-font-weight": "--font-weight-medium",
3588
3588
  "--sectiondivider-sm-eyebrow-font-size": "--font-size-xs",
3589
3589
  "--sectiondivider-sm-eyebrow-letter-spacing": "--letter-spacing-normal",
3590
- "--sectiondivider-sm-padding": "--space-4",
3590
+ "--sectiondivider-sm-padding": "--space-6",
3591
3591
  "--sectiondivider-sm-title-padding": "--space-6",
3592
- "--sectiondivider-sm-description-padding": "--space-4",
3593
- "--sectiondivider-sm-eyebrow-padding": "--space-4",
3592
+ "--sectiondivider-sm-description-padding": "--space-6",
3593
+ "--sectiondivider-sm-eyebrow-padding": "--space-6",
3594
3594
  "--sectiondivider-sm-radius": "--radius-lg",
3595
3595
  "--sectiondivider-sm-border-width": "--border-width-2",
3596
3596
  "--sectiondivider-sm-shadow": "--shadow-none",
@@ -3608,7 +3608,7 @@
3608
3608
  "name": "royal-velvet",
3609
3609
  "component": "segmentedcontrol",
3610
3610
  "createdAt": "2026-04-28T21:13:17.669Z",
3611
- "updatedAt": "2026-08-14T23:53:22.549Z",
3611
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3612
3612
  "aliases": {
3613
3613
  "--segmentedcontrol-bar-surface": "color-mix(in srgb, var(--surface-neutral-lowest) 75%, transparent)",
3614
3614
  "--segmentedcontrol-bar-border": "--border-neutral",
@@ -3668,7 +3668,7 @@
3668
3668
  "name": "royal-velvet",
3669
3669
  "component": "sidenavigation",
3670
3670
  "createdAt": "2026-05-25T19:34:09.771Z",
3671
- "updatedAt": "2026-08-14T23:53:22.549Z",
3671
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3672
3672
  "aliases": {
3673
3673
  "--sidenavigation-panel-surface": "--surface-canvas-lower",
3674
3674
  "--sidenavigation-panel-border": "--border-canvas-faint",
@@ -3828,12 +3828,12 @@
3828
3828
  "name": "royal-velvet",
3829
3829
  "component": "tabbar",
3830
3830
  "createdAt": "2026-05-12T01:57:26.390Z",
3831
- "updatedAt": "2026-08-14T23:53:22.549Z",
3831
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3832
3832
  "aliases": {
3833
3833
  "--tabbar-bar-divider": "--border-neutral-subtle",
3834
3834
  "--tabbar-bar-divider-thickness": "--border-width-1",
3835
3835
  "--tabbar-bar-top-margin": "--space-4",
3836
- "--tabbar-bar-bottom-padding": "--space-4",
3836
+ "--tabbar-bar-bottom-padding": "--space-6",
3837
3837
  "--tabbar-bar-bottom-margin": "--space-4",
3838
3838
  "--tabbar-tab-gap": "--space-2",
3839
3839
  "--tabbar-default-text": "--text-tertiary",
@@ -3898,7 +3898,7 @@
3898
3898
  "name": "royal-velvet",
3899
3899
  "component": "table",
3900
3900
  "createdAt": "2026-05-12T00:00:00.000Z",
3901
- "updatedAt": "2026-08-14T23:53:22.549Z",
3901
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3902
3902
  "aliases": {
3903
3903
  "--table-default-radius": "--radius-md",
3904
3904
  "--table-default-surface": "color-mix(in srgb, var(--surface-neutral-lower) 57%, transparent)",
@@ -3932,7 +3932,7 @@
3932
3932
  "name": "royal-velvet",
3933
3933
  "component": "toggle",
3934
3934
  "createdAt": "2026-04-18T02:43:11.333Z",
3935
- "updatedAt": "2026-08-14T23:53:22.549Z",
3935
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3936
3936
  "aliases": {
3937
3937
  "--toggle-track-surface": "--surface-neutral",
3938
3938
  "--toggle-track-border": "--border-neutral",
@@ -3964,7 +3964,7 @@
3964
3964
  "name": "royal-velvet",
3965
3965
  "component": "tooltip",
3966
3966
  "createdAt": "2026-04-18T02:43:11.333Z",
3967
- "updatedAt": "2026-08-14T23:53:22.549Z",
3967
+ "updatedAt": "2026-08-19T22:39:32.785Z",
3968
3968
  "aliases": {
3969
3969
  "--tooltip-surface": "color-mix(in srgb, var(--surface-canvas-lowest) 75%, transparent)",
3970
3970
  "--tooltip-text": "--text-primary",
@@ -3979,5 +3979,6 @@
3979
3979
  "--tooltip-shadow": "--shadow-md"
3980
3980
  }
3981
3981
  }
3982
- }
3982
+ },
3983
+ "componentSchemaVersion": 21
3983
3984
  }