@solostylist/ui-kit 1.0.34 → 1.0.35

package/dist/theme/components/avatar.d.ts

@@ -2,4 +2,9 @@ export declare const MuiAvatar: {
     defaultProps: {
         children: import("react/jsx-runtime").JSX.Element;
     };
+    styleOverrides: {
+        rounded: {
+            borderRadius: number;
+        };
+    };
 };

package/dist/theme/components/avatar.js

@@ -1,8 +1,11 @@
 import { j as r } from "../../jsx-runtime-C5mzlN2N.js";
 import { IconUser as o } from "@tabler/icons-react";
-const e = {
-  defaultProps: { children: /* @__PURE__ */ r.jsx(o, {}) }
+const t = {
+  defaultProps: { children: /* @__PURE__ */ r.jsx(o, {}) },
+  styleOverrides: {
+    rounded: { borderRadius: 12 }
+  }
 };
 export {
-  e as MuiAvatar
+  t as MuiAvatar
 };

package/dist/theme/components/components.d.ts

@@ -3,5 +3,33 @@ export declare const components: {
         defaultProps: {
             children: import("react/jsx-runtime").JSX.Element;
         };
+        styleOverrides: {
+            rounded: {
+                borderRadius: number;
+            };
+        };
+    };
+    MuiRating: {
+        styleOverrides: {
+            sizeSmall: {
+                fontSize: string;
+            };
+        };
+    };
+    MuiSlider: {
+        styleOverrides: {
+            valueLabel: {
+                borderRadius: number;
+            };
+        };
+    };
+    MuiSvgIcon: {
+        styleOverrides: {
+            root: {
+                '& .secondary': {
+                    opacity: number;
+                };
+            };
+        };
     };
 };

package/dist/theme/components/components.js

@@ -1,7 +1,13 @@
 import { MuiAvatar as o } from "./avatar.js";
