@motion-proto/live-tokens 0.73.0 → 0.74.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 (73) hide show
  1. package/.claude/skills/live-tokens-build-page/SKILL.md +2 -2
  2. package/.claude/skills/live-tokens-check-compliance/SKILL.md +2 -2
  3. package/.claude/skills/live-tokens-create-component/SKILL.md +4 -4
  4. package/.claude/skills/live-tokens-create-theme/SKILL.md +80 -0
  5. package/.claude/skills/live-tokens-create-theme/references/design-directions.md +94 -0
  6. package/.claude/skills/live-tokens-set-colors/SKILL.md +140 -0
  7. package/.claude/skills/live-tokens-set-colors/references/color-anchors.md +80 -0
  8. package/.claude/skills/{live-tokens-adjust-geometry → live-tokens-set-geometry}/SKILL.md +12 -7
  9. package/.claude/skills/live-tokens-set-geometry/references/geometry-anchors.md +61 -0
  10. package/.claude/skills/{live-tokens-pair-fonts → live-tokens-set-type}/SKILL.md +18 -15
  11. package/.claude/skills/live-tokens-set-type/references/type-anchors.md +60 -0
  12. package/CHANGELOG.md +91 -0
  13. package/README.md +24 -15
  14. package/bin/check-page.mjs +3 -3
  15. package/bin/cli.mjs +92 -55
  16. package/bin/lib/liveState.mjs +110 -0
  17. package/bin/save-theme.mjs +177 -0
  18. package/bin/set-colors.mjs +191 -0
  19. package/bin/{adjust.mjs → set-geometry.mjs} +18 -50
  20. package/bin/{set-fonts.mjs → set-type.mjs} +21 -55
  21. package/dist-plugin/{chunk-RIXO2E55.js → chunk-7VRTBGJT.js} +1 -1
  22. package/dist-plugin/{chunk-YLCOIGQC.js → chunk-V3YF6CGT.js} +56 -2
  23. package/dist-plugin/index.cjs +58 -3
  24. package/dist-plugin/index.js +11 -11
  25. package/dist-plugin/migrateData/index.cjs +56 -1
  26. package/dist-plugin/migrateData/index.js +2 -2
  27. package/dist-plugin/{generateColorsAndType → setColors}/index.cjs +1109 -1071
  28. package/dist-plugin/{generateColorsAndType → setColors}/index.d.cts +33 -24
  29. package/dist-plugin/{generateColorsAndType → setColors}/index.d.ts +33 -24
  30. package/dist-plugin/{generateColorsAndType → setColors}/index.js +45 -63
  31. package/dist-plugin/{adjust → setGeometry}/index.cjs +60 -5
  32. package/dist-plugin/{adjust → setGeometry}/index.d.cts +1 -1
  33. package/dist-plugin/{adjust → setGeometry}/index.d.ts +1 -1
  34. package/dist-plugin/{adjust → setGeometry}/index.js +1 -1
  35. package/dist-plugin/{fontPairing → setType}/index.cjs +4 -4
  36. package/dist-plugin/{fontPairing → setType}/index.d.cts +1 -1
  37. package/dist-plugin/{fontPairing → setType}/index.d.ts +1 -1
  38. package/dist-plugin/{themeTypes-DSV3Zisf.d.cts → themeTypes-BxRtuN5V.d.cts} +1 -1
  39. package/dist-plugin/{themeTypes-DSV3Zisf.d.ts → themeTypes-BxRtuN5V.d.ts} +1 -1
  40. package/package.json +2 -1
  41. package/src/editor/core/themes/{generateColorsAndType.ts → buildColors.ts} +82 -96
  42. package/src/editor/core/themes/migrations/2026-09-03-drop-legacy-component-keys.ts +62 -0
  43. package/src/editor/core/themes/migrations/index.ts +2 -0
  44. package/src/editor/docs/content/themes-workflow.md +2 -2
  45. package/src/editor/docs/content.generated.ts +1 -1
  46. package/src/editor/overlay/LiveEditorOverlay.svelte +519 -28
  47. package/src/editor/skill-atlas/SkillAtlas.svelte +2 -2
  48. package/src/editor/skill-atlas/skillSources.generated.ts +19 -15
  49. package/src/editor/skill-atlas/skillTrees.ts +785 -632
  50. package/src/live-tokens/data/colors-and-type/autumn.json +1 -37
  51. package/src/live-tokens/data/colors-and-type/default.json +1 -37
  52. package/src/live-tokens/data/colors-and-type/halloween.json +1 -37
  53. package/src/live-tokens/data/colors-and-type/midnight-study.json +1 -37
  54. package/src/live-tokens/data/colors-and-type/ocean.json +1 -37
  55. package/src/live-tokens/data/colors-and-type/royal-velvet.json +1 -37
  56. package/src/live-tokens/data/colors-and-type/sketchy.json +1 -37
  57. package/src/live-tokens/data/colors-and-type/spring-meadow.json +1 -37
  58. package/src/live-tokens/data/colors-and-type/sunset.json +1 -37
  59. package/src/live-tokens/data/themes/autumn.json +1 -37
  60. package/src/live-tokens/data/themes/halloween.json +1 -37
  61. package/src/live-tokens/data/themes/midnight-study.json +1 -37
  62. package/src/live-tokens/data/themes/ocean.json +1 -37
  63. package/src/live-tokens/data/themes/royal-velvet.json +1 -37
  64. package/src/live-tokens/data/themes/sketchy.json +1 -37
  65. package/src/live-tokens/data/themes/spring-meadow.json +1 -37
  66. package/src/live-tokens/data/themes/sunset.json +1 -37
  67. package/src/live-tokens/data/tokens.generated.css +0 -36
  68. package/.claude/skills/live-tokens-generate-theme/SKILL.md +0 -156
  69. package/.claude/skills/live-tokens-generate-theme/references/mood-vocabulary.md +0 -43
  70. package/.claude/skills/live-tokens-generate-theme/references/named-themes.md +0 -18
  71. package/.claude/skills/live-tokens-generate-theme/references/style-vocabulary.md +0 -35
  72. package/bin/generate-theme.mjs +0 -260
  73. /package/dist-plugin/{fontPairing → setType}/index.js +0 -0
