@mailstep/design-system 0.0.9 → 0.1.0

package/build/dts/ui/Elements/BorderedBox/types.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export type Props = {
+    children: React.ReactNode;
+    className?: string;
+    id?: string;
+};

package/{dist → build/dts/ui}/Elements/Button/Button.d.ts

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

package/build/dts/ui/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/build/dts/ui/Elements/Card/Card.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { CardComponentProps, CardProps, PropsBody, PropsCardImage } from './types';
+export declare const Card: ({ children, block, hasBorder, backgroundColor, ...rest }: CardProps) => JSX.Element;
+export declare const CardBody: ({ children, ...rest }: PropsBody) => JSX.Element;
+export declare const CardImage: ({ children, color, ...rest }: PropsCardImage) => JSX.Element;
+declare const CardComponent: ({ img, body, children, color }: CardComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default CardComponent;

package/build/dts/ui/Elements/Card/index.d.ts

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

package/build/dts/ui/Elements/Card/stories/Card.stories.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+export declare const longText = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
+declare const meta: {
+    title: string;
+    component: ({ children, block, hasBorder, backgroundColor, ...rest }: import("../types").CardProps) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NoBorder: Story;
+export declare const WithPadding: Story;
+export declare const WithShadow: Story;
+export declare const WithBackground: Story;

package/build/dts/ui/Elements/Card/stories/CardComponent.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ img, body, children, color }: import("../types").CardComponentProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ColoredCard: Story;
+export declare const CardWithoutImage: Story;

package/build/dts/ui/Elements/Card/styles.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare const CardWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+    block?: boolean | undefined;
+}, never>;
+export declare const StyledCard: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+    block?: boolean | undefined;
+    hasBorder?: boolean | undefined;
+    shadow?: boolean | undefined;
+    p?: string | undefined;
+    backgroundColor?: string | undefined;
+}, never>;
+export declare const ImageWrapper: 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 StyledImage: 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 StyledBody: 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">;

package/build/dts/ui/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/build/dts/ui/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/build/dts/ui/Elements/Dropdown/index.d.ts

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

package/build/dts/ui/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/build/dts/ui/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/build/dts/ui/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/build/dts/ui/Elements/ErrorMessage/index.d.ts

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

package/build/dts/ui/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/build/dts/ui/Elements/ErrorMessage/types.d.ts

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

package/{dist → build/dts/ui}/Elements/Icon/BadgeIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from './types';
 type Props = {
     badge: 'warning';

package/{dist → build/dts/ui}/Elements/Icon/Icon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconDefinition } from '@fortawesome/fontawesome-common-types';
 import { FlipProp } from '@fortawesome/fontawesome-svg-core';
 import { IconProps } from './types';

package/build/dts/ui/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/build/dts/ui/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/build/dts/ui/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/build/dts/ui/Elements/Image/index.d.ts

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

package/build/dts/ui/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/build/dts/ui/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/build/dts/ui/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/build/dts/ui/Elements/Label/index.d.ts

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

package/build/dts/ui/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/build/dts/ui/Elements/Line/Line.d.ts

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

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

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

package/build/dts/ui/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/build/dts/ui/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/build/dts/ui/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/build/dts/ui/Elements/Link/index.d.ts

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

package/build/dts/ui/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/build/dts/ui/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/build/dts/ui/Elements/Logo/index.d.ts

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

package/build/dts/ui/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/build/dts/ui/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/build/dts/ui/Elements/Overlay/PageOverlay.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const Overlay: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export default Overlay;

package/build/dts/ui/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/build/dts/ui/Elements/Pagination/index.d.ts

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

package/build/dts/ui/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/build/dts/ui/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/build/dts/ui/Elements/Paragraph/Paragraph.d.ts

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

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

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

package/build/dts/ui/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/build/dts/ui/Elements/Portal/index.d.ts

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

package/build/dts/ui/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/build/dts/ui/Elements/ProgressBar/index.d.ts

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

package/build/dts/ui/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/build/dts/ui/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>;