@mailstep/design-system 0.1.2 → 0.1.4-beta.0

package/build/packages/ui/ThemeProvider/themes/default.js

@@ -0,0 +1,147 @@
+'use strict';
+
+var defaultTheme = {
+    breakpoints: ['0'],
+    colors: {
+        white: '#FFFFFF',
+        bgLightGray: '#FAFBFC',
+        bgLightGray1: '#F1F5F9',
+        lightGray1: '#F5F7FA',
+        lightGray2: '#EFF3F8',
+        lightGray3: '#D4D8DE',
+        lightGray4: '#B9BFC9',
+        lightGray5: '#A3B3C1',
+        lightGray6: '#D2D8DF',
+        lightGray7: '#E7EBEF',
+        neutral20: '#F1F5F9',
+        neutral300: '#5E6C84',
+        gray: '#8594A5',
+        gray1: '#7A90A1',
+        gray2: '#9AA1A7',
+        gray3: '#5F6C76',
+        gray4: '#455665',
+        gray5: '#647483',
+        blue1: '#2C4052',
+        blue2: '#22394E',
+        blue3: '#162C3F',
+        blue4: '#0C1F2F',
+        textPrimary: '#091E42',
+        textTertiary: '#7A869A',
+        typoPrimary: '#22394E',
+        blue10: '#F3F9FF',
+        blue20: '#DCEFFF',
+        blue60: '#0065FF',
+        blue70: '#0052CC',
+        blue80: '#0747A6',
+        blue90: '#1d3557',
+        teal20: '#E6FCFF',
+        teal40: '#a8dadc',
+        teal50: '#1aa1a7',
+        teal60: '#00B1D0',
+        teal70: '#1aa1da',
+        teal80: '#06718C',
+        teal90: '#035361',
+        green10: '#F2FFF5',
+        green20: '#DEFBE6',
+        green30: '#b8ecb8',
+        green50: '#81dd91',
+        green60: '#00A445',
+        green70: '#06d6a0',
+        green80: '#0E6027',
+        green90: '#067164',
+        green: '#13CE62',
+        successColor: '#24A148',
+        darkGreen: '#00A445',
+        orange20: '#FFF3E0',
+        orange30: '#FFE6CC',
+        orange50: '#ff9f43',
+        orange60: '#FF9800',
+        orange80: '#9E4800',
+        yellow10: '#FFFDE8',
+        yellow20: '#FFF9C4',
+        yellow60: '#FFE600',
+        yellow70: '#FFD702',
+        yellow1: '#FFD702',
+        yellow2: '#F2E871',
+        red10: '#FFF6F4',
+        red20: '#FFEBE6',
+        red30: '#fec1cb',
+        red50: '#ff7c7b',
+        red1: '#DB2B19',
+        red2: '#E94324',
+        red3: '#991E12',
+        red60: '#DB2B19',
+        red80: '#B71C1C',
+        dangerColor: '#E32C1E',
+        purple20: '#F0EDFF',
+        purple40: '#0072A0',
+        purple50: '#4573B3',
+        purple60: '#6554C0',
+        purple80: '#403294',
+        purple90: '#03235f',
+        magenta20: '#FCF1F7',
+        magenta60: '#EE5396',
+        magenta80: '#9F1853',
+        magenta90: '#872e8b',
+    },
+    fonts: {
+        primary: 'Inter, sans-serif',
+        heading: 'Inter, sans-serif',
+    },
+    fontLinks: ['https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'],
+    fontSizes: ['10px', '12px', '14px', '16px', '18px', '21px', '24px', '32px'],
+    lineHeights: [1.7],
+    fontWeights: {
+        default: null,
+        normal: 400,
+        medium: 500,
+        semiBold: 600,
+        bold: 700,
+    },
+    letterSpacings: {
+        default: null,
+        sm: '2px',
+        md: '4px',
+        lg: '8px',
+    },
+    borders: {
+        slim: '1px solid',
+        mediumSlim: '2px solid',
+        medium: '3px solid',
+        mediumThick: '6px solid',
+        thick: '10px solid',
+    },
+    // ...........................
+    radii: {
+        sm: '2px',
+        md: '4px',
+        ml: '6px',
+        lg: '8px',
+        xl: '16px',
+    },
+    shadows: {
+        boxShadow: '0px 5px 60px rgba(0, 0, 0, 0.1)',
+        dropShadow: '0px 5px 40px rgba(0, 0, 0, 0.1)',
+        inputFocusBoxShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',
+        dropdownMenuShadow: '0 5px 25px rgba(0, 0, 0, 0.1)',
+        tooltipBoxShadow: '0px 2px 20px rgba(0, 0, 0, 0.1)',
+        cardShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',
+        smooth: '0px 4px 25px 0px #0000001a',
+        // redesign:
+        dialogShadow: '1px 4px 7px rgba(0, 0, 0, 0.4)',
+        tooltipShadow: '0px 1px 4px 0 #B1B8C3',
+        headerShadow: '1px 2px 3px #00000029',
+        headerShadowB: '1px 1px 3px #00000029',
+        headerShadowNotifications: '1px 1px 2px #00000029',
+        cornerDialogShadow: '1px 1px 3px 1px #00000029',
+    },
+    space: [0, 4, 8, 16, 24, 48, 96, 144, 192, 240],
+    transitions: {
+        simpleLong: 'all 2s',
+        inputTransition: 'border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out',
+    },
+    zIndices: [0, 1, 2, 3, 5, 30, 40, 100, 200, 300, 9999],
+};
+
+module.exports = defaultTheme;
+//# sourceMappingURL=default.js.map

