@motion-proto/live-tokens 0.68.1 → 0.70.0

package/dist-plugin/adjust/index.js

@@ -1,35 +1,80 @@
 import {
   CURRENT_COMPONENT_SCHEMA_VERSION
-} from "../chunk-NE6N66EE.js";
+} from "../chunk-GPIBU44G.js";
 import {
   readLiveTokensConfig,
   resolveDataDirs
 } from "../chunk-RVE3MNKM.js";
 
 // src/editor/core/components/aliasKinds.ts
-var KIND_PATTERNS = [
-  { kind: "font-family", matches: (v) => v.endsWith("-font-family") },
-  { kind: "font-weight", matches: (v) => v.endsWith("-font-weight") },
-  { kind: "font-size", matches: (v) => v.endsWith("-font-size") || v.endsWith("-icon-size") || v.endsWith("-thumb-size") },
-  { kind: "line-height", matches: (v) => v.endsWith("-line-height") },
-  { kind: "letter-spacing", matches: (v) => v.endsWith("-letter-spacing") },
-  { kind: "text-color", matches: (v) => v.endsWith("-text") || v.startsWith("--text-") },
-  { kind: "radius", matches: (v) => v.endsWith("-radius") || v.startsWith("--radius-") },
-  { kind: "divider-width", matches: (v) => v.endsWith("-divider-width") || v.endsWith("-divider-thickness") },
-  { kind: "divider-height", matches: (v) => v.endsWith("-divider-height") || v.endsWith("-track-height") },
-  { kind: "divider-inset", matches: (v) => v.endsWith("-divider-inset") },
-  { kind: "dot-size", matches: (v) => v.endsWith("-dot-size") },
-  { kind: "blur", matches: (v) => v.endsWith("-blur") || v.startsWith("--blur-") },
-  { kind: "scale", matches: (v) => v.endsWith("-scale") || v.startsWith("--scale-") },
-  { kind: "shadow", matches: (v) => v.endsWith("-shadow") || v.startsWith("--shadow-") },
-  { kind: "padding", matches: (v) => v.endsWith("-padding") || v.endsWith("-margin") },
-  { kind: "gap", matches: (v) => v.endsWith("-gap") },
-  { kind: "duration", matches: (v) => v.endsWith("-duration") || v.startsWith("--duration-") },
-  { kind: "easing", matches: (v) => v.endsWith("-easing") || v.startsWith("--ease-") },
-  { kind: "border-width", matches: (v) => v.endsWith("-border-width") || v.endsWith("-accent-width") || v.endsWith("-hairline-thickness") || v.startsWith("--border-width-") },
-  { kind: "border", matches: (v) => v.endsWith("-border") || v.startsWith("--border-") },
-  { kind: "surface", matches: (v) => v.endsWith("-surface") || v.startsWith("--surface-") }
+var KIND_RULES = [
+  { kind: "font-family", suffix: ["-font-family"] },
+  { kind: "font-weight", suffix: ["-font-weight"] },
+  { kind: "font-size", suffix: ["-font-size", "-icon-size", "-thumb-size"] },
+  { kind: "line-height", suffix: ["-line-height"] },
+  { kind: "letter-spacing", suffix: ["-letter-spacing"] },
+  // Element-named colour roles: the property *is* the element it paints.
+  {
+    kind: "text-color",
+    suffix: [
+      "-text",
+      "-label",
+      "-icon",
+      "-title",
+      "-body",
+      "-eyebrow",
+      "-description",
+      "-hint",
+      "-error",
+      "-placeholder",
+      "-value"
+    ],
+    prefix: ["--text-"]
+  },
+  { kind: "radius", suffix: ["-radius"], prefix: ["--radius-"] },
+  { kind: "divider-width", suffix: ["-divider-width", "-divider-thickness"] },
+  { kind: "divider-height", suffix: ["-divider-height", "-track-height"] },
+  { kind: "divider-inset", suffix: ["-divider-inset", "-inset"] },
+  { kind: "dot-size", suffix: ["-dot-size"] },
+  { kind: "blur", suffix: ["-blur"], prefix: ["--blur-"] },
+  { kind: "scale", suffix: ["-scale"], prefix: ["--scale-"] },
+  { kind: "shadow", suffix: ["-shadow"], prefix: ["--shadow-"] },
+  { kind: "padding", suffix: ["-padding", "-margin"] },
+  { kind: "gap", suffix: ["-gap"] },
+  { kind: "duration", suffix: ["-duration"], prefix: ["--duration-"] },
+  { kind: "easing", suffix: ["-easing"], prefix: ["--ease-"] },
+  {
+    kind: "border-width",
+    suffix: ["-border-width", "-accent-width", "-hairline-thickness", "-thickness"],
+    prefix: ["--border-width-"]
+  },
+  { kind: "border", suffix: ["-border"], prefix: ["--border-"] },
+  // Fills. A tint is a wash over a surface, so it takes the surface picker: the
+  // full palette with an alpha, not just the tint stops it defaults to.
+  {
+    kind: "surface",
+    suffix: [
+      "-surface",
+      "-fill",
+      "-divider",
+      "-background",
+      "-indicator",
+      "-thumb",
+      "-accent",
+      "-color",
+      "-tint",
+      "-opacity",
+      "-width",
+      "-height",
+      "-size"
+    ],
+    prefix: ["--surface-", "--tint", "--color-"]
+  }
 ];
+var KIND_PATTERNS = KIND_RULES.map(({ kind, suffix = [], prefix = [] }) => ({
+  kind,
+  matches: (v) => suffix.some((s) => v.endsWith(s)) || prefix.some((p) => v.startsWith(p))
+}));
 var MATCHER_BY_KIND = Object.fromEntries(
   KIND_PATTERNS.map((p) => [p.kind, p.matches])
 );

package/dist-plugin/{chunk-2UX6EVVA.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";

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/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.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,

package/dist-plugin/index.cjs

@@ -1487,6 +1487,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,
@@ -1514,7 +1614,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;
@@ -3092,6 +3198,42 @@ var tokensCssMigration_2026_08_27_editorialLargeSteps = {
   }
 };
 
+// vite-plugin/tokensCssMigrations/migrations/2026-09-01-scrim-rename.ts
+var RENAMES3 = [
+  ["--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 RENAMES3) out = renameToken2(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,
@@ -3106,7 +3248,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/index.js

@@ -13,17 +13,17 @@ import {
   nextAvailableName,
   normalizeTheme,
   versionedFileResourceServer
-} from "./chunk-2UX6EVVA.js";
+} from "./chunk-2YNERPXY.js";
 import {
   CURRENT_COMPONENT_SCHEMA_VERSION
-} from "./chunk-NE6N66EE.js";
+} from "./chunk-GPIBU44G.js";
 import {
   TOKENS_CSS_MIGRATIONS,
   extractGlobalRootBody,
   runAdditiveTokensCssMigrations,
   runTokensCssMigrations,
   validateTokensCss
-} from "./chunk-ZHPX7ZYQ.js";
+} from "./chunk-RFVYPNRO.js";
 import {
   hexToOklch,
   oklchToRgb255,