@solostylist/ui-kit 1.0.37 → 1.0.39

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

@@ -64,4 +64,11 @@ export declare const components: {
             };
         };
     };
+    MuiFormControl: {
+        styleOverrides: {
+            root: {
+                position: "unset";
+            };
+        };
+    };
 };

package/dist/theme/components/components.js

@@ -1,19 +1,21 @@
 import { MuiAvatar as o } from "./avatar.js";
 import { MuiBackdrop as r } from "./backdrop.js";
 import { MuiContainer as i } from "./container.js";
-import { MuiPopover as m } from "./popover.js";
-import { MuiRating as t } from "./rating.js";
-import { MuiSlider as p } from "./slider.js";
-import { MuiSvgIcon as f } from "./svg-icon.js";
-const d = {
+import { MuiFormControl as m } from "./form-control.js";
+import { MuiPopover as t } from "./popover.js";
+import { MuiRating as p } from "./rating.js";
+import { MuiSlider as f } from "./slider.js";
+import { MuiSvgIcon as n } from "./svg-icon.js";
+const l = {
   MuiAvatar: o,
-  MuiRating: t,
-  MuiSlider: p,
-  MuiSvgIcon: f,
+  MuiRating: p,
+  MuiSlider: f,
+  MuiSvgIcon: n,
   MuiContainer: i,
   MuiBackdrop: r,
-  MuiPopover: m
+  MuiPopover: t,
+  MuiFormControl: m
 };
 export {
-  d as components
+  l as components
 };

package/dist/theme/components/form-control.d.ts

@@ -0,0 +1,7 @@
+export declare const MuiFormControl: {
+    styleOverrides: {
+        root: {
+            position: "unset";
+        };
+    };
+};

package/dist/theme/components/form-control.js

@@ -0,0 +1,10 @@
+const o = {
+  styleOverrides: {
+    root: {
+      position: "unset"
+    }
+  }
+};
+export {
+  o as MuiFormControl
+};

package/dist/theme/customizations/inputs.js

@@ -1,8 +1,8 @@
 import { j as a } from "../../jsx-runtime-C5mzlN2N.js";
 import { c as l } from "../../createSvgIcon-FIMSBrG5.js";
 import { brand as e, gray as r } from "../theme-primitives.js";
-import { o as n } from "../../outlinedInputClasses-Y-zQ9ZHZ.js";
-import { g as i } from "../../generateUtilityClasses-CvAVhM6T.js";
+import { o as i } from "../../outlinedInputClasses-Y-zQ9ZHZ.js";
+import { g as d } from "../../generateUtilityClasses-CvAVhM6T.js";
 import { s } from "../../svgIconClasses-SRBiyaM8.js";
 import { a as t } from "../../createTheme-CyFSna1a.js";
 const c = l(/* @__PURE__ */ a.jsx("path", {
@@ -11,7 +11,7 @@ const c = 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__ */ 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 = 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 = {
+}), "RemoveRounded"), b = d("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), n = d("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), m = {
   MuiButtonBase: {
     defaultProps: {
       disableTouchRipple: !0,
@@ -302,11 +302,11 @@ const c = l(/* @__PURE__ */ a.jsx("path", {
       root: ({ theme: o }) => ({
         borderRadius: "10px",
         boxShadow: `0 4px 16px ${t(r[400], 0.2)}`,
-        [`& .${d.selected}`]: {
+        [`& .${n.selected}`]: {
           color: e[500]
         },
         ...o.applyStyles("dark", {
-          [`& .${d.selected}`]: {
+          [`& .${n.selected}`]: {
             color: "#fff"
           },
           boxShadow: `0 4px 16px ${t(e[700], 0.5)}`
@@ -395,6 +395,31 @@ const c = l(/* @__PURE__ */ a.jsx("path", {
       }
     }
   },
+  MuiAutocomplete: {
+    styleOverrides: {
+      paper: {
+        marginTop: 2
+      },
+      popupIndicator: {
+        background: "none",
+        "&:hover": {
+          background: "none"
+        }
+      },
+      clearIndicator: {
+        background: "none",
+        "&:hover": {
+          background: "none"
+        }
+      },
+      inputRoot: {
+        "& .MuiAutocomplete-input": {
+          padding: 0
+          // <-- your desired padding
+        }
+      }
+    }
+  },
   MuiOutlinedInput: {
     styleOverrides: {
       input: ({ ownerState: o }) => ({
@@ -419,7 +444,7 @@ const c = l(/* @__PURE__ */ a.jsx("path", {
         "&:hover": {
           borderColor: r[400]
         },
-        [`&.${n.focused}`]: {
+        [`&.${i.focused}`]: {
           outline: `3px solid ${t(e[500], 0.5)}`,
           borderColor: e[400]
         },

package/dist/theme/customizations/navigation.js

@@ -1,14 +1,14 @@
 import { j as s } from "../../jsx-runtime-C5mzlN2N.js";
-import * as d from "react";
-import { c as i } from "../../createSvgIcon-FIMSBrG5.js";
-import { gray as r, brand as p } from "../theme-primitives.js";
-import { g as n } from "../../generateUtilityClasses-CvAVhM6T.js";
+import * as i from "react";
+import { c as d } from "../../createSvgIcon-FIMSBrG5.js";
+import { gray as r, brand as n } from "../theme-primitives.js";
+import { g as p } from "../../generateUtilityClasses-CvAVhM6T.js";
 import { s as e } from "../../selectClasses-DWL9Cxkn.js";
 import { b as c } from "../../buttonBaseClasses-CTVeu_V8.js";
 import { a } from "../../createTheme-CyFSna1a.js";
-const b = i(/* @__PURE__ */ s.jsx("path", {
+const b = d(/* @__PURE__ */ s.jsx("path", {
   d: "m12 5.83 2.46 2.46c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L12.7 3.7a.996.996 0 0 0-1.41 0L8.12 6.88c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0zm0 12.34-2.46-2.46a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l3.17 3.18c.39.39 1.02.39 1.41 0l3.17-3.17c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z"
-}), "UnfoldMoreRounded"), t = n("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]), k = {
+}), "UnfoldMoreRounded"), t = p("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]), k = {
   MuiMenu: {
     styleOverrides: {
       paper: ({ theme: o }) => ({
@@ -37,7 +37,18 @@ const b = i(/* @__PURE__ */ s.jsx("path", {
   },
   MuiSelect: {
     defaultProps: {
-      IconComponent: d.forwardRef((o, l) => /* @__PURE__ */ s.jsx(b, { fontSize: "small", ...o, ref: l }))
+      IconComponent: i.forwardRef((o, l) => /* @__PURE__ */ s.jsx(b, { fontSize: "small", ...o, ref: l })),
+      MenuProps: {
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "center"
+        },
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "center"
+        },
+        marginThreshold: 0
+      }
     },
     styleOverrides: {
       root: ({ theme: o }) => ({
@@ -112,7 +123,7 @@ const b = i(/* @__PURE__ */ s.jsx("path", {
           width: 0
         },
         "&:focus-visible": {
-          outline: `3px solid ${a(p[500], 0.5)}`,
+          outline: `3px solid ${a(n[500], 0.5)}`,
           outlineOffset: "4px",
           borderRadius: "2px"
         }

package/dist/theme/customizations/surfaces.js

@@ -51,6 +51,15 @@ const i = {
   MuiPaper: {
     defaultProps: {
       elevation: 0
+    },
+    styleOverrides: {
+      root: ({ theme: r }) => ({
+        backgroundColor: (r.vars || r).palette.background.paper,
+        boxShadow: (r.vars || r).shadows[8],
+        backgroundImage: (r.vars || r).overlays[8],
+        borderRadius: (r.vars || r).shape.borderRadius,
+        border: `1px solid ${(r.vars || r).palette.divider}`
+      })
     }
   },
   MuiCard: {

package/package.json

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