@mailstep/design-system 0.0.2 → 0.0.4

package/dist/Elements/Button/Button.d.ts

@@ -0,0 +1,3 @@
+import { Props } from './types';
+declare const Button: ({ isLoading, loadingText, icon, appearance, disabled, sizing, buttonRef, onClick, fullWidth, ...props }: Props) => JSX.Element;
+export default Button;

package/dist/Elements/Button/index.d.ts

@@ -0,0 +1,4 @@
+import Button from './Button';
+import { AppearanceValue } from './types';
+export default Button;
+export type { AppearanceValue };

package/dist/Elements/Button/stories/Button.stories.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ isLoading, loadingText, icon, appearance, disabled, sizing, buttonRef, onClick, fullWidth, ...props }: import("../types").Props) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const PrimaryLight: Story;
+export declare const Secondary: Story;
+export declare const Success: Story;
+export declare const Large: Story;
+export declare const Small: Story;
+export declare const DisabledPrimary: Story;
+export declare const DisabledSecondary: Story;
+export declare const Loading: Story;
+export declare const WithIcon: Story;

package/dist/Elements/Button/styles.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare const StyledWrapper: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;
+export declare const LoadingIconWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+    $addMargin: boolean;
+}, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ icon, fill, style, size, className, secondaryColor, fixedWidth, spinning, }: import("../Icon").IconProps) => JSX.Element, import("@xstyled/system").Theme, {
+    $addMargin: boolean;
+}, never>;
+export declare const StyledButton: import("styled-components").StyledComponent<"button", import("@xstyled/system").Theme, {
+    disabled: boolean;
+    columnAlign?: boolean | undefined;
+    children?: any;
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    fullWidth: boolean;
+    mt?: string | number | undefined;
+    mr?: string | number | undefined;
+    mb?: string | number | undefined;
+    ml?: string | number | undefined;
+}, never>;

package/dist/Elements/Button/types.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export type SizingValue = 'icon' | 'iconLg' | 'normal' | 'large' | 'grid';
+export type AppearanceValue = 'primary' | 'primaryLight' | 'secondary' | 'primaryLg' | 'secondaryLg' | 'minimal' | 'minimalRed' | 'success';
+export type Props = React.HTMLProps<HTMLButtonElement> & {
+    children?: React.ReactNode;
+    disabled?: boolean;
+    appearance?: AppearanceValue;
+    buttonRef?: any;
+    sizing?: SizingValue;
+    isLoading?: boolean;
+    name?: string;
+    as?: string | React.ComponentType;
+    loadingText?: string | JSX.Element;
+    columnAlign?: boolean;
+    icon?: string | JSX.Element;
+    type?: 'button' | 'submit' | 'reset';
+    fullWidth?: boolean;
+    mt?: string | number;
+    mr?: string | number;
+    mb?: string | number;
+    ml?: string | number;
+};

package/dist/Elements/Icon/BadgeIcon.d.ts

@@ -0,0 +1,6 @@
+import { IconProps } from './types';
+type Props = {
+    badge: 'warning';
+} & IconProps;
+export declare const BadgeIcon: ({ badge, ...iconProps }: Props) => JSX.Element;
+export default BadgeIcon;

package/dist/Elements/Icon/Icon.d.ts

@@ -0,0 +1,8 @@
+import { IconDefinition } from '@fortawesome/fontawesome-common-types';
+import { FlipProp } from '@fortawesome/fontawesome-svg-core';
+import { IconProps } from './types';
+export declare const iconDictionary: {
+    [name: string]: IconDefinition | [IconDefinition, FlipProp];
+};
+declare const Icon: ({ icon, fill, style, size, className, secondaryColor, fixedWidth, spinning, }: IconProps) => JSX.Element;
+export default Icon;

package/dist/Elements/Icon/icons/FlagCZ.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+import { SvgProps } from '../types';
+export declare const FlagCZ: FC<SvgProps>;

package/dist/Elements/Icon/icons/FlagUSA.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+import { SvgProps } from '../types';
+export declare const FlagUSA: FC<SvgProps>;

package/dist/Elements/Icon/icons/index.d.ts

@@ -0,0 +1,2 @@
+export { FlagUSA } from './FlagUSA';
+export { FlagCZ } from './FlagCZ';

package/dist/Elements/Icon/index.d.ts

@@ -0,0 +1,5 @@
+import Icon from './Icon';
+export type { IconProps } from './types';
+export { FlagCZ, FlagUSA } from './icons';
+export { iconDictionary } from './Icon';
+export default Icon;

package/dist/Elements/Icon/stories/Icon.stories.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ icon, fill, style, size, className, secondaryColor, fixedWidth, spinning, }: import("..").IconProps) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Expedition: Story;
+export declare const Spinning: Story;
+export declare const SmallExpedition: Story;
+export declare const BigExpedition: Story;
+export declare const ExpeditionPink: Story;
+export declare const ExpeditionPinkSolid: Story;

package/dist/Elements/Icon/types.d.ts

@@ -0,0 +1,22 @@
+import { MouseEventHandler } from 'react';
+export type IconProps = {
+    icon: string;
+    style?: 'normal' | 'light' | 'solid';
+    fill?: string;
+    size?: number | string;
+    className?: string;
+    fixedWidth?: boolean;
+    spinning?: boolean;
+    secondaryColor?: string;
+};
+export interface SvgProps {
+    width?: number | string;
+    height?: number | string;
+    onClick?: MouseEventHandler<SVGSVGElement>;
+    fill?: string;
+    stroke?: string;
+    cursor?: string;
+}
+export interface IIcon {
+    (props: IconProps): JSX.Element;
+}

package/dist/Elements/Spinner/Spinner.d.ts

@@ -0,0 +1,14 @@
+import { ISpinner } from './types';
+export declare const appearanceToColorMap: {
+    error: string;
+    concept: string;
+    done: string;
+    info: string;
+    processing: string;
+    success: string;
+    warning: string;
+    waiting: string;
+};
+export declare const appearanceToFontColorMap: Record<string, string>;
+export declare const Spinner: ISpinner;
+export default Spinner;

package/dist/Elements/Spinner/index.d.ts

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

package/dist/Elements/Spinner/stories/Spinner.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("../types").ISpinner;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sm: Story;
+export declare const AppearanceConcept: Story;
+export declare const AppearanceDone: Story;
+export declare const AppearanceError: Story;
+export declare const AppearanceInfo: Story;
+export declare const AppearanceProcessing: Story;
+export declare const AppearanceSuccess: Story;
+export declare const AppearanceWarning: Story;
+export declare const AppearanceWaiting: Story;

package/dist/Elements/Spinner/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const Svg: import("styled-components").StyledComponent<"svg", import("@xstyled/system").Theme, {
+    $variant: 'default' | 'sm';
+}, never>;
+export declare const Circle: import("styled-components").StyledComponent<"circle", import("@xstyled/system").Theme, {}, never>;

package/dist/Elements/Spinner/types.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export type AppearanceType = 'concept' | 'done' | 'error' | 'info' | 'processing' | 'success' | 'warning' | 'waiting';
+export interface SpinnerProps {
+    variant?: 'default' | 'sm';
+    appearance?: AppearanceType;
+}
+export type ISpinner = (props: SpinnerProps) => JSX.Element;

package/dist/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/dist/ThemeProvider/index.d.ts

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

package/dist/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;