package/src/live-tokens/data/colors-and-type/autumn.json CHANGED
@@ -2219,42 +2219,6 @@
2219
2219
  "--gradient-2": "linear-gradient(135deg, var(--color-special-500) 0%, var(--color-brand-500) 100%)",
2220
2220
  "--gradient-3": "linear-gradient(90deg, var(--color-brand-500) 0%, var(--color-accent-500) 100%)",
2221
2221
  "--gradient-4": "linear-gradient(180deg, var(--color-canvas-200) 0%, var(--color-canvas-500) 100%)",
2222
- "--badge-trait-surface": "var(--surface-brand)",
2223
- "--badge-trait-text": "var(--text-brand)",
2224
- "--badge-trait-text-font-family": "var(--font-sans)",
2225
- "--badge-trait-text-font-size": "var(--font-size-sm)",
2226
- "--badge-trait-text-font-weight": "var(--font-weight-light)",
2227
- "--badge-trait-text-line-height": "var(--line-height-none)",
2228
- "--badge-trait-border": "var(--border-brand-medium)",
2229
- "--badge-trait-border-width": "var(--border-width-1)",
2230
- "--badge-trait-shadow": "transparent",
2231
- "--sectiondivider-title": "var(--text-primary)",
2232
- "--sectiondivider-title-font-family": "var(--font-display)",
2233
- "--sectiondivider-title-font-size": "var(--font-size-5xl)",
2234
- "--sectiondivider-title-font-weight": "var(--font-weight-normal)",
2235
- "--sectiondivider-title-line-height": "var(--line-height-none)",
2236
- "--sectiondivider-title-border-width": "var(--border-width-4)",
2237
- "--sectiondivider-title-stroke-color": "var(--surface-canvas-lowest)",
2238
- "--sectiondivider-description": "var(--text-secondary)",
2239
- "--sectiondivider-description-font-family": "var(--font-sans)",
2240
- "--sectiondivider-description-font-size": "var(--font-size-md)",
2241
- "--sectiondivider-description-font-weight": "var(--font-weight-normal)",
2242
- "--sectiondivider-description-line-height": "var(--line-height-normal)",
2243
- "--dialog-primary-default-surface": "var(--surface-neutral-high)",
2244
- "--dialog-primary-default-text": "var(--text-primary)",
2245
- "--dialog-primary-default-border": "var(--border-neutral-medium)",
2246
- "--dialog-primary-default-border-width": "var(--border-width-1)",
2247
- "--dialog-primary-hover-surface": "var(--surface-neutral-higher)",
2248
- "--dialog-primary-hover-text": "var(--text-primary)",
2249
- "--dialog-primary-hover-border": "var(--border-neutral-strong)",
2250
- "--dialog-primary-hover-border-width": "var(--border-width-1)",
2251
- "--dialog-secondary-default-text": "var(--text-primary)",
2252
- "--dialog-secondary-default-border": "var(--border-neutral-medium)",
2253
- "--dialog-secondary-default-border-width": "var(--border-width-1)",
2254
- "--dialog-secondary-hover-surface": "var(--surface-neutral-lower)",
2255
- "--dialog-secondary-hover-text": "var(--text-primary)",
2256
- "--dialog-secondary-hover-border": "var(--border-neutral-strong)",
2257
- "--dialog-secondary-hover-border-width": "var(--border-width-1)",
2258
2222
  "--columns-count": "12",
2259
2223
  "--columns-max-width": "1440px",
2260
2224
  "--columns-gutter": "32px",
@@ -2441,7 +2405,7 @@
2441
2405
  "family": null
2442
2406
  }
2443
2407
  ],
2444
- "schemaVersion": 3,
2408
+ "schemaVersion": 8,
2445
2409
  "gradients": [
2446
2410
  {
2447
2411
  "variable": "--gradient-1",
package/src/live-tokens/data/colors-and-type/default.json CHANGED
@@ -2250,42 +2250,6 @@
2250
2250
  "--gradient-2": "linear-gradient(135deg, var(--color-brand-500) 0%, var(--color-special-500) 100%)",
2251
2251
  "--gradient-3": "linear-gradient(90deg, var(--color-success-500) 0%, var(--color-info-500) 100%)",
2252
2252
  "--gradient-4": "linear-gradient(45deg, var(--color-danger-500) 0%, var(--color-warning-500) 100%)",
2253
- "--badge-trait-surface": "var(--surface-brand)",
2254
- "--badge-trait-text": "var(--text-brand)",
2255
- "--badge-trait-text-font-family": "var(--font-sans)",
2256
- "--badge-trait-text-font-size": "var(--font-size-sm)",
2257
- "--badge-trait-text-font-weight": "var(--font-weight-light)",
2258
- "--badge-trait-text-line-height": "var(--line-height-none)",
2259
- "--badge-trait-border": "var(--border-brand-medium)",
2260
- "--badge-trait-border-width": "var(--border-width-1)",
2261
- "--badge-trait-shadow": "transparent",
2262
- "--sectiondivider-title": "var(--text-primary)",
2263
- "--sectiondivider-title-font-family": "var(--font-display)",
2264
- "--sectiondivider-title-font-size": "var(--font-size-5xl)",
2265
- "--sectiondivider-title-font-weight": "var(--font-weight-normal)",
2266
- "--sectiondivider-title-line-height": "var(--line-height-none)",
2267
- "--sectiondivider-title-border-width": "var(--border-width-4)",
2268
- "--sectiondivider-title-stroke-color": "var(--surface-canvas-lowest)",
2269
- "--sectiondivider-description": "var(--text-secondary)",
2270
- "--sectiondivider-description-font-family": "var(--font-sans)",
2271
- "--sectiondivider-description-font-size": "var(--font-size-md)",
2272
- "--sectiondivider-description-font-weight": "var(--font-weight-normal)",
2273
- "--sectiondivider-description-line-height": "var(--line-height-normal)",
2274
- "--dialog-primary-default-surface": "var(--surface-neutral-high)",
2275
- "--dialog-primary-default-text": "var(--text-primary)",
2276
- "--dialog-primary-default-border": "var(--border-neutral-medium)",
2277
- "--dialog-primary-default-border-width": "var(--border-width-1)",
2278
- "--dialog-primary-hover-surface": "var(--surface-neutral-higher)",
2279
- "--dialog-primary-hover-text": "var(--text-primary)",
2280
- "--dialog-primary-hover-border": "var(--border-neutral-strong)",
2281
- "--dialog-primary-hover-border-width": "var(--border-width-1)",
2282
- "--dialog-secondary-default-text": "var(--text-primary)",
2283
- "--dialog-secondary-default-border": "var(--border-neutral-medium)",
2284
- "--dialog-secondary-default-border-width": "var(--border-width-1)",
2285
- "--dialog-secondary-hover-surface": "var(--surface-neutral-lower)",
2286
- "--dialog-secondary-hover-text": "var(--text-primary)",
2287
- "--dialog-secondary-hover-border": "var(--border-neutral-strong)",
2288
- "--dialog-secondary-hover-border-width": "var(--border-width-1)",
2289
2253
  "--columns-count": "12",
2290
2254
  "--columns-max-width": "1440px",
2291
2255
  "--columns-gutter": "32px",
@@ -2451,5 +2415,5 @@
2451
2415
  ]
2452
2416
  }
