@udixio/theme 1.2.0 → 1.3.0

package/dist/{loader-TksB6_mM.cjs → loader-YNN5hAF3.cjs}

@@ -899,34 +899,6 @@ class Hct {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function extendSpecVersion(originlColor, extendedColor) {
-  return DynamicColor.fromPalette({
-    name: originlColor.name,
-    palette: (s) => extendedColor.palette(s),
-    tone: (s) => extendedColor.tone(s),
-    isBackground: originlColor.isBackground,
-    chromaMultiplier: (s) => {
-      const chromaMultiplier = extendedColor.chromaMultiplier;
-      return chromaMultiplier !== void 0 ? chromaMultiplier(s) : 1;
-    },
-    background: (s) => {
-      const background = extendedColor.background;
-      return background !== void 0 ? background(s) : void 0;
-    },
-    secondBackground: (s) => {
-      const secondBackground = extendedColor.secondBackground;
-      return secondBackground !== void 0 ? secondBackground(s) : void 0;
-    },
-    contrastCurve: (s) => {
-      const contrastCurve = extendedColor.contrastCurve;
-      return contrastCurve !== void 0 ? contrastCurve(s) : void 0;
-    },
-    toneDeltaPair: (s) => {
-      const toneDeltaPair = extendedColor.toneDeltaPair;
-      return toneDeltaPair !== void 0 ? toneDeltaPair(s) : void 0;
-    }
-  });
-}
 class DynamicColor {
   /**
    * The base constructor for DynamicColor.
@@ -957,11 +929,11 @@ class DynamicColor {
    * @param contrastCurve A `ContrastCurve` object specifying how its contrast
    *     against its background should behave in various contrast levels
    *     options.
-   * @param toneDeltaPair A `ToneDeltaPair` object specifying a tone delta
+   * @param adjustTone A `AdjustTone` object specifying a tone delta
    *     constraint between two colors. One of them must be the color being
    *     constructed.
    */
-  constructor(name, palette, tone, isBackground, chromaMultiplier, background, secondBackground, contrastCurve, toneDeltaPair) {
+  constructor(name, palette, tone, isBackground, chromaMultiplier, background, secondBackground, contrastCurve, adjustTone) {
     __publicField(this, "hctCache", /* @__PURE__ */ new Map());
     this.name = name;
     this.palette = palette;
@@ -971,7 +943,7 @@ class DynamicColor {
     this.background = background;
     this.secondBackground = secondBackground;
     this.contrastCurve = contrastCurve;
-    this.toneDeltaPair = toneDeltaPair;
+    this.adjustTone = adjustTone;
     if (!background && secondBackground) {
       throw new Error(
         `Color ${name} has secondBackgrounddefined, but background is not defined.`
@@ -1004,7 +976,7 @@ class DynamicColor {
       args.background,
       args.secondBackground,
       args.contrastCurve,
-      args.toneDeltaPair
+      args.adjustTone
     );
   }
   static getInitialToneFromBackground(background) {
@@ -1079,7 +1051,7 @@ class DynamicColor {
       background: this.background,
       secondBackground: this.secondBackground,
       contrastCurve: this.contrastCurve,
-      toneDeltaPair: this.toneDeltaPair
+      adjustTone: this.adjustTone
     });
   }
   /**
@@ -1123,59 +1095,9 @@ class DynamicColor {
    *     contrast level is.
    */
   getTone(scheme) {
-    const toneDeltaPair = this.toneDeltaPair ? this.toneDeltaPair(scheme) : void 0;
-    if (toneDeltaPair) {
-      const roleA = toneDeltaPair.roleA;
-      const roleB = toneDeltaPair.roleB;
-      const polarity = toneDeltaPair.polarity;
-      const constraint = toneDeltaPair.constraint;
-      const absoluteDelta = polarity === "darker" || polarity === "relative_lighter" && scheme.isDark || polarity === "relative_darker" && !scheme.isDark ? -toneDeltaPair.delta : toneDeltaPair.delta;
-      const amRoleA = this.name === roleA.name;
-      const selfRole = amRoleA ? roleA : roleB;
-      const refRole = amRoleA ? roleB : roleA;
-      let selfTone = selfRole.tone(scheme);
-      const refTone = refRole.getTone(scheme);
-      const relativeDelta = absoluteDelta * (amRoleA ? 1 : -1);
-      if (constraint === "exact") {
-        selfTone = materialColorUtilities.clampDouble(0, 100, refTone + relativeDelta);
-      } else if (constraint === "nearer") {
-        if (relativeDelta > 0) {
-          selfTone = materialColorUtilities.clampDouble(
-            0,
-            100,
-            materialColorUtilities.clampDouble(refTone, refTone + relativeDelta, selfTone)
-          );
-        } else {
-          selfTone = materialColorUtilities.clampDouble(
-            0,
-            100,
-            materialColorUtilities.clampDouble(refTone + relativeDelta, refTone, selfTone)
-          );
-        }
-      } else if (constraint === "farther") {
-        if (relativeDelta > 0) {
-          selfTone = materialColorUtilities.clampDouble(refTone + relativeDelta, 100, selfTone);
-        } else {
-          selfTone = materialColorUtilities.clampDouble(0, refTone + relativeDelta, selfTone);
-        }
-      }
-      if (this.background && this.contrastCurve) {
-        const background = this.background(scheme);
-        const contrastCurve = this.contrastCurve(scheme);
-        if (background && contrastCurve) {
-          const bgTone = background.getTone(scheme);
-          const selfContrast = contrastCurve.get(scheme.contrastLevel);
-          selfTone = materialColorUtilities.Contrast.ratioOfTones(bgTone, selfTone) >= selfContrast && scheme.contrastLevel >= 0 ? selfTone : DynamicColor.foregroundTone(bgTone, selfContrast);
-        }
-      }
-      if (this.isBackground && !this.name.endsWith("_fixed_dim")) {
-        if (selfTone >= 57) {
-          selfTone = materialColorUtilities.clampDouble(65, 100, selfTone);
-        } else {
-          selfTone = materialColorUtilities.clampDouble(0, 49, selfTone);
-        }
-      }
-      return selfTone;
+    const adjustTone = this.adjustTone ? this.adjustTone(scheme) : void 0;
+    if (adjustTone) {
+      return adjustTone({ scheme, dynamicColor: this });
     } else {
       let answer = this.tone(scheme);
       if (this.background == void 0 || this.background(scheme) === void 0 || this.contrastCurve == void 0 || this.contrastCurve(scheme) === void 0) {
@@ -1275,7 +1197,66 @@ class ToneDeltaPair {
     this.constraint = constraint;
     this.constraint = constraint ?? "exact";
   }
+  adjustedTone({
+    scheme,
+    dynamicColor
+  }) {
+    const roleA = this.roleA;
+    const roleB = this.roleB;
+    const polarity = this.polarity;
+    const constraint = this.constraint;
+    const absoluteDelta = polarity === "darker" || polarity === "relative_lighter" && scheme.isDark || polarity === "relative_darker" && !scheme.isDark ? -this.delta : this.delta;
+    const amRoleA = dynamicColor.name === roleA.name;
+    const selfRole = amRoleA ? roleA : roleB;
+    const refRole = amRoleA ? roleB : roleA;
+    let selfTone = selfRole.tone(scheme);
+    const refTone = refRole.getTone(scheme);
+    const relativeDelta = absoluteDelta * (amRoleA ? 1 : -1);
+    if (constraint === "exact") {
+      selfTone = materialColorUtilities.clampDouble(0, 100, refTone + relativeDelta);
+    } else if (constraint === "nearer") {
+      if (relativeDelta > 0) {
+        selfTone = materialColorUtilities.clampDouble(
+          0,
+          100,
+          materialColorUtilities.clampDouble(refTone, refTone + relativeDelta, selfTone)
+        );
+      } else {
+        selfTone = materialColorUtilities.clampDouble(
+          0,
+          100,
+          materialColorUtilities.clampDouble(refTone + relativeDelta, refTone, selfTone)
+        );
+      }
+    } else if (constraint === "farther") {
+      if (relativeDelta > 0) {
+        selfTone = materialColorUtilities.clampDouble(refTone + relativeDelta, 100, selfTone);
+      } else {
+        selfTone = materialColorUtilities.clampDouble(0, refTone + relativeDelta, selfTone);
+      }
+    }
+    if (dynamicColor.background && dynamicColor.contrastCurve) {
+      const background = dynamicColor.background(scheme);
+      const contrastCurve = dynamicColor.contrastCurve(scheme);
+      if (background && contrastCurve) {
+        const bgTone = background.getTone(scheme);
+        const selfContrast = contrastCurve.get(scheme.contrastLevel);
+        selfTone = materialColorUtilities.Contrast.ratioOfTones(bgTone, selfTone) >= selfContrast && scheme.contrastLevel >= 0 ? selfTone : DynamicColor.foregroundTone(bgTone, selfContrast);
+      }
+    }
+    if (dynamicColor.isBackground && !dynamicColor.name.endsWith("_fixed_dim")) {
+      if (selfTone >= 57) {
+        selfTone = materialColorUtilities.clampDouble(65, 100, selfTone);
+      } else {
+        selfTone = materialColorUtilities.clampDouble(0, 49, selfTone);
+      }
+    }
+    return selfTone;
+  }
 }
+const toneDeltaPair = (...params) => {
+  return (args) => new ToneDeltaPair(...params).adjustedTone(args);
+};
 function argbToRgb(argb) {
   return {
     r: argb >> 16 & 255,
@@ -1454,7 +1435,7 @@ class ColorManager {
       isBackground: true,
       background: (s) => highestSurface(s, this),
       contrastCurve: (s) => getCurve(4.5),
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         this.get(colorContainerKey).getMaterialColor(),
         this.get(colorKey).getMaterialColor(),
         5,
@@ -1475,7 +1456,7 @@ class ColorManager {
       isBackground: true,
       background: (s) => this.get("surfaceContainerHigh").getMaterialColor(),
       contrastCurve: (s) => getCurve(4.5),
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         this.get(colorDimKey).getMaterialColor(),
         this.get(colorKey).getMaterialColor(),
         5,
@@ -1502,7 +1483,7 @@ class ColorManager {
       },
       isBackground: true,
       background: (s) => highestSurface(s, this),
-      toneDeltaPair: (s) => void 0,
+      adjustTone: (s) => void 0,
       contrastCurve: (s) => s.contrastLevel > 0 ? getCurve(1.5) : void 0
     });
     this.createOrUpdate(onColorContainerKey, {
@@ -1524,7 +1505,7 @@ class ColorManager {
       palette: (s) => s.getPalette(colorKey),
       tone: (s) => this.get(colorFixedKey).getMaterialColor().getTone(s),
       isBackground: true,
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         this.get(colorFixedDimKey).getMaterialColor(),
         this.get(colorFixedKey).getMaterialColor(),
         5,
@@ -1791,6 +1772,9 @@ const tonalSpotVariant = {
   },
   customPalettes: ({ colorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(colorHct.hue, 16)
 };
+const inverseTone = (tone) => {
+  return 100 - tone;
+};
 const defaultColors = (colorService) => {
   const getColor = (key) => {
     return colorService.getColor(key).getMaterialColor();
@@ -1805,6 +1789,9 @@ const defaultColors = (colorService) => {
         if (s.isDark) {
           return 4;
         } else {
+          if (s.variant == "fidelity") {
+            return 100;
+          }
           if (Hct.isYellow(s.getPalette("neutral").hue)) {
             return 99;
           } else if (s.variant === "vibrant") {
@@ -2100,6 +2087,8 @@ const defaultColors = (colorService) => {
             0,
             Hct.isYellow(s.getPalette("primary").hue) ? 25 : Hct.isCyan(s.getPalette("primary").hue) ? 88 : 98
           );
+        } else if (s.variant == "fidelity") {
+          return s.sourceColorHct.tone;
         } else {
           return tMaxC(
             s.getPalette("primary"),
@@ -2111,7 +2100,18 @@ const defaultColors = (colorService) => {
       isBackground: true,
       background: (s) => highestSurface(s, colorService),
       contrastCurve: (s) => getCurve(4.5),
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => s.variant == "fidelity" ? () => {
+        const surfaceTone = colorService.getColor("surface").getMaterialColor().tone(s);
+        const primaryTone = colorService.getColor("primary").getMaterialColor().tone(s);
+        let selfTone = primaryTone;
+        if (materialColorUtilities.Contrast.ratioOfTones(surfaceTone, selfTone) < 3) {
+          const result = inverseTone(primaryTone);
+          if (materialColorUtilities.Contrast.ratioOfTones(surfaceTone, result) >= 3) {
+            selfTone = result;
+          }
+        }
+        return selfTone;
+      } : toneDeltaPair(
         colorService.getColor("primaryContainer").getMaterialColor(),
         colorService.getColor("primary").getMaterialColor(),
         5,
@@ -2134,7 +2134,7 @@ const defaultColors = (colorService) => {
       isBackground: true,
       background: (s) => getColor("surfaceContainerHigh"),
       contrastCurve: (s) => getCurve(4.5),
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         colorService.getColor("primaryDim").getMaterialColor(),
         colorService.getColor("primary").getMaterialColor(),
         5,
@@ -2161,6 +2161,13 @@ const defaultColors = (colorService) => {
             78,
             Hct.isCyan(s.getPalette("primary").hue) ? 88 : 90
           );
+        }
+        if (s.variant == "fidelity") {
+          return s.isDark ? tMaxC(s.getPalette("primary"), 30, 93) : tMaxC(
+            s.getPalette("primary"),
+            78,
+            Hct.isCyan(s.getPalette("primary").hue) ? 88 : 90
+          );
         } else {
           return s.isDark ? tMinC(s.getPalette("primary"), 66, 93) : tMaxC(
             s.getPalette("primary"),
@@ -2171,7 +2178,14 @@ const defaultColors = (colorService) => {
       },
       isBackground: true,
       background: (s) => highestSurface(s, colorService),
-      toneDeltaPair: (s) => void 0,
+      adjustTone: (s) => s.variant == "fidelity" ? toneDeltaPair(
+        colorService.getColor("primary").getMaterialColor(),
+        colorService.getColor("primaryContainer").getMaterialColor(),
+        15,
+        "relative_darker",
+        true,
+        "farther"
+      ) : void 0,
       contrastCurve: (s) => s.contrastLevel > 0 ? getCurve(1.5) : void 0
     },
     onPrimaryContainer: {
@@ -2197,7 +2211,7 @@ const defaultColors = (colorService) => {
       palette: (s) => s.getPalette("primary"),
       tone: (s) => colorService.getColor("primaryFixed").getMaterialColor().getTone(s),
       isBackground: true,
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         getColor("primaryFixedDim"),
         getColor("primaryFixed"),
         5,
@@ -2239,7 +2253,7 @@ const defaultColors = (colorService) => {
       isBackground: true,
       background: (s) => highestSurface(s, colorService),
       contrastCurve: (s) => getCurve(4.5),
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         getColor("secondaryContainer"),
         getColor("secondary"),
         5,
@@ -2260,7 +2274,7 @@ const defaultColors = (colorService) => {
       isBackground: true,
       background: (s) => getColor("surfaceContainerHigh"),
       contrastCurve: (s) => getCurve(4.5),
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         getColor("secondaryDim"),
         getColor("secondary"),
         5,
@@ -2287,7 +2301,7 @@ const defaultColors = (colorService) => {
       },
       isBackground: true,
       background: (s) => highestSurface(s, colorService),
-      toneDeltaPair: (s) => void 0,
+      adjustTone: (s) => void 0,
       contrastCurve: (s) => s.contrastLevel > 0 ? getCurve(1.5) : void 0
     },
     onSecondaryContainer: {
@@ -2313,7 +2327,7 @@ const defaultColors = (colorService) => {
       palette: (s) => s.getPalette("secondary"),
       tone: (s) => getColor("secondaryFixed").getTone(s),
       isBackground: true,
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         getColor("secondaryFixedDim"),
         getColor("secondaryFixed"),
         5,
@@ -2351,7 +2365,7 @@ const defaultColors = (colorService) => {
       isBackground: true,
       background: (s) => highestSurface(s, colorService),
       contrastCurve: (s) => getCurve(4.5),
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         getColor("tertiaryContainer"),
         getColor("tertiary"),
         5,
@@ -2372,7 +2386,7 @@ const defaultColors = (colorService) => {
       isBackground: true,
       background: (s) => getColor("surfaceContainerHigh"),
       contrastCurve: (s) => getCurve(4.5),
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         getColor("tertiaryDim"),
         getColor("tertiary"),
         5,
@@ -2405,7 +2419,7 @@ const defaultColors = (colorService) => {
       },
       isBackground: true,
       background: (s) => highestSurface(s, colorService),
-      toneDeltaPair: (s) => void 0,
+      adjustTone: (s) => void 0,
       contrastCurve: (s) => s.contrastLevel > 0 ? getCurve(1.5) : void 0
     },
     onTertiaryContainer: {
@@ -2431,7 +2445,7 @@ const defaultColors = (colorService) => {
       palette: (s) => s.getPalette("tertiary"),
       tone: (s) => getColor("tertiaryFixed").getTone(s),
       isBackground: true,
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         getColor("tertiaryFixedDim"),
         getColor("tertiaryFixed"),
         5,
@@ -2461,7 +2475,7 @@ const defaultColors = (colorService) => {
       isBackground: true,
       background: (s) => highestSurface(s, colorService),
       contrastCurve: (s) => getCurve(4.5),
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         colorService.getColor("errorContainer").getMaterialColor(),
         colorService.getColor("error").getMaterialColor(),
         5,
@@ -2476,7 +2490,7 @@ const defaultColors = (colorService) => {
       isBackground: true,
       background: (s) => getColor("surfaceContainerHigh"),
       contrastCurve: (s) => getCurve(4.5),
-      toneDeltaPair: (s) => new ToneDeltaPair(
+      adjustTone: (s) => toneDeltaPair(
         getColor("errorDim"),
         getColor("error"),
         5,
@@ -2497,7 +2511,7 @@ const defaultColors = (colorService) => {
       },
       isBackground: true,
       background: (s) => highestSurface(s, colorService),
-      toneDeltaPair: (s) => void 0,
+      adjustTone: (s) => void 0,
       contrastCurve: (s) => s.contrastLevel > 0 ? getCurve(1.5) : void 0
     },
     onErrorContainer: {
@@ -2647,11 +2661,8 @@ const loader = async (config) => {
       api.plugins.initPlugins(api);
     }
   };
-  const load = async () => {
-    await api.plugins.loadPlugins();
-  };
   init();
-  await load();
+  await api.load();
   return api;
 };
 exports.API = API;
@@ -2670,15 +2681,14 @@ exports.Scheme = Scheme;
 exports.SchemeManager = SchemeManager;
 exports.ThemeApi = ThemeApi;
 exports.ThemeModule = ThemeModule;
-exports.ToneDeltaPair = ToneDeltaPair;
 exports.Variant = Variant;
 exports.VariantManager = VariantManager;
 exports.bootstrap = bootstrap;
 exports.defaultColors = defaultColors;
-exports.extendSpecVersion = extendSpecVersion;
 exports.getPiecewiseHue = getPiecewiseHue;
 exports.getRotatedHue = getRotatedHue;
 exports.highestSurface = highestSurface;
 exports.loader = loader;
 exports.registerModule = registerModule;
 exports.tonalSpotVariant = tonalSpotVariant;
+exports.toneDeltaPair = toneDeltaPair;

package/dist/material-color-utilities/dynamic_color.d.ts

@@ -1,6 +1,5 @@
 import { TonalPalette } from '@material/material-color-utilities';
 import { ContrastCurve } from './contrastCurve';
-import { ToneDeltaPair } from './toneDeltaPair';
 import { Scheme } from '../theme/scheme';
 import { Hct } from './htc';
 /**
@@ -24,7 +23,7 @@ import { Hct } from './htc';
  *     against its background should behave in various contrast levels options.
  *     Must used together with `background`. When not provided or resolved as
  *     undefined, the contrast curve is calculated based on other constraints.
- * @param toneDeltaPair A `ToneDeltaPair` object specifying a tone delta
+ * @param adjustTone A `AdjustTone` object specifying a tone delta
  *     constraint between two colors. One of them must be the color being
  *     constructed. When not provided or resolved as undefined, the tone is
  *     calculated based on other constraints.
@@ -38,17 +37,12 @@ export interface FromPaletteOptions {
     background?: (scheme: Scheme) => DynamicColor | undefined;
     secondBackground?: (scheme: Scheme) => DynamicColor | undefined;
     contrastCurve?: (scheme: Scheme) => ContrastCurve | undefined;
-    toneDeltaPair?: (scheme: Scheme) => ToneDeltaPair | undefined;
+    adjustTone?: (scheme: Scheme) => AdjustTone | undefined;
 }
-/**
- * Returns a new DynamicColor that is the same as the original color, but with
- * the extended dynamic color's constraints for the given spec version.
- *
- * @param originlColor The original color.
- * @param specVersion The spec version to extend.
- * @param extendedColor The color with the values to extend.
- */
-export declare function extendSpecVersion(originlColor: DynamicColor, extendedColor: DynamicColor): DynamicColor;
+export type AdjustTone = (args: {
+    scheme: Scheme;
+    dynamicColor: DynamicColor;
+}) => number;
 /**
  * A color that adjusts itself based on UI state provided by DynamicScheme.
  *
@@ -69,7 +63,7 @@ export declare class DynamicColor {
     readonly background?: ((scheme: Scheme) => DynamicColor | undefined) | undefined;
     readonly secondBackground?: ((scheme: Scheme) => DynamicColor | undefined) | undefined;
     readonly contrastCurve?: ((scheme: Scheme) => ContrastCurve | undefined) | undefined;
-    readonly toneDeltaPair?: ((scheme: Scheme) => ToneDeltaPair | undefined) | undefined;
+    readonly adjustTone?: ((scheme: Scheme) => AdjustTone | undefined) | undefined;
     private readonly hctCache;
     /**
      * The base constructor for DynamicColor.
@@ -100,11 +94,11 @@ export declare class DynamicColor {
      * @param contrastCurve A `ContrastCurve` object specifying how its contrast
      *     against its background should behave in various contrast levels
      *     options.
-     * @param toneDeltaPair A `ToneDeltaPair` object specifying a tone delta
+     * @param adjustTone A `AdjustTone` object specifying a tone delta
      *     constraint between two colors. One of them must be the color being
      *     constructed.
      */
-    constructor(name: string, palette: (scheme: Scheme) => TonalPalette, tone: (scheme: Scheme) => number, isBackground: boolean, chromaMultiplier?: ((scheme: Scheme) => number) | undefined, background?: ((scheme: Scheme) => DynamicColor | undefined) | undefined, secondBackground?: ((scheme: Scheme) => DynamicColor | undefined) | undefined, contrastCurve?: ((scheme: Scheme) => ContrastCurve | undefined) | undefined, toneDeltaPair?: ((scheme: Scheme) => ToneDeltaPair | undefined) | undefined);
+    constructor(name: string, palette: (scheme: Scheme) => TonalPalette, tone: (scheme: Scheme) => number, isBackground: boolean, chromaMultiplier?: ((scheme: Scheme) => number) | undefined, background?: ((scheme: Scheme) => DynamicColor | undefined) | undefined, secondBackground?: ((scheme: Scheme) => DynamicColor | undefined) | undefined, contrastCurve?: ((scheme: Scheme) => ContrastCurve | undefined) | undefined, adjustTone?: ((scheme: Scheme) => AdjustTone | undefined) | undefined);
     /**
      * Create a DynamicColor defined by a TonalPalette and HCT tone.
      *

package/dist/material-color-utilities/dynamic_color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic_color.d.ts","sourceRoot":"","sources":["../../src/material-color-utilities/dynamic_color.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"dynamic_color.d.ts","sourceRoot":"","sources":["../../src/material-color-utilities/dynamic_color.ts"],"names":[],"mappings":"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"}

package/dist/material-color-utilities/toneDeltaPair.d.ts

@@ -1,4 +1,5 @@
-import { DynamicColor } from './dynamic_color';
+import { AdjustTone, DynamicColor } from './dynamic_color';
+import { Scheme } from '../theme';
 /**
  * Describes the different in tone between colors.
  *
@@ -17,7 +18,7 @@ export type DeltaConstraint = 'exact' | 'nearer' | 'farther';
  * designers want tonal distance, literally contrast, between two colors that
  * don't have a background / foreground relationship or a contrast guarantee.
  */
-export declare class ToneDeltaPair {
+declare class ToneDeltaPair {
     readonly roleA: DynamicColor;
     readonly roleB: DynamicColor;
     readonly delta: number;
@@ -50,5 +51,11 @@ export declare class ToneDeltaPair {
      * one role has two backgrounds.
      */
     constructor(roleA: DynamicColor, roleB: DynamicColor, delta: number, polarity: TonePolarity, stayTogether: boolean, constraint?: DeltaConstraint | undefined);
+    adjustedTone({ scheme, dynamicColor, }: {
+        scheme: Scheme;
+        dynamicColor: DynamicColor;
+    }): number;
 }
+export declare const toneDeltaPair: (...params: ConstructorParameters<typeof ToneDeltaPair>) => AdjustTone;
+export {};
 //# sourceMappingURL=toneDeltaPair.d.ts.map

package/dist/material-color-utilities/toneDeltaPair.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toneDeltaPair.d.ts","sourceRoot":"","sources":["../../src/material-color-utilities/toneDeltaPair.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C;;;;GAIG;AACH,MAAM,MAAM,YAAY,GACpB,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,SAAS,GACT,iBAAiB,GACjB,kBAAkB,CAAC;AAEvB;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE7D;;;;;;;GAOG;AACH,qBAAa,aAAa;IA2BtB,QAAQ,CAAC,KAAK,EAAE,YAAY;IAC5B,QAAQ,CAAC,KAAK,EAAE,YAAY;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM;IACtB,QAAQ,CAAC,QAAQ,EAAE,YAAY;IAC/B,QAAQ,CAAC,YAAY,EAAE,OAAO;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,eAAe;IA/BvC;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;gBAEQ,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAE,OAAO,EACrB,UAAU,CAAC,EAAE,eAAe,YAAA;CAIxC"}
+{"version":3,"file":"toneDeltaPair.d.ts","sourceRoot":"","sources":["../../src/material-color-utilities/toneDeltaPair.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;;;GAIG;AACH,MAAM,MAAM,YAAY,GACpB,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,SAAS,GACT,iBAAiB,GACjB,kBAAkB,CAAC;AAEvB;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE7D;;;;;;;GAOG;AACH,cAAM,aAAa;IA2Bf,QAAQ,CAAC,KAAK,EAAE,YAAY;IAC5B,QAAQ,CAAC,KAAK,EAAE,YAAY;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM;IACtB,QAAQ,CAAC,QAAQ,EAAE,YAAY;IAC/B,QAAQ,CAAC,YAAY,EAAE,OAAO;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,eAAe;IA/BvC;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;gBAEQ,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAE,OAAO,EACrB,UAAU,CAAC,EAAE,eAAe,YAAA;IAKvC,YAAY,CAAC,EACX,MAAM,EACN,YAAY,GACb,EAAE;QACD,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,EAAE,YAAY,CAAC;KAC5B;CA0EF;AAED,eAAO,MAAM,aAAa,GACxB,GAAG,QAAQ,qBAAqB,CAAC,OAAO,aAAa,CAAC,KACrD,UAEF,CAAC"}

package/dist/node.cjs

@@ -22,9 +22,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const loader = require("./loader-TksB6_mM.cjs");
-const defineConfig = require("./define-config-BFo7Sy7c.cjs");
-const loadFromPath = require("./load-from-path-BvdfXUD0.cjs");
+const loader = require("./loader-YNN5hAF3.cjs");
+const defineConfig = require("./define-config-BGgVazsr.cjs");
+const loadFromPath = require("./load-from-path-BuN8RpOs.cjs");
 let unpluginInstance = null;
 const createUnpluginTheme = async () => {
   if (unpluginInstance) {
@@ -162,18 +162,17 @@ exports.Scheme = loader.Scheme;
 exports.SchemeManager = loader.SchemeManager;
 exports.ThemeApi = loader.ThemeApi;
 exports.ThemeModule = loader.ThemeModule;
-exports.ToneDeltaPair = loader.ToneDeltaPair;
 exports.Variant = loader.Variant;
 exports.VariantManager = loader.VariantManager;
 exports.bootstrap = loader.bootstrap;
 exports.defaultColors = loader.defaultColors;
-exports.extendSpecVersion = loader.extendSpecVersion;
 exports.getPiecewiseHue = loader.getPiecewiseHue;
 exports.getRotatedHue = loader.getRotatedHue;
 exports.highestSurface = loader.highestSurface;
 exports.loader = loader.loader;
 exports.registerModule = loader.registerModule;
 exports.tonalSpotVariant = loader.tonalSpotVariant;
+exports.toneDeltaPair = loader.toneDeltaPair;
 exports.FontFamily = defineConfig.FontFamily;
 exports.FontPlugin = defineConfig.FontPlugin;
 exports.PluginAbstract = defineConfig.PluginAbstract;

package/dist/node.js

@@ -1,7 +1,7 @@
-import { b, A, a, C, c, d, e, i, D, k, P, n, S, o, m, T, V, s, g, f, j, p, q, h, l, r, t } from "./loader-C_BIrsO2.js";
-import { F, b as b2, P as P2, a as a2, V as V2, d as d2, e as e2, n as n2, v } from "./define-config-CGG8l3fb.js";
-import { l as loadFromPath } from "./load-from-path-CFpw2P_Y.js";
-import { r as r2 } from "./load-from-path-CFpw2P_Y.js";
+import { b, A, a, C, c, d, e, i, D, j, P, m, S, n, T, V, q, g, f, o, p, h, l, r, k, t } from "./loader-Bc0bstAD.js";
+import { F, b as b2, P as P2, a as a2, V as V2, d as d2, e as e2, n as n2, v } from "./define-config-B1QPKKY_.js";
+import { l as loadFromPath } from "./load-from-path-BSrT4DOj.js";
+import { r as r2 } from "./load-from-path-BSrT4DOj.js";
 let unpluginInstance = null;
 const createUnpluginTheme = async () => {
   if (unpluginInstance) {
@@ -137,25 +137,23 @@ export {
   F as FontFamily,
   b2 as FontPlugin,
   P2 as PluginAbstract,
-  k as PluginApi,
+  j as PluginApi,
   a2 as PluginImplAbstract,
   P as PluginModule,
-  n as Scheme,
+  m as Scheme,
   S as SchemeManager,
-  o as ThemeApi,
-  m as ThemeModule,
-  T as ToneDeltaPair,
+  n as ThemeApi,
+  T as ThemeModule,
   V as Variant,
-  s as VariantManager,
+  q as VariantManager,
   V2 as Variants,
   g as bootstrap,
   f as defaultColors,
   d2 as defineConfig,
   esbuildPlugin,
   e2 as expressiveVariant,
-  j as extendSpecVersion,
-  p as getPiecewiseHue,
-  q as getRotatedHue,
+  o as getPiecewiseHue,
+  p as getRotatedHue,
   h as highestSurface,
   loadFromPath,
   l as loader,
@@ -163,7 +161,8 @@ export {
   r as registerModule,
   r2 as resolveConfig,
   rollupPlugin,
-  t as tonalSpotVariant,
+  k as tonalSpotVariant,
+  t as toneDeltaPair,
   unpluginUdixioTheme,
   v as vibrantVariant,
   vitePlugin,

package/dist/theme/scheme.d.ts

@@ -11,7 +11,7 @@ export interface SchemeOptions {
 export declare class Scheme {
     readonly options: SchemeOptions;
     constructor(options: SchemeOptions);
-    get variant(): 'expressive' | 'neutral' | 'tonalSpot' | 'vibrant' | string;
+    get variant(): 'expressive' | 'neutral' | 'tonalSpot' | 'vibrant' | 'fidelity' | string;
     get contrastLevel(): number;
     get isDark(): boolean;
     get sourceColorHct(): Hct;