fone-design-system_v2 1.0.318 → 1.0.319

package/dist/fone-design-system.es.js

@@ -4005,20 +4005,24 @@ const Qq = {
         notched: !1
       },
       styleOverrides: {
-        root: {
-          height: "var(--ds-input-height-base)",
-          fontSize: "1.2rem",
-          borderRadius: "var(--ds-radius-sm)"
+        root: ({ ownerState: e, theme: t }) => {
+          const n = e.size === "small" ? e.size : "medium";
+          return {
+            height: t.customSizes.fieldHeight[n],
+            fontSize: t.customSizes.fieldFontSize[n],
+            borderRadius: "var(--ds-radius-sm)",
+            backgroundColor: "#fff"
+          };
         },
-        input: {
+        input: ({ ownerState: e }) => ({
           color: "#111827",
           height: "100%",
-          padding: "0 1.25rem",
+          padding: e.size === "small" ? "0 1rem" : "0 1.25rem",
           "&::placeholder": {
             color: "#81878e",
             opacity: 1
           }
-        },
+        }),
         multiline: {
           height: "auto",
           "& .MuiInputBase-input": {
@@ -66623,6 +66627,7 @@ const J2e = ({ align: e, cell: t }) => {
       {
         ref: u,
         spellCheck: !1,
+        size: "small",
         sx: Vp(n),
         inputSx: {
           backgroundColor: "#fff",
@@ -79190,7 +79195,6 @@ const Bm = (e) => e == null || Number.isNaN(e) ? "" : String(e), Vf = (e) => {
                 alignItems: "stretch",
                 width: "100%",
                 minWidth: 0,
-                minHeight: "var(--ds-input-height-base, 3.6rem)",
                 borderRadius: "5px",
                 overflow: "hidden",
                 "&:hover .NumberField-stepper": {
@@ -81792,6 +81796,7 @@ export {
   cMe as EmptyBox,
   JDe as EyeNoVisibleOutlined,
   ZDe as EyeVisibleOutlined,
+  BTe as FieldShell,
   kF as FileDropZone,
   LTe as FileUpload,
   B0 as Flex,