@spesia/ui 1.8.21 → 1.9.3

package/dist/index.js

@@ -20196,6 +20196,9 @@ const ov = $b({
           padding: `${e.theme.spacing(3)} ${e.theme.spacing(4)}`,
           borderRadius: xt.borderRadius.full,
           height: "40px"
+        },
+        "&:disabled": {
+          opacity: 0.5
         }
       }),
       contained: (e) => {
@@ -20223,11 +20226,6 @@ const ov = $b({
               background: t.active,
               color: t.text,
               borderColor: t.focus
-            },
-            "&:disabled": {
-              background: t.light,
-              color: t.contrastText,
-              borderColor: t.light
             }
           };
       },
@@ -20254,10 +20252,6 @@ const ov = $b({
               background: t.border,
               borderColor: t.border,
               color: t.contrastTextAlt
-            },
-            "&:disabled": {
-              color: t.light,
-              borderColor: t.light
             }
           };
       },
@@ -20283,17 +20277,13 @@ const ov = $b({
               background: "transparent",
               color: t.text,
               textDecoration: "underline"
-            },
-            "&:disabled": {
-              background: "transparent",
-              color: e.theme.vars.palette.text.disabled
             }
           };
       },
       containedPrimary: ({ theme: e }) => ({
         backgroundColor: e.palette.background.primaryButton,
         borderColor: se.primary.brown[50],
-        color: e.palette.text.contrastText,
+        color: e.palette.background.coralBold,
         ".MuiButton-icon": { color: e.palette.text.tertiaryIcon },
         "&:hover": {
           backgroundColor: se.primary.brown[80],
@@ -20304,13 +20294,14 @@ const ov = $b({
           color: e.palette.text.contrastText
         },
         "&:disabled": {
-          backgroundColor: se.primary.brown[80],
-          color: e.palette.text.secondary,
-          ".MuiButton-icon": { color: e.palette.text.secondary }
+          backgroundColor: e.palette.background.primaryButton,
+          borderColor: se.primary.brown[50],
+          color: e.palette.text.contrastText,
+          opacity: 0.5
         }
       }),
       outlinedPrimary: ({ theme: e }) => {
-        var t, n, i, a, l, c, u;
+        var t, n, i, a, l, c, u, f, p;
         return {
           backgroundColor: (t = e.vars) == null ? void 0 : t.palette.background.secondaryButton,
           color: (n = e.vars) == null ? void 0 : n.palette.text.primary,
@@ -20330,11 +20321,16 @@ const ov = $b({
               borderColor: se.primary.beige[60]
             })
           },
+          "&:disabled": {
+            backgroundColor: (u = e.vars) == null ? void 0 : u.palette.background.secondaryButton,
+            color: (f = e.vars) == null ? void 0 : f.palette.text.primary,
+            opacity: 0.5
+          },
           borderColor: se.primary.beige[20],
           ...e.applyStyles("dark", {
             borderColor: se.primary.beige[60]
           }),
-          ".MuiButton-icon": { color: (u = e.vars) == null ? void 0 : u.palette.text.secondaryIcon }
+          ".MuiButton-icon": { color: (p = e.vars) == null ? void 0 : p.palette.text.secondaryIcon }
         };
       },
       transparent: ({ theme: e }) => ({
@@ -24163,7 +24159,7 @@ const Vo = (e, t) => {
         const t = e.theme.palette[e.ownerState.severity];
         if (t)
           return {
-            borderRadius: e.theme.spacing(6),
+            borderRadius: e.theme.spacing(2),
             borderColor: t.main,
             "&.MuiAlert-filled": {
               color: t.contrastText,
@@ -24180,7 +24176,11 @@ const Vo = (e, t) => {
               }
             },
             ".MuiAlertTitle-root": {
-              fontWeight: "bold"
+              fontWeight: "bold",
+              fontSize: 14
+            },
+            ".MuiAlert-message": {
+              fontWeight: 400
             }
           };
       },
@@ -30685,6 +30685,7 @@ const l5 = (e, t, n, i) => Sc(e, t) ? rr(new Date(t), i) : rr(new Date(t), n), c
                       return he.label === (V == null ? void 0 : V.label) ? (ft = it.vars) == null ? void 0 : ft.palette.background.default : "transparent";
                     },
                     borderRadius: xt.borderRadius.full,
+                    border: "none",
                     width: e ? "auto" : "100%"
                   },
                   size: v,
@@ -36925,6 +36926,7 @@ const M7 = ({
                   return v.value === f ? (x = m.vars) == null ? void 0 : x.palette.background.default : "transparent";
                 },
                 borderRadius: xt.borderRadius.full,
+                border: "none",
                 width: "auto"
               },
               size: l,
@@ -37160,9 +37162,9 @@ const N7 = ({
       size: t,
       sx: {
         pointerEvents: "none",
-        border: "none",
+        border: "none !important",
         borderRadius: 2,
-        color: e >= 0 ? se.secondary.olive[50] : "#F38840"
+        color: e >= 0 ? `${se.secondary.olive[50]} !important` : "#F38840 !important"
       },
       color: e < 0 ? "error" : "success",
       icon: e < 0 ? /* @__PURE__ */ M(

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.8.21",
+  "version": "1.9.3",
   "description": "The Spesia UI toolkit for React",
   "files": [
     "dist"