@motion-proto/live-tokens 0.67.1 → 0.69.0

package/dist-plugin/{chunk-J2JT4UEA.js → chunk-2YNERPXY.js}

@@ -1,7 +1,7 @@
 import {
   CURRENT_COMPONENT_SCHEMA_VERSION,
   runMigrations
-} from "./chunk-NE6N66EE.js";
+} from "./chunk-GPIBU44G.js";
 
 // vite-plugin/files/versionedFileResourceServer.ts
 import fs from "fs";
@@ -135,7 +135,7 @@ function versionedFileResourceServer(opts) {
 }
 
 // src/editor/core/themes/themeTypes.ts
-var THEME_SCHEMA_VERSION = 4;
+var THEME_SCHEMA_VERSION = 5;
 
 // src/editor/core/themes/migrateComponentConfig.ts
 function migrateComponentConfig(component, aliasesIn, rawConfig, fileVersion) {
@@ -438,15 +438,15 @@ var hatched_default = {
     pressureMod: 0.45,
     pooling: 0.8,
     strokeInk: 1,
-    maskOn: false,
-    maskBlobX: 100,
-    maskBlobY: 100,
-    maskBlobLinked: true,
-    maskAngle: 0,
-    maskOutputMin: 0.45,
+    maskOn: true,
+    maskBlobX: 10,
+    maskBlobY: 600,
+    maskBlobLinked: false,
+    maskAngle: 150,
+    maskOutputMin: 0.35,
     maskOutputMax: 1,
     maskOctaves: 2,
-    maskGrain: "fractal",
+    maskGrain: "turbulence",
     maskPosterize: 1,
     maskSoftness: 1.5,
     jitterX: 1.5,
@@ -460,7 +460,7 @@ var hatched_default = {
     iconMaskOn: false,
     iconMaskScale: 1
   },
-  updatedAt: "2026-08-28T15:47:36.934Z",
+  updatedAt: "2026-08-28T21:17:18.232Z",
   createdAt: "2026-08-28T15:47:36.934Z"
 };
 
@@ -586,11 +586,11 @@ var dry_default = {
     pooling: 1.5,
     strokeInk: 0.4,
     maskOn: true,
-    maskBlobX: 150,
-    maskBlobY: 150,
+    maskBlobX: 170,
+    maskBlobY: 170,
     maskBlobLinked: true,
     maskAngle: 0,
-    maskOutputMin: 0.24,
+    maskOutputMin: 0.57,
     maskOutputMax: 0.91,
     maskOctaves: 2,
     maskGrain: "fractal",
@@ -607,18 +607,18 @@ var dry_default = {
     iconMaskOn: true,
     iconMaskScale: 3.8
   },
-  updatedAt: "2026-08-28T15:47:36.934Z",
+  updatedAt: "2026-08-28T21:19:51.383Z",
   createdAt: "2026-08-28T15:47:36.934Z"
 };
 
 // src/editor/core/sketch/sketchStyles.ts
 var SHIPPED_FILES = { pencil: pencil_default, marker: marker_default, whiteboard: whiteboard_default, hatched: hatched_default, dashed: dashed_default, napkin: napkin_default, dry: dry_default };
-var SKETCH_STYLES = Object.fromEntries(
+var SHIPPED_SKETCH_SETTINGS = Object.fromEntries(
   Object.entries(SHIPPED_FILES).map(([id, file]) => [id, file.settings])
 );
 var DEFAULT_SKETCH_STYLE = "marker";
-function hydrateSketchStyle(raw) {
-  const base = SKETCH_STYLES[DEFAULT_SKETCH_STYLE];
+function hydrateSketchSettings(raw) {
+  const base = SHIPPED_SKETCH_SETTINGS[DEFAULT_SKETCH_STYLE];
   const stored = raw ?? {};
   const out = { ...base };
   for (const key of Object.keys(base)) {
@@ -782,10 +782,10 @@ function normalizeTheme(raw, resolvers) {
   }
   const componentConfigs = {};
   for (const [comp, value] of Object.entries(asObject(src.componentConfigs) ?? {})) {
-    const embedded = asObject(value);
+    const embedded2 = asObject(value);
     let resolvedConfig;
-    if (embedded) {
-      resolvedConfig = stripFileMarker(embedded);
+    if (embedded2) {
+      resolvedConfig = stripFileMarker(embedded2);
     } else {
       const configName = asString(value, "default");
       const resolved = asObject(resolvers.readComponentConfig(comp, configName));
@@ -820,8 +820,8 @@ function normalizeTheme(raw, resolvers) {
       if (!(key in baseAliases)) filled.orphans++;
     }
   }
-  const embeddedSketchStyle = asObject(src.sketchStyle);
-  const sketchStyle = embeddedSketchStyle ? hydrateSketchStyle(embeddedSketchStyle) : void 0;
+  const embedded = asObject(src.sketchSettings) ?? asObject(src.sketchStyle);
+  const sketchSettings = embedded ? hydrateSketchSettings(embedded) : void 0;
   return {
     theme: {
       name: asString(src.name, "Untitled"),
@@ -831,7 +831,7 @@ function normalizeTheme(raw, resolvers) {
       colorsAndType,
       componentConfigs,
       componentSchemaVersion: CURRENT_COMPONENT_SCHEMA_VERSION,
-      ...sketchStyle ? { sketchStyle } : {}
+      ...sketchSettings ? { sketchSettings } : {}
     },
     dropped,
     migrated,
@@ -886,7 +886,7 @@ function detectLegacyLayout(input) {
   const manifestsDir = input.configuredManifestsDir ?? path2.join(input.dataDir, "manifests");
   const themesHoldAThemeFile = holdsATheme(input.themesDir);
   if (isDirectory(manifestsDir) && !themesHoldAThemeFile) {
-    return { manifestsDir, evidence: `${manifestsDir} is the pre-0.48 whole-look directory` };
+    return { manifestsDir, evidence: `${manifestsDir} is the pre-0.48 whole-theme directory` };
   }
   if (jsonFiles(input.colorsAndTypeDir).length > 0) return null;
   for (const file of jsonFiles(input.themesDir)) {
@@ -909,12 +909,12 @@ function planLegacyRenames(layout, input) {
   const defaultThemes = path2.join(input.dataDir, "themes");
   if (input.configuredManifestsDir && path2.resolve(input.configuredManifestsDir) !== path2.join(input.dataDir, "manifests")) {
     throw new Error(
-      `This project uses the pre-0.48 data layout (${layout.evidence}), and live-tokens.config.json sets the retired "manifestsDir" key to ${input.configuredManifestsDir}. That directory holds the whole looks, which now belong in ${input.themesDir}. Move it there by hand, drop the "manifestsDir" key, then run the migration again.`
+      `This project uses the pre-0.48 data layout (${layout.evidence}), and live-tokens.config.json sets the retired "manifestsDir" key to ${input.configuredManifestsDir}. That directory holds the whole themes, which now belong in ${input.themesDir}. Move it there by hand, drop the "manifestsDir" key, then run the migration again.`
     );
   }
   if (path2.resolve(input.colorsAndTypeDir) !== path2.resolve(defaultColorsAndType) || path2.resolve(input.themesDir) !== path2.resolve(defaultThemes)) {
     throw new Error(
-      `This project uses the pre-0.48 data layout (${layout.evidence}), and its data directories are configured to custom paths (colorsAndTypeDir=${input.colorsAndTypeDir}, themesDir=${input.themesDir}). The migration cannot tell which directory holds what. Move the old colors-and-type directory to ${input.colorsAndTypeDir} and the old whole-look directory to ${input.themesDir} by hand, then run the migration again.`
+      `This project uses the pre-0.48 data layout (${layout.evidence}), and its data directories are configured to custom paths (colorsAndTypeDir=${input.colorsAndTypeDir}, themesDir=${input.themesDir}). The migration cannot tell which directory holds what. Move the old colors-and-type directory to ${input.colorsAndTypeDir} and the old whole-theme directory to ${input.themesDir} by hand, then run the migration again.`
     );
   }
   const renames = [];

package/dist-plugin/{chunk-NE6N66EE.js → chunk-GPIBU44G.js}

@@ -703,6 +703,106 @@ var componentMigration_2026_08_15_lineHeightScaleRename = {
   apply: renameValues
 };
 
+// src/editor/core/themes/migrations/2026-09-01-scrim-rename.ts
+var RENAMED2 = {
+  "--overlay-low": "--scrim-low",
+  "--overlay": "--scrim",
+  "--overlay-high": "--scrim-high"
+};
+var RENAMED_COMPONENT_KEYS = {
+  "--dialog-overlay-surface": "--dialog-scrim-surface"
+};
+var colorsAndTypeMigration_2026_09_01_scrimRename = {
+  id: "2026-09-01-scrim-rename-theme",
+  fromVersion: 5,
+  toVersion: 6,
+  appliesTo: "colors-and-type",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[RENAMED2[key] ?? key] = value;
+    }
+    return out;
+  }
+};
+var componentMigration_2026_09_01_scrimRename = {
+  id: "2026-09-01-scrim-rename-component",
+  fromVersion: 21,
+  toVersion: 22,
+  appliesTo: "component-config",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[RENAMED_COMPONENT_KEYS[key] ?? key] = RENAMED2[value] ?? value;
+    }
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-09-01-tint-rename.ts
+var RENAMED3 = {
+  "--hover-low": "--tint-low",
+  "--hover": "--tint",
+  "--hover-high": "--tint-high"
+};
+var colorsAndTypeMigration_2026_09_01_tintRename = {
+  id: "2026-09-01-tint-rename-theme",
+  fromVersion: 6,
+  toVersion: 7,
+  appliesTo: "colors-and-type",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) out[RENAMED3[key] ?? key] = value;
+    return out;
+  }
+};
+var componentMigration_2026_09_01_tintRename = {
+  id: "2026-09-01-tint-rename-component",
+  fromVersion: 22,
+  toVersion: 23,
+  appliesTo: "component-config",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) out[key] = RENAMED3[value] ?? value;
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-09-01-tabbar-active-tint.ts
+var componentMigration_2026_09_01_tabbarActiveTint = {
+  id: "2026-09-01-tabbar-active-tint",
+  fromVersion: 23,
+  toVersion: 24,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    if (meta.component !== "tabbar") return { ...rawVars };
+    const out = { ...rawVars };
+    if (out["--tabbar-active-surface"] === "--scrim-low") {
+      out["--tabbar-active-surface"] = "--tint-low";
+    }
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-09-01-gate-suffix-enabled.ts
+var RENAMED4 = {
+  "--card-hover-border-active": "--card-hover-border-enabled",
+  "--card-hover-shadow-active": "--card-hover-shadow-enabled",
+  "--image-zoom-hover": "--image-zoom-enabled",
+  "--image-grow-hover": "--image-grow-enabled"
+};
+var componentMigration_2026_09_01_gateSuffixEnabled = {
+  id: "2026-09-01-gate-suffix-enabled",
+  fromVersion: 24,
+  toVersion: 25,
+  appliesTo: "component-config",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) out[RENAMED4[key] ?? key] = value;
+    return out;
+  }
+};
+
 // src/editor/core/themes/migrations/index.ts
 var MIGRATIONS = [
   colorsAndTypeMigration_2026_04_24_legacyKeysAndBgToCanvas,
@@ -730,7 +830,13 @@ var MIGRATIONS = [
   componentMigration_2026_05_29_toggleDeriveTrackFromThumb,
   colorsAndTypeMigration_2026_08_13_dropLegacyShapeSpaceKeys,
   colorsAndTypeMigration_2026_08_15_lineHeightScaleRename,
-  componentMigration_2026_08_15_lineHeightScaleRename
+  componentMigration_2026_08_15_lineHeightScaleRename,
+  colorsAndTypeMigration_2026_09_01_scrimRename,
+  componentMigration_2026_09_01_scrimRename,
+  colorsAndTypeMigration_2026_09_01_tintRename,
+  componentMigration_2026_09_01_tintRename,
+  componentMigration_2026_09_01_tabbarActiveTint,
+  componentMigration_2026_09_01_gateSuffixEnabled
 ];
 function countFor(kind) {
   return MIGRATIONS.filter((m) => m.appliesTo === kind).length;

package/dist-plugin/{chunk-ZHPX7ZYQ.js → chunk-RFVYPNRO.js}

@@ -516,6 +516,42 @@ var tokensCssMigration_2026_08_27_editorialLargeSteps = {
   }
 };
 
+// vite-plugin/tokensCssMigrations/migrations/2026-09-01-scrim-rename.ts
+var RENAMES2 = [
+  ["--overlay-low", "--scrim-low"],
+  ["--overlay-high", "--scrim-high"],
+  ["--overlay", "--scrim"]
+];
+var tokensCssMigration_2026_09_01_scrimRename = {
+  id: "2026-09-01-scrim-rename",
+  kind: "breaking",
+  description: "Rename --overlay-{low,base,high} to --scrim-*; a scrim dims what is behind it",
+  apply(css) {
+    let out = css;
+    for (const [oldName, newName] of RENAMES2) out = renameToken(out, oldName, newName);
+    return out;
+  }
+};
+
+// vite-plugin/tokensCssMigrations/migrations/2026-09-01-tint-scale.ts
+var ENTRIES = [
+  { name: "--tint-low", value: "rgba(255, 255, 255, 0.05)" },
+  { name: "--tint", value: "rgba(255, 255, 255, 0.1)" },
+  { name: "--tint-high", value: "rgba(255, 255, 255, 0.15)" }
+];
+var tokensCssMigration_2026_09_01_tintScale = {
+  id: "2026-09-01-tint-scale",
+  kind: "additive",
+  description: "Add the --tint-* scale; a tint shades the surface it sits on",
+  apply(css) {
+    return ensureScale(css, {
+      entries: ENTRIES,
+      sectionComment: "Tints \u2014 translucent washes that shade the surface they sit on",
+      anchorPrefixes: ["--scrim", "--overlay"]
+    });
+  }
+};
+
 // vite-plugin/tokensCssMigrations/index.ts
 var TOKENS_CSS_MIGRATIONS = [
   tokensCssMigration_2026_05_29_typographyScaleAdditions,
@@ -530,7 +566,9 @@ var TOKENS_CSS_MIGRATIONS = [
   tokensCssMigration_2026_08_26_gradientStops,
   tokensCssMigration_2026_08_27_backdropPolarity,
   tokensCssMigration_2026_08_27_editorialSizeSteps,
-  tokensCssMigration_2026_08_27_editorialLargeSteps
+  tokensCssMigration_2026_08_27_editorialLargeSteps,
+  tokensCssMigration_2026_09_01_scrimRename,
+  tokensCssMigration_2026_09_01_tintScale
 ];
 function runTokensCssMigrations(css) {
   return foldMigrations(css, () => true);

package/dist-plugin/{dataPaths-DZUzVv8H.d.ts → dataPaths-bJTCEO4H.d.cts}

@@ -6,7 +6,7 @@ interface LiveTokensFileConfig {
     /**
      * Retired in 0.48, where `themesDir` took over the meaning. Still recognised
      * so an unmigrated project is not told its key is a typo, and so the
-     * migration can find (or refuse to guess at) a whole-look directory the
+     * migration can find (or refuse to guess at) a whole-theme directory the
      * consumer moved.
      */
     manifestsDir?: string;

package/dist-plugin/{dataPaths-DZUzVv8H.d.cts → dataPaths-bJTCEO4H.d.ts}

@@ -6,7 +6,7 @@ interface LiveTokensFileConfig {
     /**
      * Retired in 0.48, where `themesDir` took over the meaning. Still recognised
      * so an unmigrated project is not told its key is a typo, and so the
-     * migration can find (or refuse to guess at) a whole-look directory the
+     * migration can find (or refuse to guess at) a whole-theme directory the
      * consumer moved.
      */
     manifestsDir?: string;

package/dist-plugin/fontPairing/index.d.cts

@@ -1,5 +1,5 @@
 import { c as FontStackVariable, C as ColorsAndType, b as FontStack, F as FontSource } from '../themeTypes-DSV3Zisf.cjs';
-export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-DZUzVv8H.cjs';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-bJTCEO4H.cjs';
 
 type PairingSlot = 'display' | 'body' | 'serif' | 'mono' | 'editorial';
 interface PairingFace {

package/dist-plugin/fontPairing/index.d.ts

@@ -1,5 +1,5 @@
 import { c as FontStackVariable, C as ColorsAndType, b as FontStack, F as FontSource } from '../themeTypes-DSV3Zisf.js';
-export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-DZUzVv8H.js';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-bJTCEO4H.js';
 
 type PairingSlot = 'display' | 'body' | 'serif' | 'mono' | 'editorial';
 interface PairingFace {

package/dist-plugin/generateColorsAndType/index.cjs

@@ -1551,6 +1551,106 @@ var componentMigration_2026_08_15_lineHeightScaleRename = {
   apply: renameValues
 };
 
+// src/editor/core/themes/migrations/2026-09-01-scrim-rename.ts
+var RENAMED2 = {
+  "--overlay-low": "--scrim-low",
+  "--overlay": "--scrim",
+  "--overlay-high": "--scrim-high"
+};
+var RENAMED_COMPONENT_KEYS = {
+  "--dialog-overlay-surface": "--dialog-scrim-surface"
+};
+var colorsAndTypeMigration_2026_09_01_scrimRename = {
+  id: "2026-09-01-scrim-rename-theme",
+  fromVersion: 5,
+  toVersion: 6,
+  appliesTo: "colors-and-type",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[RENAMED2[key] ?? key] = value;
+    }
+    return out;
+  }
+};
+var componentMigration_2026_09_01_scrimRename = {
+  id: "2026-09-01-scrim-rename-component",
+  fromVersion: 21,
+  toVersion: 22,
+  appliesTo: "component-config",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[RENAMED_COMPONENT_KEYS[key] ?? key] = RENAMED2[value] ?? value;
+    }
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-09-01-tint-rename.ts
+var RENAMED3 = {
+  "--hover-low": "--tint-low",
+  "--hover": "--tint",
+  "--hover-high": "--tint-high"
+};
+var colorsAndTypeMigration_2026_09_01_tintRename = {
+  id: "2026-09-01-tint-rename-theme",
+  fromVersion: 6,
+  toVersion: 7,
+  appliesTo: "colors-and-type",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) out[RENAMED3[key] ?? key] = value;
+    return out;
+  }
+};
+var componentMigration_2026_09_01_tintRename = {
+  id: "2026-09-01-tint-rename-component",
+  fromVersion: 22,
+  toVersion: 23,
+  appliesTo: "component-config",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) out[key] = RENAMED3[value] ?? value;
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-09-01-tabbar-active-tint.ts
+var componentMigration_2026_09_01_tabbarActiveTint = {
+  id: "2026-09-01-tabbar-active-tint",
+  fromVersion: 23,
+  toVersion: 24,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    if (meta.component !== "tabbar") return { ...rawVars };
+    const out = { ...rawVars };
+    if (out["--tabbar-active-surface"] === "--scrim-low") {
+      out["--tabbar-active-surface"] = "--tint-low";
+    }
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-09-01-gate-suffix-enabled.ts
+var RENAMED4 = {
+  "--card-hover-border-active": "--card-hover-border-enabled",
+  "--card-hover-shadow-active": "--card-hover-shadow-enabled",
+  "--image-zoom-hover": "--image-zoom-enabled",
+  "--image-grow-hover": "--image-grow-enabled"
+};
+var componentMigration_2026_09_01_gateSuffixEnabled = {
+  id: "2026-09-01-gate-suffix-enabled",
+  fromVersion: 24,
+  toVersion: 25,
+  appliesTo: "component-config",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) out[RENAMED4[key] ?? key] = value;
+    return out;
+  }
+};
+
 // src/editor/core/themes/migrations/index.ts
 var MIGRATIONS = [
   colorsAndTypeMigration_2026_04_24_legacyKeysAndBgToCanvas,
@@ -1578,7 +1678,13 @@ var MIGRATIONS = [
   componentMigration_2026_05_29_toggleDeriveTrackFromThumb,
   colorsAndTypeMigration_2026_08_13_dropLegacyShapeSpaceKeys,
   colorsAndTypeMigration_2026_08_15_lineHeightScaleRename,
-  componentMigration_2026_08_15_lineHeightScaleRename
+  componentMigration_2026_08_15_lineHeightScaleRename,
+  colorsAndTypeMigration_2026_09_01_scrimRename,
+  componentMigration_2026_09_01_scrimRename,
+  colorsAndTypeMigration_2026_09_01_tintRename,
+  componentMigration_2026_09_01_tintRename,
+  componentMigration_2026_09_01_tabbarActiveTint,
+  componentMigration_2026_09_01_gateSuffixEnabled
 ];
 function countFor(kind) {
   return MIGRATIONS.filter((m) => m.appliesTo === kind).length;

package/dist-plugin/generateColorsAndType/index.d.cts

@@ -1,5 +1,5 @@
 import { F as FontSource, b as FontStack, G as GradientDiskToken, O as Oklch, H as HarmonyMode, C as ColorsAndType } from '../themeTypes-DSV3Zisf.cjs';
-export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-DZUzVv8H.cjs';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-bJTCEO4H.cjs';
 export { C as CURRENT_COMPONENT_SCHEMA_VERSION } from '../index-4N-Orzzi.cjs';
 
 /**

package/dist-plugin/generateColorsAndType/index.d.ts

@@ -1,5 +1,5 @@
 import { F as FontSource, b as FontStack, G as GradientDiskToken, O as Oklch, H as HarmonyMode, C as ColorsAndType } from '../themeTypes-DSV3Zisf.js';
-export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-DZUzVv8H.js';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-bJTCEO4H.js';
 export { C as CURRENT_COMPONENT_SCHEMA_VERSION } from '../index-4N-Orzzi.js';
 
 /**

package/dist-plugin/generateColorsAndType/index.js

@@ -19,7 +19,7 @@ import {
 import {
   CURRENT_COLORS_AND_TYPE_SCHEMA_VERSION,
   CURRENT_COMPONENT_SCHEMA_VERSION
-} from "../chunk-NE6N66EE.js";
+} from "../chunk-GPIBU44G.js";
 import {
   cssColorToOklch,
   gamutClamp,