@mailstep/design-system 0.1.25 → 0.2.0-beta.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,33 +0,0 @@
-export { FlagUSA } from './FlagUSA';
-export { FlagCZ } from './FlagCZ';
-export { FlagEL } from './FlagEL';
-export { FlagESP } from './FlagESP';
-export { FlagITA } from './FlagITA';
-export { FlagRUS } from './FlagRUS';
-export { FlagSVK } from './FlagSVK';
-export { Complaint } from './Complaint';
-export { Expeditions } from './Expeditions';
-export { HamburgerMenu } from './HamburgerMenu';
-export { HelpCircle1 } from './HelpCircle1';
-export { Income } from './Income';
-export { Inventory } from './Inventory';
-export { MenuItems } from './MenuItems';
-export { MobileCancel } from './MobileCancel';
-export { Notification2 } from './Notification2';
-export { Plus1 } from './Plus1';
-export { Products } from './Products';
-export { Profile } from './Profile';
-export { Return } from './Return';
-export { Settings2 } from './Settings2';
-export { Transfer } from './Transfer';
-export { Product } from './Product';
-export { ImagePlaceholder } from './ImagePlaceholder';
-export { BarcodeScan } from './BarcodeScan';
-export { Inventory2 } from './Inventory2';
-export { Logout1 } from './Logout1';
-export { Puzzle1 } from './Puzzle1';
-export { AddPhoto } from './AddPhoto';
-export { Link } from './Link';
-export { OpenBox } from './OpenBox';
-export { Box } from './Box';
-export { Rack } from './Rack';

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

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

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

@@ -1,24 +0,0 @@
-/// <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

@@ -1,16 +0,0 @@
-/// <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

@@ -1,23 +0,0 @@
-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;
-    opacity?: number;
-}
-export interface IIcon {
-    (props: IconProps): JSX.Element;
-}

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

@@ -1,4 +0,0 @@
-/// <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

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

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

@@ -1,14 +0,0 @@
-/// <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

@@ -1,18 +0,0 @@
-/// <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

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

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

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

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

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

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

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

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

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

@@ -1,12 +0,0 @@
-/// <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

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

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

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

@@ -1,42 +0,0 @@
-/// <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

@@ -1,4 +0,0 @@
-/// <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

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

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

@@ -1,34 +0,0 @@
-/// <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

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

@@ -1,9 +0,0 @@
-/// <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

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

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

@@ -1,12 +0,0 @@
-/// <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

@@ -1,15 +0,0 @@
-/// <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

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

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

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

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

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

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

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

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

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

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

@@ -1,19 +0,0 @@
-/// <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

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

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

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

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

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