2453
2417
  ],
2454
- "schemaVersion": 3
2418
+ "schemaVersion": 8
2455
2419
  }
package/src/live-tokens/data/colors-and-type/halloween.json CHANGED
@@ -2266,42 +2266,6 @@
2266
2266
  "--gradient-2": "linear-gradient(135deg, var(--color-special-500) 0%, var(--color-brand-500) 100%)",
2267
2267
  "--gradient-3": "linear-gradient(90deg, var(--color-accent-400) 0%, var(--color-accent-700) 100%)",
2268
2268
  "--gradient-4": "linear-gradient(180deg, var(--color-canvas-600) 0%, var(--color-canvas-900) 100%)",
2269
- "--badge-trait-surface": "var(--surface-brand)",
2270
- "--badge-trait-text": "var(--text-brand)",
2271
- "--badge-trait-text-font-family": "var(--font-sans)",
2272
- "--badge-trait-text-font-size": "var(--font-size-sm)",
2273
- "--badge-trait-text-font-weight": "var(--font-weight-light)",
2274
- "--badge-trait-text-line-height": "var(--line-height-none)",
2275
- "--badge-trait-border": "var(--border-brand-medium)",
2276
- "--badge-trait-border-width": "var(--border-width-1)",
2277
- "--badge-trait-shadow": "transparent",
2278
- "--sectiondivider-title": "var(--text-primary)",
2279
- "--sectiondivider-title-font-family": "var(--font-display)",
2280
- "--sectiondivider-title-font-size": "var(--font-size-5xl)",
2281
- "--sectiondivider-title-font-weight": "var(--font-weight-normal)",
2282
- "--sectiondivider-title-line-height": "var(--line-height-none)",
2283
- "--sectiondivider-title-border-width": "var(--border-width-4)",
2284
- "--sectiondivider-title-stroke-color": "var(--surface-canvas-lowest)",
2285
- "--sectiondivider-description": "var(--text-secondary)",
2286
- "--sectiondivider-description-font-family": "var(--font-sans)",
2287
- "--sectiondivider-description-font-size": "var(--font-size-md)",
2288
- "--sectiondivider-description-font-weight": "var(--font-weight-normal)",
2289
- "--sectiondivider-description-line-height": "var(--line-height-normal)",
2290
- "--dialog-primary-default-surface": "var(--surface-neutral-high)",
2291
- "--dialog-primary-default-text": "var(--text-primary)",
2292
- "--dialog-primary-default-border": "var(--border-neutral-medium)",
2293
- "--dialog-primary-default-border-width": "var(--border-width-1)",
2294
- "--dialog-primary-hover-surface": "var(--surface-neutral-higher)",
2295
- "--dialog-primary-hover-text": "var(--text-primary)",
2296
- "--dialog-primary-hover-border": "var(--border-neutral-strong)",
2297
- "--dialog-primary-hover-border-width": "var(--border-width-1)",
2298
- "--dialog-secondary-default-text": "var(--text-primary)",
2299
- "--dialog-secondary-default-border": "var(--border-neutral-medium)",
2300
- "--dialog-secondary-default-border-width": "var(--border-width-1)",
2301
- "--dialog-secondary-hover-surface": "var(--surface-neutral-lower)",
2302
- "--dialog-secondary-hover-text": "var(--text-primary)",
2303
- "--dialog-secondary-hover-border": "var(--border-neutral-strong)",
2304
- "--dialog-secondary-hover-border-width": "var(--border-width-1)",
2305
2269
  "--columns-count": "12",
2306
2270
  "--columns-max-width": "1440px",
2307
2271
  "--columns-gutter": "32px",
@@ -2480,7 +2444,7 @@
2480
2444
  "family": null
2481
2445
  }
2482
2446
  ],
2483
- "schemaVersion": 3,
2447
+ "schemaVersion": 8,
2484
2448
  "gradients": [
2485
2449
  {
2486
2450
  "variable": "--gradient-1",
package/src/live-tokens/data/colors-and-type/midnight-study.json CHANGED
@@ -2262,42 +2262,6 @@
2262
2262
  }
2263
2263
  },
