@mailstep/design-system 0.1.4-beta.6 → 0.1.4-beta.8

package/ui/dts/Elements/Card/types.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { StyledCard } from './styles';
+export type CardProps = {
+    children: React.ReactNode;
+    shadow?: boolean;
+    block?: boolean;
+    hasBorder?: boolean;
+} & React.ComponentProps<typeof StyledCard>;
+export type PropsBody = {
+    children: React.ReactNode;
+};
+export type PropsCardImage = {
+    children: React.ReactNode;
+    color?: string;
+};
+export type CardComponentProps = {
+    img?: string;
+    children?: React.ReactNode;
+    body?: React.ReactNode;
+    color?: string;
+};

package/ui/dts/Elements/Dropdown/Dropdown.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DropdownProps } from './types';
+declare const Dropdown: ({ show, className, wrapRef, children, showArrow, verticalShift, customDropdownPosition, }: DropdownProps) => JSX.Element;
+export default Dropdown;

package/ui/dts/Elements/Dropdown/index.d.ts

@@ -0,0 +1,2 @@
+import Dropdown from './Dropdown';
+export { Dropdown };

package/ui/dts/Elements/Dropdown/stories/Dropdown.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ show, className, wrapRef, children, showArrow, verticalShift, customDropdownPosition, }: import("../types").DropdownProps) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/ui/dts/Elements/Dropdown/types.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+export type DropdownProps = {
+    show?: boolean;
+    className?: string;
+    wrapRef?: RefObject<HTMLElement>;
+    showArrow?: boolean;
+    children?: React.ReactNode;
+    verticalShift?: boolean;
+    customDropdownPosition?: any;
+};

package/ui/dts/Elements/ErrorMessage/ErrorMessage.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { Props } from './types';
+declare const ErrorMessage: ({ children, appearance }: Props) => JSX.Element;
+export default ErrorMessage;

package/ui/dts/Elements/ErrorMessage/index.d.ts

@@ -0,0 +1,2 @@
+import ErrorMessage from './ErrorMessage';
+export { ErrorMessage };

package/ui/dts/Elements/ErrorMessage/stories/ErrorMessage.stories.d.ts

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

package/ui/dts/Elements/ErrorMessage/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export type Props = {
+    children: ReactNode;
+    appearance?: 'inline' | 'tooltip';
+};

package/ui/dts/Elements/Icon/BadgeIcon.d.ts

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

package/ui/dts/Elements/Icon/Icon.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+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/ui/dts/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/ui/dts/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/ui/dts/Elements/Icon/icons/index.d.ts

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

package/ui/dts/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 { Icon };

package/ui/dts/Elements/Icon/stories/BadgeIcon.stories.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ badge, ...iconProps }: {
+        badge: "warning";
+    } & import("..").IconProps) => JSX.Element;
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+        badge: "warning";
+        icon: string;
+        style?: "normal" | "light" | "solid" | undefined;
+        fill?: string | undefined;
+        size?: string | number | undefined;
+        className?: string | undefined;
+        fixedWidth?: boolean | undefined;
+        spinning?: boolean | undefined;
+        secondaryColor?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/ui/dts/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("../types").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/ui/dts/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/ui/dts/Elements/Image/Image.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ImageProps } from './types';
+declare const Image: (props: ImageProps) => JSX.Element;
+export default Image;

package/ui/dts/Elements/Image/index.d.ts

@@ -0,0 +1,2 @@
+import Image from './Image';
+export { Image };

package/ui/dts/Elements/Image/stories/Image.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import("../types").ImageProps) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLoader: Story;
+export declare const CORS: Story;
+export declare const SrcSet: Story;

package/ui/dts/Elements/Image/types.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export type ImageProps = {
+    src: string;
+    loader?: JSX.Element | null;
+    unloader?: JSX.Element | null;
+    decode?: boolean;
+    container?: any;
+    crossOrigin?: "" | "anonymous" | "use-credentials";
+    srcSet?: {
+        [width: string]: string;
+    };
+    width?: string;
+    height?: string;
+    smartCrop?: boolean;
+    onClick?: any;
+    onMouseOver?: any;
+    onMouseOut?: any;
+};

package/ui/dts/Elements/Label/Label.d.ts

@@ -0,0 +1,6 @@
+export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/system").Theme, {
+    fontSize?: string | number | undefined;
+}, never>;
+export declare const FieldLabel: import("styled-components").StyledComponent<"label", import("@xstyled/system").Theme, {
+    $isInvalid?: boolean | undefined;
+}, never>;

package/ui/dts/Elements/Label/index.d.ts

@@ -0,0 +1 @@
+export { Label, FieldLabel } from './Label';

package/ui/dts/Elements/Label/stories/Label.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("styled-components").StyledComponent<"label", import("@xstyled/system").Theme, {
+        fontSize?: string | number | undefined;
+    }, never>;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ManyPages: Story;

package/ui/dts/Elements/Line/Line.d.ts

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