package/build/packages/ui/ThemeProvider/themes/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sources":["../../../../../packages/ui/ThemeProvider/themes/default.ts"],"sourcesContent":["var defaultTheme = {\n    breakpoints: ['0'],\n    colors: {\n        white: '#FFFFFF',\n        bgLightGray: '#FAFBFC',\n        bgLightGray1: '#F1F5F9',\n        lightGray1: '#F5F7FA',\n        lightGray2: '#EFF3F8',\n        lightGray3: '#D4D8DE',\n        lightGray4: '#B9BFC9',\n        lightGray5: '#A3B3C1',\n        lightGray6: '#D2D8DF',\n        lightGray7: '#E7EBEF',\n        neutral20: '#F1F5F9',\n        neutral300: '#5E6C84',\n        gray: '#8594A5',\n        gray1: '#7A90A1',\n        gray2: '#9AA1A7',\n        gray3: '#5F6C76',\n        gray4: '#455665',\n        gray5: '#647483',\n        blue1: '#2C4052',\n        blue2: '#22394E',\n        blue3: '#162C3F',\n        blue4: '#0C1F2F',\n        textPrimary: '#091E42',\n        textTertiary: '#7A869A',\n        typoPrimary: '#22394E',\n        blue10: '#F3F9FF',\n        blue20: '#DCEFFF',\n        blue60: '#0065FF',\n        blue70: '#0052CC',\n        blue80: '#0747A6',\n        blue90: '#1d3557',\n        teal20: '#E6FCFF',\n        teal40: '#a8dadc',\n        teal50: '#1aa1a7',\n        teal60: '#00B1D0',\n        teal70: '#1aa1da',\n        teal80: '#06718C',\n        teal90: '#035361',\n        green10: '#F2FFF5',\n        green20: '#DEFBE6',\n        green30: '#b8ecb8',\n        green50: '#81dd91',\n        green60: '#00A445',\n        green70: '#06d6a0',\n        green80: '#0E6027',\n        green90: '#067164',\n        green: '#13CE62',\n        successColor: '#24A148',\n        darkGreen: '#00A445',\n        orange20: '#FFF3E0',\n        orange30: '#FFE6CC',\n        orange50: '#ff9f43',\n        orange60: '#FF9800',\n        orange80: '#9E4800',\n        yellow10: '#FFFDE8',\n        yellow20: '#FFF9C4',\n        yellow60: '#FFE600',\n        yellow70: '#FFD702',\n        yellow1: '#FFD702',\n        yellow2: '#F2E871',\n        red10: '#FFF6F4',\n        red20: '#FFEBE6',\n        red30: '#fec1cb',\n        red50: '#ff7c7b',\n        red1: '#DB2B19',\n        red2: '#E94324',\n        red3: '#991E12',\n        red60: '#DB2B19',\n        red80: '#B71C1C',\n        dangerColor: '#E32C1E',\n        purple20: '#F0EDFF',\n        purple40: '#0072A0',\n        purple50: '#4573B3',\n        purple60: '#6554C0',\n        purple80: '#403294',\n        purple90: '#03235f',\n        magenta20: '#FCF1F7',\n        magenta60: '#EE5396',\n        magenta80: '#9F1853',\n        magenta90: '#872e8b',\n    },\n    fonts: {\n        primary: 'Inter, sans-serif',\n        heading: 'Inter, sans-serif',\n    },\n    fontLinks: ['https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'],\n    fontSizes: ['10px', '12px', '14px', '16px', '18px', '21px', '24px', '32px'],\n    lineHeights: [1.7],\n    fontWeights: {\n        default: null,\n        normal: 400,\n        medium: 500,\n        semiBold: 600,\n        bold: 700,\n    },\n    letterSpacings: {\n        default: null,\n        sm: '2px',\n        md: '4px',\n        lg: '8px',\n    },\n    borders: {\n        slim: '1px solid',\n        mediumSlim: '2px solid',\n        medium: '3px solid',\n        mediumThick: '6px solid',\n        thick: '10px solid',\n    },\n    // ...........................\n    radii: {\n        sm: '2px',\n        md: '4px',\n        ml: '6px',\n        lg: '8px',\n        xl: '16px',\n    },\n    shadows: {\n        boxShadow: '0px 5px 60px rgba(0, 0, 0, 0.1)',\n        dropShadow: '0px 5px 40px rgba(0, 0, 0, 0.1)',\n        inputFocusBoxShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',\n        dropdownMenuShadow: '0 5px 25px rgba(0, 0, 0, 0.1)',\n        tooltipBoxShadow: '0px 2px 20px rgba(0, 0, 0, 0.1)',\n        cardShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',\n        smooth: '0px 4px 25px 0px #0000001a',\n        // redesign:\n        dialogShadow: '1px 4px 7px rgba(0, 0, 0, 0.4)',\n        tooltipShadow: '0px 1px 4px 0 #B1B8C3',\n        headerShadow: '1px 2px 3px #00000029',\n        headerShadowB: '1px 1px 3px #00000029',\n        headerShadowNotifications: '1px 1px 2px #00000029',\n        cornerDialogShadow: '1px 1px 3px 1px #00000029',\n    },\n    space: [0, 4, 8, 16, 24, 48, 96, 144, 192, 240],\n    transitions: {\n        simpleLong: 'all 2s',\n        inputTransition: 'border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out',\n    },\n    zIndices: [0, 1, 2, 3, 5, 30, 40, 100, 200, 300, 9999],\n};\nexport default defaultTheme;\n//# sourceMappingURL=default.js.map"],"names":[],"mappings":"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"}

package/build/packages/ui/ThemeProvider/themes/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var _default = require('./default.js');
+var light = require('./light.js');
+var mailwise = require('./mailwise.js');
+
+var themes = {
+    default: _default,
+    light: light,
+    mailwise: mailwise
+};
+
+module.exports = themes;
+//# sourceMappingURL=index.js.map

package/build/packages/ui/ThemeProvider/themes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/ui/ThemeProvider/themes/index.ts"],"sourcesContent":["import defaultTheme from './default';\nimport light from './light';\nimport mailwise from './mailwise';\nvar themes = {\n    default: defaultTheme,\n    light: light,\n    mailwise: mailwise\n};\nexport default themes;\n//# sourceMappingURL=index.js.map"],"names":["defaultTheme"],"mappings":";;;;;;AAGG,IAAC,MAAM,GAAG;AACb,IAAI,OAAO,EAAEA,QAAY;AACzB,IAAI,KAAK,EAAE,KAAK;AAChB,IAAI,QAAQ,EAAE,QAAQ;AACtB;;;;"}

package/build/packages/ui/ThemeProvider/themes/light.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var lightTheme = {
+    colors: {
+        primary: "#219615",
+        warning: "purple",
+    },
+};
+
+module.exports = lightTheme;
+//# sourceMappingURL=light.js.map

package/build/packages/ui/ThemeProvider/themes/light.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"light.js","sources":["../../../../../packages/ui/ThemeProvider/themes/light.ts"],"sourcesContent":["var lightTheme = {\n    colors: {\n        primary: \"#219615\",\n        warning: \"purple\",\n    },\n};\nexport default lightTheme;\n//# sourceMappingURL=light.js.map"],"names":[],"mappings":";;AAAG,IAAC,UAAU,GAAG;AACjB,IAAI,MAAM,EAAE;AACZ,QAAQ,OAAO,EAAE,SAAS;AAC1B,QAAQ,OAAO,EAAE,QAAQ;AACzB,KAAK;AACL;;;;"}

