@carto/meridian-ds 1.2.1-alpha.1 → 1.3.0-alpha.1

package/dist/theme/index.js

@@ -1,11 +1,12 @@
-import { alpha as x, responsiveFontSizes as to, createTheme as ao } from "@mui/material";
+import { alpha as x, responsiveFontSizes as ao, createTheme as to } from "@mui/material";
 import { jsxs as eo, Fragment as no, jsx as s } from "react/jsx-runtime";
-import { T as po, a as lo, I as e, b as r, c as u, g as a, A as P, B as g, S as T } from "../TablePaginationActions-GazQOp5y.js";
-import { Cancel as h, EventOutlined as L, ChevronRightOutlined as so, ChevronLeftOutlined as co, ExpandMoreOutlined as oo, CheckCircleOutlined as go } from "@mui/icons-material";
-import { A as v } from "../ArrowDown-B1AG0MlL.js";
-import { r as W, M as A } from "../MenuItem-BTaTqbU8.js";
+import { T as po, a as lo, I as e, b as r, c as u, g as t, A as T, B as g, S as P } from "../TablePaginationActions-BmvmVQd9.js";
+import { N as Ao } from "../TablePaginationActions-BmvmVQd9.js";
+import { Cancel as v, EventOutlined as L, ChevronRightOutlined as so, ChevronLeftOutlined as co, ExpandMoreOutlined as oo, CheckCircleOutlined as go } from "@mui/icons-material";
+import { A as h } from "../ArrowDown-B1AG0MlL.js";
+import { r as W, M as A } from "../MenuItem-B3IDLBB1.js";
 import { c as p } from "../paletteUtils-BEwZhrLg.js";
-import { g as Ao } from "../paletteUtils-BEwZhrLg.js";
+import { g as Do } from "../paletteUtils-BEwZhrLg.js";
 const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z", H = "50%", D = 0.5, bo = {
   // Divider
   MuiDivider: {
@@ -517,7 +518,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
       })
     }
   }
-}, F = a(2), l = a(3), n = a(4), d = a(6), E = a(0.5), xo = {
+}, F = t(2), l = t(3), n = t(4), d = t(6), E = t(0.5), xo = {
   // Button Base
   MuiButtonBase: {
     defaultProps: {
@@ -765,6 +766,8 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   MuiIconButton: {
     styleOverrides: {
       root: ({ ownerState: o, theme: i }) => ({
+        position: "relative",
+        overflow: "hidden",
         borderRadius: i.spacing(0.5),
         ...o.color === "default" && {
           color: i.palette.text.secondary
@@ -775,9 +778,18 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
           minWidth: r,
           height: r
         },
+        "& svg": {
+          fill: "currentColor",
+          "& path": {
+            fillOpacity: 1
+          }
+        },
         "& svg:not(.doNotFillIcon) path": {
           fill: "currentColor"
         },
+        "&.Mui-disabled svg:not(.doNotFillIcon) path": {
+          fill: i.palette.text.disabled
+        },
         "&:hover, &:focus-visible": {
           ...o.color === "default" && {
             backgroundColor: i.palette.action.hover
@@ -787,6 +799,12 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
           },
           ...o.color === "secondary" && {
             backgroundColor: i.palette.secondary.background
+          },
+          ...o.color === "error" && {
+            backgroundColor: i.palette.error.relatedLight
+          },
+          ...o.color === "warning" && {
+            backgroundColor: i.palette.warning.relatedLight
           }
         }
       }),
@@ -817,6 +835,92 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
             height: u
           }
         })
+      },
+      {
+        props: { variant: "contained" },
+        style: ({ theme: o }) => ({
+          // Default
+          color: o.palette.text.primary,
+          backgroundColor: o.palette.default.main,
+          "&:hover": {
+            backgroundColor: o.palette.default.dark
+          },
+          "&.MuiIconButton-colorSecondary": {
+            color: o.palette.secondary.contrastText,
+            backgroundColor: o.palette.secondary.main,
+            "&:hover": {
+              backgroundColor: o.palette.secondary.light
+            }
+          },
+          "&.MuiIconButton-colorPrimary": {
+            color: o.palette.primary.contrastText,
+            backgroundColor: o.palette.primary.main,
+            "&:hover": {
+              backgroundColor: o.palette.primary.dark
+            }
+          },
+          "&.MuiIconButton-colorError": {
+            color: o.palette.error.contrastText,
+            backgroundColor: o.palette.error.main,
+            "&:hover": {
+              backgroundColor: o.palette.error.dark
+            }
+          },
+          "&.MuiIconButton-colorWarning": {
+            color: o.palette.warning.contrastText,
+            backgroundColor: o.palette.warning.main,
+            "&:hover": {
+              backgroundColor: o.palette.warning.light
+            }
+          },
+          "&[disabled]": {
+            color: o.palette.text.disabled,
+            backgroundColor: o.palette.action.disabledBackground
+          }
+        })
+      },
+      {
+        props: { variant: "outlined" },
+        style: ({ theme: o }) => ({
+          // Default
+          color: o.palette.text.primary,
+          border: `1px solid ${o.palette.text.primary}`,
+          "&:hover": {
+            backgroundColor: o.palette.action.hover
+          },
+          "&.MuiIconButton-colorSecondary": {
+            color: o.palette.secondary.main,
+            borderColor: o.palette.secondary.main,
+            "&:hover": {
+              backgroundColor: o.palette.secondary.background
+            }
+          },
+          "&.MuiIconButton-colorPrimary": {
+            color: o.palette.primary.main,
+            borderColor: o.palette.primary.main,
+            "&:hover": {
+              backgroundColor: o.palette.primary.background
+            }
+          },
+          "&.MuiIconButton-colorError": {
+            color: o.palette.error.main,
+            borderColor: o.palette.error.main,
+            "&:hover": {
+              backgroundColor: o.palette.error.relatedLight
+            }
+          },
+          "&.MuiIconButton-colorWarning": {
+            color: o.palette.warning.main,
+            borderColor: o.palette.warning.main,
+            "&:hover": {
+              backgroundColor: o.palette.warning.relatedLight
+            }
+          },
+          "&[disabled]": {
+            color: o.palette.text.disabled,
+            borderColor: o.palette.default.outlinedBorder
+          }
+        })
       }
     ]
   },
