material-theme-builder 3.1.0 → 3.2.0

package/README.md

@@ -116,11 +116,11 @@ A hook is also provided:
 ```tsx
 import { useMtb } from "material-theme-builder/react";
 
-const { initials, setMcuConfig, getMcuColor } = useMtb();
+const { initials, setMtbConfig, getMtbColor } = useMtb();
 
 return (
-  <button onClick={() => setMcuConfig({ ...initials, source: "#FF5722" })}>
-    Change to {getMcuColor("primary", "light")}
+  <button onClick={() => setMtbConfig({ ...initials, source: "#FF5722" })}>
+    Change to {getMtbColor("primary", "light")}
   </button>
 );
 ```

package/dist/react.d.ts

@@ -188,12 +188,27 @@ declare const Mcu: typeof Mtb;
 
 type Api = {
     initials: MtbConfig;
-    mcuConfig: MtbConfig;
-    setMcuConfig: (config: MtbConfig) => void;
-    getMcuColor: (colorName: TokenName, theme?: string) => string;
+    mtbConfig: MtbConfig;
+    setMtbConfig: (config: MtbConfig) => void;
+    getMtbColor: (colorName: TokenName, theme?: string) => string;
     allPalettes: Record<string, TonalPalette>;
     figmaTokens: FigmaTokens;
     figmaVariables: FigmaVariable[];
+    /**
+     * @deprecated Renamed `mtbConfig` — same value. This alias will be removed in
+     * the next major.
+     */
+    mcuConfig: MtbConfig;
+    /**
+     * @deprecated Renamed `setMtbConfig` — same setter. This alias will be
+     * removed in the next major.
+     */
+    setMcuConfig: (config: MtbConfig) => void;
+    /**
+     * @deprecated Renamed `getMtbColor` — same function. This alias will be
+     * removed in the next major.
+     */
+    getMcuColor: (colorName: TokenName, theme?: string) => string;
 };
 declare const useMtb: () => Api;
 /**

package/dist/react.js

@@ -4524,15 +4524,15 @@ var createRequiredContext = () => {
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var [useMtb, Provider, MtbContext] = createRequiredContext();
 var MtbProvider = ({
-  styleId,
+  styleId: styleId2,
   children,
   ...configProps
 }) => {
   const [initials] = useState(() => configProps);
-  const [mcuConfig, setMcuConfig] = useState(initials);
+  const [mtbConfig, setMtbConfig] = useState(initials);
   const configKey = JSON.stringify(configProps);
   React.useEffect(() => {
-    setMcuConfig(configProps);
+    setMtbConfig(configProps);
   }, [configKey]);
   const {
     css,
@@ -4543,8 +4543,8 @@ var MtbProvider = ({
     figmaVariables
   } = useMemo(() => {
     const { toCss, toFigmaTokens, toFigmaVariables, ...rest } = builder(
-      mcuConfig.source,
-      mcuConfig
+      mtbConfig.source,
+      mtbConfig
     );
     return {
       css: toCss(),
@@ -4552,13 +4552,13 @@ var MtbProvider = ({
       figmaVariables: toFigmaVariables(),
       ...rest
     };
-  }, [mcuConfig]);
-  const getMcuColor = useCallback(
+  }, [mtbConfig]);
+  const getMtbColor = useCallback(
     (colorName, theme) => {
       const mergedColors = theme === "light" ? mergedColorsLight : mergedColorsDark;
       const colorValue = mergedColors[colorName];
       if (colorValue === void 0) {
-        throw new Error(`Unknown MCU token '${colorName}'`);
+        throw new Error(`Unknown token '${colorName}'`);
       }
       return hexFromArgb5(colorValue);
     },
@@ -4567,24 +4567,28 @@ var MtbProvider = ({
   const value = useMemo(
     () => ({
       initials,
-      mcuConfig,
-      setMcuConfig,
-      getMcuColor,
+      mtbConfig,
+      setMtbConfig,
+      getMtbColor,
       allPalettes,
       figmaTokens,
-      figmaVariables
+      figmaVariables,
+      // deprecated aliases
+      mcuConfig: mtbConfig,
+      setMcuConfig: setMtbConfig,
+      getMcuColor: getMtbColor
     }),
     [
-      getMcuColor,
+      getMtbColor,
       initials,
-      mcuConfig,
+      mtbConfig,
       allPalettes,
       figmaTokens,
       figmaVariables
     ]
   );
   return /* @__PURE__ */ jsxs2(Provider, { value, children: [
-    /* @__PURE__ */ jsx3("style", { id: styleId, dangerouslySetInnerHTML: { __html: css } }),
+    /* @__PURE__ */ jsx3("style", { id: styleId2, dangerouslySetInnerHTML: { __html: css } }),
     children
   ] });
 };
@@ -4592,7 +4596,7 @@ var useMcu = useMtb;
 
 // src/Mtb.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
-var mcuStyleId = "mcu-styles";
+var styleId = "mcu-styles";
 var DEFAULT_COLOR_MATCH = false;
 function Mtb({
   source,
@@ -4639,7 +4643,7 @@ function Mtb({
       prefix
     ]
   );
-  return /* @__PURE__ */ jsx4(MtbProvider, { ...config, styleId: mcuStyleId, children });
+  return /* @__PURE__ */ jsx4(MtbProvider, { ...config, styleId, children });
 }
 var Mcu = Mtb;
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "material-theme-builder",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "description": "m3 color-system for JS/TS ecosystem",
   "keywords": [
     "react",