2264
2264
  "cssVariables": {
2265
- "--badge-trait-surface": "var(--surface-brand)",
2266
- "--badge-trait-text": "var(--text-brand)",
2267
- "--badge-trait-text-font-family": "var(--font-sans)",
2268
- "--badge-trait-text-font-size": "var(--font-size-sm)",
2269
- "--badge-trait-text-font-weight": "var(--font-weight-light)",
2270
- "--badge-trait-text-line-height": "var(--line-height-none)",
2271
- "--badge-trait-border": "var(--border-brand-medium)",
2272
- "--badge-trait-border-width": "var(--border-width-1)",
2273
- "--badge-trait-shadow": "transparent",
2274
- "--sectiondivider-title": "var(--text-primary)",
2275
- "--sectiondivider-title-font-family": "var(--font-display)",
2276
- "--sectiondivider-title-font-size": "var(--font-size-5xl)",
2277
- "--sectiondivider-title-font-weight": "var(--font-weight-normal)",
2278
- "--sectiondivider-title-line-height": "var(--line-height-none)",
2279
- "--sectiondivider-title-border-width": "var(--border-width-4)",
2280
- "--sectiondivider-title-stroke-color": "var(--surface-canvas-lowest)",
2281
- "--sectiondivider-description": "var(--text-secondary)",
2282
- "--sectiondivider-description-font-family": "var(--font-sans)",
2283
- "--sectiondivider-description-font-size": "var(--font-size-md)",
2284
- "--sectiondivider-description-font-weight": "var(--font-weight-normal)",
2285
- "--sectiondivider-description-line-height": "var(--line-height-normal)",
2286
- "--dialog-primary-default-surface": "var(--surface-neutral-high)",
2287
- "--dialog-primary-default-text": "var(--text-primary)",
2288
- "--dialog-primary-default-border": "var(--border-neutral-medium)",
2289
- "--dialog-primary-default-border-width": "var(--border-width-1)",
2290
- "--dialog-primary-hover-surface": "var(--surface-neutral-higher)",
2291
- "--dialog-primary-hover-text": "var(--text-primary)",
2292
- "--dialog-primary-hover-border": "var(--border-neutral-strong)",
2293
- "--dialog-primary-hover-border-width": "var(--border-width-1)",
2294
- "--dialog-secondary-default-text": "var(--text-primary)",
2295
- "--dialog-secondary-default-border": "var(--border-neutral-medium)",
2296
- "--dialog-secondary-default-border-width": "var(--border-width-1)",
2297
- "--dialog-secondary-hover-surface": "var(--surface-neutral-lower)",
2298
- "--dialog-secondary-hover-text": "var(--text-primary)",
2299
- "--dialog-secondary-hover-border": "var(--border-neutral-strong)",
2300
- "--dialog-secondary-hover-border-width": "var(--border-width-1)",
2301
2265
  "--columns-count": "12",
2302
2266
  "--columns-max-width": "1440px",
2303
2267
  "--columns-gutter": "32px",
@@ -2559,5 +2523,5 @@
2559
2523
  "family": null
2560
2524
  }
2561
2525
  ],
2562
- "schemaVersion": 5
2526
+ "schemaVersion": 8
2563
2527
  }
package/src/live-tokens/data/colors-and-type/ocean.json CHANGED
@@ -2219,42 +2219,6 @@
2219
2219
  "--gradient-2": "linear-gradient(135deg, var(--color-special-400) 0%, var(--color-special-700) 100%)",
2220
2220
  "--gradient-3": "linear-gradient(90deg, var(--color-brand-500) 0%, var(--color-accent-500) 100%)",
2221
2221
  "--gradient-4": "linear-gradient(180deg, var(--color-canvas-200) 0%, var(--color-canvas-500) 100%)",
2222
- "--badge-trait-surface": "var(--surface-brand)",
2223
- "--badge-trait-text": "var(--text-brand)",
2224
- "--badge-trait-text-font-family": "var(--font-sans)",
2225
- "--badge-trait-text-font-size": "var(--font-size-sm)",
2226
- "--badge-trait-text-font-weight": "var(--font-weight-light)",
2227
- "--badge-trait-text-line-height": "var(--line-height-none)",
2228
- "--badge-trait-border": "var(--border-brand-medium)",
2229
- "--badge-trait-border-width": "var(--border-width-1)",
2230
- "--badge-trait-shadow": "transparent",
2231
- "--sectiondivider-title": "var(--text-primary)",
2232
- "--sectiondivider-title-font-family": "var(--font-display)",
2233
- "--sectiondivider-title-font-size": "var(--font-size-5xl)",
2234
- "--sectiondivider-title-font-weight": "var(--font-weight-normal)",
2235
- "--sectiondivider-title-line-height": "var(--line-height-none)",
2236
- "--sectiondivider-title-border-width": "var(--border-width-4)",
2237
- "--sectiondivider-title-stroke-color": "var(--surface-canvas-lowest)",
2238
- "--sectiondivider-description": "var(--text-secondary)",
2239
- "--sectiondivider-description-font-family": "var(--font-sans)",
2240
- "--sectiondivider-description-font-size": "var(--font-size-md)",
2241
- "--sectiondivider-description-font-weight": "var(--font-weight-normal)",
2242
- "--sectiondivider-description-line-height": "var(--line-height-normal)",
2243
- "--dialog-primary-default-surface": "var(--surface-neutral-high)",
2244
- "--dialog-primary-default-text": "var(--text-primary)",
2245
- "--dialog-primary-default-border": "var(--border-neutral-medium)",
2246
- "--dialog-primary-default-border-width": "var(--border-width-1)",
2247
- "--dialog-primary-hover-surface": "var(--surface-neutral-higher)",
2248
- "--dialog-primary-hover-text": "var(--text-primary)",
2249
- "--dialog-primary-hover-border": "var(--border-neutral-strong)",
2250
- "--dialog-primary-hover-border-width": "var(--border-width-1)",
2251
- "--dialog-secondary-default-text": "var(--text-primary)",
2252
- "--dialog-secondary-default-border": "var(--border-neutral-medium)",
2253
- "--dialog-secondary-default-border-width": "var(--border-width-1)",
2254
- "--dialog-secondary-hover-surface": "var(--surface-neutral-lower)",
2255
- "--dialog-secondary-hover-text": "var(--text-primary)",
2256
- "--dialog-secondary-hover-border": "var(--border-neutral-strong)",
2257
- "--dialog-secondary-hover-border-width": "var(--border-width-1)",
2258
2222
  "--columns-count": "12",
2259
2223
  "--columns-max-width": "1440px",
2260
2224
  "--columns-gutter": "32px",
@@ -2440,7 +2404,7 @@
2440
2404
  "family": null
2441
2405
  }
2442
2406
  ],
