@mailstep/design-system 0.1.4-beta.1 → 0.1.4-beta.2

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

@@ -1,350 +0,0 @@
-declare const themes: {
-    default: {
-        breakpoints: string[];
-        colors: {
-            white: string;
-            bgLightGray: string;
-            bgLightGray1: string;
-            lightGray1: string;
-            lightGray2: string;
-            lightGray3: string;
-            lightGray4: string;
-            lightGray5: string;
-            lightGray6: string;
-            lightGray7: string;
-            neutral20: string;
-            neutral300: string;
-            gray: string;
-            gray1: string;
-            gray2: string;
-            gray3: string;
-            gray4: string;
-            gray5: string;
-            blue1: string;
-            blue2: string;
-            blue3: string;
-            blue4: string;
-            textPrimary: string;
-            textTertiary: string;
-            typoPrimary: string;
-            blue10: string;
-            blue20: 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;
-            yellow20: string;
-            yellow60: string;
-            yellow70: string;
-            yellow1: string;
-            yellow2: string;
-            red10: string;
-            red20: string;
-            red30: string;
-            red50: string;
-            red1: string;
-            red2: string;
-            red3: string;
-            red60: string;
-            red80: string;
-            dangerColor: string;
-            purple20: string;
-            purple40: string;
-            purple50: string;
-            purple60: string;
-            purple80: string;
-            purple90: string;
-            magenta20: string;
-            magenta60: string;
-            magenta80: string;
-            magenta90: string;
-        };
-        fonts: {
-            primary: string;
-            heading: string;
-        };
-        fontLinks: string[];
-        fontSizes: string[];
-        lineHeights: number[];
-        fontWeights: {
-            default: null;
-            normal: number;
-            medium: number;
-            semiBold: number;
-            bold: number;
-        };
-        letterSpacings: {
-            default: null;
-            sm: string;
-            md: string;
-            lg: string;
-        };
-        borders: {
-            slim: string;
-            mediumSlim: string;
-            medium: string;
-            mediumThick: string;
-            thick: string;
-        };
-        radii: {
-            sm: string;
-            md: string;
-            ml: string;
-            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;
-            cornerDialogShadow: string;
-        };
-        space: number[];
-        transitions: {
-            simpleLong: string;
-            inputTransition: string;
-        };
-        zIndices: number[];
-    };
-    light: import("..").Theme;
-    mailwise: {
-        screens: {
-            _: number;
-            xs: number;
-            sm: number;
-            md: number;
-            lg: number;
-            xl: number;
-            '2xl': number;
-        };
-        colors: {
-            white: string;
-            bgLightGray: string;
-            bgLightGray1: string;
-            lightGray1: string;
-            lightGray2: string;
-            lightGray3: string;
-            lightGray4: string;
-            lightGray5: string;
-            lightGray6: string;
-            lightGray7: string;
-            neutral20: 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;
-            typoPrimary: string;
-            blue10: string;
-            blue20: 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;
-            yellow20: string;
-            yellow60: string;
-            yellow70: string;
-            yellow1: string;
-            yellow2: string;
-            red10: string;
-            red20: string;
-            red30: string;
-            red50: string;
-            red1: string;
-            red2: string;
-            red3: string;
-            red60: string;
-            red80: string;
-            dangerColor: string;
-            purple20: string;
-            purple40: string;
-            purple50: string;
-            purple60: string;
-            purple80: string;
-            purple90: string;
-            magenta20: string;
-            magenta60: string;
-            magenta80: string;
-            magenta90: string;
-            primary: string;
-            black: string;
-            error: string;
-            secondary: string;
-        };
-        fonts: {
-            primary: string;
-            heading: 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;
-        };
-        fontWeights: {
-            normal: number;
-            medium: number;
-            semiBold: number;
-            bold: number;
-        };
-        letterSpacings: {
-            tighter: string;
-            tight: string;
-            normal: string;
-            wide: string;
-            wider: string;
-            widest: string;
-        };
-        borders: {
-            slim: string;
-            mediumSlim: string;
-            medium: string;
-            mediumThick: string;
-            thick: string;
-        };
-        radii: {
-            none: string;
-            sm: string;
-            default: string;
-            md: string;
-            lg: string;
-            xl: string;
-            '2xl': string;
-            '3xl': string;
-            full: 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;
-            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;
-        };
-        transitions: {
-            simpleLong: string;
-            inputTransition: string;
-        };
-        zIndices: number[];
-    };
-};
-export default themes;

package/build/dts/ui/ThemeProvider/themes/light.d.ts

@@ -1,3 +0,0 @@
-import { Theme } from "../types";
-declare const lightTheme: Theme;
-export default lightTheme;

package/build/dts/ui/ThemeProvider/themes/mailwise.d.ts

