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

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

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

package/build/dts/Elements/Button/Button.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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