2443
- "schemaVersion": 3,
2407
+ "schemaVersion": 8,
2444
2408
  "gradients": [
2445
2409
  {
2446
2410
  "variable": "--gradient-1",
package/src/live-tokens/data/colors-and-type/royal-velvet.json CHANGED
@@ -2251,42 +2251,6 @@
2251
2251
  "--gradient-2": "linear-gradient(135deg, var(--color-special-500) 0%, var(--color-brand-500) 100%)",
2252
2252
  "--gradient-3": "linear-gradient(90deg, var(--color-accent-400) 0%, var(--color-accent-700) 100%)",
2253
2253
  "--gradient-4": "linear-gradient(180deg, var(--color-canvas-600) 0%, var(--color-canvas-900) 100%)",
2254
- "--badge-trait-surface": "var(--surface-brand)",
2255
- "--badge-trait-text": "var(--text-brand)",
2256
- "--badge-trait-text-font-family": "var(--font-sans)",
2257
- "--badge-trait-text-font-size": "var(--font-size-sm)",
2258
- "--badge-trait-text-font-weight": "var(--font-weight-light)",
2259
- "--badge-trait-text-line-height": "var(--line-height-none)",
2260
- "--badge-trait-border": "var(--border-brand-medium)",
2261
- "--badge-trait-border-width": "var(--border-width-1)",
2262
- "--badge-trait-shadow": "transparent",
2263
- "--sectiondivider-title": "var(--text-primary)",
2264
- "--sectiondivider-title-font-family": "var(--font-display)",
2265
- "--sectiondivider-title-font-size": "var(--font-size-5xl)",
2266
- "--sectiondivider-title-font-weight": "var(--font-weight-normal)",
2267
- "--sectiondivider-title-line-height": "var(--line-height-none)",
2268
- "--sectiondivider-title-border-width": "var(--border-width-4)",
2269
- "--sectiondivider-title-stroke-color": "var(--surface-canvas-lowest)",
2270
- "--sectiondivider-description": "var(--text-secondary)",
2271
- "--sectiondivider-description-font-family": "var(--font-sans)",
2272
- "--sectiondivider-description-font-size": "var(--font-size-md)",
2273
- "--sectiondivider-description-font-weight": "var(--font-weight-normal)",
2274
- "--sectiondivider-description-line-height": "var(--line-height-normal)",
2275
- "--dialog-primary-default-surface": "var(--surface-neutral-high)",
2276
- "--dialog-primary-default-text": "var(--text-primary)",
2277
- "--dialog-primary-default-border": "var(--border-neutral-medium)",
2278
- "--dialog-primary-default-border-width": "var(--border-width-1)",
2279
- "--dialog-primary-hover-surface": "var(--surface-neutral-higher)",
2280
- "--dialog-primary-hover-text": "var(--text-primary)",
2281
- "--dialog-primary-hover-border": "var(--border-neutral-strong)",
2282
- "--dialog-primary-hover-border-width": "var(--border-width-1)",
2283
- "--dialog-secondary-default-text": "var(--text-primary)",
2284
- "--dialog-secondary-default-border": "var(--border-neutral-medium)",
2285
- "--dialog-secondary-default-border-width": "var(--border-width-1)",
2286
- "--dialog-secondary-hover-surface": "var(--surface-neutral-lower)",
2287
- "--dialog-secondary-hover-text": "var(--text-primary)",
2288
- "--dialog-secondary-hover-border": "var(--border-neutral-strong)",
2289
- "--dialog-secondary-hover-border-width": "var(--border-width-1)",
2290
2254
  "--columns-count": "12",
2291
2255
  "--columns-max-width": "1440px",
2292
2256
  "--columns-gutter": "32px",
@@ -2471,7 +2435,7 @@
2471
2435
  "family": null
2472
2436
  }
2473
2437
  ],
2474
- "schemaVersion": 3,
2438
+ "schemaVersion": 8,
2475
2439
  "gradients": [
2476
2440
  {
2477
2441
  "variable": "--gradient-1",
package/src/live-tokens/data/colors-and-type/sketchy.json CHANGED
@@ -2205,42 +2205,6 @@
2205
2205
  "--gradient-2": "linear-gradient(135deg, var(--color-special-500) 0%, var(--color-brand-500) 100%)",
2206
2206
  "--gradient-3": "linear-gradient(90deg, var(--color-brand-500) 0%, var(--color-accent-500) 100%)",
2207
2207
  "--gradient-4": "linear-gradient(180deg, var(--color-canvas-200) 0%, var(--color-canvas-500) 100%)",
2208
- "--badge-trait-surface": "var(--surface-brand)",
2209
- "--badge-trait-text": "var(--text-brand)",
2210
- "--badge-trait-text-font-family": "var(--font-sans)",
2211
- "--badge-trait-text-font-size": "var(--font-size-sm)",
2212
- "--badge-trait-text-font-weight": "var(--font-weight-light)",
2213
- "--badge-trait-text-line-height": "var(--line-height-none)",
2214
- "--badge-trait-border": "var(--border-brand-medium)",
2215
- "--badge-trait-border-width": "var(--border-width-1)",
2216
- "--badge-trait-shadow": "transparent",
2217
- "--sectiondivider-title": "var(--text-primary)",
2218
- "--sectiondivider-title-font-family": "var(--font-display)",
2219
- "--sectiondivider-title-font-size": "var(--font-size-5xl)",
2220
- "--sectiondivider-title-font-weight": "var(--font-weight-normal)",
2221
- "--sectiondivider-title-line-height": "var(--line-height-none)",
2222
- "--sectiondivider-title-border-width": "var(--border-width-4)",
2223
- "--sectiondivider-title-stroke-color": "var(--surface-canvas-lowest)",
2224
- "--sectiondivider-description": "var(--text-secondary)",
2225
- "--sectiondivider-description-font-family": "var(--font-sans)",
2226
- "--sectiondivider-description-font-size": "var(--font-size-md)",
2227
- "--sectiondivider-description-font-weight": "var(--font-weight-normal)",
2228
- "--sectiondivider-description-line-height": "var(--line-height-normal)",
2229
- "--dialog-primary-default-surface": "var(--surface-neutral-high)",
2230
- "--dialog-primary-default-text": "var(--text-primary)",
2231
- "--dialog-primary-default-border": "var(--border-neutral-medium)",
2232
- "--dialog-primary-default-border-width": "var(--border-width-1)",
2233
- "--dialog-primary-hover-surface": "var(--surface-neutral-higher)",
2234
- "--dialog-primary-hover-text": "var(--text-primary)",
2235
- "--dialog-primary-hover-border": "var(--border-neutral-strong)",
2236
- "--dialog-primary-hover-border-width": "var(--border-width-1)",
2237
- "--dialog-secondary-default-text": "var(--text-primary)",
2238
- "--dialog-secondary-default-border": "var(--border-neutral-medium)",
2239
- "--dialog-secondary-default-border-width": "var(--border-width-1)",
2240
- "--dialog-secondary-hover-surface": "var(--surface-neutral-lower)",
2241
- "--dialog-secondary-hover-text": "var(--text-primary)",
2242
- "--dialog-secondary-hover-border": "var(--border-neutral-strong)",
2243
- "--dialog-secondary-hover-border-width": "var(--border-width-1)",
2244
2208
  "--columns-count": "12",
2245
2209
  "--columns-max-width": "1440px",
2246
2210
  "--columns-gutter": "32px",
@@ -2516,5 +2480,5 @@
2516
2480
  "family": null
2517
2481
  }
2518
2482
  ],