-const r = {
-  MuiAvatar: o
+import { MuiRating as r } from "./rating.js";
+import { MuiSlider as i } from "./slider.js";
+import { MuiSvgIcon as m } from "./svg-icon.js";
+const u = {
+  MuiAvatar: o,
+  MuiRating: r,
+  MuiSlider: i,
+  MuiSvgIcon: m
 };
 export {
-  r as components
+  u as components
 };

package/dist/theme/components/rating.d.ts

@@ -0,0 +1,7 @@
+export declare const MuiRating: {
+    styleOverrides: {
+        sizeSmall: {
+            fontSize: string;
+        };
+    };
+};

package/dist/theme/components/rating.js

@@ -0,0 +1,8 @@
+const e = {
+  styleOverrides: {
+    sizeSmall: { fontSize: "1rem" }
+  }
+};
+export {
+  e as MuiRating
+};

package/dist/theme/components/slider.d.ts

@@ -0,0 +1,7 @@
+export declare const MuiSlider: {
+    styleOverrides: {
+        valueLabel: {
+            borderRadius: number;
+        };
+    };
+};

package/dist/theme/components/slider.js

@@ -0,0 +1,8 @@
+const e = {
+  styleOverrides: {
+    valueLabel: { borderRadius: 8 }
+  }
+};
+export {
+  e as MuiSlider
+};

package/dist/theme/components/svg-icon.d.ts

@@ -0,0 +1,9 @@
+export declare const MuiSvgIcon: {
+    styleOverrides: {
+        root: {
+            '& .secondary': {
+                opacity: number;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,10 @@
+const o = {
+  styleOverrides: {
+    root: {
+      "& .secondary": { opacity: 0.4 }
+    }
+  }
+};
+export {
+  o as MuiSvgIcon
+};

package/dist/theme/customizations/inputs.js

@@ -1,17 +1,17 @@
-import { j as t } from "../../jsx-runtime-C5mzlN2N.js";
+import { j as a } from "../../jsx-runtime-C5mzlN2N.js";
 import { c as l } from "../../createSvgIcon-GD-thYZm.js";
 import { brand as e, gray as o } from "../theme-primitives.js";
-import { o as i } from "../../outlinedInputClasses-Y-zQ9ZHZ.js";
-import { g as n } from "../../generateUtilityClasses-CvAVhM6T.js";
+import { o as n } from "../../outlinedInputClasses-Y-zQ9ZHZ.js";
+import { g as i } from "../../generateUtilityClasses-CvAVhM6T.js";
 import { s } from "../../svgIconClasses-SRBiyaM8.js";
-import { a } from "../../createTheme-CyFSna1a.js";
-const p = l(/* @__PURE__ */ t.jsx("path", {
+import { a as t } from "../../createTheme-CyFSna1a.js";
+const c = l(/* @__PURE__ */ a.jsx("path", {
   d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1m1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2"
-}), "CheckBoxOutlineBlankRounded"), c = l(/* @__PURE__ */ t.jsx("path", {
+}), "CheckBoxOutlineBlankRounded"), p = l(/* @__PURE__ */ a.jsx("path", {
   d: "M9 16.17 5.53 12.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z"
-}), "CheckRounded"), u = l(/* @__PURE__ */ t.jsx("path", {
+}), "CheckRounded"), u = l(/* @__PURE__ */ a.jsx("path", {
   d: "M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1"
-}), "RemoveRounded"), b = n("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), d = n("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), m = {
+}), "RemoveRounded"), b = i("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), d = i("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), m = {
   MuiButtonBase: {
     defaultProps: {
       disableTouchRipple: !0,
@@ -22,7 +22,7 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
         boxSizing: "border-box",
         transition: "all 100ms ease-in",
         "&:focus-visible": {
-          outline: `3px solid ${a(r.palette.primary.main, 0.5)}`,
+          outline: `3px solid ${t(r.palette.primary.main, 0.5)}`,
           outlineOffset: "2px"
         }
       })
@@ -72,6 +72,11 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
               "&:active": {
                 backgroundColor: o[800]
               },
+              "&.MuiButton-loading": {
+                "& .MuiButton-loadingIndicator": {
+                  color: "white"
+                }
+              },
               ...r.applyStyles("dark", {
                 color: "black",
                 backgroundColor: o[50],
@@ -85,6 +90,11 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
                 },
                 "&:active": {
                   backgroundColor: o[400]
+                },
+                "&.MuiButton-loading": {
+                  "& .MuiButton-loadingIndicator": {
+                    color: "black"
+                  }
                 }
               })
             }
@@ -97,8 +107,8 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
             style: {
               color: "white",
               backgroundColor: e[300],
-              backgroundImage: `linear-gradient(to bottom, ${a(e[400], 0.8)}, ${e[500]})`,
-              boxShadow: `inset 0 2px 0 ${a(e[200], 0.2)}, inset 0 -2px 0 ${a(e[700], 0.4)}`,
+              backgroundImage: `linear-gradient(to bottom, ${t(e[400], 0.8)}, ${e[500]})`,
+              boxShadow: `inset 0 2px 0 ${t(e[200], 0.2)}, inset 0 -2px 0 ${t(e[700], 0.4)}`,
               border: `1px solid ${e[500]}`,
               "&:hover": {
                 backgroundColor: e[700],
@@ -107,6 +117,11 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
               "&:active": {
                 backgroundColor: e[700],
                 backgroundImage: "none"
+              },
+              "&.MuiButton-loading": {
+                "& .MuiButton-loadingIndicator": {
+                  color: "white"
+                }
               }
             }
           },
@@ -118,7 +133,7 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
               color: (r.vars || r).palette.text.primary,
               border: "1px solid",
               borderColor: o[200],
-              backgroundColor: a(o[50], 0.3),
+              backgroundColor: t(o[50], 0.3),
               "&:hover": {
                 backgroundColor: o[100],
                 borderColor: o[300]
@@ -126,6 +141,11 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
               "&:active": {
                 backgroundColor: o[200]
               },
+              "&.MuiButton-loading": {
+                "& .MuiButton-loadingIndicator": {
+                  color: (r.vars || r).palette.text.primary
+                }
+              },
               ...r.applyStyles("dark", {
                 backgroundColor: o[800],
                 borderColor: o[700],
@@ -154,19 +174,19 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
                 borderColor: e[400]
               },
               "&:active": {
-                backgroundColor: a(e[200], 0.7)
+                backgroundColor: t(e[200], 0.7)
               },
               ...r.applyStyles("dark", {
                 color: e[50],
                 border: "1px solid",
                 borderColor: e[900],
-                backgroundColor: a(e[900], 0.3),
+                backgroundColor: t(e[900], 0.3),
                 "&:hover": {
                   borderColor: e[700],
-                  backgroundColor: a(e[900], 0.6)
+                  backgroundColor: t(e[900], 0.6)
                 },
                 "&:active": {
-                  backgroundColor: a(e[900], 0.5)
+                  backgroundColor: t(e[900], 0.5)
                 }
               })
             }
@@ -189,7 +209,7 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
                   backgroundColor: o[700]
                 },
                 "&:active": {
-                  backgroundColor: a(o[700], 0.7)
+                  backgroundColor: t(o[700], 0.7)
                 }
               })
             }
@@ -202,18 +222,18 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
             style: {
               color: e[700],
               "&:hover": {
-                backgroundColor: a(e[100], 0.5)
+                backgroundColor: t(e[100], 0.5)
               },
               "&:active": {
-                backgroundColor: a(e[200], 0.7)
+                backgroundColor: t(e[200], 0.7)
               },
               ...r.applyStyles("dark", {
                 color: e[100],
                 "&:hover": {
-                  backgroundColor: a(e[900], 0.5)
+                  backgroundColor: t(e[900], 0.5)
                 },
                 "&:active": {
-                  backgroundColor: a(e[900], 0.3)
+                  backgroundColor: t(e[900], 0.3)
                 }
               })
             }
@@ -281,7 +301,7 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
     styleOverrides: {
       root: ({ theme: r }) => ({
         borderRadius: "10px",
-        boxShadow: `0 4px 16px ${a(o[400], 0.2)}`,
+        boxShadow: `0 4px 16px ${t(o[400], 0.2)}`,
         [`& .${d.selected}`]: {
           color: e[500]
         },
@@ -289,7 +309,7 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
           [`& .${d.selected}`]: {
             color: "#fff"
           },
-          boxShadow: `0 4px 16px ${a(e[700], 0.5)}`
+          boxShadow: `0 4px 16px ${t(e[700], 0.5)}`
         })
       })
     }
