@mailstep/design-system 0.8.30 → 0.8.31-beta.2

package/ui/ThemeProvider/themes/index.d.ts

@@ -1,10 +1,21 @@
 declare const themes: {
     default: {
+        screens: {
+            _: number;
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+            '2xl': number;
+        };
         breakpoints: string[];
         colors: {
+            black: string;
             white: string;
             bgLightGray: string;
             bgLightGray1: string;
+            bgLightGray2: string;
             lightGray1: string;
             lightGray2: string;
             lightGray3: string;
@@ -12,7 +23,9 @@ declare const themes: {
             lightGray5: string;
             lightGray6: string;
             lightGray7: string;
+            neutral10: string;
             neutral20: string;
+            neutral30: string;
             neutral300: string;
             neutral500: string;
             gray: string;
@@ -64,6 +77,8 @@ declare const themes: {
             yellow20: string;
             yellow60: string;
             yellow70: string;
+            yellow80: string;
+            yellow90: string;
             yellow1: string;
             yellow2: string;
             red10: string;
@@ -92,6 +107,8 @@ declare const themes: {
             magenta70: string;
             magenta80: string;
             magenta90: string;
+            error: string;
+            sideMenuSelectedText: string;
         };
         fonts: {
             primary: string;
@@ -150,8 +167,99 @@ declare const themes: {
         };
         zIndices: number[];
     };
-    light: import("..").Theme;
     mailwise: {
+        fontSizes: string[];
+        lineHeights: {
+            none: number;
+            tight: number;
+            snug: number;
+            normal: number;
+            relaxed: number;
+            loose: number;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+        };
+        fontWeights: {
+            normal: number;
+            medium: number;
+            semiBold: number;
+            bold: number;
+        };
+        letterSpacings: {
+            tighter: string;
+            tight: string;
+            normal: string;
+            wide: string;
+            wider: string;
+            widest: string;
+        };
+        radii: {
+            sm: string;
+            md: string;
+            ml: string;
+            lg: string;
+            xl: string;
+        };
+        shadows: {
+            tooltipShadow: string;
+            boxShadow: string;
+            dropShadow: string;
+            inputFocusBoxShadow: string;
+            dropdownMenuShadow: string;
+            tooltipBoxShadow: string;
+            cardShadow: string;
+            smooth: string;
+            dialogShadow: string;
+            headerShadow: string;
+            headerShadowB: string;
+            headerShadowNotifications: string;
+            cornerDialogShadow: string;
+            gridShadow: string;
+        };
+        space: {
+            px: string;
+            0: string;
+            0.5: string;
+            1: string;
+            1.5: string;
+            2: string;
+            2.5: string;
+            3: string;
+            3.5: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            11: string;
+            12: string;
+            14: string;
+            16: string;
+            20: string;
+            24: string;
+            28: string;
+            32: string;
+            36: string;
+            40: string;
+            44: string;
+            48: string;
+            52: string;
+            56: string;
+            60: string;
+            64: string;
+            72: string;
+            80: string;
+            96: string;
+        };
+        zIndices: number[];
         screens: {
             _: number;
             xs: number;
@@ -161,10 +269,13 @@ declare const themes: {
             xl: number;
             '2xl': number;
         };
+        breakpoints: string[];
         colors: {
+            black: string;
             white: string;
             bgLightGray: string;
             bgLightGray1: string;
+            bgLightGray2: string;
             lightGray1: string;
             lightGray2: string;
             lightGray3: string;
@@ -172,22 +283,29 @@ declare const themes: {
             lightGray5: string;
             lightGray6: string;
             lightGray7: string;
+            neutral10: string;
             neutral20: string;
+            neutral30: string;
+            neutral300: string;
+            neutral500: string;
             gray: string;
             gray1: string;
             gray2: string;
             gray3: string;
             gray4: string;
             gray5: string;
-            neutral300: string;
             blue1: string;
             blue2: string;
             blue3: string;
             blue4: string;
             textPrimary: string;
+            textTertiary: string;
             typoPrimary: string;
             blue10: string;
             blue20: string;
+            blue30: string;
+            blue40: string;
+            blue50: string;
             blue60: string;
             blue70: string;
             blue80: string;
@@ -219,12 +337,15 @@ declare const themes: {
             yellow20: string;
             yellow60: string;
             yellow70: string;
+            yellow80: string;
+            yellow90: string;
             yellow1: string;
             yellow2: string;
             red10: string;
             red20: string;
             red30: string;
             red50: string;
+            red70: string;
             red1: string;
             red2: string;
             red3: string;
@@ -237,49 +358,181 @@ declare const themes: {
             purple60: string;
             purple80: string;
             purple90: string;
+            magenta10: string;
             magenta20: string;
+            magenta30: string;
+            magenta40: string;
+            magenta50: string;
             magenta60: string;
+            magenta70: string;
             magenta80: string;
             magenta90: string;
+            error: string;
+            sideMenuSelectedText: string;
+        };
+        fonts: {
             primary: string;
+            heading: string;
+        };
+        fontLinks: string[];
+        borders: {
+            slim: string;
+            mediumSlim: string;
+            medium: string;
+            mediumThick: string;
+            thick: string;
+        };
+        transitions: {
+            simpleLong: string;
+            inputTransition: string;
+        };
+    };
+    dark: {
+        colors: {
+            bgLightGray: string;
+            bgLightGray1: string;
+            bgLightGray2: string;
+            typoPrimary: string;
+            textPrimary: string;
+            white: string;
+            lightGray7: string;
+            neutral10: string;
+            neutral20: string;
+            neutral30: string;
+            neutral300: string;
+            red1: string;
+            red20: string;
+            red30: string;
+            red60: string;
+            red70: string;
+            red80: string;
+            yellow20: string;
+            yellow60: string;
+            neutral500: string;
+            lightGray1: string;
+            lightGray2: string;
+            lightGray3: string;
+            lightGray4: string;
+            lightGray6: string;
+            blue1: string;
+            blue2: string;
+            blue3: string;
+            blue10: string;
+            sideMenuSelectedText: string;
             black: string;
+            lightGray5: string;
+            gray: string;
+            gray1: string;
+            gray2: string;
+            gray3: string;
+            gray4: string;
+            gray5: string;
+            blue4: string;
+            textTertiary: string;
+            blue20: string;
+            blue30: string;
+            blue40: string;
+            blue50: string;
+            blue60: string;
+            blue70: string;
+            blue80: string;
+            blue90: string;
+            teal20: string;
+            teal40: string;
+            teal50: string;
+            teal60: string;
+            teal70: string;
+            teal80: string;
+            teal90: string;
+            green10: string;
+            green20: string;
+            green30: string;
+            green50: string;
+            green60: string;
+            green70: string;
+            green80: string;
+            green90: string;
+            green: string;
+            successColor: string;
+            darkGreen: string;
+            orange20: string;
+            orange30: string;
+            orange50: string;
+            orange60: string;
+            orange80: string;
+            yellow10: string;
+            yellow70: string;
+            yellow80: string;
+            yellow90: string;
+            yellow1: string;
+            yellow2: string;
+            red10: string;
+            red50: string;
+            red2: string;
+            red3: string;
+            dangerColor: string;
+            purple20: string;
+            purple40: string;
+            purple50: string;
+            purple60: string;
+            purple80: string;
+            purple90: string;
+            magenta10: string;
+            magenta20: string;
+            magenta30: string;
+            magenta40: string;
+            magenta50: string;
+            magenta60: string;
+            magenta70: string;
+            magenta80: string;
+            magenta90: string;
             error: string;
-            secondary: string;
         };
+        shadows: {
+            dialogShadow: string;
+            gridShadow: string;
+            boxShadow: string;
+            dropShadow: string;
+            inputFocusBoxShadow: string;
+            dropdownMenuShadow: string;
+            tooltipBoxShadow: string;
+            cardShadow: string;
+            smooth: string;
+            headerShadow: string;
+            headerShadowB: string;
+            headerShadowNotifications: string;
+            cornerDialogShadow: string;
+            tooltipShadow: string;
+        };
+        screens: {
+            _: number;
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+            '2xl': number;
+        };
+        breakpoints: string[];
         fonts: {
             primary: string;
             heading: string;
         };
+        fontLinks: string[];
         fontSizes: string[];
-        lineHeights: {
-            none: number;
-            tight: number;
-            snug: number;
-            normal: number;
-            relaxed: number;
-            loose: number;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-            10: string;
-        };
+        lineHeights: number[];
         fontWeights: {
+            light: number;
             normal: number;
             medium: number;
             semiBold: number;
             bold: number;
         };
         letterSpacings: {
-            tighter: string;
-            tight: string;
-            normal: string;
-            wide: string;
-            wider: string;
-            widest: string;
+            default: null;
+            sm: string;
+            md: string;
+            lg: string;
         };
         borders: {
             slim: string;
@@ -295,59 +548,7 @@ declare const themes: {
             lg: string;
             xl: string;
         };
-        shadows: {
-            boxShadow: string;
-            dropShadow: string;
-            inputFocusBoxShadow: string;
-            dropdownMenuShadow: string;
-            tooltipBoxShadow: string;
-            cardShadow: string;
-            smooth: string;
-            dialogShadow: string;
-            tooltipShadow: string;
-            headerShadow: string;
-            headerShadowB: string;
-            headerShadowNotifications: string;
-            gridShadow: string;
-            cornerDialogShadow: string;
-        };
-        space: {
-            px: string;
-            0: string;
-            0.5: string;
-            1: string;
-            1.5: string;
-            2: string;
-            2.5: string;
-            3: string;
-            3.5: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-            10: string;
-            11: string;
-            12: string;
-            14: string;
-            16: string;
-            20: string;
-            24: string;
-            28: string;
-            32: string;
-            36: string;
-            40: string;
-            44: string;
-            48: string;
-            52: string;
-            56: string;
-            60: string;
-            64: string;
-            72: string;
-            80: string;
-            96: string;
-        };
+        space: number[];
         transitions: {
             simpleLong: string;
             inputTransition: string;

package/ui/ThemeProvider/themes/index.js

@@ -1,11 +1,9 @@
-import defaultTheme from "./default.js";
-import lightTheme from "./light.js";
-import defaultTheme$1 from "./mailwise.js";
-//#region packages/ui/ThemeProvider/themes/index.ts
-const themes = {
-	default: defaultTheme,
-	light: lightTheme,
-	mailwise: defaultTheme$1
+import defaultTheme from './default';
+import mailwise from './mailwise';
+import darkTheme from './dark';
+var themes = {
+    default: defaultTheme,
+    mailwise: mailwise,
+    dark: darkTheme
 };
-//#endregion
-export { themes as default };
+export default themes;