2519
- "schemaVersion": 5
2483
+ "schemaVersion": 8
2520
2484
  }
package/src/live-tokens/data/colors-and-type/spring-meadow.json CHANGED
@@ -2205,42 +2205,6 @@
2205
2205
  "--gradient-2": "linear-gradient(135deg, var(--color-special-400) 0%, var(--color-special-700) 100%)",
2206
2206
  "--gradient-3": "linear-gradient(90deg, var(--color-brand-500) 0%, var(--color-accent-500) 100%)",
2207
2207
  "--gradient-4": "linear-gradient(180deg, var(--color-canvas-200) 0%, var(--color-canvas-500) 100%)",
2208
- "--badge-trait-surface": "var(--surface-brand)",
2209
- "--badge-trait-text": "var(--text-brand)",
2210
- "--badge-trait-text-font-family": "var(--font-sans)",
2211
- "--badge-trait-text-font-size": "var(--font-size-sm)",
2212
- "--badge-trait-text-font-weight": "var(--font-weight-light)",
2213
- "--badge-trait-text-line-height": "var(--line-height-none)",
2214
- "--badge-trait-border": "var(--border-brand-medium)",
2215
- "--badge-trait-border-width": "var(--border-width-1)",
2216
- "--badge-trait-shadow": "transparent",
2217
- "--sectiondivider-title": "var(--text-primary)",
2218
- "--sectiondivider-title-font-family": "var(--font-display)",
2219
- "--sectiondivider-title-font-size": "var(--font-size-5xl)",
2220
- "--sectiondivider-title-font-weight": "var(--font-weight-normal)",
2221
- "--sectiondivider-title-line-height": "var(--line-height-none)",
2222
- "--sectiondivider-title-border-width": "var(--border-width-4)",
2223
- "--sectiondivider-title-stroke-color": "var(--surface-canvas-lowest)",
2224
- "--sectiondivider-description": "var(--text-secondary)",
2225
- "--sectiondivider-description-font-family": "var(--font-sans)",
2226
- "--sectiondivider-description-font-size": "var(--font-size-md)",
2227
- "--sectiondivider-description-font-weight": "var(--font-weight-normal)",
2228
- "--sectiondivider-description-line-height": "var(--line-height-normal)",
2229
- "--dialog-primary-default-surface": "var(--surface-neutral-high)",
2230
- "--dialog-primary-default-text": "var(--text-primary)",
2231
- "--dialog-primary-default-border": "var(--border-neutral-medium)",
2232
- "--dialog-primary-default-border-width": "var(--border-width-1)",
2233
- "--dialog-primary-hover-surface": "var(--surface-neutral-higher)",
2234
- "--dialog-primary-hover-text": "var(--text-primary)",
2235
- "--dialog-primary-hover-border": "var(--border-neutral-strong)",
2236
- "--dialog-primary-hover-border-width": "var(--border-width-1)",
2237
- "--dialog-secondary-default-text": "var(--text-primary)",
2238
- "--dialog-secondary-default-border": "var(--border-neutral-medium)",
2239
- "--dialog-secondary-default-border-width": "var(--border-width-1)",
2240
- "--dialog-secondary-hover-surface": "var(--surface-neutral-lower)",
2241
- "--dialog-secondary-hover-text": "var(--text-primary)",
2242
- "--dialog-secondary-hover-border": "var(--border-neutral-strong)",
2243
- "--dialog-secondary-hover-border-width": "var(--border-width-1)",
2244
2208
  "--columns-count": "12",
2245
2209
  "--columns-max-width": "1440px",
2246
2210
  "--columns-gutter": "32px",
@@ -2427,7 +2391,7 @@
2427
2391
  "family": null
2428
2392
  }
2429
2393
  ],
2430
- "schemaVersion": 3,
2394
+ "schemaVersion": 8,
2431
2395
  "gradients": [
2432
2396
  {
2433
2397
  "variable": "--gradient-1",
package/src/live-tokens/data/colors-and-type/sunset.json CHANGED
@@ -2266,42 +2266,6 @@
2266
2266
  "--gradient-2": "linear-gradient(135deg, var(--color-special-500) 0%, var(--color-brand-500) 100%)",
2267
2267
  "--gradient-3": "linear-gradient(90deg, var(--color-brand-500) 0%, var(--color-accent-500) 100%)",
2268
2268
  "--gradient-4": "linear-gradient(180deg, var(--color-canvas-600) 0%, var(--color-canvas-900) 100%)",
2269
- "--badge-trait-surface": "var(--surface-brand)",
2270
- "--badge-trait-text": "var(--text-brand)",
2271
- "--badge-trait-text-font-family": "var(--font-sans)",
2272
- "--badge-trait-text-font-size": "var(--font-size-sm)",
2273
- "--badge-trait-text-font-weight": "var(--font-weight-light)",
2274
- "--badge-trait-text-line-height": "var(--line-height-none)",
2275
- "--badge-trait-border": "var(--border-brand-medium)",
2276
- "--badge-trait-border-width": "var(--border-width-1)",
2277
- "--badge-trait-shadow": "transparent",
2278
- "--sectiondivider-title": "var(--text-primary)",
2279
- "--sectiondivider-title-font-family": "var(--font-display)",
2280
- "--sectiondivider-title-font-size": "var(--font-size-5xl)",
2281
- "--sectiondivider-title-font-weight": "var(--font-weight-normal)",
2282
- "--sectiondivider-title-line-height": "var(--line-height-none)",
2283
- "--sectiondivider-title-border-width": "var(--border-width-4)",
2284
- "--sectiondivider-title-stroke-color": "var(--surface-canvas-lowest)",
2285
- "--sectiondivider-description": "var(--text-secondary)",
2286
- "--sectiondivider-description-font-family": "var(--font-sans)",
2287
- "--sectiondivider-description-font-size": "var(--font-size-md)",
2288
- "--sectiondivider-description-font-weight": "var(--font-weight-normal)",
2289
- "--sectiondivider-description-line-height": "var(--line-height-normal)",
2290
- "--dialog-primary-default-surface": "var(--surface-neutral-high)",
2291
- "--dialog-primary-default-text": "var(--text-primary)",
2292
- "--dialog-primary-default-border": "var(--border-neutral-medium)",
2293
- "--dialog-primary-default-border-width": "var(--border-width-1)",
2294
- "--dialog-primary-hover-surface": "var(--surface-neutral-higher)",
2295
- "--dialog-primary-hover-text": "var(--text-primary)",
2296
- "--dialog-primary-hover-border": "var(--border-neutral-strong)",
2297
- "--dialog-primary-hover-border-width": "var(--border-width-1)",
2298
- "--dialog-secondary-default-text": "var(--text-primary)",
2299
- "--dialog-secondary-default-border": "var(--border-neutral-medium)",
2300
- "--dialog-secondary-default-border-width": "var(--border-width-1)",
2301
- "--dialog-secondary-hover-surface": "var(--surface-neutral-lower)",
2302
- "--dialog-secondary-hover-text": "var(--text-primary)",
2303
- "--dialog-secondary-hover-border": "var(--border-neutral-strong)",
2304
- "--dialog-secondary-hover-border-width": "var(--border-width-1)",
2305
2269
  "--columns-count": "12",
2306
2270
  "--columns-max-width": "1440px",
2307
2271
  "--columns-gutter": "32px",
@@ -2479,7 +2443,7 @@
2479
2443
  "family": null
2480
2444
  }
2481
2445
  ],
