@m4l/styles 0.0.2 → 0.0.4

package/theme/overrides/MUIComponents/Tabs.d.ts

@@ -104,6 +104,7 @@ export default function Tabs(theme: Theme): {
                     breakInside?: import("csstype").Property.BreakInside | undefined;
                     captionSide?: import("csstype").Property.CaptionSide | undefined;
                     caretColor?: import("csstype").Property.CaretColor | undefined;
+                    caretShape?: import("csstype").Property.CaretShape | undefined;
                     clear?: import("csstype").Property.Clear | undefined;
                     clipPath?: import("csstype").Property.ClipPath | undefined;
                     color?: import("csstype").Property.Color | undefined;
@@ -118,6 +119,12 @@ export default function Tabs(theme: Theme): {
                     columnSpan?: import("csstype").Property.ColumnSpan | undefined;
                     columnWidth?: import("csstype").Property.ColumnWidth<string | number> | undefined;
                     contain?: import("csstype").Property.Contain | undefined;
+                    containIntrinsicBlockSize?: import("csstype").Property.ContainIntrinsicBlockSize<string | number> | undefined;
+                    containIntrinsicHeight?: import("csstype").Property.ContainIntrinsicHeight<string | number> | undefined;
+                    containIntrinsicInlineSize?: import("csstype").Property.ContainIntrinsicInlineSize<string | number> | undefined;
+                    containIntrinsicWidth?: import("csstype").Property.ContainIntrinsicWidth<string | number> | undefined;
+                    containerName?: import("csstype").Property.ContainerName | undefined;
+                    containerType?: import("csstype").Property.ContainerType | undefined;
                     content?: import("csstype").Property.Content | undefined;
                     contentVisibility?: import("csstype").Property.ContentVisibility | undefined;
                     counterIncrement?: import("csstype").Property.CounterIncrement | undefined;
@@ -139,6 +146,7 @@ export default function Tabs(theme: Theme): {
                     fontKerning?: import("csstype").Property.FontKerning | undefined;
                     fontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
                     fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | undefined;
+                    fontPalette?: import("csstype").Property.FontPalette | undefined;
                     fontSize?: import("csstype").Property.FontSize<string | number> | undefined;
                     fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | undefined;
                     fontSmooth?: import("csstype").Property.FontSmooth<string | number> | undefined;
@@ -149,6 +157,7 @@ export default function Tabs(theme: Theme): {
                     fontVariantAlternates?: import("csstype").Property.FontVariantAlternates | undefined;
                     fontVariantCaps?: import("csstype").Property.FontVariantCaps | undefined;
                     fontVariantEastAsian?: import("csstype").Property.FontVariantEastAsian | undefined;
+                    fontVariantEmoji?: import("csstype").Property.FontVariantEmoji | undefined;
                     fontVariantLigatures?: import("csstype").Property.FontVariantLigatures | undefined;
                     fontVariantNumeric?: import("csstype").Property.FontVariantNumeric | undefined;
                     fontVariantPosition?: import("csstype").Property.FontVariantPosition | undefined;
@@ -168,6 +177,7 @@ export default function Tabs(theme: Theme): {
                     hangingPunctuation?: import("csstype").Property.HangingPunctuation | undefined;
                     height?: import("csstype").Property.Height<string | number> | undefined;
                     hyphenateCharacter?: import("csstype").Property.HyphenateCharacter | undefined;
+                    hyphenateLimitChars?: import("csstype").Property.HyphenateLimitChars | undefined;
                     hyphens?: import("csstype").Property.Hyphens | undefined;
                     imageOrientation?: import("csstype").Property.ImageOrientation | undefined;
                     imageRendering?: import("csstype").Property.ImageRendering | undefined;
@@ -175,11 +185,8 @@ export default function Tabs(theme: Theme): {
                     initialLetter?: import("csstype").Property.InitialLetter | undefined;
                     inlineSize?: import("csstype").Property.InlineSize<string | number> | undefined;
                     inputSecurity?: import("csstype").Property.InputSecurity | undefined;
-                    inset?: import("csstype").Property.Inset<string | number> | undefined;
-                    insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
                     insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
                     insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
-                    insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
                     insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
                     insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
                     isolation?: import("csstype").Property.Isolation | undefined;
@@ -195,16 +202,15 @@ export default function Tabs(theme: Theme): {
                     listStyleImage?: import("csstype").Property.ListStyleImage | undefined;
                     listStylePosition?: import("csstype").Property.ListStylePosition | undefined;
                     listStyleType?: import("csstype").Property.ListStyleType | undefined;
-                    marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
                     marginBlockEnd?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
                     marginBlockStart?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
                     marginBottom?: import("csstype").Property.MarginBottom<string | number> | undefined;
-                    marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
                     marginInlineEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
                     marginInlineStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
                     marginLeft?: import("csstype").Property.MarginLeft<string | number> | undefined;
                     marginRight?: import("csstype").Property.MarginRight<string | number> | undefined;
                     marginTop?: import("csstype").Property.MarginTop<string | number> | undefined;
+                    marginTrim?: import("csstype").Property.MarginTrim | undefined;
                     maskBorderMode?: import("csstype").Property.MaskBorderMode | undefined;
                     maskBorderOutset?: import("csstype").Property.MaskBorderOutset<string | number> | undefined;
                     maskBorderRepeat?: import("csstype").Property.MaskBorderRepeat | undefined;
@@ -241,6 +247,7 @@ export default function Tabs(theme: Theme): {
                     offsetAnchor?: import("csstype").Property.OffsetAnchor<string | number> | undefined;
                     offsetDistance?: import("csstype").Property.OffsetDistance<string | number> | undefined;
                     offsetPath?: import("csstype").Property.OffsetPath | undefined;
+                    offsetPosition?: import("csstype").Property.OffsetPosition<string | number> | undefined;
                     offsetRotate?: import("csstype").Property.OffsetRotate | undefined;
                     offsetRotation?: import("csstype").Property.OffsetRotate | undefined;
                     opacity?: import("csstype").Property.Opacity | undefined;
@@ -262,23 +269,21 @@ export default function Tabs(theme: Theme): {
                     overscrollBehaviorInline?: import("csstype").Property.OverscrollBehaviorInline | undefined;
                     overscrollBehaviorX?: import("csstype").Property.OverscrollBehaviorX | undefined;
                     overscrollBehaviorY?: import("csstype").Property.OverscrollBehaviorY | undefined;
-                    paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
                     paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
                     paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
                     paddingBottom?: import("csstype").Property.PaddingBottom<string | number> | undefined;
-                    paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
                     paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
                     paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
                     paddingLeft?: import("csstype").Property.PaddingLeft<string | number> | undefined;
                     paddingRight?: import("csstype").Property.PaddingRight<string | number> | undefined;
                     paddingTop?: import("csstype").Property.PaddingTop<string | number> | undefined;
+                    page?: import("csstype").Property.Page | undefined;
                     pageBreakAfter?: import("csstype").Property.PageBreakAfter | undefined;
                     pageBreakBefore?: import("csstype").Property.PageBreakBefore | undefined;
                     pageBreakInside?: import("csstype").Property.PageBreakInside | undefined;
                     paintOrder?: import("csstype").Property.PaintOrder | undefined;
                     perspective?: import("csstype").Property.Perspective<string | number> | undefined;
                     perspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
-                    placeContent?: import("csstype").Property.PlaceContent | undefined;
                     pointerEvents?: import("csstype").Property.PointerEvents | undefined;
                     position?: import("csstype").Property.Position | undefined;
                     printColorAdjust?: import("csstype").Property.PrintColorAdjust | undefined;
@@ -292,36 +297,31 @@ export default function Tabs(theme: Theme): {
                     rubyPosition?: import("csstype").Property.RubyPosition | undefined;
                     scale?: import("csstype").Property.Scale | undefined;
                     scrollBehavior?: import("csstype").Property.ScrollBehavior | undefined;
-                    scrollMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
-                    scrollMarginBlock?: import("csstype").Property.ScrollMarginBlock<string | number> | undefined;
                     scrollMarginBlockEnd?: import("csstype").Property.ScrollMarginBlockEnd<string | number> | undefined;
                     scrollMarginBlockStart?: import("csstype").Property.ScrollMarginBlockStart<string | number> | undefined;
                     scrollMarginBottom?: import("csstype").Property.ScrollMarginBottom<string | number> | undefined;
-                    scrollMarginInline?: import("csstype").Property.ScrollMarginInline<string | number> | undefined;
                     scrollMarginInlineEnd?: import("csstype").Property.ScrollMarginInlineEnd<string | number> | undefined;
                     scrollMarginInlineStart?: import("csstype").Property.ScrollMarginInlineStart<string | number> | undefined;
                     scrollMarginLeft?: import("csstype").Property.ScrollMarginLeft<string | number> | undefined;
                     scrollMarginRight?: import("csstype").Property.ScrollMarginRight<string | number> | undefined;
                     scrollMarginTop?: import("csstype").Property.ScrollMarginTop<string | number> | undefined;
-                    scrollPadding?: import("csstype").Property.ScrollPadding<string | number> | undefined;
-                    scrollPaddingBlock?: import("csstype").Property.ScrollPaddingBlock<string | number> | undefined;
                     scrollPaddingBlockEnd?: import("csstype").Property.ScrollPaddingBlockEnd<string | number> | undefined;
                     scrollPaddingBlockStart?: import("csstype").Property.ScrollPaddingBlockStart<string | number> | undefined;
                     scrollPaddingBottom?: import("csstype").Property.ScrollPaddingBottom<string | number> | undefined;
-                    scrollPaddingInline?: import("csstype").Property.ScrollPaddingInline<string | number> | undefined;
                     scrollPaddingInlineEnd?: import("csstype").Property.ScrollPaddingInlineEnd<string | number> | undefined;
                     scrollPaddingInlineStart?: import("csstype").Property.ScrollPaddingInlineStart<string | number> | undefined;
                     scrollPaddingLeft?: import("csstype").Property.ScrollPaddingLeft<string | number> | undefined;
                     scrollPaddingRight?: import("csstype").Property.ScrollPaddingRight<string | number> | undefined;
                     scrollPaddingTop?: import("csstype").Property.ScrollPaddingTop<string | number> | undefined;
                     scrollSnapAlign?: import("csstype").Property.ScrollSnapAlign | undefined;
-                    scrollSnapMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
                     scrollSnapMarginBottom?: import("csstype").Property.ScrollMarginBottom<string | number> | undefined;
                     scrollSnapMarginLeft?: import("csstype").Property.ScrollMarginLeft<string | number> | undefined;
                     scrollSnapMarginRight?: import("csstype").Property.ScrollMarginRight<string | number> | undefined;
                     scrollSnapMarginTop?: import("csstype").Property.ScrollMarginTop<string | number> | undefined;
                     scrollSnapStop?: import("csstype").Property.ScrollSnapStop | undefined;
                     scrollSnapType?: import("csstype").Property.ScrollSnapType | undefined;
+                    scrollTimelineAxis?: import("csstype").Property.ScrollTimelineAxis | undefined;
+                    scrollTimelineName?: import("csstype").Property.ScrollTimelineName | undefined;
                     scrollbarColor?: import("csstype").Property.ScrollbarColor | undefined;
                     scrollbarGutter?: import("csstype").Property.ScrollbarGutter | undefined;
                     scrollbarWidth?: import("csstype").Property.ScrollbarWidth | undefined;
@@ -366,6 +366,7 @@ export default function Tabs(theme: Theme): {
                     unicodeBidi?: import("csstype").Property.UnicodeBidi | undefined;
                     userSelect?: import("csstype").Property.UserSelect | undefined;
                     verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
+                    viewTransitionName?: import("csstype").Property.ViewTransitionName | undefined;
                     visibility?: import("csstype").Property.Visibility | undefined;
                     whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
                     widows?: import("csstype").Property.Widows | undefined;
@@ -397,8 +398,11 @@ export default function Tabs(theme: Theme): {
                     borderStyle?: import("csstype").Property.BorderStyle | undefined;
                     borderTop?: import("csstype").Property.BorderTop<string | number> | undefined;
                     borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
+                    caret?: import("csstype").Property.Caret | undefined;
                     columnRule?: import("csstype").Property.ColumnRule<string | number> | undefined;
                     columns?: import("csstype").Property.Columns<string | number> | undefined;
+                    containIntrinsicSize?: import("csstype").Property.ContainIntrinsicSize<string | number> | undefined;
+                    container?: import("csstype").Property.Container | undefined;
                     flex?: import("csstype").Property.Flex<string | number> | undefined;
                     flexFlow?: import("csstype").Property.FlexFlow | undefined;
                     font?: import("csstype").Property.Font | undefined;
@@ -408,9 +412,14 @@ export default function Tabs(theme: Theme): {
                     gridColumn?: import("csstype").Property.GridColumn | undefined;
                     gridRow?: import("csstype").Property.GridRow | undefined;
                     gridTemplate?: import("csstype").Property.GridTemplate | undefined;
+                    inset?: import("csstype").Property.Inset<string | number> | undefined;
+                    insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
+                    insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
                     lineClamp?: import("csstype").Property.LineClamp | undefined;
                     listStyle?: import("csstype").Property.ListStyle | undefined;
                     margin?: import("csstype").Property.Margin<string | number> | undefined;
+                    marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
+                    marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
                     mask?: import("csstype").Property.Mask<string | number> | undefined;
                     maskBorder?: import("csstype").Property.MaskBorder | undefined;
                     motion?: import("csstype").Property.Offset<string | number> | undefined;
@@ -419,8 +428,19 @@ export default function Tabs(theme: Theme): {
                     overflow?: import("csstype").Property.Overflow | undefined;
                     overscrollBehavior?: import("csstype").Property.OverscrollBehavior | undefined;
                     padding?: import("csstype").Property.Padding<string | number> | undefined;
+                    paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
+                    paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
+                    placeContent?: import("csstype").Property.PlaceContent | undefined;
                     placeItems?: import("csstype").Property.PlaceItems | undefined;
                     placeSelf?: import("csstype").Property.PlaceSelf | undefined;
+                    scrollMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
+                    scrollMarginBlock?: import("csstype").Property.ScrollMarginBlock<string | number> | undefined;
+                    scrollMarginInline?: import("csstype").Property.ScrollMarginInline<string | number> | undefined;
+                    scrollPadding?: import("csstype").Property.ScrollPadding<string | number> | undefined;
+                    scrollPaddingBlock?: import("csstype").Property.ScrollPaddingBlock<string | number> | undefined;
+                    scrollPaddingInline?: import("csstype").Property.ScrollPaddingInline<string | number> | undefined;
+                    scrollSnapMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
+                    scrollTimeline?: import("csstype").Property.ScrollTimeline | undefined;
                     textDecoration?: import("csstype").Property.TextDecoration<string | number> | undefined;
                     textEmphasis?: import("csstype").Property.TextEmphasis | undefined;
                     transition?: import("csstype").Property.Transition<string & {}> | undefined;
@@ -434,6 +454,7 @@ export default function Tabs(theme: Theme): {
                     MozAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
                     MozAppearance?: import("csstype").Property.MozAppearance | undefined;
                     MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
+                    MozBinding?: import("csstype").Property.MozBinding | undefined;
                     MozBorderBottomColors?: import("csstype").Property.MozBorderBottomColors | undefined;
                     MozBorderEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
                     MozBorderEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
@@ -714,7 +735,6 @@ export default function Tabs(theme: Theme): {
                     MozBackgroundInlinePolicy?: import("csstype").Property.BoxDecorationBreak | undefined;
                     MozBackgroundOrigin?: import("csstype").Property.BackgroundOrigin | undefined;
                     MozBackgroundSize?: import("csstype").Property.BackgroundSize<string | number> | undefined;
-                    MozBinding?: import("csstype").Property.MozBinding | undefined;
                     MozBorderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
                     MozBorderRadiusBottomleft?: import("csstype").Property.BorderBottomLeftRadius<string | number> | undefined;
                     MozBorderRadiusBottomright?: import("csstype").Property.BorderBottomRightRadius<string | number> | undefined;

package/theme/overrides/MUIComponents/Typography.d.ts

@@ -1,6 +1,11 @@
 import { Theme } from '@mui/material/styles';
 export default function Typography(theme: Theme): {
     MuiTypography: {
+        defaultProps: {
+            variantMapping: {
+                subtitleDens: string;
+            };
+        };
         styleOverrides: {
             paragraph: {
                 marginBottom: string;

package/theme/palette.d.ts

@@ -1,4 +1,29 @@
 export declare type ColorSchema = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error';
+declare type PatronusColors = "patronusBlue" | "crayonBlue" | "middleYellow" | "acidGreen" | "grassGreen" | "candyRed" | "turquiBlue" | "blazeOrange" | "flameRed" | "coolGrey" | "marbleLight" | "ashBlak";
+declare type PatronusOpacityColors = "patronus" | "turqui" | "grass" | "candy" | "blaze" | "cool" | "marbel";
+interface PatronusColorOptions {
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+}
+interface PatronusOpacityOptions {
+    4: string;
+    12: string;
+    24: string;
+    36: string;
+    48: string;
+    60: string;
+    72: string;
+}
+export declare type PatronusConstantColors = Record<PatronusColors, PatronusColorOptions>;
+export declare const PATRONUSCOLORS: PatronusConstantColors;
+export declare const OPACITYCOLORS: Record<PatronusOpacityColors, PatronusOpacityOptions>;
 export declare const GREY: {
     0: string;
     100: string;
@@ -19,6 +44,36 @@ export declare const GREY: {
     50056: string;
     50080: string;
 };
+export interface StateDefault {
+    normal: string;
+    hover: string;
+}
+export interface StateSkeleton {
+    default: string;
+    transition: string;
+}
+export declare const STATEDEFAULT: {
+    info: {
+        normal: string;
+        hover: string;
+    };
+    success: {
+        normal: string;
+        hover: string;
+    };
+    error: {
+        normal: string;
+        hover: string;
+    };
+    warning: {
+        normal: string;
+        hover: string;
+    };
+    skeleton: {
+        default: string;
+        transition: string;
+    };
+};
 export declare const palette: {
     readonly light: {
         readonly mode: "light";
@@ -28,21 +83,10 @@ export declare const palette: {
             readonly disabled: string;
         };
         readonly background: {
-            readonly paper: "#fff";
-            readonly default: "#fff";
+            readonly paper: "#fff0";
+            readonly default: string;
             readonly neutral: string;
-            readonly autocomplete: string;
-            readonly header: "#F6F7F9";
-        };
-        readonly action: {
-            readonly hover: string;
-            readonly selected: string;
-            readonly disabled: string;
-            readonly disabledBackground: string;
-            readonly focus: string;
-            readonly hoverOpacity: number;
-            readonly disabledOpacity: number;
-            readonly active: string;
+            readonly background: string;
         };
         readonly grid: {
             readonly sectionHeader: "#F6F7F9";
@@ -54,12 +98,57 @@ export declare const palette: {
             white: string;
         };
         readonly primary: {
-            contrastText: string;
             lighter: string;
             light: string;
             main: string;
             dark: string;
             darker: string;
+            contrastText: string;
+        };
+        readonly state: {
+            info: {
+                normal: string;
+                hover: string;
+            };
+            success: {
+                normal: string;
+                hover: string;
+            };
+            error: {
+                normal: string;
+                hover: string;
+            };
+            warning: {
+                normal: string;
+                hover: string;
+            };
+            skeleton: {
+                default: string;
+                transition: string;
+            };
+        };
+        readonly patronus: {
+            patronusBlue: PatronusColorOptions;
+            crayonBlue: PatronusColorOptions;
+            middleYellow: PatronusColorOptions;
+            acidGreen: PatronusColorOptions;
+            grassGreen: PatronusColorOptions;
+            candyRed: PatronusColorOptions;
+            turquiBlue: PatronusColorOptions;
+            blazeOrange: PatronusColorOptions;
+            flameRed: PatronusColorOptions;
+            coolGrey: PatronusColorOptions;
+            marbleLight: PatronusColorOptions;
+            ashBlak: PatronusColorOptions;
+        };
+        readonly opacity: {
+            patronus: PatronusOpacityOptions;
+            turqui: PatronusOpacityOptions;
+            grass: PatronusOpacityOptions;
+            candy: PatronusOpacityOptions;
+            blaze: PatronusOpacityOptions;
+            cool: PatronusOpacityOptions;
+            marbel: PatronusOpacityOptions;
         };
         readonly secondary: {
             contrastText: string;
@@ -76,6 +165,7 @@ export declare const palette: {
             main: string;
             dark: string;
             darker: string;
+            opacity: string;
         };
         readonly success: {
             contrastText: string;
@@ -84,6 +174,7 @@ export declare const palette: {
             main: string;
             dark: string;
             darker: string;
+            opacity: string;
         };
         readonly warning: {
             contrastText: string;
@@ -92,6 +183,7 @@ export declare const palette: {
             main: string;
             dark: string;
             darker: string;
+            opacity: string;
         };
         readonly error: {
             contrastText: string;
@@ -100,6 +192,7 @@ export declare const palette: {
             main: string;
             dark: string;
             darker: string;
+            opacity: string;
         };
         readonly grey: {
             0: string;
@@ -136,30 +229,23 @@ export declare const palette: {
             red: string[];
         };
         readonly divider: string;
+        readonly action: {
+            hoverOpacity: number;
+            disabledOpacity: number;
+        };
     };
     readonly dark: {
         readonly mode: "dark";
         readonly text: {
-            readonly primary: "#fff";
+            readonly primary: string;
             readonly secondary: string;
             readonly disabled: string;
         };
         readonly background: {
-            readonly paper: string;
+            readonly paper: "#fff0";
             readonly default: string;
             readonly neutral: string;
-            readonly autocomplete: string;
-            readonly header: "#29313A";
-        };
-        readonly action: {
-            readonly hover: string;
-            readonly selected: string;
-            readonly disabled: string;
-            readonly disabledBackground: string;
-            readonly focus: string;
-            readonly hoverOpacity: number;
-            readonly disabledOpacity: number;
-            readonly active: string;
+            readonly background: string;
         };
         readonly grid: {
             readonly sectionHeader: "#29313A";
@@ -171,12 +257,57 @@ export declare const palette: {
             white: string;
         };
         readonly primary: {
-            contrastText: string;
             lighter: string;
             light: string;
             main: string;
             dark: string;
             darker: string;
+            contrastText: string;
+        };
+        readonly state: {
+            info: {
+                normal: string;
+                hover: string;
+            };
+            success: {
+                normal: string;
+                hover: string;
+            };
+            error: {
+                normal: string;
+                hover: string;
+            };
+            warning: {
+                normal: string;
+                hover: string;
+            };
+            skeleton: {
+                default: string;
+                transition: string;
+            };
+        };
+        readonly patronus: {
+            patronusBlue: PatronusColorOptions;
+            crayonBlue: PatronusColorOptions;
+            middleYellow: PatronusColorOptions;
+            acidGreen: PatronusColorOptions;
+            grassGreen: PatronusColorOptions;
+            candyRed: PatronusColorOptions;
+            turquiBlue: PatronusColorOptions;
+            blazeOrange: PatronusColorOptions;
+            flameRed: PatronusColorOptions;
+            coolGrey: PatronusColorOptions;
+            marbleLight: PatronusColorOptions;
+            ashBlak: PatronusColorOptions;
+        };
+        readonly opacity: {
+            patronus: PatronusOpacityOptions;
+            turqui: PatronusOpacityOptions;
+            grass: PatronusOpacityOptions;
+            candy: PatronusOpacityOptions;
+            blaze: PatronusOpacityOptions;
+            cool: PatronusOpacityOptions;
+            marbel: PatronusOpacityOptions;
         };
         readonly secondary: {
             contrastText: string;
@@ -193,6 +324,7 @@ export declare const palette: {
             main: string;
             dark: string;
             darker: string;
+            opacity: string;
         };
         readonly success: {
             contrastText: string;
@@ -201,6 +333,7 @@ export declare const palette: {
             main: string;
             dark: string;
             darker: string;
+            opacity: string;
         };
         readonly warning: {
             contrastText: string;
@@ -209,6 +342,7 @@ export declare const palette: {
             main: string;
             dark: string;
             darker: string;
+            opacity: string;
         };
         readonly error: {
             contrastText: string;
@@ -217,6 +351,7 @@ export declare const palette: {
             main: string;
             dark: string;
             darker: string;
+            opacity: string;
         };
         readonly grey: {
             0: string;
@@ -253,6 +388,10 @@ export declare const palette: {
             red: string[];
         };
         readonly divider: string;
+        readonly action: {
+            hoverOpacity: number;
+            disabledOpacity: number;
+        };
     };
 };
 export default palette;

package/theme/shadows.d.ts

@@ -1,12 +1,10 @@
 import { Shadows } from '@mui/material/styles/shadows';
 export interface CustomShadowOptions {
     z1: string;
-    z8: string;
-    z12: string;
-    z16: string;
-    z20: string;
-    z24: string;
-    primary: string;
+    z2: string;
+    z3: string;
+    z4: string;
+    primary?: string;
     secondary: string;
     info: string;
     success: string;
@@ -16,50 +14,7 @@ export interface CustomShadowOptions {
     dialog: string;
     dropdown: string;
 }
-declare module '@mui/material/styles' {
-    interface Theme {
-        customShadows: CustomShadowOptions;
-    }
-    interface ThemeOptions {
-        customShadows?: CustomShadowOptions;
-    }
-}
-export declare const customShadows: {
-    light: {
-        z1: string;
-        z8: string;
-        z12: string;
-        z16: string;
-        z20: string;
-        z24: string;
-        primary: string;
-        info: string;
-        secondary: string;
-        success: string;
-        warning: string;
-        error: string;
-        card: string;
-        dialog: string;
-        dropdown: string;
-    };
-    dark: {
-        z1: string;
-        z8: string;
-        z12: string;
-        z16: string;
-        z20: string;
-        z24: string;
-        primary: string;
-        info: string;
-        secondary: string;
-        success: string;
-        warning: string;
-        error: string;
-        card: string;
-        dialog: string;
-        dropdown: string;
-    };
-};
+export declare const createCustomShadows: (mode: 'light' | 'dark') => CustomShadowOptions;
 export declare const shadows: {
     light: Shadows;
     dark: Shadows;