@motion-proto/live-tokens 0.67.1 → 0.68.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 (63) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/bin/generate-theme.mjs +5 -4
  3. package/dist-plugin/adjust/index.d.cts +1 -1
  4. package/dist-plugin/adjust/index.d.ts +1 -1
  5. package/dist-plugin/{chunk-J2JT4UEA.js → chunk-2UX6EVVA.js} +25 -25
  6. package/dist-plugin/{dataPaths-DZUzVv8H.d.cts → dataPaths-bJTCEO4H.d.cts} +1 -1
  7. package/dist-plugin/{dataPaths-DZUzVv8H.d.ts → dataPaths-bJTCEO4H.d.ts} +1 -1
  8. package/dist-plugin/fontPairing/index.d.cts +1 -1
  9. package/dist-plugin/fontPairing/index.d.ts +1 -1
  10. package/dist-plugin/generateColorsAndType/index.d.cts +1 -1
  11. package/dist-plugin/generateColorsAndType/index.d.ts +1 -1
  12. package/dist-plugin/index.cjs +27 -27
  13. package/dist-plugin/index.d.cts +1 -1
  14. package/dist-plugin/index.d.ts +1 -1
  15. package/dist-plugin/index.js +5 -5
  16. package/dist-plugin/migrateData/index.cjs +25 -25
  17. package/dist-plugin/migrateData/index.d.cts +1 -1
  18. package/dist-plugin/migrateData/index.d.ts +1 -1
  19. package/dist-plugin/migrateData/index.js +1 -1
  20. package/dist-plugin/tokensCssMigrations/index.d.cts +1 -1
  21. package/dist-plugin/tokensCssMigrations/index.d.ts +1 -1
  22. package/package.json +4 -4
  23. package/src/editor/bootstrap.ts +6 -6
  24. package/src/editor/component-editor/ImageLightboxEditor.svelte +1 -1
  25. package/src/editor/component-editor/scaffolding/ComponentFileManager.svelte +4 -4
  26. package/src/editor/core/fonts/fontLoader.ts +2 -2
  27. package/src/editor/core/preview/{lookPreview.ts → themePreview.ts} +27 -27
  28. package/src/editor/core/productionPulse.ts +3 -3
  29. package/src/editor/core/sketch/index.ts +52 -44
  30. package/src/editor/core/sketch/maskField.ts +9 -9
  31. package/src/editor/core/sketch/sketchLayer.ts +9 -9
  32. package/src/editor/core/sketch/sketchRegistry.ts +34 -34
  33. package/src/editor/core/sketch/sketchStore.ts +98 -83
  34. package/src/editor/core/sketch/sketchStyleService.ts +4 -4
  35. package/src/editor/core/sketch/sketchStyles.ts +28 -28
  36. package/src/editor/core/themes/colorsAndTypeService.ts +1 -1
  37. package/src/editor/core/themes/loadRows.ts +8 -8
  38. package/src/editor/core/themes/themeDocumentSync.ts +2 -2
  39. package/src/editor/core/themes/themeInit.ts +2 -2
  40. package/src/editor/core/themes/themeService.ts +17 -17
  41. package/src/editor/core/themes/{lookSummary.ts → themeSummary.ts} +9 -9
  42. package/src/editor/core/themes/themeTypes.ts +10 -6
  43. package/src/editor/docs/content/getting-started.md +1 -1
  44. package/src/editor/docs/content/sketch-mode.md +22 -17
  45. package/src/editor/docs/content/themes-workflow.md +11 -11
  46. package/src/editor/docs/content/where-themes-live.md +6 -6
  47. package/src/editor/docs/content.generated.ts +4 -4
  48. package/src/editor/index.ts +2 -2
  49. package/src/editor/ui/ThemePanel.svelte +52 -52
  50. package/src/editor/ui/sketch/SketchPreview.svelte +2 -2
  51. package/src/editor/ui/sketch/SketchTab.svelte +64 -38
  52. package/src/live-tokens/data/sketch-styles/dry.json +5 -5
  53. package/src/live-tokens/data/sketch-styles/hatched.json +9 -9
  54. package/src/live-tokens/data/themes/autumn.json +1 -1
  55. package/src/live-tokens/data/themes/halloween.json +1 -1
  56. package/src/live-tokens/data/themes/midnight-study.json +1 -1
  57. package/src/live-tokens/data/themes/ocean.json +1 -1
  58. package/src/live-tokens/data/themes/royal-velvet.json +1 -1
  59. package/src/live-tokens/data/themes/sketchy.json +1 -1
  60. package/src/live-tokens/data/themes/spring-meadow.json +1 -1
  61. package/src/live-tokens/data/themes/sunset.json +1 -1
  62. package/src/system/backdrop/backdrop.ts +1 -1
  63. package/src/system/components/SectionDivider.svelte +1 -1