@@ -314,9 +334,9 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
   MuiCheckbox: {
     defaultProps: {
       disableRipple: !0,
-      icon: /* @__PURE__ */ t.jsx(p, { sx: { color: "hsla(210, 0%, 0%, 0.0)" } }),
-      checkedIcon: /* @__PURE__ */ t.jsx(c, { sx: { height: 14, width: 14 } }),
-      indeterminateIcon: /* @__PURE__ */ t.jsx(u, { sx: { height: 14, width: 14 } })
+      icon: /* @__PURE__ */ a.jsx(c, { sx: { color: "hsla(210, 0%, 0%, 0.0)" } }),
+      checkedIcon: /* @__PURE__ */ a.jsx(p, { sx: { height: 14, width: 14 } }),
+      indeterminateIcon: /* @__PURE__ */ a.jsx(u, { sx: { height: 14, width: 14 } })
     },
     styleOverrides: {
       root: ({ theme: r }) => ({
@@ -325,15 +345,15 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
         width: 16,
         borderRadius: 5,
         border: "1px solid ",
-        borderColor: a(o[300], 0.8),
+        borderColor: t(o[300], 0.8),
         boxShadow: "0 0 0 1.5px hsla(210, 0%, 0%, 0.04) inset",
-        backgroundColor: a(o[100], 0.4),
+        backgroundColor: t(o[100], 0.4),
         transition: "border-color, background-color, 120ms ease-in",
         "&:hover": {
           borderColor: e[300]
         },
         "&.Mui-focusVisible": {
-          outline: `3px solid ${a(e[500], 0.5)}`,
+          outline: `3px solid ${t(e[500], 0.5)}`,
           outlineOffset: "2px",
           borderColor: e[400]
         },
@@ -347,15 +367,15 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
           }
         },
         ...r.applyStyles("dark", {
-          borderColor: a(o[700], 0.8),
+          borderColor: t(o[700], 0.8),
           boxShadow: "0 0 0 1.5px hsl(210, 0%, 0%) inset",
-          backgroundColor: a(o[900], 0.8),
+          backgroundColor: t(o[900], 0.8),
           "&:hover": {
             borderColor: e[300]
           },
           "&.Mui-focusVisible": {
             borderColor: e[400],
-            outline: `3px solid ${a(e[500], 0.5)}`,
+            outline: `3px solid ${t(e[500], 0.5)}`,
             outlineOffset: "2px"
           }
         })
@@ -399,8 +419,8 @@ const p = l(/* @__PURE__ */ t.jsx("path", {
         "&:hover": {
           borderColor: o[400]
         },
-        [`&.${i.focused}`]: {
-          outline: `3px solid ${a(e[500], 0.5)}`,
+        [`&.${n.focused}`]: {
+          outline: `3px solid ${t(e[500], 0.5)}`,
           borderColor: e[400]
         },
         ...r.applyStyles("dark", {

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.34",
+  "version": "1.0.35",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",