@@ -1017,7 +1121,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
       })
     }
   }
-}, M = 2.25, f = 3, $ = 2, G = 3, V = 4, N = {
+}, M = 2.25, f = 3, $ = 2, N = 3, G = 4, V = {
   root: ({ ownerState: o, theme: i }) => ({
     padding: i.spacing(0.5),
     ...o.size === "small" && {
@@ -1093,7 +1197,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
       size: "small"
     },
     styleOverrides: {
-      ...N
+      ...V
     }
   },
   // Radio Button
@@ -1102,7 +1206,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
       size: "small"
     },
     styleOverrides: {
-      ...N
+      ...V
     }
   },
   // Text Field
@@ -1114,7 +1218,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
         shrink: !0
       },
       SelectProps: {
-        IconComponent: v,
+        IconComponent: h,
         size: "small"
       }
     },
@@ -1453,7 +1557,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   // Select
   MuiSelect: {
     defaultProps: {
-      IconComponent: v,
+      IconComponent: h,
       fullWidth: !0,
       size: "small"
     },
@@ -1536,8 +1640,8 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
     defaultProps: {
       size: "small",
       fullWidth: !0,
-      popupIcon: /* @__PURE__ */ s(v, {}),
-      clearIcon: /* @__PURE__ */ s(h, { "data-testid": "cancel-icon-autocomplete" }),
+      popupIcon: /* @__PURE__ */ s(h, {}),
+      clearIcon: /* @__PURE__ */ s(v, { "data-testid": "cancel-icon-autocomplete" }),
       ChipProps: { color: "default" },
       limitTags: 1,
       componentsProps: {
@@ -1716,7 +1820,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
     },
     styleOverrides: {
       root: ({ theme: o }) => ({
-        width: o.spacing(G),
+        width: o.spacing(N),
         height: o.spacing($),
         padding: 0,
         overflow: "visible",
@@ -1729,8 +1833,8 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
         }
       }),
       switchBase: ({ ownerState: o, theme: i }) => ({
-        width: i.spacing(V),
-        height: i.spacing(V),
+        width: i.spacing(G),
+        height: i.spacing(G),
         padding: i.spacing(0.5),
         borderRadius: "50%",
         color: i.palette.text.secondary,
@@ -1772,7 +1876,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
         }
       }),
       input: ({ theme: o }) => ({
-        width: o.spacing(G),
+        width: o.spacing(N),
         height: o.spacing($),
         left: 0
       }),
@@ -2144,7 +2248,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
       },
       slots: {
         openPickerIcon: L,
-        clearIcon: h
+        clearIcon: v
       }
     }
   },
