@solostylist/ui-kit 1.0.72 → 1.0.73

package/dist/theme/customizations/inputs.js

@@ -1,16 +1,16 @@
 import { j as a } from "../../jsx-runtime-DywqP_6a.js";
-import { c as i, s as n } from "../../createSvgIcon-DN-sh_sr.js";
+import { c as i, s } from "../../createSvgIcon-DN-sh_sr.js";
 import { brand as r, gray as e } from "../theme-primitives.js";
-import { o as s } from "../../outlinedInputClasses-E4FwVkZh.js";
-import { g as d } from "../../generateUtilityClasses-BpNk3DNr.js";
+import { o as p } from "../../outlinedInputClasses-E4FwVkZh.js";
+import { g as n } from "../../generateUtilityClasses-BpNk3DNr.js";
 import { a as t } from "../../createTheme-DuP3DZSF.js";
-const p = i(/* @__PURE__ */ a.jsx("path", {
+const c = i(/* @__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 = i(/* @__PURE__ */ a.jsx("path", {
+}), "CheckBoxOutlineBlankRounded"), u = i(/* @__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 = i(/* @__PURE__ */ a.jsx("path", {
+}), "CheckRounded"), b = i(/* @__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 = d("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), l = d("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), h = {
+}), "RemoveRounded"), g = 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 = {
   MuiButtonBase: {
     defaultProps: {
       disableTouchRipple: !0,
@@ -268,7 +268,7 @@ const p = i(/* @__PURE__ */ a.jsx("path", {
               width: "2.25rem",
               height: "2.25rem",
               padding: "0.25rem",
-              [`& .${n.root}`]: { fontSize: "1rem" }
+              [`& .${s.root}`]: { fontSize: "1rem" }
             }
           },
           {
@@ -289,11 +289,11 @@ const p = i(/* @__PURE__ */ a.jsx("path", {
       root: ({ theme: o }) => ({
         borderRadius: "10px",
         boxShadow: `0 4px 16px ${t(e[400], 0.2)}`,
-        [`& .${l.selected}`]: {
+        [`& .${d.selected}`]: {
           color: r[500]
         },
         ...o.applyStyles("dark", {
-          [`& .${l.selected}`]: {
+          [`& .${d.selected}`]: {
             color: "#fff"
           },
           boxShadow: `0 4px 16px ${t(r[700], 0.5)}`
@@ -311,7 +311,7 @@ const p = i(/* @__PURE__ */ a.jsx("path", {
         ...o.applyStyles("dark", {
           color: e[400],
           boxShadow: "0 4px 16px rgba(0, 0, 0, 0.5)",
-          [`&.${b.selected}`]: {
+          [`&.${g.selected}`]: {
             color: r[300]
           }
         })
@@ -321,9 +321,9 @@ const p = i(/* @__PURE__ */ a.jsx("path", {
   MuiCheckbox: {
     defaultProps: {
       disableRipple: !0,
-      icon: /* @__PURE__ */ a.jsx(p, { sx: { color: "hsla(210, 0%, 0%, 0.0)" } }),
-      checkedIcon: /* @__PURE__ */ a.jsx(c, { sx: { height: 14, width: 14 } }),
-      indeterminateIcon: /* @__PURE__ */ a.jsx(u, { sx: { height: 14, width: 14 } })
+      icon: /* @__PURE__ */ a.jsx(c, { sx: { color: "hsla(210, 0%, 0%, 0.0)" } }),
+      checkedIcon: /* @__PURE__ */ a.jsx(u, { sx: { height: 14, width: 14 } }),
+      indeterminateIcon: /* @__PURE__ */ a.jsx(b, { sx: { height: 14, width: 14 } })
     },
     styleOverrides: {
       root: ({ theme: o }) => ({
@@ -410,7 +410,7 @@ const p = i(/* @__PURE__ */ a.jsx("path", {
   },
   MuiOutlinedInput: {
     styleOverrides: {
-      input: ({ ownerState: o }) => ({
+      input: ({ ownerState: o, theme: l }) => ({
         padding: 0,
         ...o.type === "number" && {
           // Remove spinner buttons (cross-browser)
@@ -420,6 +420,12 @@ const p = i(/* @__PURE__ */ a.jsx("path", {
           },
           MozAppearance: "textfield"
           // Firefox
+        },
+        "&:-webkit-autofill": {
+          boxShadow: `${(l.vars || l).palette.background.default} 0px 0px 0px 100px inset !important`
+        },
+        "&:-moz-autofill": {
+          boxShadow: `${(l.vars || l).palette.background.default} 0px 0px 0px 100px inset !important`
         }
       }),
       root: ({ theme: o }) => ({
@@ -432,7 +438,7 @@ const p = i(/* @__PURE__ */ a.jsx("path", {
         "&:hover": {
           borderColor: e[400]
         },
-        [`&.${s.focused}`]: {
+        [`&.${p.focused}`]: {
           outline: `3px solid ${t(r[500], 0.5)}`,
           borderColor: r[400]
         },
@@ -485,5 +491,5 @@ const p = i(/* @__PURE__ */ a.jsx("path", {
   }
 };
 export {
-  h as inputsCustomizations
+  m as inputsCustomizations
 };

package/package.json

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