@spesia/ui 1.10.6 → 1.10.8

package/dist/components/date-picker/PeriodPicker/PeriodPicker.js

@@ -185,7 +185,7 @@ const De = ({
         padding: 2,
         display: "flex",
         flexDirection: a ? "row" : "column",
-        gap: 4,
+        gap: 2,
         ".MuiChip-icon": {
           fill: (e) => {
             var r;
@@ -210,7 +210,8 @@ const De = ({
                 le,
                 {
                   sx: {
-                    px: 3,
+                    px: 2,
+                    py: 4.5,
                     backgroundColor: (n) => {
                       var h;
                       return e.label === (l == null ? void 0 : l.label) ? (h = n.vars) == null ? void 0 : h.palette.background.default : "transparent";

package/dist/components/date-picker/utils.js

@@ -1,7 +1,7 @@
-import { isSameDay as $ } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameDay.js";
-import { isSameMonth as S } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameMonth.js";
-import { isSameYear as i } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isSameYear.js";
-import { format as s } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/format.js";
+import { isSameDay as $ } from "../../node_modules/.pnpm/date-fns@4.2.1/node_modules/date-fns/isSameDay.js";
+import { isSameMonth as S } from "../../node_modules/.pnpm/date-fns@4.2.1/node_modules/date-fns/isSameMonth.js";
+import { isSameYear as i } from "../../node_modules/.pnpm/date-fns@4.2.1/node_modules/date-fns/isSameYear.js";
+import { format as s } from "../../node_modules/.pnpm/date-fns@4.2.1/node_modules/date-fns/format.js";
 const c = (e, t, n, a) => i(e, t) ? s(new Date(t), a) : s(new Date(t), n), Y = (e, t, n, a, l) => i(e, t) ? `${s(new Date(t), "dd")} - ${s(new Date(n), a)}` : `${s(new Date(t), "dd")} - ${s(new Date(n), l)}`, b = (e, t, n, a, l) => i(e, t) ? `${s(new Date(t), a)} - ${s(new Date(n), a)}` : `${s(new Date(t), a)} - ${s(new Date(n), l)}`, h = (e, t, n) => `${s(new Date(e), n)} - ${s(new Date(t), n)}`, x = (e, t, n, a, l) => {
   let w = "";
   if ((e == null ? void 0 : e.value) === "custom" && t && n) {

package/dist/node_modules/.pnpm/lottie-web@5.13.0/node_modules/lottie-web/build/player/lottie.js

@@ -1,7 +1,7 @@
 import { __module as lottie$1 } from "../../../../../../../_virtual/lottie2.js";
 var lottie = lottie$1.exports, hasRequiredLottie;
 function requireLottie() {
-  return hasRequiredLottie ? lottie$1.exports : (hasRequiredLottie = 1, (function(module, exports$1) {
+  return hasRequiredLottie ? lottie$1.exports : (hasRequiredLottie = 1, (function(module, exports) {
     typeof document < "u" && typeof navigator < "u" && (function(t, e) {
       module.exports = e();
     })(lottie, (function() {
@@ -2083,7 +2083,7 @@ function requireLottie() {
       }
       var readyStateCheckInterval = setInterval(checkReady, 100);
       try {
-        _typeof$3(exports$1) !== "object" && (window.bodymovin = lottie);
+        _typeof$3(exports) !== "object" && (window.bodymovin = lottie);
       } catch (t) {
       }
       var ShapeModifiers = (function() {

package/dist/styles/input/input.js

@@ -114,7 +114,7 @@ const o = (r) => {
     styleOverrides: {
       root: (r) => ({
         fontSize: "14px",
-        fontWeight: 600,
+        fontWeight: 500,
         color: r.theme.vars.palette.text.primary,
         marginTop: 0,
         marginBottom: 6

package/dist/styles/tab/tab.js

@@ -1,25 +1,48 @@
-import { colors as n } from "../colors.js";
+import { colors as i } from "../colors.js";
 const d = {
   MuiTab: {
     styleOverrides: {
       root: ({ theme: t }) => {
-        var a, o, r, i;
+        var a, r, o, e;
         return {
-          color: t.vars.palette.text.primary,
-          borderRadius: 0,
-          padding: 0,
-          paddingTop: 12,
-          marginRight: t.spacing(6),
-          textTransform: "initial",
-          display: "flex",
-          alignItems: "center",
-          flexDirection: "row",
-          gap: 20,
-          justifyContent: "flex-start",
-          opacity: 0.2,
-          "&.Mui-selected": {
+          ".MuiTabs-brand &": {
             color: t.vars.palette.text.primary,
-            opacity: 1
+            borderRadius: 0,
+            padding: 0,
+            paddingTop: 12,
+            marginRight: t.spacing(6),
+            textTransform: "initial",
+            display: "flex",
+            alignItems: "center",
+            flexDirection: "row",
+            gap: 20,
+            justifyContent: "flex-start",
+            opacity: 0.2,
+            "&.Mui-selected": {
+              color: t.vars.palette.text.primary,
+              opacity: 1
+            }
+          },
+          ".MuiTabs-stretched &": {
+            color: t.vars.palette.text.secondary,
+            borderRadius: 0,
+            textTransform: "initial",
+            display: "flex",
+            textAlign: "center",
+            maxWidth: "none",
+            alignItems: "center",
+            flexDirection: "row",
+            gap: 20,
+            flexGrow: 1,
+            justifyContent: "flex-start",
+            borderBottom: `2px solid ${t.vars.palette.divider}`,
+            "&.Mui-selected": {
+              color: t.vars.palette.text.primary
+            },
+            "& span": {
+              display: "block",
+              flex: "1 1 auto"
+            }
           },
           ".MuiTabs-numbered &": {
             "&::before": {
@@ -49,7 +72,7 @@ const d = {
             opacity: 1,
             "&.Mui-selected": {
               background: (a = t.vars) == null ? void 0 : a.palette.background.brownBold,
-              color: (o = t.vars) == null ? void 0 : o.palette.text.contrastText
+              color: (r = t.vars) == null ? void 0 : r.palette.text.contrastText
             },
             "@media (max-width: 599px)": {
               padding: 12,
@@ -73,8 +96,8 @@ const d = {
             borderRadius: t.spacing(8),
             opacity: 1,
             "&.Mui-selected": {
-              color: (r = t.vars) == null ? void 0 : r.palette.background.brownBold,
-              background: (i = t.vars) == null ? void 0 : i.palette.text.contrastText
+              color: (o = t.vars) == null ? void 0 : o.palette.background.brownBold,
+              background: (e = t.vars) == null ? void 0 : e.palette.text.contrastText
             },
             "@media (max-width: 599px)": {
               padding: 12,
@@ -89,22 +112,38 @@ const d = {
 }, s = {
   MuiTabs: {
     styleOverrides: {
-      root: () => ({}),
+      root: () => ({
+        "&.MuiTabs-stretched": {
+          width: "100%",
+          margin: 0
+        }
+      }),
       scroller: () => ({
         ".MuiTabs-rounded &": {
           display: "flex",
           width: "auto"
+        },
+        ".MuiTabs-stretched &": {
+          display: "flex",
+          width: "100%"
         }
       }),
       list: ({ theme: t }) => {
-        var a, o, r;
+        var a, r, o;
         return {
           counterReset: "MuiTab-root",
+          ".MuiTabs-stretched &": {
+            display: "flex",
+            width: "100%",
+            alignItems: "center",
+            justifyContent: "space-between",
+            gap: 0
+          },
           ".MuiTabs-buttons &": {
             backgroundColor: (a = t.vars) == null ? void 0 : a.palette.background.paper,
             borderRadius: t.spacing(2),
             border: "1px solid",
-            borderColor: (o = t == null ? void 0 : t.vars) == null ? void 0 : o.palette.border.primary,
+            borderColor: (r = t == null ? void 0 : t.vars) == null ? void 0 : r.palette.border.primary,
             display: "flex",
             alignItems: "center",
             justifyContent: "flex-start",
@@ -112,10 +151,11 @@ const d = {
             padding: 4
           },
           ".MuiTabs-rounded &": {
-            backgroundColor: (r = t.vars) == null ? void 0 : r.palette.background.alphaBrown,
+            backgroundColor: (o = t.vars) == null ? void 0 : o.palette.background.alphaBrown,
             borderRadius: t.spacing(8),
             border: "0px solid",
             display: "flex",
+            width: "auto",
             alignItems: "center",
             justifyContent: "flex-start",
             gap: 0,
@@ -124,24 +164,31 @@ const d = {
         };
       },
       indicator: (t) => ({
-        backgroundColor: n.primary.beige[10],
-        height: "5px",
-        top: 0,
-        bottom: "auto",
-        borderRadius: t.theme.spacing(2),
-        "&:after": {
-          content: '""',
-          position: "absolute",
-          left: 0,
-          right: "auto",
+        ".MuiTabs-brand &": {
+          backgroundColor: i.primary.beige[10],
+          height: "5px",
           top: 0,
-          bottom: 0,
-          margin: "auto",
-          width: "var(--indicator-width, 100%)",
-          height: "100%",
-          borderRadius: t.theme.spacing(3),
-          backgroundColor: n.primary.coral[100],
-          transition: "width 0.3s ease"
+          bottom: "auto",
+          borderRadius: t.theme.spacing(2),
+          "&:after": {
+            content: '""',
+            position: "absolute",
+            left: 0,
+            right: "auto",
+            top: 0,
+            bottom: 0,
+            margin: "auto",
+            width: "var(--indicator-width, 100%)",
+            height: "100%",
+            borderRadius: t.theme.spacing(3),
+            backgroundColor: i.primary.coral[100],
+            transition: "width 0.3s ease"
+          }
+        },
+        ".MuiTabs-stretched &": {
+          backgroundColor: i.primary.brown[50],
+          height: "2px",
+          borderRadius: t.theme.spacing(2)
         },
         ".MuiTabs-buttons &": {
           display: "none"

package/package.json

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