package/ui/dts/Elements/Line/index.d.ts

@@ -0,0 +1,2 @@
+import Line from './Line';
+export { Line };

package/ui/dts/Elements/Line/stories/Line.stories.d.ts

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

package/ui/dts/Elements/Line/types.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export type Gab = 'none' | 'small' | 'medium' | 'large';
+export type Variant = 'solid' | 'dashed';
+export type LineProps = {
+    gab?: Gab;
+    gabTop?: Gab;
+    gabBottom?: Gab;
+    variant?: Variant;
+};
+export interface ILine {
+    (props: LineProps): JSX.Element;
+}

package/ui/dts/Elements/Link/Link.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+type ToObjectType = {
+    pathname?: string;
+    search?: string;
+    hash?: string;
+    state?: object;
+};
+type Props = {
+    as?: any;
+    children?: React.ReactNode;
+    to?: string | ToObjectType | Function;
+    target?: string;
+    color?: string;
+    size: number | 'inherit';
+    disabled?: boolean;
+    onClick?: Function;
+};
+declare const Link: {
+    (props: Props): JSX.Element;
+    defaultProps: {
+        to: string;
+        color: string;
+        disabled: boolean;
+        size: number;
+        padding: string;
+        replace: boolean;
+    };
+};
+export default Link;

package/ui/dts/Elements/Link/index.d.ts

@@ -0,0 +1,2 @@
+import Link from './Link';
+export { Link };

package/ui/dts/Elements/Link/stories/Link.stories.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: {
+        (props: {
+            as?: any;
+            children?: import("react").ReactNode;
+            to?: string | Function | {
+                pathname?: string | undefined;
+                search?: string | undefined;
+                hash?: string | undefined;
+                state?: object | undefined;
+            } | undefined;
+            target?: string | undefined;
+            color?: string | undefined;
+            size: number | "inherit";
+            disabled?: boolean | undefined;
+            onClick?: Function | undefined;
+        }): JSX.Element;
+        defaultProps: {
+            to: string;
+            color: string;
+            disabled: boolean;
+            size: number;
+            padding: string;
+            replace: boolean;
+        };
+    };
+    tags: string[];
+    argTypes: {};
+    decorators: never[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const External: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Disabled: Story;
+export declare const Size3: Story;
+export declare const Size5: Story;
+export declare const Size7: Story;

package/ui/dts/Elements/Logo/Logo.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { LogoProps } from './types';
+declare const Logo: ({ brand, variant, size, width, height, ...rest }: LogoProps) => JSX.Element | null;
+export default Logo;

package/ui/dts/Elements/Logo/index.d.ts

@@ -0,0 +1,2 @@
+import Logo from './Logo';
+export { Logo };

package/ui/dts/Elements/Logo/stories/Logo.stories.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ brand, variant, size, width, height, ...rest }: import("../types").LogoProps) => JSX.Element | null;
+    parameters: {
+        backgrounds: {
+            default: string;
+            values: {
+                name: string;
+                value: string;
+            }[];
+        };
+    };
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const MailshipBlack: Story;
+export declare const MailshipWhite: Story;
+export declare const MailshipM: Story;
+export declare const MailshipS: Story;
+export declare const MailwiseBlack: Story;
+export declare const MailwiseS: Story;
+export declare const MailstockBlack: Story;
+export declare const MailwrapBlack: Story;
+export declare const MailstepBlack: Story;
+export declare const MailstepWhite: Story;
+export declare const SizeSmall: Story;
+export declare const SizeMedium: Story;
+export declare const SizeBig: Story;
+export declare const SizeCustomWidth: Story;
+export declare const SizeCustomHeight: Story;

package/ui/dts/Elements/Logo/types.d.ts

@@ -0,0 +1,10 @@
+export type Brand = 'mailship' | 'mailwise' | 'mailstock' | 'mailstep' | 'mailwrap';
+export type Variant = 'white' | 'black' | 'm' | 's';
+export type Size = 'small' | 'medium' | 'big' | undefined;
+export type LogoProps = {
+    variant?: Variant;
+    size?: Size;
+    brand?: Brand;
+    width?: string;
+    height?: string;
+};

package/ui/dts/Elements/Pagination/Pagination.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export type Props = {
+    page?: number;
+    itemCount?: number;
+    itemPerPage?: number;
+    onPageChange?: (number: number) => void;
+};
+declare const Pagination: ({ onPageChange, itemPerPage, itemCount, page }: Props) => JSX.Element;
+export default Pagination;

package/ui/dts/Elements/Pagination/index.d.ts

@@ -0,0 +1,2 @@
+import Pagination from './Pagination';
+export { Pagination };

package/ui/dts/Elements/Pagination/stories/Pagination.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ onPageChange, itemPerPage, itemCount, page }: import("../Pagination").Props) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ManyPages: Story;

