@solostylist/ui-kit 1.0.26 → 1.0.27

package/dist/s-icon-button/s-icon-button.d.ts

@@ -1,8 +1,7 @@
 import { default as React } from 'react';
 import { IconButtonProps, TooltipProps } from '@mui/material';
 export interface SIconButtonProps extends IconButtonProps {
-    tooltip: string;
-    tooltipOptions: TooltipProps;
+    tooltipOptions?: Omit<TooltipProps, 'children'>;
 }
-declare const SIconButton: ({ tooltip, tooltipOptions, ...props }: SIconButtonProps) => React.JSX.Element;
+declare const SIconButton: ({ tooltipOptions, ...props }: SIconButtonProps) => React.JSX.Element;
 export default SIconButton;

package/dist/s-icon-button/s-icon-button.js

@@ -1,6 +1,6 @@
-import { j as o } from "../jsx-runtime-C5mzlN2N.js";
-import { Tooltip as n, IconButton as s } from "@mui/material";
-const m = ({ tooltip: i, tooltipOptions: t, ...r }) => /* @__PURE__ */ o.jsx(n, { ...t, children: /* @__PURE__ */ o.jsx(s, { ...r }) });
+import { j as t } from "../jsx-runtime-C5mzlN2N.js";
+import { Tooltip as s, IconButton as n } from "@mui/material";
+const j = ({ tooltipOptions: o, ...r }) => o ? /* @__PURE__ */ t.jsx(s, { ...o, children: /* @__PURE__ */ t.jsx(n, { ...r }) }) : /* @__PURE__ */ t.jsx(n, { ...r });
 export {
-  m as default
+  j as default
 };

package/dist/theme/customizations/inputs.js

@@ -1,17 +1,17 @@
-import { j as l } from "../../jsx-runtime-C5mzlN2N.js";
-import { c as t } from "../../createSvgIcon-C9keHw6o.js";
+import { j as t } from "../../jsx-runtime-C5mzlN2N.js";
+import { c as l } from "../../createSvgIcon-C9keHw6o.js";
 import { brand as e, gray as o } from "../theme-primitives.js";
 import { o as i } from "../../outlinedInputClasses-BiB8MrLY.js";
-import { g as s } from "../../generateUtilityClasses-BHlV34bM.js";
-import { s as n } from "../../svgIconClasses-B4eDa4bG.js";
+import { g as n } from "../../generateUtilityClasses-BHlV34bM.js";
+import { s } from "../../svgIconClasses-B4eDa4bG.js";
 import { a } from "../../createTheme-DwCHEbMU.js";
-const c = t(/* @__PURE__ */ l.jsx("path", {
+const p = l(/* @__PURE__ */ t.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"), p = t(/* @__PURE__ */ l.jsx("path", {
+}), "CheckBoxOutlineBlankRounded"), c = l(/* @__PURE__ */ t.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 = t(/* @__PURE__ */ l.jsx("path", {
+}), "CheckRounded"), u = l(/* @__PURE__ */ t.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 = s("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), d = s("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), m = {
+}), "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 = {
   MuiButtonBase: {
     defaultProps: {
       disableTouchRipple: !0,
@@ -226,12 +226,12 @@ const c = t(/* @__PURE__ */ l.jsx("path", {
     styleOverrides: {
       root: ({ theme: r }) => ({
         boxShadow: "none",
-        borderRadius: (r.vars || r).shape.borderRadius,
+        // borderRadius: (theme.vars || theme).shape.borderRadius,
         textTransform: "none",
         fontWeight: r.typography.fontWeightMedium,
         letterSpacing: 0,
         color: (r.vars || r).palette.text.primary,
-        border: "1px solid ",
+        // border: '1px solid ',
         borderColor: o[200],
         backgroundColor: a(o[50], 0.3),
         "&:hover": {
@@ -261,7 +261,7 @@ const c = t(/* @__PURE__ */ l.jsx("path", {
               width: "2.25rem",
               height: "2.25rem",
               padding: "0.25rem",
-              [`& .${n.root}`]: { fontSize: "1rem" }
+              [`& .${s.root}`]: { fontSize: "1rem" }
             }
           },
           {
@@ -314,9 +314,9 @@ const c = t(/* @__PURE__ */ l.jsx("path", {
   MuiCheckbox: {
     defaultProps: {
       disableRipple: !0,
-      icon: /* @__PURE__ */ l.jsx(c, { sx: { color: "hsla(210, 0%, 0%, 0.0)" } }),
-      checkedIcon: /* @__PURE__ */ l.jsx(p, { sx: { height: 14, width: 14 } }),
-      indeterminateIcon: /* @__PURE__ */ l.jsx(u, { sx: { height: 14, width: 14 } })
+      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 } })
     },
     styleOverrides: {
       root: ({ theme: r }) => ({
@@ -377,9 +377,18 @@ const c = t(/* @__PURE__ */ l.jsx("path", {
   },
   MuiOutlinedInput: {
     styleOverrides: {
-      input: {
-        padding: 0
-      },
+      input: ({ ownerState: r }) => ({
+        padding: 0,
+        ...r.type === "number" && {
+          // Remove spinner buttons (cross-browser)
+          "&::-webkit-outer-spin-button, &::-webkit-inner-spin-button": {
+            WebkitAppearance: "none",
+            margin: 0
+          },
+          MozAppearance: "textfield"
+          // Firefox
+        }
+      }),
       root: ({ theme: r }) => ({
         padding: "8px 12px",
         color: (r.vars || r).palette.text.primary,

package/package.json

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