@solostylist/ui-kit 1.0.222 → 1.0.224

package/dist/theme/components/icon-button.js

@@ -1,30 +1,32 @@
-import { _ as e, a as t, c as n, f as r, g as i, h as a, l as o, m as s, o as c, p as l, u, v as d } from "../../theme-primitives-OrQ-xFJR.js";
-import { alpha as f } from "@mui/material";
+import { tint as e } from "../utils.js";
 //#region lib/theme/components/icon-button.tsx
-var p = (e, t, n) => ({
-	color: t[500],
-	"&:hover": {
-		backgroundColor: f(t[500], .12),
-		color: t[600]
-	},
-	"&:active": { backgroundColor: f(t[500], .2) },
-	"&.Mui-disabled": {
-		color: t[300],
-		opacity: .5
-	},
-	...e.applyStyles("dark", {
-		color: n[400],
+var t = (t, n) => {
+	let r = (t.vars ?? t).palette[n];
+	return {
+		color: r[800],
 		"&:hover": {
-			backgroundColor: f(n[400], .12),
-			color: n[300]
+			backgroundColor: e(r[800], 12),
+			color: r[900]
 		},
-		"&:active": { backgroundColor: f(n[400], .2) },
+		"&:active": { backgroundColor: e(r[800], 20) },
 		"&.Mui-disabled": {
-			color: n[700],
+			color: r[300],
 			opacity: .5
-		}
-	})
-}), m = { styleOverrides: { root: ({ theme: f }) => ({
+		},
+		...t.applyStyles("dark", {
+			color: r[300],
+			"&:hover": {
+				backgroundColor: e(r[300], 12),
+				color: r[200]
+			},
+			"&:active": { backgroundColor: e(r[300], 20) },
+			"&.Mui-disabled": {
+				color: r[700],
+				opacity: .5
+			}
+		})
+	};
+}, n = { styleOverrides: { root: ({ theme: e }) => ({
 	transition: "all 0.2s ease-in-out",
 	flexShrink: 0,
 	width: "fit-content",
@@ -53,29 +55,29 @@ var p = (e, t, n) => ({
 		},
 		{
 			props: { color: "primary" },
-			style: { ...p(f, u, c) }
+			style: { ...t(e, "primary") }
 		},
 		{
 			props: { color: "secondary" },
-			style: { ...p(f, s, e) }
+			style: { ...t(e, "secondary") }
 		},
 		{
 			props: { color: "success" },
-			style: { ...p(f, r, n) }
+			style: { ...t(e, "success") }
 		},
 		{
 			props: { color: "error" },
-			style: { ...p(f, a, d) }
+			style: { ...t(e, "error") }
 		},
 		{
 			props: { color: "info" },
-			style: { ...p(f, o, t) }
+			style: { ...t(e, "info") }
 		},
 		{
 			props: { color: "warning" },
-			style: { ...p(f, l, i) }
+			style: { ...t(e, "warning") }
 		}
 	]
 }) } };
 //#endregion
-export { m as MuiIconButton };
+export { n as MuiIconButton };