@@ -2,7 +2,7 @@
2
2
  "name": "Midnight Study",
3
3
  "createdAt": "2026-08-13T10:21:46.867Z",
4
4
  "updatedAt": "2026-08-27T17:03:51.623Z",
5
- "schemaVersion": 4,
5
+ "schemaVersion": 5,
6
6
  "colorsAndType": {
7
7
  "name": "Midnight Study",
8
8
  "createdAt": "2026-08-27T17:01:37.984Z",
@@ -2,7 +2,7 @@
2
2
  "name": "Ocean",
3
3
  "createdAt": "2026-08-13T10:21:46.867Z",
4
4
  "updatedAt": "2026-08-19T22:39:32.785Z",
5
- "schemaVersion": 4,
5
+ "schemaVersion": 5,
6
6
  "colorsAndType": {
7
7
  "name": "Ocean",
8
8
  "createdAt": "2026-08-12T20:13:46.322Z",
@@ -2,7 +2,7 @@
2
2
  "name": "Royal Velvet",
3
3
  "createdAt": "2026-08-13T10:21:46.867Z",
4
4
  "updatedAt": "2026-08-19T22:39:32.785Z",
5
- "schemaVersion": 4,
5
+ "schemaVersion": 5,
6
6
  "colorsAndType": {
7
7
  "name": "Royal Velvet",
8
8
  "createdAt": "2026-08-12T20:26:16.137Z",
@@ -2,7 +2,7 @@
2
2
  "name": "Sketchy",
3
3
  "createdAt": "2026-08-25T01:11:16.870Z",
4
4
  "updatedAt": "2026-08-26T10:04:53.000Z",
5
- "schemaVersion": 4,
5
+ "schemaVersion": 5,
6
6
  "colorsAndType": {
7
7
  "name": "Sketchy",
8
8
  "createdAt": "2026-08-25T01:21:09.181Z",
@@ -2,7 +2,7 @@
2
2
  "name": "Spring Meadow",
3
3
  "createdAt": "2026-08-13T10:21:46.867Z",
4
4
  "updatedAt": "2026-08-19T22:39:32.785Z",
5
- "schemaVersion": 4,
5
+ "schemaVersion": 5,
6
6
  "colorsAndType": {
7
7
  "name": "Spring Meadow",
8
8
  "createdAt": "2026-08-12T20:13:46.433Z",
@@ -2,7 +2,7 @@
2
2
  "name": "Sunset",
3
3
  "createdAt": "2026-08-13T10:21:46.867Z",
4
4
  "updatedAt": "2026-08-19T22:39:32.785Z",
5
- "schemaVersion": 4,
5
+ "schemaVersion": 5,
6
6
  "colorsAndType": {
7
7
  "name": "Sunset",
8
8
  "createdAt": "2026-08-12T20:13:46.488Z",
@@ -16,7 +16,7 @@ export const BACKDROP_ATTRIBUTE = 'data-backdrop';
16
16
 
17
17
  /** Relative luminance at or above which a backdrop counts as light. Sits
18
18
  between the palest shipped dark theme (~0.03) and the darkest light one
19
- (~0.6), so no shipped look lands near the line. */
19
+ (~0.6), so no shipped sketchstyle lands near the line. */
20
20
  export const LIGHT_BACKDROP = 0.2;
21
21
 
22
22
  /** A fill this see-through says nothing about what shows through it, so the
@@ -3,7 +3,7 @@
3
3
 
4
4
  import { onMount, tick } from 'svelte';
5
5
 
6
- /** Size variant. Each variant owns everything that defines its look:
6
+ /** Size variant. Each variant owns everything that defines its style:
7
7
  * typography, geometry, colors AND the intrinsic display properties
8
8
  * (alignment, eyebrow visibility, description visibility, hairline
9
9
  * position). Every intrinsic flows through `:root` CSS vars so a designer