@@ -1,207 +0,0 @@
-declare const defaultTheme: {
-    screens: {
-        _: number;
-        xs: number;
-        sm: number;
-        md: number;
-        lg: number;
-        xl: number;
-        '2xl': number;
-    };
-    colors: {
-        white: string;
-        bgLightGray: string;
-        bgLightGray1: string;
-        lightGray1: string;
-        lightGray2: string;
-        lightGray3: string;
-        lightGray4: string;
-        lightGray5: string;
-        lightGray6: string;
-        lightGray7: string;
-        neutral20: 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;
-        typoPrimary: string;
-        blue10: string;
-        blue20: 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;
-        yellow20: string;
-        yellow60: string;
-        yellow70: string;
-        yellow1: string;
-        yellow2: string;
-        red10: string;
-        red20: string;
-        red30: string;
-        red50: string;
-        red1: string;
-        red2: string;
-        red3: string;
-        red60: string;
-        red80: string;
-        dangerColor: string;
-        purple20: string;
-        purple40: string;
-        purple50: string;
-        purple60: string;
-        purple80: string;
-        purple90: string;
-        magenta20: string;
-        magenta60: string;
-        magenta80: string;
-        magenta90: string;
-        primary: string;
-        black: string;
-        error: string;
-        secondary: string;
-    };
-    fonts: {
-        primary: string;
-        heading: 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;
-    };
-    fontWeights: {
-        normal: number;
-        medium: number;
-        semiBold: number;
-        bold: number;
-    };
-    letterSpacings: {
-        tighter: string;
-        tight: string;
-        normal: string;
-        wide: string;
-        wider: string;
-        widest: string;
-    };
-    borders: {
-        slim: string;
-        mediumSlim: string;
-        medium: string;
-        mediumThick: string;
-        thick: string;
-    };
-    radii: {
-        none: string;
-        sm: string;
-        default: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        '3xl': string;
-        full: 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;
-        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;
-    };
-    transitions: {
-        simpleLong: string;
-        inputTransition: string;
-    };
-    zIndices: number[];
-};
-export default defaultTheme;

package/build/dts/ui/ThemeProvider/types.d.ts

@@ -1,50 +0,0 @@
-import React from 'react';
-export type Color = {
-    [key: string]: string;
-};
-export type Theme = {
-    breakpoints?: {
-        xs: number;
-        sm: number;
-        md: number;
-        lg: number;
-        xl: number;
-    };
-    colors?: {
-        [key: string]: string | Color;
-    };
-    fonts?: {
-        [key: string]: string;
-    };
-    fontLinks?: string[];
-    fontSizes?: string[];
-    fontWeights?: {
-        [key: string]: number | null;
-    };
-    letterSpacings?: {
-        [key: string]: string | null;
-    };
-    borders?: {
-        [key: string]: string;
-    };
-    radii?: {
-        [key: string]: string;
-    };
-    shadows?: {
-        [key: string]: string;
-    };
-    spaces?: number[];
-    lineHeights?: number[];
-    transitions?: {
-        [key: string]: string;
-    };
-    zIndices?: number[];
-};
-export type Themes = {
-    [key: string]: Theme;
-};
-export interface Props {
-    children: React.ReactNode;
-    theme: 'default' | 'light' | 'mailwise';
-    preflight?: boolean;
-}

package/build/dts/ui/index.d.ts

@@ -1,34 +0,0 @@
-export * from './Blocks/CornerDialog';
-export * from './Blocks/ImageList';
-export * from './Blocks/LightBox';
-export * from './Blocks/Modal';
-export * from './Blocks/Tabs';
-export * from './Elements/Alert';
-export * from './Elements/Avatar';
-export * from './Elements/Badge';
-export * from './Elements/BorderedBox';
-export * from './Elements/Button';
-export * from './Elements/Card';
-export * from './Elements/Dropdown';
-export * from './Elements/ErrorMessage';
-export * from './Elements/Icon';
-export * from './Elements/Image';
-export * from './Elements/Label';
-export * from './Elements/Line';
-export * from './Elements/Link';
-export * from './Elements/Logo';
-export * from './Elements/Pagination';
-export * from './Elements/Paragraph';
-export * from './Elements/Portal';
-export * from './Elements/ProgressBar';
-export * from './Elements/SimpleLink';
-export * from './Elements/SpaceAround';
-export * from './Elements/Spinner';
-export * from './Elements/Tag';
-export * from './Elements/Toast';
-export * from './Elements/Toggle';
-export * from './Elements/Typography';
-export * from './Forms/Checkbox';
-export * from './Forms/Input';
-export * from './Forms/RadioButton';
-export * from './ThemeProvider';

package/build/dts/utils/CreateRgba/createRgba.d.ts

@@ -1,3 +0,0 @@
-import { CreateRgba } from './types';
-export declare const createRgba: CreateRgba;
-export default createRgba;

package/build/dts/utils/CreateRgba/types.d.ts

@@ -1 +0,0 @@
-export type CreateRgba = (color: string, alpha: number) => string;

package/build/dts/utils/KeyPress/KeyPress.d.ts

@@ -1,3 +0,0 @@
-import { KeyPress } from './types';
-declare const OnKeyPress: KeyPress;
-export default OnKeyPress;

package/build/dts/utils/KeyPress/KeyPress.stories.d.ts

@@ -1,10 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("./types").KeyPress;
-    tags: string[];
-    argTypes: {};
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/build/dts/utils/KeyPress/index.d.ts

@@ -1,2 +0,0 @@
-import KeyPress from './KeyPress';
-export default KeyPress;

package/build/dts/utils/KeyPress/types.d.ts

@@ -1,6 +0,0 @@
-type KeyPressProps = {
-    action: () => void;
-    keyCode: number;
-};
-export type KeyPress = (props: KeyPressProps) => null;
-export {};

package/build/dts/utils/index.d.ts

@@ -1,3 +0,0 @@
-import createRgba from './CreateRgba/createRgba';
-import KeyPress from './KeyPress';
-export { createRgba, KeyPress };