@mailstep/design-system 0.1.2 → 0.1.3

package/build/dts/Forms/RadioButton/stories/RadioButton.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ label, id, name, disabled, onChange, ...rest }: import("../types").RadioProps) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const RadioButtonChecked: Story;
+export declare const RadioButtonUnchecked: Story;
+export declare const RadioButtonDisabledChecked: Story;
+export declare const RadioButtonDisabledUnchecked: Story;

package/build/dts/Forms/RadioButton/styles.d.ts

@@ -0,0 +1,10 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Item: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const PaintoverLayer: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {
+    disabled: boolean;
+}, never>;
+export declare const CenterDot: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;
+export declare const StyledRadio: import("styled-components").StyledComponent<"input", import("@xstyled/system").Theme, {
+    disabled: boolean;
+}, never>;
+export declare const Label: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;

package/build/dts/Forms/RadioButton/types.d.ts

@@ -0,0 +1,12 @@
+import { ChangeEvent } from 'react';
+export type RadioProps = {
+    label?: string;
+    id?: string;
+    name?: string;
+    value?: string | number;
+    color?: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+};

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

@@ -0,0 +1,3 @@
+import { Props } from './types';
+declare const MailstepThemeProvider: ({ children, theme, preflight }: Props) => import("react/jsx-runtime").JSX.Element;
+export default MailstepThemeProvider;

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

@@ -0,0 +1,5 @@
+import ThemeProvider from './ThemeProvider';
+import themes from './themes';
+export * from './types';
+export { themes };
+export { ThemeProvider };

package/build/dts/ThemeProvider/themes/default.d.ts

@@ -0,0 +1,141 @@
+declare const defaultTheme: {
+    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[];
+};
+export default defaultTheme;

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

@@ -0,0 +1,350 @@
+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/ThemeProvider/themes/light.d.ts

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