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

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

@@ -0,0 +1,207 @@
+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/ThemeProvider/types.d.ts

@@ -0,0 +1,50 @@
+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/index.d.ts

@@ -0,0 +1,35 @@
+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';
+export * from './utils';

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

@@ -0,0 +1,10 @@
+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;