@@ -2159,7 +2263,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
     },
     styleOverrides: {
       root: ({ ownerState: o, theme: i }) => {
-        var c, m, S, w, I, B, z, O, R;
+        var c, m, S, I, w, B, z, O, R;
         return {
           width: i.spacing(U),
           height: i.spacing(C),
@@ -2171,7 +2275,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
             maxHeight: i.spacing(33.5)
           },
           // Month only view
-          ...((w = o.views) == null ? void 0 : w.includes("month")) && !((I = o.views) != null && I.includes("year")) && !((B = o.views) != null && B.includes("day")) && {
+          ...((I = o.views) == null ? void 0 : I.includes("month")) && !((w = o.views) != null && w.includes("year")) && !((B = o.views) != null && B.includes("day")) && {
             height: i.spacing(29),
             // 232px
             maxHeight: i.spacing(29),
@@ -2333,7 +2437,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
         // Remove ok button at bottom
       },
       slots: {
-        clearIcon: h,
+        clearIcon: v,
         digitalClockItem: (o) => /* @__PURE__ */ s(A, { ...o, disableRipple: !0 })
       }
     }
@@ -2356,7 +2460,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
       },
       slots: {
         openPickerIcon: L,
-        clearIcon: h,
+        clearIcon: v,
         digitalClockItem: (o) => /* @__PURE__ */ s(A, { ...o, disableRipple: !0 })
       }
     }
@@ -2380,7 +2484,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
     }
   }
 };
-function t(o) {
+function a(o) {
   return 0.0625 * o + "rem";
 }
 const k = {
@@ -2396,77 +2500,77 @@ const k = {
   h1: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 600,
-    fontSize: t(96),
+    fontSize: a(96),
     lineHeight: 1.167,
     letterSpacing: "-1.5px"
   },
   h2: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 600,
-    fontSize: t(60),
+    fontSize: a(60),
     lineHeight: 1.2,
     letterSpacing: "-0.5px"
   },
   h3: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 600,
-    fontSize: t(48),
+    fontSize: a(48),
     lineHeight: 1.167,
     letterSpacing: 0
   },
   h4: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 600,
-    fontSize: t(32),
+    fontSize: a(32),
     lineHeight: 1.25,
     letterSpacing: 0
   },
   h5: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 600,
-    fontSize: t(24),
+    fontSize: a(24),
     lineHeight: 1.167,
     letterSpacing: 0
   },
   h6: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 500,
-    fontSize: t(18),
+    fontSize: a(18),
     lineHeight: 1.333,
     letterSpacing: 0
   },
   subtitle1: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 500,
-    fontSize: t(16),
+    fontSize: a(16),
     lineHeight: 1.5,
     letterSpacing: 0
   },
   subtitle2: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 600,
-    fontSize: t(13),
+    fontSize: a(13),
     lineHeight: 1.538,
     letterSpacing: 0
   },
   body1: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 400,
-    fontSize: t(16),
+    fontSize: a(16),
     lineHeight: 1.5,
     letterSpacing: 0
   },
   body2: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 400,
-    fontSize: t(13),
+    fontSize: a(13),
     lineHeight: 1.538,
     letterSpacing: 0
   },
   button: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 500,
-    fontSize: t(13),
+    fontSize: a(13),
     lineHeight: 1.538,
     letterSpacing: 0,
     textTransform: "inherit"
@@ -2474,19 +2578,19 @@ const k = {
   caption: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 400,
-    fontSize: t(11),
+    fontSize: a(11),
     lineHeight: 1.454,
     letterSpacing: 0
   },
   overline: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 500,
-    fontSize: t(10),
+    fontSize: a(10),
     lineHeight: 1.2,
     letterSpacing: "1.2px",
     textTransform: "uppercase"
   }