package/ui/dts/Elements/Pagination/styled.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const Wrapper: import("styled-components").StyledComponent<(props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color">) => import("react").ReactElement<any, "div">, import("@xstyled/system").Theme, import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, "color">;
+export declare const Btn: import("styled-components").StyledComponent<"button", import("@xstyled/system").Theme, {
+    disabled: boolean;
+}, never>;
+export declare const ArrowIcon: import("styled-components").StyledComponent<({ icon, fill, style, size, className, secondaryColor, fixedWidth, spinning, }: import("../Icon").IconProps) => JSX.Element, import("@xstyled/system").Theme, {
+    isActive: boolean;
+}, never>;
+export declare const GoIcon: import("styled-components").StyledComponent<({ icon, fill, style, size, className, secondaryColor, fixedWidth, spinning, }: import("../Icon").IconProps) => JSX.Element, import("@xstyled/system").Theme, {
+    isActive: boolean;
+}, never>;
+export declare const DotsWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const PageBtn: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {
+    isCurrent: boolean;
+}, never>;

package/ui/dts/Elements/Paragraph/Paragraph.d.ts

@@ -0,0 +1,2 @@
+declare const Paragraph: () => import("react/jsx-runtime").JSX.Element;
+export default Paragraph;

package/ui/dts/Elements/Paragraph/index.d.ts

@@ -0,0 +1,2 @@
+import Paragraph from './Paragraph';
+export { Paragraph };

package/ui/dts/Elements/Paragraph/stories/Paragraph.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    argTypes: {
+        backgroundColor: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Large: Story;
+export declare const Small: Story;

package/ui/dts/Elements/Portal/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Portal: ({ children }: {
+    children: JSX.Element;
+}) => import("react").ReactPortal;

package/ui/dts/Elements/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+type Props = {
+    progress?: number;
+    status?: 'loading' | 'finished' | 'error';
+    errorMessage?: string;
+    noText?: boolean;
+    variant?: 'normal' | 'thin';
+};
+declare const ProgressBar: ({ progress, status, errorMessage, noText, variant }: Props) => JSX.Element;
+export default ProgressBar;

package/ui/dts/Elements/ProgressBar/index.d.ts

@@ -0,0 +1,2 @@
+import ProgressBar from './ProgressBar';
+export { ProgressBar };

package/ui/dts/Elements/ProgressBar/stories/ProgressBar.stories.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ progress, status, errorMessage, noText, variant }: {
+        progress?: number | undefined;
+        status?: "error" | "loading" | "finished" | undefined;
+        errorMessage?: string | undefined;
+        noText?: boolean | undefined;
+        variant?: "normal" | "thin" | undefined;
+    }) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Loading: Story;
+export declare const Finished: Story;
+export declare const Error: Story;

package/ui/dts/Elements/ProgressBar/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const StyledProgressBar: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+    status: string | null | undefined;
+    variant?: "normal" | "thin" | undefined;
+}, never>;
+export declare const Progress: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+    progress: number;
+    status: string | null | undefined;
+}, never>;
+export declare const ProgressDescription: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;

package/ui/dts/Elements/SimpleLink/SimpleLink.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Link as ReactLink } from 'react-router-dom';
+export type ToObjectType = {
+    pathname?: string;
+    search?: string;
+    hash?: string;
+    state?: object;
+};
+export type Props = {
+    as?: string;
+    children?: React.ReactNode;
+    to?: string | ToObjectType | Function;
+    target?: string;
+    disabled?: boolean;
+    onClick?: Function;
+    $decorate?: boolean;
+};
+declare const StyledLink: import("styled-components").StyledComponent<typeof ReactLink, import("@xstyled/system").Theme, Props, never>;
+export default StyledLink;

package/ui/dts/Elements/SimpleLink/index.d.ts

@@ -0,0 +1,2 @@
+import SimpleLink from './SimpleLink';
+export { SimpleLink };

package/ui/dts/Elements/SpaceAround/SpaceAround.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { Props } from './types';
+declare const SpaceAroundWrap: ({ children, spaceBetween, spaceAround, ...rest }: Props) => JSX.Element;
+export default SpaceAroundWrap;

package/ui/dts/Elements/SpaceAround/index.d.ts

@@ -0,0 +1,3 @@
+import SpaceAroundWrap from './SpaceAround';
+export type { SpaceAround } from './types';
+export { SpaceAroundWrap };

package/ui/dts/Elements/SpaceAround/stories/SpaceAround.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ children, spaceBetween, spaceAround, ...rest }: import("../types").Props) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ManyPages: Story;

package/ui/dts/Elements/SpaceAround/types.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export type SpaceAroundProps = {
+    marginTop?: number;
+    marginRight?: number;
+    marginBottom?: number;
+    marginLeft?: number;
+};
+export type SpaceAround = boolean | SpaceAroundProps;
+export type Props = {
+    children: React.ReactNode;
+    spaceAround?: SpaceAround;
+    className?: string;
+    spaceBetween?: boolean;
+};