package/build/packages/ui/ThemeProvider/themes/mailwise.js

@@ -0,0 +1,218 @@
+'use strict';
+
+var defaultTheme = {
+    screens: {
+        // same as xstyled default
+        _: 0,
+        xs: 479,
+        sm: 721,
+        md: 768,
+        lg: 1024,
+        xl: 1280,
+        '2xl': 1536,
+    },
+    colors: {
+        white: '#fff',
+        bgLightGray: '#FAFBFC',
+        bgLightGray1: '#F1F5F9',
+        lightGray1: '#F5F7FA',
+        lightGray2: '#EFF3F8',
+        lightGray3: '#D4D8DE',
+        lightGray4: '#B9BFC9',
+        lightGray5: '#A3B3C1',
+        lightGray6: '#D2D8DF',
+        lightGray7: '#E7EBEF',
+        neutral20: '#F1F5F9',
+        gray: '#8594A5',
+        gray1: '#7A90A1',
+        gray2: '#9AA1A7',
+        gray3: '#5F6C76',
+        gray4: '#455665',
+        gray5: '#647483',
+        neutral300: '#5E6C84',
+        blue1: '#2C4052',
+        blue2: '#22394E',
+        blue3: '#162C3F',
+        blue4: '#0C1F2F',
+        textPrimary: '#091E42',
+        typoPrimary: '#22394E',
+        blue10: '#F3F9FF',
+        blue20: '#dcf2ff',
+        blue60: '#0065FF',
+        blue70: '#0052CC',
+        blue80: '#0747A6',
+        blue90: '#1d3557',
+        teal20: '#E6FCFF',
+        teal40: '#a8dadc',
+        teal50: '#1aa1a7',
+        teal60: '#00B1D0',
+        teal70: '#1aa1da',
+        teal80: '#06718C',
+        teal90: '#035361',
+        green10: '#F2FFF5',
+        green20: '#DEFBE6',
+        green30: '#b8ecb8',
+        green50: '#81dd91',
+        green60: '#00A445',
+        green70: '#06d6a0',
+        green80: '#0E6027',
+        green90: '#067164',
+        green: '#13CE62',
+        successColor: '#24A148',
+        darkGreen: '#00A445',
+        orange20: '#FFF3E0',
+        orange30: '#FFE6CC',
+        orange50: '#ff9f43',
+        orange60: '#FF9800',
+        orange80: '#9E4800',
+        yellow10: '#FFFDE8',
+        yellow20: '#FFF9C4',
+        yellow60: '#FFE600',
+        yellow70: '#FFD702',
+        yellow1: '#FFD702',
+        yellow2: '#F2E871',
+        red10: '#FFF6F4',
+        red20: '#FFEBE6',
+        red30: '#fec1cb',
+        red50: '#ff7c7b',
+        red1: '#DB2B19',
+        red2: '#E94324',
+        red3: '#991E12',
+        red60: '#DB2B19',
+        red80: '#B71C1C',
+        dangerColor: '#E32C1E',
+        purple20: '#F0EDFF',
+        purple40: '#0072A0',
+        purple50: '#4573B3',
+        purple60: '#6554C0',
+        purple80: '#403294',
+        purple90: '#03235f',
+        magenta20: '#FCF1F7',
+        magenta60: '#EE5396',
+        magenta80: '#9F1853',
+        magenta90: '#872e8b',
+        primary: '#626262',
+        black: '#333333',
+        error: '#ea5455',
+        secondary: '#E15B63',
+    },
+    fonts: {
+        primary: 'Inter, sans-serif',
+        heading: 'Inter, sans-serif',
+    },
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    fontSizes: ['0rem', '0.87rem', '1rem', '1.25rem', '1.5rem', '1.8rem', '2.0rem', '2.4rem', '2.8rem', '3.5rem', '4rem'],
+    // @ts-ignore
+    lineHeights: {
+        none: 1.2,
+        tight: 1.2,
+        snug: 1.2,
+        normal: 1.2,
+        relaxed: 1.2,
+        loose: 1.2,
+        3: '1.2',
+        4: '1.2',
+        5: '1.2',
+        6: '1.2',
+        7: '1.2',
+        8: '1.2',
+        9: '1.2',
+        10: '1.2',
+    },
+    fontWeights: {
+        normal: 400,
+        medium: 500,
+        semiBold: 600,
+        bold: 700,
+    },
+    letterSpacings: {
+        tighter: '2',
+        tight: '2',
+        normal: '4',
+        wide: '8',
+        wider: '8',
+        widest: '8',
+    },
+    borders: {
+        slim: '1px solid',
+        mediumSlim: '2px solid',
+        medium: '3px solid',
+        mediumThick: '6px solid',
+        thick: '10px solid',
+    },
+    radii: {
+        none: '2px',
+        sm: '5px',
+        default: '10px',
+        md: '20px',
+        lg: '20px',
+        xl: '20px',
+        '2xl': '20px',
+        '3xl': '20px',
+        full: '20px',
+    },
+    shadows: {
+        boxShadow: '0px 5px 60px rgba(0, 0, 0, 0.1)',
+        dropShadow: '0px 5px 40px rgba(0, 0, 0, 0.1)',
+        inputFocusBoxShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',
+        dropdownMenuShadow: '0 5px 25px rgba(0, 0, 0, 0.1)',
+        tooltipBoxShadow: '0px 2px 20px rgba(0, 0, 0, 0.1)',
+        cardShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',
+        smooth: '0px 4px 25px 0px #0000001a',
+        // redesign:
+        dialogShadow: '1px 4px 7px rgba(0, 0, 0, 0.4)',
+        tooltipShadow: '0px 1px 4px 0 #B1B8C3',
+        headerShadow: '1px 2px 3px #00000029',
+        headerShadowB: '1px 1px 3px #00000029',
+        headerShadowNotifications: '1px 1px 2px #00000029',
+        cornerDialogShadow: '1px 1px 3px 1px #00000029',
+    },
+    space: {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        px: '1px',
+        0: '0',
+        0.5: '0.125rem',
+        1: '0.25rem',
+        1.5: '0.375rem',
+        2: '0.5rem',
+        2.5: '0.625rem',
+        3: '0.75rem',
+        3.5: '0.875rem',
+        4: '1rem',
+        5: '1.25rem',
+        6: '1.5rem',
+        7: '1.75rem',
+        8: '2rem',
+        9: '2.25rem',
+        10: '2.5rem',
+        11: '2.75rem',
+        12: '3rem',
+        14: '3.5rem',
+        16: '4rem',
+        20: '5rem',
+        24: '6rem',
+        28: '7rem',
+        32: '8rem',
+        36: '9rem',
+        40: '10rem',
+        44: '11rem',
+        48: '12rem',
+        52: '13rem',
+        56: '14rem',
+        60: '15rem',
+        64: '16rem',
+        72: '18rem',
+        80: '20rem',
+        96: '24rem',
+    },
+    transitions: {
+        simpleLong: 'all 2s',
+        inputTransition: 'border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out',
+    },
+    zIndices: [0, 1, 2, 3, 5, 30, 40, 100, 200, 300, 9999],
+};
+
+module.exports = defaultTheme;
+//# sourceMappingURL=mailwise.js.map