2482
- "schemaVersion": 3,
2446
+ "schemaVersion": 8,
2483
2447
  "gradients": [
2484
2448
  {
2485
2449
  "variable": "--gradient-1",
package/src/live-tokens/data/themes/autumn.json CHANGED
@@ -2224,42 +2224,6 @@
2224
2224
  "--gradient-2": "linear-gradient(135deg, var(--color-special-500) 0%, var(--color-brand-500) 100%)",
2225
2225
  "--gradient-3": "linear-gradient(90deg, var(--color-brand-500) 0%, var(--color-accent-500) 100%)",
2226
2226
  "--gradient-4": "linear-gradient(180deg, var(--color-canvas-200) 0%, var(--color-canvas-500) 100%)",
2227
- "--badge-trait-surface": "var(--surface-brand)",
2228
- "--badge-trait-text": "var(--text-brand)",
2229
- "--badge-trait-text-font-family": "var(--font-sans)",
2230
- "--badge-trait-text-font-size": "var(--font-size-sm)",
2231
- "--badge-trait-text-font-weight": "var(--font-weight-light)",
2232
- "--badge-trait-text-line-height": "var(--line-height-none)",
2233
- "--badge-trait-border": "var(--border-brand-medium)",
2234
- "--badge-trait-border-width": "var(--border-width-1)",
2235
- "--badge-trait-shadow": "transparent",
2236
- "--sectiondivider-title": "var(--text-primary)",
2237
- "--sectiondivider-title-font-family": "var(--font-display)",
2238
- "--sectiondivider-title-font-size": "var(--font-size-5xl)",
2239
- "--sectiondivider-title-font-weight": "var(--font-weight-normal)",
2240
- "--sectiondivider-title-line-height": "var(--line-height-none)",
2241
- "--sectiondivider-title-border-width": "var(--border-width-4)",
2242
- "--sectiondivider-title-stroke-color": "var(--surface-canvas-lowest)",
2243
- "--sectiondivider-description": "var(--text-secondary)",
2244
- "--sectiondivider-description-font-family": "var(--font-sans)",
2245
- "--sectiondivider-description-font-size": "var(--font-size-md)",
2246
- "--sectiondivider-description-font-weight": "var(--font-weight-normal)",
2247
- "--sectiondivider-description-line-height": "var(--line-height-normal)",
2248
- "--dialog-primary-default-surface": "var(--surface-neutral-high)",
2249
- "--dialog-primary-default-text": "var(--text-primary)",
2250
- "--dialog-primary-default-border": "var(--border-neutral-medium)",
2251
- "--dialog-primary-default-border-width": "var(--border-width-1)",
2252
- "--dialog-primary-hover-surface": "var(--surface-neutral-higher)",
2253
- "--dialog-primary-hover-text": "var(--text-primary)",
2254
- "--dialog-primary-hover-border": "var(--border-neutral-strong)",
2255
- "--dialog-primary-hover-border-width": "var(--border-width-1)",
2256
- "--dialog-secondary-default-text": "var(--text-primary)",
2257
- "--dialog-secondary-default-border": "var(--border-neutral-medium)",
2258
- "--dialog-secondary-default-border-width": "var(--border-width-1)",
2259
- "--dialog-secondary-hover-surface": "var(--surface-neutral-lower)",
2260
- "--dialog-secondary-hover-text": "var(--text-primary)",
2261
- "--dialog-secondary-hover-border": "var(--border-neutral-strong)",
2262
- "--dialog-secondary-hover-border-width": "var(--border-width-1)",
2263
2227
  "--columns-count": "12",
2264
2228
  "--columns-max-width": "1440px",
2265
2229
  "--columns-gutter": "32px",
@@ -2446,7 +2410,7 @@
2446
2410
  "family": null
2447
2411
  }
2448
2412
  ],