-}, ho = {
+}, vo = {
   captionMedium: {
     ...k.caption,
     fontWeight: 500,
@@ -2500,7 +2604,7 @@ const k = {
   code1: {
     fontFamily: '"Overpass Mono", monospace',
     fontWeight: 400,
-    fontSize: t(16),
+    fontSize: a(16),
     lineHeight: 1.5,
     letterSpacing: 0,
     fontVariantLigatures: "no-common-ligatures"
@@ -2508,7 +2612,7 @@ const k = {
   code2: {
     fontFamily: '"Overpass Mono", monospace',
     fontWeight: 400,
-    fontSize: t(14),
+    fontSize: a(14),
     lineHeight: 1.428,
     letterSpacing: 0,
     fontVariantLigatures: "no-common-ligatures"
@@ -2516,21 +2620,21 @@ const k = {
   code3: {
     fontFamily: '"Overpass Mono", monospace',
     fontWeight: 400,
-    fontSize: t(12),
+    fontSize: a(12),
     lineHeight: 1.333,
     letterSpacing: 0,
     fontVariantLigatures: "no-common-ligatures"
   }
 }, ro = {
   ...k,
-  ...ho
+  ...vo
 };
-var Z, K, q, Q, Y, _, X, J;
-const vo = {
+var Z, _, K, q, Q, Y, X, J;
+const ho = {
   // Accessibility focus (keyboard only)
   "*:focus-visible": {
     outline: `2px solid ${(Z = p.primary) == null ? void 0 : Z.main} !important`,
-    boxShadow: `0 0 0 4px ${(K = p.primary) == null ? void 0 : K.background} !important`,
+    boxShadow: `0 0 0 4px ${(_ = p.primary) == null ? void 0 : _.background} !important`,
     borderRadius: "4px"
   },
   // Custom scrollbars
@@ -2549,42 +2653,42 @@ const vo = {
   },
   "*::-webkit-scrollbar-thumb": {
     borderRadius: "3px",
-    background: (q = p.action) == null ? void 0 : q.focus,
+    background: (K = p.action) == null ? void 0 : K.focus,
     outline: "none"
   },
   // iOS Search clear button
   'input[type="search"]::-webkit-search-cancel-button': {
     WebkitAppearance: "none",
     appearance: "none",
-    height: a(2),
-    width: a(2),
+    height: t(2),
+    width: t(2),
     display: "block",
     backgroundImage: "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC)",
     backgroundRepeat: "no-repeat",
-    backgroundSize: a(2)
+    backgroundSize: t(2)
   },
   // Mapbox controls
   ".mapboxgl-ctrl.mapboxgl-ctrl-attrib": {
-    padding: a(0, 1),
-    borderRadius: a(0.5, 0, 0, 0),
+    padding: t(0, 1),
+    borderRadius: t(0.5, 0, 0, 0),
     "& .mapboxgl-ctrl-attrib-inner": {
       ...ro.overline,
       textTransform: "none",
       letterSpacing: "0.75px",
       "& a": {
-        color: (Q = p.primary) == null ? void 0 : Q.main
+        color: (q = p.primary) == null ? void 0 : q.main
       }
     },
     "&.mapboxgl-compact": {
       backgroundColor: "transparent",
-      right: a(0.5),
-      bottom: a(2.5),
+      right: t(0.5),
+      bottom: t(2.5),
       // Mobile
       "@media (max-width: 600px)": {
-        bottom: a(0.5)
+        bottom: t(0.5)
       },
       "& .mapboxgl-ctrl-attrib-button": {
-        backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cg%3E%3Crect%20fill='none'%20height='24'%20width='24'%20x='0'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d='M11.88,9.14c1.28,0.06,1.61,1.15,1.63,1.66h1.79c-0.08-1.98-1.49-3.19-3.45-3.19C9.64,7.61,8,9,8,12.14%20c0,1.94,0.93,4.24,3.84,4.24c2.22,0,3.41-1.65,3.44-2.95h-1.79c-0.03,0.59-0.45,1.38-1.63,1.44C10.55,14.83,10,13.81,10,12.14%20C10,9.25,11.28,9.16,11.88,9.14z%20M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z%20M12,20c-4.41,0-8-3.59-8-8%20s3.59-8,8-8s8,3.59,8,8S16.41,20,12,20z'%20fill='${(Y = p.text) == null ? void 0 : Y.secondary}'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`,
+        backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cg%3E%3Crect%20fill='none'%20height='24'%20width='24'%20x='0'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d='M11.88,9.14c1.28,0.06,1.61,1.15,1.63,1.66h1.79c-0.08-1.98-1.49-3.19-3.45-3.19C9.64,7.61,8,9,8,12.14%20c0,1.94,0.93,4.24,3.84,4.24c2.22,0,3.41-1.65,3.44-2.95h-1.79c-0.03,0.59-0.45,1.38-1.63,1.44C10.55,14.83,10,13.81,10,12.14%20C10,9.25,11.28,9.16,11.88,9.14z%20M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z%20M12,20c-4.41,0-8-3.59-8-8%20s3.59-8,8-8s8,3.59,8,8S16.41,20,12,20z'%20fill='${(Q = p.text) == null ? void 0 : Q.secondary}'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`,
         backgroundColor: "rgba(255,255,255,.8)",
         top: "auto",
         bottom: 0,
@@ -2595,10 +2699,10 @@ const vo = {
       },
       "& .mapboxgl-ctrl-attrib-inner": {
         backgroundColor: "rgba(255,255,255,.8)",
-        padding: a(0.5, 1),
-        borderRadius: a(1.5),
-        marginRight: a(2.5),
-        color: (_ = p.text) == null ? void 0 : _.secondary
+        padding: t(0.5, 1),
+        borderRadius: t(1.5),
+        marginRight: t(2.5),
+        color: (Y = p.text) == null ? void 0 : Y.secondary
       },
       "&.mapboxgl-compact-show": {
         "& .mapboxgl-ctrl-attrib-button": {
@@ -2701,7 +2805,7 @@ const vo = {
         flexDirection: "row",
         alignItems: "center",
         justifyContent: "space-between",
-        height: P,
+        height: T,
         backgroundColor: o.palette.brand.navyBlue,
         color: o.palette.common.white,
         boxShadow: o.shadows[0],
@@ -2709,7 +2813,7 @@ const vo = {
           justifyContent: "space-between",
           width: "100%",
           padding: o.spacing(0, 1),
-          minHeight: P
+          minHeight: T
         },
         "& .MuiAvatar-root": {
           width: o.spacing(4),
@@ -2851,9 +2955,9 @@ const vo = {
   palette: p,
   shadows: mo,
   typography: ro,
-  spacingValue: T,
+  spacingValue: P,
   // For situations where we can't use theme.spacing(), mainly math calculations.er
-  spacing: T,
+  spacing: P,
   // For custom spacing: https://material-ui.com/customization/spacing/#custom-spacing
   shape: {
     borderRadius: 4
@@ -2890,7 +2994,7 @@ const vo = {
   components: {
     MuiCssBaseline: {
       styleOverrides: {
-        ...vo
+        ...ho
       }
     },
     ...xo,
@@ -2901,16 +3005,17 @@ const vo = {
     ...ko,
     ...fo
   }
-}, To = to(ao(So));
+}, Po = ao(to(So));
 export {
-  P as APPBAR_SIZE,
+  T as APPBAR_SIZE,
   g as BREAKPOINTS,
   e as ICON_SIZE_LARGE,
   r as ICON_SIZE_MEDIUM,
   u as ICON_SIZE_SMALL,
-  T as SPACING,
+  Ao as NOTIFICATION_DURATION_IN_MS,
+  P as SPACING,
   So as cartoThemeOptions,
-  Ao as getCartoColorStylePropsForItem,
-  a as getSpacing,
-  To as theme
+  Do as getCartoColorStylePropsForItem,
+  t as getSpacing,
+  Po as theme
 };

package/dist/types/components/atoms/Button.d.ts

@@ -1,6 +1,10 @@
+import { ReactNode } from 'react';
 import { ButtonProps as MUIButtonProps } from '@mui/material';
 export type ButtonProps = MUIButtonProps<React.ElementType, {
     target?: string;
+    loading?: boolean;
+    loadingIndicator?: ReactNode;
+    loadingPosition?: 'start' | 'end';
 }>;
 declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
 export default Button;

package/dist/types/components/atoms/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,cAAc,EAE9B,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,WAAW,GAAG,cAAc,CACtC,KAAK,CAAC,WAAW,EACjB;IACE,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CACF,CAAA;AAiBD,QAAA,MAAM,MAAM,wHAAsB,CAAA;AAClC,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,EACL,WAAW,IAAI,cAAc,EAK9B,MAAM,eAAe,CAAA;AAmBtB,MAAM,MAAM,WAAW,GAAG,cAAc,CACtC,KAAK,CAAC,WAAW,EACjB;IACE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CAClC,CACF,CAAA;AAoED,QAAA,MAAM,MAAM,wHAAsB,CAAA;AAClC,eAAe,MAAM,CAAA"}

package/dist/types/components/atoms/IconButton.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode, MouseEvent } from 'react';
+import { IconButtonProps as MuiIconButtonProps, TooltipProps } from '@mui/material';
+export type IconButtonProps = Omit<MuiIconButtonProps, 'ref'> & {
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /** @deprecated Use ToggleButton component instead */
+    active?: boolean;
+    icon: ReactNode;
+    variant?: 'contained' | 'outlined' | 'icon';
+    tooltip?: TooltipProps['title'];
+    tooltipPlacement?: TooltipProps['placement'];
+    loading?: boolean;
+    /** Add support for React Router's 'to' prop */
+    to?: string;
+};
+declare const IconButton: import('react').ForwardRefExoticComponent<Omit<MuiIconButtonProps, "ref"> & {
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /** @deprecated Use ToggleButton component instead */
+    active?: boolean;
+    icon: ReactNode;
+    variant?: "contained" | "outlined" | "icon";
+    tooltip?: TooltipProps["title"];
+    tooltipPlacement?: TooltipProps["placement"];
+    loading?: boolean;
+    /** Add support for React Router's 'to' prop */
+    to?: string;
+} & import('react').RefAttributes<HTMLButtonElement>>;
+export default IconButton;
+//# sourceMappingURL=IconButton.d.ts.map

package/dist/types/components/atoms/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAA;AACvE,OAAO,EAGL,eAAe,IAAI,kBAAkB,EAErC,YAAY,EAEb,MAAM,eAAe,CAAA;AAEtB,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC,GAAG;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACxD,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAA;IAC3C,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAC/B,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+CAA+C;IAC/C,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAsED,QAAA,MAAM,UAAU;cAhFJ,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI;IACxD,qDAAqD;aAC5C,OAAO;UACV,SAAS;cACL,WAAW,GAAG,UAAU,GAAG,MAAM;cACjC,YAAY,CAAC,OAAO,CAAC;uBACZ,YAAY,CAAC,WAAW,CAAC;cAClC,OAAO;IACjB,+CAA+C;SAC1C,MAAM;qDAuEiE,CAAA;AAC9E,eAAe,UAAU,CAAA"}

package/dist/types/components/atoms/index.d.ts

@@ -4,10 +4,12 @@ export { default as PasswordField } from './PasswordField';
 export { default as SelectField } from './SelectField';
 export { default as ToggleButtonGroup } from './ToggleButtonGroup';
 export { default as Typography } from './Typography';
+export { default as IconButton } from './IconButton';
 export type * from './Button';
 export type * from './LabelWithIndicator';
 export type * from './PasswordField';
 export type * from './SelectField';
 export type * from './ToggleButtonGroup';
 export type * from './Typography';
+export type * from './IconButton';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/atoms/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AAEpD,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,sBAAsB,CAAA;AACzC,mBAAmB,iBAAiB,CAAA;AACpC,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,qBAAqB,CAAA;AACxC,mBAAmB,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AAEpD,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,sBAAsB,CAAA;AACzC,mBAAmB,iBAAiB,CAAA;AACpC,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,qBAAqB,CAAA;AACxC,mBAAmB,cAAc,CAAA;AACjC,mBAAmB,cAAc,CAAA"}

package/dist/types/components/molecules/Snackbar.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { SnackbarProps as MuiSnackbarProps } from '@mui/material';
+import { AlertProps } from './Alert';
+export interface SnackbarProps extends Omit<MuiSnackbarProps, 'content' | 'title' | 'children'>, Pick<AlertProps, 'severity' | 'content' | 'icon' | 'title'> {
+    closeable?: boolean;
+    autoWidth?: boolean;
+    children: ReactNode;
+}
+declare function Snackbar({ severity, autoHideDuration, closeable, children, title, action, open, onClose, autoWidth, icon, ...rest }: SnackbarProps): import("react/jsx-runtime").JSX.Element;
+export default Snackbar;
+//# sourceMappingURL=Snackbar.d.ts.map

package/dist/types/components/molecules/Snackbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Snackbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,OAAO,EAIL,aAAa,IAAI,gBAAgB,EAIlC,MAAM,eAAe,CAAA;AAItB,OAAmB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAkHhD,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC,EAC9D,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,QAAQ,CAAC,EAChB,QAAoB,EACpB,gBAA8C,EAC9C,SAAgB,EAChB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,IAAI,EACJ,OAAsB,EACtB,SAAS,EACT,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,aAAa,2CAsDf;AAED,eAAe,QAAQ,CAAA"}