package/build/packages/ui/ThemeProvider/themes/mailwise.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mailwise.js","sources":["../../../../../packages/ui/ThemeProvider/themes/mailwise.ts"],"sourcesContent":["var defaultTheme = {\n    screens: {\n        // same as xstyled default\n        _: 0,\n        xs: 479,\n        sm: 721,\n        md: 768,\n        lg: 1024,\n        xl: 1280,\n        '2xl': 1536,\n    },\n    colors: {\n        white: '#fff',\n        bgLightGray: '#FAFBFC',\n        bgLightGray1: '#F1F5F9',\n        lightGray1: '#F5F7FA',\n        lightGray2: '#EFF3F8',\n        lightGray3: '#D4D8DE',\n        lightGray4: '#B9BFC9',\n        lightGray5: '#A3B3C1',\n        lightGray6: '#D2D8DF',\n        lightGray7: '#E7EBEF',\n        neutral20: '#F1F5F9',\n        gray: '#8594A5',\n        gray1: '#7A90A1',\n        gray2: '#9AA1A7',\n        gray3: '#5F6C76',\n        gray4: '#455665',\n        gray5: '#647483',\n        neutral300: '#5E6C84',\n        blue1: '#2C4052',\n        blue2: '#22394E',\n        blue3: '#162C3F',\n        blue4: '#0C1F2F',\n        textPrimary: '#091E42',\n        typoPrimary: '#22394E',\n        blue10: '#F3F9FF',\n        blue20: '#dcf2ff',\n        blue60: '#0065FF',\n        blue70: '#0052CC',\n        blue80: '#0747A6',\n        blue90: '#1d3557',\n        teal20: '#E6FCFF',\n        teal40: '#a8dadc',\n        teal50: '#1aa1a7',\n        teal60: '#00B1D0',\n        teal70: '#1aa1da',\n        teal80: '#06718C',\n        teal90: '#035361',\n        green10: '#F2FFF5',\n        green20: '#DEFBE6',\n        green30: '#b8ecb8',\n        green50: '#81dd91',\n        green60: '#00A445',\n        green70: '#06d6a0',\n        green80: '#0E6027',\n        green90: '#067164',\n        green: '#13CE62',\n        successColor: '#24A148',\n        darkGreen: '#00A445',\n        orange20: '#FFF3E0',\n        orange30: '#FFE6CC',\n        orange50: '#ff9f43',\n        orange60: '#FF9800',\n        orange80: '#9E4800',\n        yellow10: '#FFFDE8',\n        yellow20: '#FFF9C4',\n        yellow60: '#FFE600',\n        yellow70: '#FFD702',\n        yellow1: '#FFD702',\n        yellow2: '#F2E871',\n        red10: '#FFF6F4',\n        red20: '#FFEBE6',\n        red30: '#fec1cb',\n        red50: '#ff7c7b',\n        red1: '#DB2B19',\n        red2: '#E94324',\n        red3: '#991E12',\n        red60: '#DB2B19',\n        red80: '#B71C1C',\n        dangerColor: '#E32C1E',\n        purple20: '#F0EDFF',\n        purple40: '#0072A0',\n        purple50: '#4573B3',\n        purple60: '#6554C0',\n        purple80: '#403294',\n        purple90: '#03235f',\n        magenta20: '#FCF1F7',\n        magenta60: '#EE5396',\n        magenta80: '#9F1853',\n        magenta90: '#872e8b',\n        primary: '#626262',\n        black: '#333333',\n        error: '#ea5455',\n        secondary: '#E15B63',\n    },\n    fonts: {\n        primary: 'Inter, sans-serif',\n        heading: 'Inter, sans-serif',\n    },\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    fontSizes: ['0rem', '0.87rem', '1rem', '1.25rem', '1.5rem', '1.8rem', '2.0rem', '2.4rem', '2.8rem', '3.5rem', '4rem'],\n    // @ts-ignore\n    lineHeights: {\n        none: 1.2,\n        tight: 1.2,\n        snug: 1.2,\n        normal: 1.2,\n        relaxed: 1.2,\n        loose: 1.2,\n        3: '1.2',\n        4: '1.2',\n        5: '1.2',\n        6: '1.2',\n        7: '1.2',\n        8: '1.2',\n        9: '1.2',\n        10: '1.2',\n    },\n    fontWeights: {\n        normal: 400,\n        medium: 500,\n        semiBold: 600,\n        bold: 700,\n    },\n    letterSpacings: {\n        tighter: '2',\n        tight: '2',\n        normal: '4',\n        wide: '8',\n        wider: '8',\n        widest: '8',\n    },\n    borders: {\n        slim: '1px solid',\n        mediumSlim: '2px solid',\n        medium: '3px solid',\n        mediumThick: '6px solid',\n        thick: '10px solid',\n    },\n    radii: {\n        none: '2px',\n        sm: '5px',\n        default: '10px',\n        md: '20px',\n        lg: '20px',\n        xl: '20px',\n        '2xl': '20px',\n        '3xl': '20px',\n        full: '20px',\n    },\n    shadows: {\n        boxShadow: '0px 5px 60px rgba(0, 0, 0, 0.1)',\n        dropShadow: '0px 5px 40px rgba(0, 0, 0, 0.1)',\n        inputFocusBoxShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',\n        dropdownMenuShadow: '0 5px 25px rgba(0, 0, 0, 0.1)',\n        tooltipBoxShadow: '0px 2px 20px rgba(0, 0, 0, 0.1)',\n        cardShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',\n        smooth: '0px 4px 25px 0px #0000001a',\n        // redesign:\n        dialogShadow: '1px 4px 7px rgba(0, 0, 0, 0.4)',\n        tooltipShadow: '0px 1px 4px 0 #B1B8C3',\n        headerShadow: '1px 2px 3px #00000029',\n        headerShadowB: '1px 1px 3px #00000029',\n        headerShadowNotifications: '1px 1px 2px #00000029',\n        cornerDialogShadow: '1px 1px 3px 1px #00000029',\n    },\n    space: {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        px: '1px',\n        0: '0',\n        0.5: '0.125rem',\n        1: '0.25rem',\n        1.5: '0.375rem',\n        2: '0.5rem',\n        2.5: '0.625rem',\n        3: '0.75rem',\n        3.5: '0.875rem',\n        4: '1rem',\n        5: '1.25rem',\n        6: '1.5rem',\n        7: '1.75rem',\n        8: '2rem',\n        9: '2.25rem',\n        10: '2.5rem',\n        11: '2.75rem',\n        12: '3rem',\n        14: '3.5rem',\n        16: '4rem',\n        20: '5rem',\n        24: '6rem',\n        28: '7rem',\n        32: '8rem',\n        36: '9rem',\n        40: '10rem',\n        44: '11rem',\n        48: '12rem',\n        52: '13rem',\n        56: '14rem',\n        60: '15rem',\n        64: '16rem',\n        72: '18rem',\n        80: '20rem',\n        96: '24rem',\n    },\n    transitions: {\n        simpleLong: 'all 2s',\n        inputTransition: 'border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out',\n    },\n    zIndices: [0, 1, 2, 3, 5, 30, 40, 100, 200, 300, 9999],\n};\nexport default defaultTheme;\n//# sourceMappingURL=mailwise.js.map"],"names":[],"mappings":"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"}

package/build/packages/ui/index.js

@@ -0,0 +1,110 @@
+'use strict';
+
+var CornerDialog = require('./Blocks/CornerDialog/CornerDialog.js');
+var ImageList = require('./Blocks/ImageList/ImageList.js');
+var LightBox = require('./Blocks/LightBox/LightBox.js');
+var useLightBox = require('./Blocks/LightBox/hooks/useLightBox.js');
+var Modal = require('./Blocks/Modal/Modal.js');
+var useModal = require('./Blocks/Modal/hooks/useModal.js');
+var useClickOutside = require('./Blocks/Modal/hooks/useClickOutside.js');
+var Tabs = require('./Blocks/Tabs/Tabs.js');
+var useTabs = require('./Blocks/Tabs/hooks/useTabs.js');
+var Alert = require('./Elements/Alert/Alert.js');
+var Avatar = require('./Elements/Avatar/Avatar.js');
+var Badge = require('./Elements/Badge/Badge.js');
+var BorderedBox = require('./Elements/BorderedBox/BorderedBox.js');
+var Button = require('./Elements/Button/Button.js');
+var Card = require('./Elements/Card/Card.js');
+var Dropdown = require('./Elements/Dropdown/Dropdown.js');
+var ErrorMessage = require('./Elements/ErrorMessage/ErrorMessage.js');
+var Icon = require('./Elements/Icon/Icon.js');
+var FlagUSA = require('./Elements/Icon/icons/FlagUSA.js');
+var FlagCZ = require('./Elements/Icon/icons/FlagCZ.js');
+var Image = require('./Elements/Image/Image.js');
+var Label = require('./Elements/Label/Label.js');
+var Line = require('./Elements/Line/Line.js');
+var Link = require('./Elements/Link/Link.js');
+var Logo = require('./Elements/Logo/Logo.js');
+var Pagination = require('./Elements/Pagination/Pagination.js');
+var Paragraph = require('./Elements/Paragraph/Paragraph.js');
+var index = require('./Elements/Portal/index.js');
+var ProgressBar = require('./Elements/ProgressBar/ProgressBar.js');
+var SimpleLink = require('./Elements/SimpleLink/SimpleLink.js');
+var SpaceAround = require('./Elements/SpaceAround/SpaceAround.js');
+var Spinner = require('./Elements/Spinner/Spinner.js');
+var Tag = require('./Elements/Tag/Tag.js');
+var palletes = require('./Elements/Tag/palletes.js');
+var Toast = require('./Elements/Toast/Toast.js');
+var Toggle = require('./Elements/Toggle/Toggle.js');
+var Typography = require('./Elements/Typography/Typography.js');
+var Checkbox = require('./Forms/Checkbox/Checkbox.js');
+var Input = require('./Forms/Input/Input.js');
+var RadioButton = require('./Forms/RadioButton/RadioButton.js');
+var ThemeProvider = require('./ThemeProvider/ThemeProvider.js');
+var index$1 = require('./ThemeProvider/themes/index.js');
+var createRgba = require('./utils/CreateRgba/createRgba.js');
+var KeyPress = require('./utils/KeyPress/KeyPress.js');
+
+
+
+exports.CornerDialog = CornerDialog.CornerDialog;
+exports.ImageList = ImageList.ImageList;
+exports.LightBox = LightBox.LightBox;
+exports.useLightBox = useLightBox.useLightBox;
+exports.Modal = Modal.Modal;
+exports.useModal = useModal.useModal;
+exports.useClickOutside = useClickOutside.useClickOutside;
+exports.Tabs = Tabs.Tabs;
+exports.useTabs = useTabs.useTabs;
+exports.Alert = Alert;
+exports.Avatar = Avatar.Avatar;
+exports.Badge = Badge;
+exports.BorderedBox = BorderedBox;
+exports.Button = Button;
+exports.Card = Card.Card;
+exports.CardBody = Card.CardBody;
+exports.CardImage = Card.CardImage;
+exports.Dropdown = Dropdown;
+exports.ErrorMessage = ErrorMessage;
+exports.Icon = Icon.default;
+exports.iconDictionary = Icon.iconDictionary;
+exports.FlagUSA = FlagUSA.FlagUSA;
+exports.FlagCZ = FlagCZ.FlagCZ;
+exports.Image = Image;
+exports.FieldLabel = Label.FieldLabel;
+exports.Label = Label.Label;
+exports.Line = Line;
+exports.Link = Link;
+exports.Logo = Logo;
+exports.Pagination = Pagination;
+exports.Paragraph = Paragraph;
+exports.Portal = index.Portal;
+exports.ProgressBar = ProgressBar;
+exports.SimpleLink = SimpleLink;
+exports.SpaceAroundWrap = SpaceAround;
+exports.Spinner = Spinner.Spinner;
+exports.Tag = Tag.Tag;
+exports.palletes = palletes.palletes;
+exports.Toast = Toast;
+exports.Toggle = Toggle;
+exports.H1 = Typography.H1;
+exports.H2 = Typography.H2;
+exports.H3 = Typography.H3;
+exports.H4 = Typography.H4;
+exports.H5 = Typography.H5;
+exports.H6 = Typography.H6;
+exports.H7 = Typography.H7;
+exports.Paragraph1 = Typography.Paragraph1;
+exports.Paragraph2 = Typography.Paragraph2;
+exports.Paragraph3 = Typography.Paragraph3;
+exports.Paragraph4 = Typography.Paragraph4;
+exports.Paragraph5 = Typography.Paragraph5;
+exports.Text = Typography.Text;
+exports.Checkbox = Checkbox;
+exports.Input = Input.Input;
+exports.RadioButton = RadioButton;
+exports.ThemeProvider = ThemeProvider;
+exports.themes = index$1;
+exports.createRgba = createRgba.createRgba;
+exports.KeyPress = KeyPress;
+//# sourceMappingURL=index.js.map

package/build/packages/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/packages/ui/utils/CreateRgba/createRgba.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react/jsx-runtime');
+require('@xstyled/styled-components');
+var index = require('../../ThemeProvider/themes/index.js');
+var getOr = require('../../../../node_modules/lodash/fp/getOr.js');
+
+var createRgba = function (color, alpha) {
+    color = getOr(false, "colors[".concat(color, "]"), index.default) || color;
+    if (/^rgb/.test(color)) {
+        return "rgba(".concat(color.substring(color.indexOf('(') + 1, color.length - 1), ", ").concat(alpha, ")");
+    }
+    if (/^#/.test(color)) {
+        var r = parseInt("0x".concat(color.substr(1, 2)));
+        var g = parseInt("0x".concat(color.substr(3, 2)));
+        var b = parseInt("0x".concat(color.substr(5, 2)));
+        return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(alpha, ")");
+    }
+    return color;
+};
+
+exports.createRgba = createRgba;
+exports.default = createRgba;
+//# sourceMappingURL=createRgba.js.map

package/build/packages/ui/utils/CreateRgba/createRgba.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRgba.js","sources":["../../../../../packages/ui/utils/CreateRgba/createRgba.ts"],"sourcesContent":["import { themes } from '../../ThemeProvider';\nimport getOr from 'lodash/fp/getOr';\nexport var createRgba = function (color, alpha) {\n    color = getOr(false, \"colors[\".concat(color, \"]\"), themes.default) || color;\n    if (/^rgb/.test(color)) {\n        return \"rgba(\".concat(color.substring(color.indexOf('(') + 1, color.length - 1), \", \").concat(alpha, \")\");\n    }\n    if (/^#/.test(color)) {\n        var r = parseInt(\"0x\".concat(color.substr(1, 2)));\n        var g = parseInt(\"0x\".concat(color.substr(3, 2)));\n        var b = parseInt(\"0x\".concat(color.substr(5, 2)));\n        return \"rgba(\".concat(r, \", \").concat(g, \", \").concat(b, \", \").concat(alpha, \")\");\n    }\n    return color;\n};\nexport default createRgba;\n//# sourceMappingURL=createRgba.js.map"],"names":["themes"],"mappings":";;;;;;;;;AAEU,IAAC,UAAU,GAAG,UAAU,KAAK,EAAE,KAAK,EAAE;AAChD,IAAI,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,EAAEA,KAAM,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC;AAChF,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AAC5B,QAAQ,OAAO,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAClH,KAAK;AACL,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AAC1B,QAAQ,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1D,QAAQ,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1D,QAAQ,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1D,QAAQ,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAC1F,KAAK;AACL,IAAI,OAAO,KAAK,CAAC;AACjB;;;;;"}

package/build/packages/ui/utils/KeyPress/KeyPress.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+
+var OnKeyPress = function (_a) {
+    var action = _a.action, keyCode = _a.keyCode;
+    var testKeyCode = React.useCallback(function (event) {
+        if (event.keyCode === keyCode) {
+            action();
+        }
+    }, [keyCode, action]);
+    React.useEffect(function () {
+        document.addEventListener('keydown', testKeyCode, false);
+        return function () {
+            document.removeEventListener('keydown', testKeyCode, false);
+        };
+    }, [testKeyCode]);
+    return null;
+};
+
+module.exports = OnKeyPress;
+//# sourceMappingURL=KeyPress.js.map

package/build/packages/ui/utils/KeyPress/KeyPress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyPress.js","sources":["../../../../../packages/ui/utils/KeyPress/KeyPress.tsx"],"sourcesContent":["import { useEffect, useCallback } from 'react';\nvar OnKeyPress = function (_a) {\n    var action = _a.action, keyCode = _a.keyCode;\n    var testKeyCode = useCallback(function (event) {\n        if (event.keyCode === keyCode) {\n            action();\n        }\n    }, [keyCode, action]);\n    useEffect(function () {\n        document.addEventListener('keydown', testKeyCode, false);\n        return function () {\n            document.removeEventListener('keydown', testKeyCode, false);\n        };\n    }, [testKeyCode]);\n    return null;\n};\nexport default OnKeyPress;\n//# sourceMappingURL=KeyPress.js.map"],"names":["useCallback","useEffect"],"mappings":";;;;AACG,IAAC,UAAU,GAAG,UAAU,EAAE,EAAE;AAC/B,IAAI,IAAI,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC;AACjD,IAAI,IAAI,WAAW,GAAGA,iBAAW,CAAC,UAAU,KAAK,EAAE;AACnD,QAAQ,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,EAAE;AACvC,YAAY,MAAM,EAAE,CAAC;AACrB,SAAS;AACT,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;AAC1B,IAAIC,eAAS,CAAC,YAAY;AAC1B,QAAQ,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;AACjE,QAAQ,OAAO,YAAY;AAC3B,YAAY,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;AACxE,SAAS,CAAC;AACV,KAAK,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AACtB,IAAI,OAAO,IAAI,CAAC;AAChB;;;;"}

package/build/packages/ui/utils/KeyPress/index.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var KeyPress = require('./KeyPress.js');
+
+
+
+module.exports = KeyPress;
+//# sourceMappingURL=index.js.map

package/build/packages/ui/utils/KeyPress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.1.2",
+  "version": "0.1.4-beta.0",
   "license": "ISC",
   "type": "module",
   "main": "./build/index.js",