2449
- "schemaVersion": 3,
2413
+ "schemaVersion": 8,
2450
2414
  "gradients": [
2451
2415
  {
2452
2416
  "variable": "--gradient-1",
package/src/live-tokens/data/themes/halloween.json CHANGED
@@ -2271,42 +2271,6 @@
2271
2271
  "--gradient-2": "linear-gradient(135deg, var(--color-special-500) 0%, var(--color-brand-500) 100%)",
2272
2272
  "--gradient-3": "linear-gradient(90deg, var(--color-accent-400) 0%, var(--color-accent-700) 100%)",
2273
2273
  "--gradient-4": "linear-gradient(180deg, var(--color-canvas-600) 0%, var(--color-canvas-900) 100%)",
2274
- "--badge-trait-surface": "var(--surface-brand)",
2275
- "--badge-trait-text": "var(--text-brand)",
2276
- "--badge-trait-text-font-family": "var(--font-sans)",
2277
- "--badge-trait-text-font-size": "var(--font-size-sm)",
2278
- "--badge-trait-text-font-weight": "var(--font-weight-light)",
2279
- "--badge-trait-text-line-height": "var(--line-height-none)",
2280
- "--badge-trait-border": "var(--border-brand-medium)",
2281
- "--badge-trait-border-width": "var(--border-width-1)",
2282
- "--badge-trait-shadow": "transparent",
2283
- "--sectiondivider-title": "var(--text-primary)",
2284
- "--sectiondivider-title-font-family": "var(--font-display)",
2285
- "--sectiondivider-title-font-size": "var(--font-size-5xl)",
2286
- "--sectiondivider-title-font-weight": "var(--font-weight-normal)",
2287
- "--sectiondivider-title-line-height": "var(--line-height-none)",
2288
- "--sectiondivider-title-border-width": "var(--border-width-4)",
2289
- "--sectiondivider-title-stroke-color": "var(--surface-canvas-lowest)",
2290
- "--sectiondivider-description": "var(--text-secondary)",
2291
- "--sectiondivider-description-font-family": "var(--font-sans)",
2292
- "--sectiondivider-description-font-size": "var(--font-size-md)",
2293
- "--sectiondivider-description-font-weight": "var(--font-weight-normal)",
2294
- "--sectiondivider-description-line-height": "var(--line-height-normal)",
2295
- "--dialog-primary-default-surface": "var(--surface-neutral-high)",
2296
- "--dialog-primary-default-text": "var(--text-primary)",
2297
- "--dialog-primary-default-border": "var(--border-neutral-medium)",
2298
- "--dialog-primary-default-border-width": "var(--border-width-1)",
2299
- "--dialog-primary-hover-surface": "var(--surface-neutral-higher)",
2300
- "--dialog-primary-hover-text": "var(--text-primary)",
2301
- "--dialog-primary-hover-border": "var(--border-neutral-strong)",
2302
- "--dialog-primary-hover-border-width": "var(--border-width-1)",
2303
- "--dialog-secondary-default-text": "var(--text-primary)",
2304
- "--dialog-secondary-default-border": "var(--border-neutral-medium)",
2305
- "--dialog-secondary-default-border-width": "var(--border-width-1)",
2306
- "--dialog-secondary-hover-surface": "var(--surface-neutral-lower)",
2307
- "--dialog-secondary-hover-text": "var(--text-primary)",
2308
- "--dialog-secondary-hover-border": "var(--border-neutral-strong)",
2309
- "--dialog-secondary-hover-border-width": "var(--border-width-1)",
2310
2274
  "--columns-count": "12",
2311
2275
  "--columns-max-width": "1440px",
2312
2276
  "--columns-gutter": "32px",
@@ -2485,7 +2449,7 @@
2485
2449
  "family": null
2486
2450
  }
2487
2451
  ],
2488
- "schemaVersion": 3,
2452
+ "schemaVersion": 8,
2489
2453
  "gradients": [
2490
2454
  {
2491
2455
  "variable": "--gradient-1",
package/src/live-tokens/data/themes/midnight-study.json CHANGED
@@ -2267,42 +2267,6 @@
2267
2267
  }
2268
2268
  },
2269
2269
  "cssVariables": {
2270
- "--badge-trait-surface": "var(--surface-brand)",
2271
- "--badge-trait-text": "var(--text-brand)",
2272
- "--badge-trait-text-font-family": "var(--font-sans)",
2273
- "--badge-trait-text-font-size": "var(--font-size-sm)",
2274
- "--badge-trait-text-font-weight": "var(--font-weight-light)",
2275
- "--badge-trait-text-line-height": "var(--line-height-none)",
2276
- "--badge-trait-border": "var(--border-brand-medium)",
2277
- "--badge-trait-border-width": "var(--border-width-1)",
2278
- "--badge-trait-shadow": "transparent",
2279
- "--sectiondivider-title": "var(--text-primary)",
2280
- "--sectiondivider-title-font-family": "var(--font-display)",
2281
- "--sectiondivider-title-font-size": "var(--font-size-5xl)",
2282
- "--sectiondivider-title-font-weight": "var(--font-weight-normal)",
2283
- "--sectiondivider-title-line-height": "var(--line-height-none)",
2284
- "--sectiondivider-title-border-width": "var(--border-width-4)",
2285
- "--sectiondivider-title-stroke-color": "var(--surface-canvas-lowest)",
2286
- "--sectiondivider-description": "var(--text-secondary)",
2287
- "--sectiondivider-description-font-family": "var(--font-sans)",
2288
- "--sectiondivider-description-font-size": "var(--font-size-md)",
2289
- "--sectiondivider-description-font-weight": "var(--font-weight-normal)",
2290
- "--sectiondivider-description-line-height": "var(--line-height-normal)",
2291
- "--dialog-primary-default-surface": "var(--surface-neutral-high)",
2292
- "--dialog-primary-default-text": "var(--text-primary)",
2293
- "--dialog-primary-default-border": "var(--border-neutral-medium)",
2294
- "--dialog-primary-default-border-width": "var(--border-width-1)",
2295
- "--dialog-primary-hover-surface": "var(--surface-neutral-higher)",
2296
- "--dialog-primary-hover-text": "var(--text-primary)",
2297
- "--dialog-primary-hover-border": "var(--border-neutral-strong)",
2298
- "--dialog-primary-hover-border-width": "var(--border-width-1)",
2299
- "--dialog-secondary-default-text": "var(--text-primary)",
2300
- "--dialog-secondary-default-border": "var(--border-neutral-medium)",
2301
- "--dialog-secondary-default-border-width": "var(--border-width-1)",
2302
- "--dialog-secondary-hover-surface": "var(--surface-neutral-lower)",
2303
- "--dialog-secondary-hover-text": "var(--text-primary)",
2304
- "--dialog-secondary-hover-border": "var(--border-neutral-strong)",
2305
- "--dialog-secondary-hover-border-width": "var(--border-width-1)",
2306
2270
  "--columns-count": "12",
2307
2271
  "--columns-max-width": "1440px",
2308
2272
  "--columns-gutter": "32px",
@@ -2564,7 +2528,7 @@
2564
2528
  "family": null
2565
2529
  }
2566
2530
  ],
2567
- "schemaVersion": 5
2531
+ "schemaVersion": 8
2568
2532
  },
2569
2533
  "componentConfigs": {
2570
2534
  "badge": {