@solostylist/ui-kit 1.0.71 → 1.0.73

package/dist/s-smart-text-field/s-smart-text-field.d.ts

@@ -6,6 +6,9 @@ export type SSmartTextFieldProps = Omit<React.ComponentProps<typeof CopilotTexta
     error?: string;
     required?: boolean;
     htmlFor?: string;
+    minRows?: number;
+    maxRows?: number;
+    rows?: number;
 };
-export declare function SSmartTextField({ autosuggestionsConfig, label, hint, error, required, htmlFor, ...props }: SSmartTextFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function SSmartTextField({ autosuggestionsConfig, label, hint, error, required, htmlFor, minRows, maxRows, rows, ...props }: SSmartTextFieldProps): import("react/jsx-runtime").JSX.Element;
 export default SSmartTextField;

package/dist/s-smart-text-field/s-smart-text-field.js

@@ -17518,50 +17518,55 @@ var YE = le.forwardRef(
     ) });
   }
 );
-const XE = Zd(YE)(({ theme: e }) => ({
-  padding: "8px 12px",
-  color: (e.vars || e).palette.text.primary,
-  borderRadius: (e.vars || e).shape.borderRadius,
-  border: `1px solid ${(e.vars || e).palette.divider}`,
-  backgroundColor: (e.vars || e).palette.background.default,
-  transition: "border 120ms ease-in",
-  fontFamily: "Outfit, sans-serif",
-  outline: "none",
-  "&:focus": {
-    outline: `3px solid ${nu(jn[500], 0.5)}`,
-    borderColor: jn[400]
-  },
-  "&:hover": {
-    borderColor: au[400]
-  },
-  [`&.${Jd.focused}`]: {
-    outline: `3px solid ${nu(jn[500], 0.5)}`,
-    borderColor: jn[400]
-  },
-  ...e.applyStyles("dark", {
+const XE = Zd(YE)(
+  ({ theme: e, $minRows: t = 3, $maxRows: r = 10 }) => ({
+    padding: "8px 12px",
+    color: (e.vars || e).palette.text.primary,
+    borderRadius: (e.vars || e).shape.borderRadius,
+    border: `1px solid ${(e.vars || e).palette.divider}`,
+    backgroundColor: (e.vars || e).palette.background.default,
+    transition: "border 120ms ease-in",
+    fontFamily: "Outfit, sans-serif",
+    outline: "none",
+    minHeight: `${t * 1.5}em`,
+    maxHeight: `${r * 1.5}em`,
+    resize: "vertical",
+    "&:focus": {
+      outline: `3px solid ${nu(jn[500], 0.5)}`,
+      borderColor: jn[400]
+    },
     "&:hover": {
-      borderColor: au[500]
-    }
-  }),
-  variants: [
-    {
-      props: {
-        size: "small"
-      },
-      style: {
-        height: "2.25rem"
-      }
+      borderColor: au[400]
     },
-    {
-      props: {
-        size: "medium"
+    [`&.${Jd.focused}`]: {
+      outline: `3px solid ${nu(jn[500], 0.5)}`,
+      borderColor: jn[400]
+    },
+    ...e.applyStyles("dark", {
+      "&:hover": {
+        borderColor: au[500]
+      }
+    }),
+    variants: [
+      {
+        props: {
+          size: "small"
+        },
+        style: {
+          height: "2.25rem"
+        }
       },
-      style: {
-        minHeight: "2.5rem"
+      {
+        props: {
+          size: "medium"
+        },
+        style: {
+          minHeight: "2.5rem"
+        }
       }
-    }
-  ]
-})), ZE = {
+    ]
+  })
+), ZE = {
   textareaPurpose: "",
   chatApiConfigs: {
     suggestionsApiConfig: {
@@ -17577,9 +17582,22 @@ function pw({
   error: n,
   required: a = !1,
   htmlFor: o,
-  ...i
+  minRows: i = 3,
+  maxRows: u = 10,
+  rows: c,
+  ...s
 }) {
-  return /* @__PURE__ */ K.jsx(Qd, { label: t, hint: r, error: n, required: a, htmlFor: o, children: /* @__PURE__ */ K.jsx(XE, { disableBranding: !0, autosuggestionsConfig: e, ...i }) });
+  return /* @__PURE__ */ K.jsx(Qd, { label: t, hint: r, error: n, required: a, htmlFor: o, children: /* @__PURE__ */ K.jsx(
+    XE,
+    {
+      disableBranding: !0,
+      autosuggestionsConfig: e,
+      rows: c || i,
+      $minRows: i,
+      $maxRows: u,
+      ...s
+    }
+  ) });
 }
 export {
   pw as SSmartTextField,

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.71",
+  "version": "1.0.73",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",