@dashadmin/dash-boilerplate 1.3.50 → 1.3.51

package/dist/index.cjs

@@ -602,23 +602,14 @@ var createMinimalTheme = (mode, extendedOptions) => {
   const colors = getThemeColors(mode);
   const fontSizeBase = getCssVariableNumber("--font-size-base", 14);
   const borderRadiusBase = getCssVariableNumber("--border-radius-base", 6);
-  const _a = extendedOptions || {}, { palette: _p, colorSchemes: _cs, defaultColorScheme: _dcs } = _a, safeExtendedOptions = __objRest(_a, ["palette", "colorSchemes", "defaultColorScheme"]);
-  return (0, import_material.createTheme)(__spreadValues({
-    breakpoints: {
-      keys: ["xs", "sm", "md", "lg", "xl"],
-      values: { xs: 0, sm: 600, md: 900, lg: 1200, xl: 1536 }
-    },
+  const primaryMain = colors.btnBg || colors.primaryColor;
+  const primaryContrastText = colors.btnColor || colors.primaryContrast;
+  const custom = {
     palette: {
       mode,
       primary: {
-        main: colors.primaryColor
-        // No explicit contrastText: MUI's palette augmentation derives it via
-        // getContrastText(main) (picks black/white text by contrast ratio) when
-        // omitted. Trusting --primary-contrast here caused illegible button text
-        // whenever an app picked a --primary-contrast too close in tone to
-        // --primary-color (e.g. vanexa-system's near-identical blues, 2026-08-03) —
-        // --primary-contrast is also used standalone as a gradient stop elsewhere,
-        // so it was never guaranteed to double as a legible foreground color.
+        main: primaryMain,
+        contrastText: primaryContrastText
       },
       secondary: {
         main: colors.secondaryColor
@@ -640,7 +631,7 @@ var createMinimalTheme = (mode, extendedOptions) => {
     shape: {
       borderRadius: borderRadiusBase
     },
-    components: {
+    components: __spreadValues({
       MuiButton: {
         styleOverrides: {
           root: {
@@ -660,12 +651,59 @@ var createMinimalTheme = (mode, extendedOptions) => {
       MuiPaper: {
         styleOverrides: {
           root: {
-            backgroundImage: "none"
+            color: "var(--text-color)",
+            backgroundColor: "var(--component-bg)",
+            "&.Mui-focused": {
+              color: "var(--primary-color)",
+              backgroundColor: "var(--component-bg)"
+            }
+          }
+        }
+      },
+      MuiOutlinedInput: {
+        styleOverrides: {
+          root: {
+            color: "var(--text-color)",
+            "& .MuiOutlinedInput-notchedOutline": {
+              borderColor: "var(--border-color)"
+            },
+            "&:hover .MuiOutlinedInput-notchedOutline": {
+              borderColor: "var(--primary-color)"
+            },
+            "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+              borderColor: "var(--primary-color)"
+            }
+          }
+        }
+      },
+      MuiInputLabel: {
+        styleOverrides: {
+          root: {
+            color: "var(--text-color)",
+            "&.Mui-focused": {
+              color: "var(--primary-color)"
+            }
+          }
+        }
+      },
+      MuiSelect: {
+        styleOverrides: {
+          select: {
+            color: "var(--text-color)"
+          },
+          icon: {
+            color: "var(--text-color)"
           }
         }
       }
-    }
-  }, safeExtendedOptions));
+    }, (extendedOptions == null ? void 0 : extendedOptions.components) || {})
+  };
+  console.log("custom theme options:", custom);
+  const createdTheme = (0, import_material.createTheme)(__spreadValues(__spreadValues({}, custom), extendedOptions ? ((_a) => {
+    var _b = _a, { components } = _b, rest = __objRest(_b, ["components"]);
+    return rest;
+  })(extendedOptions) : {}));
+  return createdTheme;
 };
 var DashThemeContext = (0, import_react4.createContext)(null);
 var useDashThemeContextLight = () => {

package/dist/index.js

@@ -531,23 +531,14 @@ var createMinimalTheme = (mode, extendedOptions) => {
   const colors = getThemeColors(mode);
   const fontSizeBase = getCssVariableNumber("--font-size-base", 14);
   const borderRadiusBase = getCssVariableNumber("--border-radius-base", 6);
-  const _a = extendedOptions || {}, { palette: _p, colorSchemes: _cs, defaultColorScheme: _dcs } = _a, safeExtendedOptions = __objRest(_a, ["palette", "colorSchemes", "defaultColorScheme"]);
-  return createTheme(__spreadValues({
-    breakpoints: {
-      keys: ["xs", "sm", "md", "lg", "xl"],
-      values: { xs: 0, sm: 600, md: 900, lg: 1200, xl: 1536 }
-    },
+  const primaryMain = colors.btnBg || colors.primaryColor;
+  const primaryContrastText = colors.btnColor || colors.primaryContrast;
+  const custom = {
     palette: {
       mode,
       primary: {
-        main: colors.primaryColor
-        // No explicit contrastText: MUI's palette augmentation derives it via
-        // getContrastText(main) (picks black/white text by contrast ratio) when
-        // omitted. Trusting --primary-contrast here caused illegible button text
-        // whenever an app picked a --primary-contrast too close in tone to
-        // --primary-color (e.g. vanexa-system's near-identical blues, 2026-08-03) —
-        // --primary-contrast is also used standalone as a gradient stop elsewhere,
-        // so it was never guaranteed to double as a legible foreground color.
+        main: primaryMain,
+        contrastText: primaryContrastText
       },
       secondary: {
         main: colors.secondaryColor
@@ -569,7 +560,7 @@ var createMinimalTheme = (mode, extendedOptions) => {
     shape: {
       borderRadius: borderRadiusBase
     },
-    components: {
+    components: __spreadValues({
       MuiButton: {
         styleOverrides: {
           root: {
@@ -589,12 +580,59 @@ var createMinimalTheme = (mode, extendedOptions) => {
       MuiPaper: {
         styleOverrides: {
           root: {
-            backgroundImage: "none"
+            color: "var(--text-color)",
+            backgroundColor: "var(--component-bg)",
+            "&.Mui-focused": {
+              color: "var(--primary-color)",
+              backgroundColor: "var(--component-bg)"
+            }
+          }
+        }
+      },
+      MuiOutlinedInput: {
+        styleOverrides: {
+          root: {
+            color: "var(--text-color)",
+            "& .MuiOutlinedInput-notchedOutline": {
+              borderColor: "var(--border-color)"
+            },
+            "&:hover .MuiOutlinedInput-notchedOutline": {
+              borderColor: "var(--primary-color)"
+            },
+            "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+              borderColor: "var(--primary-color)"
+            }
+          }
+        }
+      },
+      MuiInputLabel: {
+        styleOverrides: {
+          root: {
+            color: "var(--text-color)",
+            "&.Mui-focused": {
+              color: "var(--primary-color)"
+            }
+          }
+        }
+      },
+      MuiSelect: {
+        styleOverrides: {
+          select: {
+            color: "var(--text-color)"
+          },
+          icon: {
+            color: "var(--text-color)"
           }
         }
       }
-    }
-  }, safeExtendedOptions));
+    }, (extendedOptions == null ? void 0 : extendedOptions.components) || {})
+  };
+  console.log("custom theme options:", custom);
+  const createdTheme = createTheme(__spreadValues(__spreadValues({}, custom), extendedOptions ? ((_a) => {
+    var _b = _a, { components } = _b, rest = __objRest(_b, ["components"]);
+    return rest;
+  })(extendedOptions) : {}));
+  return createdTheme;
 };
 var DashThemeContext = createContext2(null);
 var useDashThemeContextLight = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@dashadmin/dash-boilerplate",
-	"version": "1.3.50",
+	"version": "1.3.51",
 	"main": "dist/index.cjs",
 	"type": "module",
 	"scripts": {