@m4l/styles 0.0.18 → 0.0.20

package/theme/overrides/M4LExtendedComponents/{index.bd713d88.js → index.ead1a06a.js}

@@ -10,13 +10,27 @@ const i = (o) => ({
         padding: "0px",
         border: "1px solid",
         borderColor: o.palette.background.background,
+        [o.breakpoints.down("sm")]: {
+          gap: "0px"
+        },
         "& .M4LDynamicFilter-containerFistRow": {
           height: "32px",
           width: "100%",
+          [o.breakpoints.down("sm")]: {
+            height: "fit-content",
+            background: o.palette.background.neutral,
+            display: "flex",
+            flexDirection: "row",
+            alignItems: "center",
+            justifyContent: "center"
+          },
           "& .M4LDynamicFilter-containerInputFilter": {
             width: "100%",
             alignItems: "center",
-            maxWidth: "100%"
+            maxWidth: "100%",
+            [o.breakpoints.down("sm")]: {
+              height: "44px"
+            }
           }
         },
         "&.M4LDynamicFilter-isInvalid": {
@@ -27,7 +41,11 @@ const i = (o) => ({
           flexDirection: "row",
           gap: "4px",
           backgroundColor: o.palette.background.neutral,
-          padding: "4px"
+          padding: "4px",
+          [o.breakpoints.down("sm")]: {
+            gap: "12px",
+            padding: "8px"
+          }
         },
         "& .M4LDynamicFilter-containerInputFilter": {
           display: "flex",
@@ -61,7 +79,11 @@ const i = (o) => ({
         },
         "& .M4LDynamicFilter-wrapperApplyedFilters": {
           borderLeft: "none",
-          height: "29px"
+          height: "29px",
+          [o.breakpoints.down("sm")]: {
+            height: "100%",
+            padding: "4px 8px 4px 8px"
+          }
         },
         "& .M4LDynamicFilter-containerApplyedFilters": {
           padding: "2px"
@@ -108,19 +130,19 @@ const i = (o) => ({
         width: "auto",
         "& .M4LDynamicFilter-popoverFilterPaper": {
           padding: "0px",
-          width: "200px",
+          minWidth: "220px",
           "& .M4LPopover-arrowStyle": {
             background: "none"
           },
           "& .M4LRHFormProvider-root": {
             gap: "0px",
-            widht: "100%",
+            widht: "max-content",
             minWidht: "220px",
             "& .M4LDynamicFilter-popoverFilterHeader": {
               background: o.palette.state.default,
               display: "flex",
               gap: "4px",
-              padding: "8px",
+              padding: "4px 8px 4px 8px",
               borderRadius: "4px",
               boxShadow: o.customShadows.z2,
               borderBottom: "0px",
@@ -239,10 +261,10 @@ const i = (o) => ({
           minHeight: "26px"
         },
         ".M4LIconButton-sizeMedium&::before": {
-          width: "30px",
-          height: "30px",
-          minWidth: "30px",
-          minHeight: "30px"
+          width: "38px",
+          height: "38px",
+          minWidth: "38px",
+          minHeight: "38px"
         },
         "&.M4LIconButton-sizeExtraSmall": {
           width: "20px",
@@ -257,10 +279,10 @@ const i = (o) => ({
           minHeight: "24px"
         },
         "&.M4LIconButton-sizeMedium": {
-          width: "28px",
-          height: "28px",
-          minWidth: "28px",
-          minHeight: "28px"
+          width: "36px",
+          height: "36px",
+          minWidth: "36px",
+          minHeight: "36px"
         },
         "& .MuiIconButton-root": {
           position: "static",
@@ -951,6 +973,13 @@ const i = (o) => ({
         paddingLeft: "14px",
         paddingBottom: "14px",
         boxShadow: o.customShadows.z3,
+        "&.M4LSideBar-collapsed": {
+          "& .M4LImage-root": {
+            minWidth: "44px !important",
+            minHeight: "44px !important",
+            background: "red"
+          }
+        },
         [o.breakpoints.down("sm")]: {
           width: "0px",
           height: "0px",
@@ -959,21 +988,19 @@ const i = (o) => ({
         "& .M4LSideBar-wrapperSideBar": {
           height: "100%",
           "& .M4LSideBar-containerSideBarLogo": {
-            marginRight: "14px",
+            display: "flex",
+            justifyContent: "flex-start",
             "& .M4LSideBar-containerLogo": {
-              height: "128px",
               display: "flex",
-              flexDirection: "column",
               justifyContent: "center",
               alignItems: "center",
               fitContent: "100%",
               boxSizing: "contentBox",
               paddingTop: "24px",
               paddingBottom: "28px",
-              gap: "12px",
+              gap: "24px",
               "& .M4LTypography-root": {
                 display: "flex",
-                justifyContent: "center",
                 width: "100%",
                 "& .MuiTypography-root": {
                   with: "100%",
@@ -1095,17 +1122,21 @@ const i = (o) => ({
                 "& .M4LSideBar-navListSubItemRoot": {
                   "& .M4LSideBar-navSubItemContentRoot ": {
                     "&.M4LSideBar-subItemCollapseActive": {
-                      backgroundColor: o.palette.state.active12
+                      backgroundColor: o.palette.state.active12,
+                      width: "100%",
+                      height: "28px"
                     },
                     "&.M4LSideBar-subItemActive": {
                       "& .M4LSideBar-navSubItemContentBullet": {
                         height: "14px",
-                        borderRadius: "10px",
+                        borderRadius: "4px",
                         backgroundColor: o.palette.state.focus
                       }
                     },
                     "&:hover": {
-                      background: o.palette.state.default
+                      background: o.palette.state.default,
+                      width: "100%",
+                      height: "28px"
                     }
                   },
                   "& .M4LSideBar-navSubItemContentRoot": {
@@ -1133,7 +1164,7 @@ const i = (o) => ({
                   }
                 },
                 "& .MuiCollapse-root": {
-                  marginLeft: "28px"
+                  marginLeft: "18px"
                 }
               }
             },
@@ -1212,7 +1243,9 @@ const i = (o) => ({
               backgroundColor: o.palette.text.primary
             },
             "&:hover": {
-              background: o.palette.state.default
+              background: o.palette.state.default,
+              width: "100%",
+              height: "18px"
             }
           }
         }
@@ -1397,7 +1430,7 @@ const i = (o) => ({
                   }
                 },
                 "& .MuiCollapse-root": {
-                  marginLeft: "28px"
+                  marginLeft: "12px"
                 }
               }
             },
@@ -1726,7 +1759,7 @@ const i = (o) => ({
                     }
                   },
                   "&.M4LAreasViewer-error": {
-                    background: o.palette.patronus?.candyRed[10],
+                    background: o.palette.patronus?.desertBeige[10],
                     "& .M4LAreasViewer-windowToastyButtonsContainer": {
                       background: o.palette.error.main,
                       "& .M4LIcon-icon": {
@@ -1798,7 +1831,7 @@ const i = (o) => ({
             },
             "& .M4LAreasViewer-windowContent": {
               margin: "8px",
-              background: o.palette.background.default,
+              background: o.palette.background.background,
               borderRadius: "4px",
               display: "flex",
               flexDirection: "column",

package/theme/overrides/{index.6b7aec0f.js → index.0d219399.js}

@@ -1,5 +1,5 @@
 import { F as s, T as o, C as r, M as L, L as n, I as M, a as i, R as p, B as d, b as l, c as u, P as c, S as g, d as B, e as A, D as F, A as P, f as b, g as T, h as v, i as y, j as I, k as R, l as C, m as D, n as f, o as H, p as k, q as S, r as x, s as w, t as j, u as E, v as G, w as q, x as z, y as O, z as V, E as N, G as U } from "./MUIComponents/index.e3d060c3.js";
-import { M as t, a as J, b as K, c as Q, d as W, e as X, f as Y, g as Z, h as _, i as $, j as m, k as e, l as h, m as aa, n as sa, o as oa, p as ra, q as La, r as na, s as Ma, t as ia, u as pa, v as da, w as la, x as ua, y as ca, z as ga, A as Ba, B as Aa, C as Fa, D as Pa, E as ba } from "./M4LExtendedComponents/index.bd713d88.js";
+import { M as t, a as J, b as K, c as Q, d as W, e as X, f as Y, g as Z, h as _, i as $, j as m, k as e, l as h, m as aa, n as sa, o as oa, p as ra, q as La, r as na, s as Ma, t as ia, u as pa, v as da, w as la, x as ua, y as ca, z as ga, A as Ba, B as Aa, C as Fa, D as Pa, E as ba } from "./M4LExtendedComponents/index.ead1a06a.js";
 import { M as Ta, a as va, b as ya, c as Ia, d as Ra, e as Ca, f as Da, g as fa } from "./M4LRHFComponents/index.1406e2ed.js";
 function xa(a) {
   return Object.assign(

package/theme/{palette.95c4f9c8.js → palette.6e480083.js}

@@ -1,18 +1,18 @@
 import { alpha as r } from "@mui/material/styles";
-function a(c, s) {
-  return `linear-gradient(to bottom, ${c}, ${s})`;
+function a(s, B) {
+  return `linear-gradient(to bottom, ${s}, ${B})`;
 }
 const e = {
   patronusBlue: {
-    10: "#CCE6FF",
-    20: "#88BCFF",
-    30: "#60A7FF",
-    40: "#3891FF",
+    10: "#DBE9FF",
+    20: "#B6D3FF",
+    30: "#6DA8FF",
+    40: "#3787FF",
     50: "#0064FF",
-    60: "#0039D7",
-    70: "#001AA4",
-    80: "#00086A",
-    90: "#000033"
+    60: "#0050C8",
+    70: "#003A92",
+    80: "#00245B",
+    90: "#000F24"
   },
   crayonBlue: {
     10: "#D9E9FF",
@@ -48,48 +48,48 @@ const e = {
     90: "#0B3D00"
   },
   grassGreen: {
-    10: "#FDFFE6",
-    20: "#D0E4A3",
-    30: "#AFDA85",
-    40: "#87D06A",
-    50: "#4BB543",
-    60: "#438C2D",
-    70: "#3A631E",
-    80: "#2A3B11",
-    90: "#0F1206"
+    10: "#E3F4EB",
+    20: "#AADEC2",
+    30: "#7BCCA1",
+    40: "#3FA26D",
+    50: "#00804C",
+    60: "#005B37",
+    70: "#004026",
+    80: "#002416",
+    90: "#00120B"
   },
-  candyRed: {
-    10: "#FFD6D6",
-    20: "#EE9B9B",
-    30: "#EB7F7F",
-    40: "#E86463",
-    50: "#D73733",
-    60: "#AE1916",
-    70: "#850502",
-    80: "#5C0500",
-    90: "#330400"
+  desertBeige: {
+    10: "#F6EBE2",
+    20: "#EDD7C5",
+    30: "#E7CAB1",
+    40: "#DDB490",
+    50: "#D4A276",
+    60: "#BD8F68",
+    70: "#AD794C",
+    80: "#90653F",
+    90: "#735133"
   },
   turquiBlue: {
-    10: "#B5D9EA",
-    20: "#92BBCD",
-    30: "#709DB1 ",
-    40: "#4D7E94",
+    10: "#C8E1EC",
+    20: "#A3CDDF",
+    30: "#76A5BA",
+    40: "#377F9D",
     50: "#2A6077",
-    60: "#255569",
-    70: "#214A5A",
-    80: "#1C3E4C",
-    90: "#18333D"
+    60: "#214C5F",
+    70: "#1B3F4E",
+    80: "#15313C",
+    90: "#0F232B"
   },
   blazeOrange: {
-    10: "#F8BE9F",
-    20: "#FAA777",
-    30: "#FC8F50",
-    40: "#FD7828",
-    50: "#FF6000",
-    60: "#DE5300",
-    70: "#BD4600",
-    80: "#9B3900",
-    90: "#6D2A00"
+    10: "#F9E9D0",
+    20: "#F4D3A1",
+    30: "#F2BD6D",
+    40: "#EBAE53",
+    50: "#E59722",
+    60: "#BA7916",
+    70: "#BA7916",
+    80: "#774D0E",
+    90: "#735133"
   },
   flameRed: {
     10: "#FFD8D8",
@@ -114,99 +114,99 @@ const e = {
     90: "#233333"
   },
   marbleLight: {
-    10: "#FEFFFF",
-    20: "#F9FBFB",
-    30: "#F4F7F7",
-    40: "#EFF3F4",
-    50: "#EAEFF0",
-    60: "#fff0",
-    70: "#fff0",
+    10: "#FFFFFF",
+    20: "#F7FCFC",
+    30: "#F9FBFB",
+    40: "#F4F7F7",
+    50: "#EFF3F4",
+    60: "#EAEFF0",
+    70: "#DEE6E8",
     80: "#fff0",
     90: "#fff0"
   },
   ashBlak: {
-    10: "#2F3737",
-    20: "#2A3232",
-    30: "#252C2C",
-    40: "#212727",
-    50: "#1C2121",
-    60: "#090A0A",
-    70: "#fff0",
+    10: "#364040",
+    20: "#2F3737",
+    30: "#2A3232",
+    40: "#252C2C",
+    50: "#212727",
+    60: "#1C2121",
+    70: "#090A0A",
     80: "#fff0",
     90: "#fff0"
   }
-}, d = {
+}, c = {
   patronus: {
     4: r(e.patronusBlue[50], 0.04),
-    12: r(e.patronusBlue[50], 0.12),
-    24: r(e.patronusBlue[50], 0.24),
-    36: r(e.patronusBlue[50], 0.36),
+    12: r(e.patronusBlue[50], 0.08),
+    24: r(e.patronusBlue[50], 0.16),
+    36: r(e.patronusBlue[50], 0.32),
     48: r(e.patronusBlue[50], 0.48),
     60: r(e.patronusBlue[50], 0.6),
     72: r(e.patronusBlue[50], 0.72)
   },
   turqui: {
     4: r(e.turquiBlue[50], 0.04),
-    12: r(e.turquiBlue[50], 0.12),
-    24: r(e.turquiBlue[50], 0.24),
-    36: r(e.turquiBlue[50], 0.36),
+    12: r(e.turquiBlue[50], 0.08),
+    24: r(e.turquiBlue[50], 0.16),
+    36: r(e.turquiBlue[50], 0.32),
     48: r(e.turquiBlue[50], 0.48),
     60: r(e.turquiBlue[50], 0.6),
     72: r(e.turquiBlue[50], 0.72)
   },
   grass: {
     4: r(e.grassGreen[50], 0.04),
-    12: r(e.grassGreen[50], 0.12),
-    24: r(e.grassGreen[50], 0.24),
-    36: r(e.grassGreen[50], 0.36),
+    12: r(e.grassGreen[50], 0.08),
+    24: r(e.grassGreen[50], 0.16),
+    36: r(e.grassGreen[50], 0.32),
     48: r(e.grassGreen[50], 0.48),
     60: r(e.grassGreen[50], 0.6),
     72: r(e.grassGreen[50], 0.72)
   },
-  candy: {
-    4: r(e.candyRed[50], 0.04),
-    12: r(e.candyRed[50], 0.12),
-    24: r(e.candyRed[50], 0.24),
-    36: r(e.candyRed[50], 0.36),
-    48: r(e.candyRed[50], 0.48),
-    60: r(e.candyRed[50], 0.6),
-    72: r(e.candyRed[50], 0.72)
+  desert: {
+    4: r(e.desertBeige[50], 0.04),
+    12: r(e.desertBeige[50], 0.08),
+    24: r(e.desertBeige[50], 0.16),
+    36: r(e.desertBeige[50], 0.32),
+    48: r(e.desertBeige[50], 0.48),
+    60: r(e.desertBeige[50], 0.6),
+    72: r(e.desertBeige[50], 0.72)
   },
   blaze: {
     4: r(e.blazeOrange[50], 0.04),
-    12: r(e.blazeOrange[50], 0.12),
-    24: r(e.blazeOrange[50], 0.24),
-    36: r(e.blazeOrange[50], 0.36),
+    12: r(e.blazeOrange[50], 0.08),
+    24: r(e.blazeOrange[50], 0.16),
+    36: r(e.blazeOrange[50], 0.32),
     48: r(e.blazeOrange[50], 0.48),
     60: r(e.blazeOrange[50], 0.6),
     72: r(e.blazeOrange[50], 0.72)
   },
   cool: {
     4: r(e.coolGrey[70], 0.04),
-    12: r(e.coolGrey[70], 0.12),
-    24: r(e.coolGrey[70], 0.24),
-    36: r(e.coolGrey[70], 0.36),
+    12: r(e.coolGrey[70], 0.08),
+    24: r(e.coolGrey[70], 0.16),
+    36: r(e.coolGrey[70], 0.32),
     48: r(e.coolGrey[70], 0.48),
     60: r(e.coolGrey[70], 0.6),
     72: r(e.coolGrey[70], 0.72)
   },
   marbel: {
     4: r(e.marbleLight[10], 0.04),
-    12: r(e.marbleLight[10], 0.12),
-    24: r(e.marbleLight[10], 0.24),
-    36: r(e.marbleLight[10], 0.36),
+    12: r(e.marbleLight[10], 0.08),
+    24: r(e.marbleLight[10], 0.16),
+    36: r(e.marbleLight[10], 0.32),
     48: r(e.marbleLight[10], 0.48),
     60: r(e.marbleLight[10], 0.6),
     72: r(e.marbleLight[10], 0.72)
   }
 }, t = {
-  lighter: e.patronusBlue[70],
-  light: e.patronusBlue[60],
+  lighter: e.patronusBlue[60],
+  light: e.patronusBlue[40],
   main: e.patronusBlue[50],
-  dark: e.patronusBlue[40],
-  darker: e.patronusBlue[20],
+  dark: e.patronusBlue[30],
+  darker: e.patronusBlue[10],
   contrastText: e.marbleLight[10]
-}, u = {
+}, d = {
   lighter: "#fff0",
   light: "#fff0",
   main: "#fff0",
@@ -233,7 +233,7 @@ const e = {
   dark: "#fff0",
   darker: "#fff0",
   opacity: r(e.middleYellow[60], 0.08)
-}, f = {
+}, i = {
   lighter: "#fff0",
   light: "#fff0",
   main: e.flameRed[40],
@@ -259,13 +259,13 @@ const e = {
   50048: r("#919EAB", 0.48),
   50056: r("#919EAB", 0.56),
   50080: r("#919EAB", 0.8)
-}, A = {
+}, u = {
   primary: a(t.light, t.main),
   info: a(l.light, l.main),
   success: a(o.light, o.main),
   warning: a(n.light, n.main),
-  error: a(f.light, f.main)
-}, B = {
+  error: a(i.light, i.main)
+}, A = {
   violet: ["#826AF9", "#9E86FF", "#D0AEFF", "#F7D2FF"],
   blue: ["#2D99FF", "#83CFFF", "#A5F3FF", "#CCFAFF"],
   green: ["#2CD9C5", "#60F1C8", "#A4F7CC", "#C0F2DC"],
@@ -283,39 +283,39 @@ const e = {
 }, m = {
   normal: e.middleYellow[60],
   hover: e.middleYellow[70]
-}, h = {
+}, D = {
   default: r(e.coolGrey[50], 0.24),
   transition: r(e.coolGrey[50], 0.08)
-}, y = {
+}, h = {
   info: { ...g },
   success: { ...E },
   error: { ...C },
   warning: { ...m },
-  skeleton: { ...h }
-}, i = {
+  skeleton: { ...D }
+}, f = {
   common: { black: "#000", white: "#fff" },
   primary: { ...t },
   state: {
-    ...y
+    ...h
   },
   patronus: { ...e },
-  opacity: { ...d },
-  secondary: { ...u, contrastText: "#fff" },
+  opacity: { ...c },
+  secondary: { ...d, contrastText: "#fff" },
   info: { ...l, contrastText: "#fff" },
   success: { ...o, contrastText: F[800] },
   warning: { ...n, contrastText: F[800] },
-  error: { ...f, contrastText: "#fff" },
+  error: { ...i, contrastText: "#fff" },
   grey: F,
-  gradients: A,
-  chart: B,
+  gradients: u,
+  chart: A,
   divider: F[50024],
   action: {
     hoverOpacity: 0.08,
     disabledOpacity: 0.48
   }
-}, p = {
+}, y = {
   light: {
-    ...i,
+    ...f,
     mode: "light",
     text: {
       primary: e.ashBlak[10],
@@ -331,7 +331,7 @@ const e = {
     grid: { sectionHeader: "#F6F7F9", divider: "#EDEFF2", rowHover: "#FAFBFC" }
   },
   dark: {
-    ...i,
+    ...f,
     mode: "dark",
     text: {
       primary: e.marbleLight[30],
@@ -349,6 +349,6 @@ const e = {
 };
 export {
   e as P,
-  y as S,
-  p
+  h as S,
+  y as p
 };

package/theme/palette.d.ts

@@ -1,6 +1,6 @@
 export declare type ColorSchema = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error';
-export declare type PatronusColors = 'patronusBlue' | 'crayonBlue' | 'middleYellow' | 'acidGreen' | 'grassGreen' | 'candyRed' | 'turquiBlue' | 'blazeOrange' | 'flameRed' | 'coolGrey' | 'marbleLight' | 'ashBlak';
-export declare type PatronusOpacityColors = 'patronus' | 'turqui' | 'grass' | 'candy' | 'blaze' | 'cool' | 'marbel';
+export declare type PatronusColors = 'patronusBlue' | 'crayonBlue' | 'middleYellow' | 'acidGreen' | 'grassGreen' | 'desertBeige' | 'turquiBlue' | 'blazeOrange' | 'flameRed' | 'coolGrey' | 'marbleLight' | 'ashBlak';
+export declare type PatronusOpacityColors = 'patronus' | 'turqui' | 'grass' | 'desert' | 'blaze' | 'cool' | 'marbel';
 export interface PatronusColorOptions {
     10: string;
     20: string;
@@ -133,7 +133,7 @@ export declare const palette: {
             middleYellow: PatronusColorOptions;
             acidGreen: PatronusColorOptions;
             grassGreen: PatronusColorOptions;
-            candyRed: PatronusColorOptions;
+            desertBeige: PatronusColorOptions;
             turquiBlue: PatronusColorOptions;
             blazeOrange: PatronusColorOptions;
             flameRed: PatronusColorOptions;
@@ -145,7 +145,7 @@ export declare const palette: {
             patronus: PatronusOpacityOptions;
             turqui: PatronusOpacityOptions;
             grass: PatronusOpacityOptions;
-            candy: PatronusOpacityOptions;
+            desert: PatronusOpacityOptions;
             blaze: PatronusOpacityOptions;
             cool: PatronusOpacityOptions;
             marbel: PatronusOpacityOptions;
@@ -292,7 +292,7 @@ export declare const palette: {
             middleYellow: PatronusColorOptions;
             acidGreen: PatronusColorOptions;
             grassGreen: PatronusColorOptions;
-            candyRed: PatronusColorOptions;
+            desertBeige: PatronusColorOptions;
             turquiBlue: PatronusColorOptions;
             blazeOrange: PatronusColorOptions;
             flameRed: PatronusColorOptions;
@@ -304,7 +304,7 @@ export declare const palette: {
             patronus: PatronusOpacityOptions;
             turqui: PatronusOpacityOptions;
             grass: PatronusOpacityOptions;
-            candy: PatronusOpacityOptions;
+            desert: PatronusOpacityOptions;
             blaze: PatronusOpacityOptions;
             cool: PatronusOpacityOptions;
             marbel: PatronusOpacityOptions;

package/theme/{shadows.354bbb03.js → shadows.0d04d424.js}

@@ -1,5 +1,5 @@
 import { alpha as a } from "@mui/material/styles";
-import { p as e, P as r } from "./palette.95c4f9c8.js";
+import { p as e, P as r } from "./palette.6e480083.js";
 const s = e.light.grey[500], n = "#000000", o = (t) => {
   const p = a(t, 0.2), x = a(t, 0.14), $ = a(t, 0.12);
   return [

package/theme/{typography.61f909b7.js → typography.8b60719b.js}

@@ -1,10 +1,10 @@
 import "@mui/material/styles";
 import "@mui/material/useMediaQuery";
-import "../utils/getColorPresets.d73f30ad.js";
+import "../utils/getColorPresets.4a88b0ed.js";
 import "@mui/system";
-import "./defaultThemeOptions.d67fe64c.js";
-import "./shadows.354bbb03.js";
-import "./palette.95c4f9c8.js";
+import "./defaultThemeOptions.dd98806d.js";
+import "./shadows.0d04d424.js";
+import "./palette.6e480083.js";
 import "@mui/material";
 import { r as t, p as i } from "../utils/getFontValue.88831637.js";
 const e = "Poppins, sans-serif", p = {

package/types/types.d.ts

@@ -1,4 +1,4 @@
-export declare type ThemeColorPresets = 'patronus' | 'turqui' | 'grass' | 'candy' | 'blaze';
+export declare type ThemeColorPresets = 'patronus' | 'turqui' | 'grass' | 'desert' | 'blaze';
 
 export interface GridPaletteOptions {
     sectionHeader: string;