@mailstep/design-system 0.1.2 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/dts/Blocks/CornerDialog/CornerDialog.d.ts +3 -0
- package/build/dts/Blocks/CornerDialog/index.d.ts +2 -0
- package/build/dts/Blocks/CornerDialog/stories/CornerDialog.stories.d.ts +14 -0
- package/build/dts/Blocks/CornerDialog/styles.d.ts +12 -0
- package/build/dts/Blocks/CornerDialog/types.d.ts +16 -0
- package/build/dts/Blocks/CornerDialog/utils.d.ts +3 -0
- package/build/dts/Blocks/ImageList/ImageList.d.ts +3 -0
- package/build/dts/Blocks/ImageList/components/AddPhoto/index.d.ts +7 -0
- package/build/dts/Blocks/ImageList/components/AddPhoto/styles.d.ts +2 -0
- package/build/dts/Blocks/ImageList/components/CloseButton/index.d.ts +6 -0
- package/build/dts/Blocks/ImageList/components/CloseButton/styles.d.ts +1 -0
- package/build/dts/Blocks/ImageList/components/ImageElement/index.d.ts +9 -0
- package/build/dts/Blocks/ImageList/components/ImageElement/styles.d.ts +2 -0
- package/build/dts/Blocks/ImageList/components/ImageTag/index.d.ts +6 -0
- package/build/dts/Blocks/ImageList/components/ImageTag/styles.d.ts +1 -0
- package/build/dts/Blocks/ImageList/index.d.ts +4 -0
- package/build/dts/Blocks/ImageList/styles.d.ts +1 -0
- package/build/dts/Blocks/ImageList/types.d.ts +12 -0
- package/build/dts/Blocks/LightBox/LightBox.d.ts +4 -0
- package/build/dts/Blocks/LightBox/hooks/useLightBox.d.ts +2 -0
- package/build/dts/Blocks/LightBox/index.d.ts +3 -0
- package/build/dts/Blocks/LightBox/styles.d.ts +3 -0
- package/build/dts/Blocks/LightBox/types.d.ts +24 -0
- package/build/dts/Blocks/Modal/Modal.d.ts +3 -0
- package/build/dts/Blocks/Modal/hooks/useClickOutside.d.ts +3 -0
- package/build/dts/Blocks/Modal/hooks/useModal.d.ts +2 -0
- package/build/dts/Blocks/Modal/index.d.ts +4 -0
- package/build/dts/Blocks/Modal/stories/Modal.stories.d.ts +26 -0
- package/build/dts/Blocks/Modal/styles.d.ts +22 -0
- package/build/dts/Blocks/Modal/types.d.ts +45 -0
- package/build/dts/Blocks/Modal/utils.d.ts +3 -0
- package/build/dts/Blocks/Tabs/TabContent.d.ts +2 -0
- package/build/dts/Blocks/Tabs/Tabs.d.ts +3 -0
- package/build/dts/Blocks/Tabs/hooks/useTabs.d.ts +2 -0
- package/build/dts/Blocks/Tabs/index.d.ts +3 -0
- package/build/dts/Blocks/Tabs/stories/Tabs.stories.d.ts +13 -0
- package/build/dts/Blocks/Tabs/styles.d.ts +8 -0
- package/build/dts/Blocks/Tabs/types.d.ts +27 -0
- package/build/dts/Elements/Alert/Alert.d.ts +3 -0
- package/build/dts/Elements/Alert/index.d.ts +2 -0
- package/build/dts/Elements/Alert/stories/Alert.stories.d.ts +17 -0
- package/build/dts/Elements/Alert/styles.d.ts +44 -0
- package/build/dts/Elements/Alert/types.d.ts +18 -0
- package/build/dts/Elements/Avatar/Avatar.d.ts +3 -0
- package/build/dts/Elements/Avatar/index.d.ts +1 -0
- package/build/dts/Elements/Avatar/stories/Avatar.stories.d.ts +12 -0
- package/build/dts/Elements/Avatar/types.d.ts +8 -0
- package/build/dts/Elements/Badge/Badge.d.ts +12 -0
- package/build/dts/Elements/Badge/index.d.ts +2 -0
- package/build/dts/Elements/Badge/stories/Badge.stories.d.ts +12 -0
- package/build/dts/Elements/BorderedBox/BorderedBox.d.ts +4 -0
- package/build/dts/Elements/BorderedBox/index.d.ts +2 -0
- package/build/dts/Elements/BorderedBox/stories/BorderedBox.stories.d.ts +11 -0
- package/build/dts/Elements/BorderedBox/types.d.ts +6 -0
- package/build/dts/Elements/Button/Button.d.ts +4 -0
- package/build/dts/Elements/Button/index.d.ts +4 -0
- package/build/dts/Elements/Button/stories/Button.stories.d.ts +20 -0
- package/build/dts/Elements/Button/styles.d.ts +19 -0
- package/build/dts/Elements/Button/types.d.ts +22 -0
- package/build/dts/Elements/Card/Card.d.ts +7 -0
- package/build/dts/Elements/Card/index.d.ts +1 -0
- package/build/dts/Elements/Card/stories/Card.stories.d.ts +16 -0
- package/build/dts/Elements/Card/stories/CardComponent.stories.d.ts +12 -0
- package/build/dts/Elements/Card/styles.d.ts +14 -0
- package/build/dts/Elements/Card/types.d.ts +21 -0
- package/build/dts/Elements/Dropdown/Dropdown.d.ts +4 -0
- package/build/dts/Elements/Dropdown/index.d.ts +2 -0
- package/build/dts/Elements/Dropdown/stories/Dropdown.stories.d.ts +11 -0
- package/build/dts/Elements/Dropdown/types.d.ts +10 -0
- package/build/dts/Elements/ErrorMessage/ErrorMessage.d.ts +4 -0
- package/build/dts/Elements/ErrorMessage/index.d.ts +2 -0
- package/build/dts/Elements/ErrorMessage/stories/ErrorMessage.stories.d.ts +12 -0
- package/build/dts/Elements/ErrorMessage/types.d.ts +5 -0
- package/build/dts/Elements/Icon/BadgeIcon.d.ts +7 -0
- package/build/dts/Elements/Icon/Icon.d.ts +9 -0
- package/build/dts/Elements/Icon/icons/FlagCZ.d.ts +3 -0
- package/build/dts/Elements/Icon/icons/FlagUSA.d.ts +3 -0
- package/build/dts/Elements/Icon/icons/index.d.ts +2 -0
- package/build/dts/Elements/Icon/index.d.ts +5 -0
- package/build/dts/Elements/Icon/stories/BadgeIcon.stories.d.ts +24 -0
- package/build/dts/Elements/Icon/stories/Icon.stories.d.ts +16 -0
- package/build/dts/Elements/Icon/types.d.ts +22 -0
- package/build/dts/Elements/Image/Image.d.ts +4 -0
- package/build/dts/Elements/Image/index.d.ts +2 -0
- package/build/dts/Elements/Image/stories/Image.stories.d.ts +14 -0
- package/build/dts/Elements/Image/types.d.ts +18 -0
- package/build/dts/Elements/Label/Label.d.ts +6 -0
- package/build/dts/Elements/Label/index.d.ts +1 -0
- package/build/dts/Elements/Label/stories/Label.stories.d.ts +13 -0
- package/build/dts/Elements/Line/Line.d.ts +3 -0
- package/build/dts/Elements/Line/index.d.ts +2 -0
- package/build/dts/Elements/Line/stories/Line.stories.d.ts +16 -0
- package/build/dts/Elements/Line/types.d.ts +12 -0
- package/build/dts/Elements/Link/Link.d.ts +29 -0
- package/build/dts/Elements/Link/index.d.ts +2 -0
- package/build/dts/Elements/Link/stories/Link.stories.d.ts +42 -0
- package/build/dts/Elements/Logo/Logo.d.ts +4 -0
- package/build/dts/Elements/Logo/index.d.ts +2 -0
- package/build/dts/Elements/Logo/stories/Logo.stories.d.ts +34 -0
- package/build/dts/Elements/Logo/types.d.ts +10 -0
- package/build/dts/Elements/Pagination/Pagination.d.ts +9 -0
- package/build/dts/Elements/Pagination/index.d.ts +2 -0
- package/build/dts/Elements/Pagination/stories/Pagination.stories.d.ts +12 -0
- package/build/dts/Elements/Pagination/styled.d.ts +15 -0
- package/build/dts/Elements/Paragraph/Paragraph.d.ts +2 -0
- package/build/dts/Elements/Paragraph/index.d.ts +2 -0
- package/build/dts/Elements/Paragraph/stories/Paragraph.stories.d.ts +17 -0
- package/build/dts/Elements/Portal/index.d.ts +4 -0
- package/build/dts/Elements/ProgressBar/ProgressBar.d.ts +10 -0
- package/build/dts/Elements/ProgressBar/index.d.ts +2 -0
- package/build/dts/Elements/ProgressBar/stories/ProgressBar.stories.d.ts +19 -0
- package/build/dts/Elements/ProgressBar/styles.d.ts +9 -0
- package/build/dts/Elements/SimpleLink/SimpleLink.d.ts +19 -0
- package/build/dts/Elements/SimpleLink/index.d.ts +2 -0
- package/build/dts/Elements/SpaceAround/SpaceAround.d.ts +4 -0
- package/build/dts/Elements/SpaceAround/index.d.ts +3 -0
- package/build/dts/Elements/SpaceAround/stories/SpaceAround.stories.d.ts +12 -0
- package/build/dts/Elements/SpaceAround/types.d.ts +14 -0
- package/build/dts/Elements/Spinner/Spinner.d.ts +14 -0
- package/build/dts/Elements/Spinner/index.d.ts +2 -0
- package/build/dts/Elements/Spinner/stories/Spinner.stories.d.ts +19 -0
- package/build/dts/Elements/Spinner/styles.d.ts +4 -0
- package/build/dts/Elements/Spinner/types.d.ts +7 -0
- package/build/dts/Elements/Tag/Tag.d.ts +3 -0
- package/build/dts/Elements/Tag/index.d.ts +3 -0
- package/build/dts/Elements/Tag/palletes.d.ts +5 -0
- package/build/dts/Elements/Tag/stories/Tag.stories.d.ts +19 -0
- package/build/dts/Elements/Tag/stories/components/predefinedTags.d.ts +3 -0
- package/build/dts/Elements/Tag/types.d.ts +16 -0
- package/build/dts/Elements/Text/Text.d.ts +4 -0
- package/build/dts/Elements/Text/index.d.ts +3 -0
- package/build/dts/Elements/Text/stories/Text.stories.d.ts +16 -0
- package/build/dts/Elements/Text/types.d.ts +13 -0
- package/build/dts/Elements/Toast/Toast.d.ts +12 -0
- package/build/dts/Elements/Toast/index.d.ts +3 -0
- package/build/dts/Elements/Toggle/Toggle.d.ts +4 -0
- package/build/dts/Elements/Toggle/index.d.ts +2 -0
- package/build/dts/Elements/Toggle/stories/Toggle.stories.d.ts +14 -0
- package/build/dts/Elements/Toggle/types.d.ts +21 -0
- package/build/dts/Elements/Typography/Typography.d.ts +118 -0
- package/build/dts/Elements/Typography/index.d.ts +1 -0
- package/build/dts/Elements/Typography/stories/Typography.stories.d.ts +20 -0
- package/build/dts/Forms/Checkbox/Checkbox.d.ts +4 -0
- package/build/dts/Forms/Checkbox/index.d.ts +2 -0
- package/build/dts/Forms/Checkbox/stories/Checkbox.stories.d.ts +14 -0
- package/build/dts/Forms/Checkbox/styles.d.ts +11 -0
- package/build/dts/Forms/Checkbox/types.d.ts +16 -0
- package/build/dts/Forms/Input/Input.d.ts +3 -0
- package/build/dts/Forms/Input/index.d.ts +4 -0
- package/build/dts/Forms/Input/stories/Input.stories.d.ts +17 -0
- package/build/dts/Forms/Input/styles.d.ts +31 -0
- package/build/dts/Forms/Input/types.d.ts +49 -0
- package/build/dts/Forms/RadioButton/RadioButton.d.ts +4 -0
- package/build/dts/Forms/RadioButton/index.d.ts +2 -0
- package/build/dts/Forms/RadioButton/stories/RadioButton.stories.d.ts +14 -0
- package/build/dts/Forms/RadioButton/styles.d.ts +10 -0
- package/build/dts/Forms/RadioButton/types.d.ts +12 -0
- package/build/dts/ThemeProvider/ThemeProvider.d.ts +3 -0
- package/build/dts/ThemeProvider/index.d.ts +5 -0
- package/build/dts/ThemeProvider/themes/default.d.ts +141 -0
- package/build/dts/ThemeProvider/themes/index.d.ts +350 -0
- package/build/dts/ThemeProvider/themes/light.d.ts +3 -0
- package/build/dts/ThemeProvider/themes/mailwise.d.ts +207 -0
- package/build/dts/ThemeProvider/types.d.ts +50 -0
- package/build/dts/index.d.ts +35 -0
- package/build/dts/utils/KeyPress/KeyPress.stories.d.ts +10 -0
- package/build/index.es.js +458 -538
- package/build/index.es.js.map +1 -1
- package/build/index.js +458 -536
- package/build/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type SizingValue = 'icon' | 'iconLg' | 'normal' | 'large' | 'grid';
|
|
3
|
+
export type AppearanceValue = 'primary' | 'primaryLight' | 'secondary' | 'primaryLg' | 'secondaryLg' | 'minimal' | 'minimalRed' | 'success';
|
|
4
|
+
export type Props = React.HTMLProps<HTMLButtonElement> & {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
appearance?: AppearanceValue;
|
|
8
|
+
buttonRef?: any;
|
|
9
|
+
sizing?: SizingValue;
|
|
10
|
+
isLoading?: boolean;
|
|
11
|
+
name?: string;
|
|
12
|
+
as?: string | React.ComponentType;
|
|
13
|
+
loadingText?: string | JSX.Element;
|
|
14
|
+
columnAlign?: boolean;
|
|
15
|
+
icon?: string | JSX.Element;
|
|
16
|
+
type?: 'button' | 'submit' | 'reset';
|
|
17
|
+
fullWidth?: boolean;
|
|
18
|
+
mt?: string | number;
|
|
19
|
+
mr?: string | number;
|
|
20
|
+
mb?: string | number;
|
|
21
|
+
ml?: string | number;
|
|
22
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CardComponentProps, CardProps, PropsBody, PropsCardImage } from './types';
|
|
3
|
+
export declare const Card: ({ children, block, hasBorder, backgroundColor, ...rest }: CardProps) => JSX.Element;
|
|
4
|
+
export declare const CardBody: ({ children, ...rest }: PropsBody) => JSX.Element;
|
|
5
|
+
export declare const CardImage: ({ children, color, ...rest }: PropsCardImage) => JSX.Element;
|
|
6
|
+
declare const CardComponent: ({ img, body, children, color }: CardComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default CardComponent;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Card, CardImage, CardBody } from './Card';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from '@storybook/react';
|
|
3
|
+
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.";
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: ({ children, block, hasBorder, backgroundColor, ...rest }: import("../types").CardProps) => JSX.Element;
|
|
7
|
+
tags: string[];
|
|
8
|
+
argTypes: {};
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export declare const NoBorder: Story;
|
|
14
|
+
export declare const WithPadding: Story;
|
|
15
|
+
export declare const WithShadow: Story;
|
|
16
|
+
export declare const WithBackground: Story;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ img, body, children, color }: import("../types").CardComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {};
|
|
7
|
+
};
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<typeof meta>;
|
|
10
|
+
export declare const Default: Story;
|
|
11
|
+
export declare const ColoredCard: Story;
|
|
12
|
+
export declare const CardWithoutImage: Story;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const CardWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
|
|
3
|
+
block?: boolean | undefined;
|
|
4
|
+
}, never>;
|
|
5
|
+
export declare const StyledCard: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
|
|
6
|
+
block?: boolean | undefined;
|
|
7
|
+
hasBorder?: boolean | undefined;
|
|
8
|
+
shadow?: boolean | undefined;
|
|
9
|
+
p?: string | undefined;
|
|
10
|
+
backgroundColor?: string | undefined;
|
|
11
|
+
}, never>;
|
|
12
|
+
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">;
|
|
13
|
+
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">;
|
|
14
|
+
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">;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { StyledCard } from './styles';
|
|
3
|
+
export type CardProps = {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
shadow?: boolean;
|
|
6
|
+
block?: boolean;
|
|
7
|
+
hasBorder?: boolean;
|
|
8
|
+
} & React.ComponentProps<typeof StyledCard>;
|
|
9
|
+
export type PropsBody = {
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
};
|
|
12
|
+
export type PropsCardImage = {
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
color?: string;
|
|
15
|
+
};
|
|
16
|
+
export type CardComponentProps = {
|
|
17
|
+
img?: string;
|
|
18
|
+
children?: React.ReactNode;
|
|
19
|
+
body?: React.ReactNode;
|
|
20
|
+
color?: string;
|
|
21
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from '@storybook/react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: ({ show, className, wrapRef, children, showArrow, verticalShift, customDropdownPosition, }: import("../types").DropdownProps) => JSX.Element;
|
|
6
|
+
tags: string[];
|
|
7
|
+
argTypes: {};
|
|
8
|
+
};
|
|
9
|
+
export default meta;
|
|
10
|
+
type Story = StoryObj<typeof meta>;
|
|
11
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from '@storybook/react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: ({ children, appearance }: import("../types").Props) => JSX.Element;
|
|
6
|
+
tags: string[];
|
|
7
|
+
argTypes: {};
|
|
8
|
+
};
|
|
9
|
+
export default meta;
|
|
10
|
+
type Story = StoryObj<typeof meta>;
|
|
11
|
+
export declare const Default: Story;
|
|
12
|
+
export declare const Tooltip: Story;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IconDefinition } from '@fortawesome/fontawesome-common-types';
|
|
3
|
+
import { FlipProp } from '@fortawesome/fontawesome-svg-core';
|
|
4
|
+
import { IconProps } from './types';
|
|
5
|
+
export declare const iconDictionary: {
|
|
6
|
+
[name: string]: IconDefinition | [IconDefinition, FlipProp];
|
|
7
|
+
};
|
|
8
|
+
declare const Icon: ({ icon, fill, style, size, className, secondaryColor, fixedWidth, spinning, }: IconProps) => JSX.Element;
|
|
9
|
+
export default Icon;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from '@storybook/react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: ({ badge, ...iconProps }: {
|
|
6
|
+
badge: "warning";
|
|
7
|
+
} & import("..").IconProps) => JSX.Element;
|
|
8
|
+
decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
|
|
9
|
+
badge: "warning";
|
|
10
|
+
icon: string;
|
|
11
|
+
style?: "normal" | "light" | "solid" | undefined;
|
|
12
|
+
fill?: string | undefined;
|
|
13
|
+
size?: string | number | undefined;
|
|
14
|
+
className?: string | undefined;
|
|
15
|
+
fixedWidth?: boolean | undefined;
|
|
16
|
+
spinning?: boolean | undefined;
|
|
17
|
+
secondaryColor?: string | undefined;
|
|
18
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
19
|
+
tags: string[];
|
|
20
|
+
argTypes: {};
|
|
21
|
+
};
|
|
22
|
+
export default meta;
|
|
23
|
+
type Story = StoryObj<typeof meta>;
|
|
24
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from '@storybook/react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: ({ icon, fill, style, size, className, secondaryColor, fixedWidth, spinning, }: import("../types").IconProps) => JSX.Element;
|
|
6
|
+
tags: string[];
|
|
7
|
+
argTypes: {};
|
|
8
|
+
};
|
|
9
|
+
export default meta;
|
|
10
|
+
type Story = StoryObj<typeof meta>;
|
|
11
|
+
export declare const Expedition: Story;
|
|
12
|
+
export declare const Spinning: Story;
|
|
13
|
+
export declare const SmallExpedition: Story;
|
|
14
|
+
export declare const BigExpedition: Story;
|
|
15
|
+
export declare const ExpeditionPink: Story;
|
|
16
|
+
export declare const ExpeditionPinkSolid: Story;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { MouseEventHandler } from 'react';
|
|
2
|
+
export type IconProps = {
|
|
3
|
+
icon: string;
|
|
4
|
+
style?: 'normal' | 'light' | 'solid';
|
|
5
|
+
fill?: string;
|
|
6
|
+
size?: number | string;
|
|
7
|
+
className?: string;
|
|
8
|
+
fixedWidth?: boolean;
|
|
9
|
+
spinning?: boolean;
|
|
10
|
+
secondaryColor?: string;
|
|
11
|
+
};
|
|
12
|
+
export interface SvgProps {
|
|
13
|
+
width?: number | string;
|
|
14
|
+
height?: number | string;
|
|
15
|
+
onClick?: MouseEventHandler<SVGSVGElement>;
|
|
16
|
+
fill?: string;
|
|
17
|
+
stroke?: string;
|
|
18
|
+
cursor?: string;
|
|
19
|
+
}
|
|
20
|
+
export interface IIcon {
|
|
21
|
+
(props: IconProps): JSX.Element;
|
|
22
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from '@storybook/react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import("../types").ImageProps) => JSX.Element;
|
|
6
|
+
tags: string[];
|
|
7
|
+
argTypes: {};
|
|
8
|
+
};
|
|
9
|
+
export default meta;
|
|
10
|
+
type Story = StoryObj<typeof meta>;
|
|
11
|
+
export declare const Default: Story;
|
|
12
|
+
export declare const WithLoader: Story;
|
|
13
|
+
export declare const CORS: Story;
|
|
14
|
+
export declare const SrcSet: Story;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type ImageProps = {
|
|
3
|
+
src: string;
|
|
4
|
+
loader?: JSX.Element | null;
|
|
5
|
+
unloader?: JSX.Element | null;
|
|
6
|
+
decode?: boolean;
|
|
7
|
+
container?: any;
|
|
8
|
+
crossOrigin?: "" | "anonymous" | "use-credentials";
|
|
9
|
+
srcSet?: {
|
|
10
|
+
[width: string]: string;
|
|
11
|
+
};
|
|
12
|
+
width?: string;
|
|
13
|
+
height?: string;
|
|
14
|
+
smartCrop?: boolean;
|
|
15
|
+
onClick?: any;
|
|
16
|
+
onMouseOver?: any;
|
|
17
|
+
onMouseOut?: any;
|
|
18
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/system").Theme, {
|
|
2
|
+
fontSize?: string | number | undefined;
|
|
3
|
+
}, never>;
|
|
4
|
+
export declare const FieldLabel: import("styled-components").StyledComponent<"label", import("@xstyled/system").Theme, {
|
|
5
|
+
$isInvalid?: boolean | undefined;
|
|
6
|
+
}, never>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Label, FieldLabel } from './Label';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("styled-components").StyledComponent<"label", import("@xstyled/system").Theme, {
|
|
5
|
+
fontSize?: string | number | undefined;
|
|
6
|
+
}, never>;
|
|
7
|
+
tags: string[];
|
|
8
|
+
argTypes: {};
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export declare const ManyPages: Story;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("../types").ILine;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {};
|
|
7
|
+
};
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<typeof meta>;
|
|
10
|
+
export declare const Default: Story;
|
|
11
|
+
export declare const Dashed: Story;
|
|
12
|
+
export declare const SmallGab: Story;
|
|
13
|
+
export declare const MediumGab: Story;
|
|
14
|
+
export declare const LargeGab: Story;
|
|
15
|
+
export declare const LargeTopGab: Story;
|
|
16
|
+
export declare const LargebottomGab: Story;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type Gab = 'none' | 'small' | 'medium' | 'large';
|
|
3
|
+
export type Variant = 'solid' | 'dashed';
|
|
4
|
+
export type LineProps = {
|
|
5
|
+
gab?: Gab;
|
|
6
|
+
gabTop?: Gab;
|
|
7
|
+
gabBottom?: Gab;
|
|
8
|
+
variant?: Variant;
|
|
9
|
+
};
|
|
10
|
+
export interface ILine {
|
|
11
|
+
(props: LineProps): JSX.Element;
|
|
12
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type ToObjectType = {
|
|
3
|
+
pathname?: string;
|
|
4
|
+
search?: string;
|
|
5
|
+
hash?: string;
|
|
6
|
+
state?: object;
|
|
7
|
+
};
|
|
8
|
+
type Props = {
|
|
9
|
+
as?: any;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
to?: string | ToObjectType | Function;
|
|
12
|
+
target?: string;
|
|
13
|
+
color?: string;
|
|
14
|
+
size: number | 'inherit';
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
onClick?: Function;
|
|
17
|
+
};
|
|
18
|
+
declare const Link: {
|
|
19
|
+
(props: Props): JSX.Element;
|
|
20
|
+
defaultProps: {
|
|
21
|
+
to: string;
|
|
22
|
+
color: string;
|
|
23
|
+
disabled: boolean;
|
|
24
|
+
size: number;
|
|
25
|
+
padding: string;
|
|
26
|
+
replace: boolean;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
export default Link;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from '@storybook/react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: {
|
|
6
|
+
(props: {
|
|
7
|
+
as?: any;
|
|
8
|
+
children?: import("react").ReactNode;
|
|
9
|
+
to?: string | Function | {
|
|
10
|
+
pathname?: string | undefined;
|
|
11
|
+
search?: string | undefined;
|
|
12
|
+
hash?: string | undefined;
|
|
13
|
+
state?: object | undefined;
|
|
14
|
+
} | undefined;
|
|
15
|
+
target?: string | undefined;
|
|
16
|
+
color?: string | undefined;
|
|
17
|
+
size: number | "inherit";
|
|
18
|
+
disabled?: boolean | undefined;
|
|
19
|
+
onClick?: Function | undefined;
|
|
20
|
+
}): JSX.Element;
|
|
21
|
+
defaultProps: {
|
|
22
|
+
to: string;
|
|
23
|
+
color: string;
|
|
24
|
+
disabled: boolean;
|
|
25
|
+
size: number;
|
|
26
|
+
padding: string;
|
|
27
|
+
replace: boolean;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
tags: string[];
|
|
31
|
+
argTypes: {};
|
|
32
|
+
decorators: never[];
|
|
33
|
+
};
|
|
34
|
+
export default meta;
|
|
35
|
+
type Story = StoryObj<typeof meta>;
|
|
36
|
+
export declare const External: Story;
|
|
37
|
+
export declare const Success: Story;
|
|
38
|
+
export declare const Warning: Story;
|
|
39
|
+
export declare const Disabled: Story;
|
|
40
|
+
export declare const Size3: Story;
|
|
41
|
+
export declare const Size5: Story;
|
|
42
|
+
export declare const Size7: Story;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from '@storybook/react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: ({ brand, variant, size, width, height, ...rest }: import("../types").LogoProps) => JSX.Element | null;
|
|
6
|
+
parameters: {
|
|
7
|
+
backgrounds: {
|
|
8
|
+
default: string;
|
|
9
|
+
values: {
|
|
10
|
+
name: string;
|
|
11
|
+
value: string;
|
|
12
|
+
}[];
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
tags: string[];
|
|
16
|
+
argTypes: {};
|
|
17
|
+
};
|
|
18
|
+
export default meta;
|
|
19
|
+
type Story = StoryObj<typeof meta>;
|
|
20
|
+
export declare const MailshipBlack: Story;
|
|
21
|
+
export declare const MailshipWhite: Story;
|
|
22
|
+
export declare const MailshipM: Story;
|
|
23
|
+
export declare const MailshipS: Story;
|
|
24
|
+
export declare const MailwiseBlack: Story;
|
|
25
|
+
export declare const MailwiseS: Story;
|
|
26
|
+
export declare const MailstockBlack: Story;
|
|
27
|
+
export declare const MailwrapBlack: Story;
|
|
28
|
+
export declare const MailstepBlack: Story;
|
|
29
|
+
export declare const MailstepWhite: Story;
|
|
30
|
+
export declare const SizeSmall: Story;
|
|
31
|
+
export declare const SizeMedium: Story;
|
|
32
|
+
export declare const SizeBig: Story;
|
|
33
|
+
export declare const SizeCustomWidth: Story;
|
|
34
|
+
export declare const SizeCustomHeight: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export type Brand = 'mailship' | 'mailwise' | 'mailstock' | 'mailstep' | 'mailwrap';
|
|
2
|
+
export type Variant = 'white' | 'black' | 'm' | 's';
|
|
3
|
+
export type Size = 'small' | 'medium' | 'big' | undefined;
|
|
4
|
+
export type LogoProps = {
|
|
5
|
+
variant?: Variant;
|
|
6
|
+
size?: Size;
|
|
7
|
+
brand?: Brand;
|
|
8
|
+
width?: string;
|
|
9
|
+
height?: string;
|
|
10
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type Props = {
|
|
3
|
+
page?: number;
|
|
4
|
+
itemCount?: number;
|
|
5
|
+
itemPerPage?: number;
|
|
6
|
+
onPageChange?: (number: number) => void;
|
|
7
|
+
};
|
|
8
|
+
declare const Pagination: ({ onPageChange, itemPerPage, itemCount, page }: Props) => JSX.Element;
|
|
9
|
+
export default Pagination;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from '@storybook/react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: ({ onPageChange, itemPerPage, itemCount, page }: import("../Pagination").Props) => JSX.Element;
|
|
6
|
+
tags: string[];
|
|
7
|
+
argTypes: {};
|
|
8
|
+
};
|
|
9
|
+
export default meta;
|
|
10
|
+
type Story = StoryObj<typeof meta>;
|
|
11
|
+
export declare const Default: Story;
|
|
12
|
+
export declare const ManyPages: Story;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
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">;
|
|
3
|
+
export declare const Btn: import("styled-components").StyledComponent<"button", import("@xstyled/system").Theme, {
|
|
4
|
+
disabled: boolean;
|
|
5
|
+
}, never>;
|
|
6
|
+
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, {
|
|
7
|
+
isActive: boolean;
|
|
8
|
+
}, never>;
|
|
9
|
+
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, {
|
|
10
|
+
isActive: boolean;
|
|
11
|
+
}, never>;
|
|
12
|
+
export declare const DotsWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
|
|
13
|
+
export declare const PageBtn: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {
|
|
14
|
+
isCurrent: boolean;
|
|
15
|
+
}, never>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: () => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
backgroundColor: {
|
|
8
|
+
control: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export default meta;
|
|
13
|
+
type Story = StoryObj<typeof meta>;
|
|
14
|
+
export declare const Primary: Story;
|
|
15
|
+
export declare const Secondary: Story;
|
|
16
|
+
export declare const Large: Story;
|
|
17
|
+
export declare const Small: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
type Props = {
|
|
3
|
+
progress?: number;
|
|
4
|
+
status?: 'loading' | 'finished' | 'error';
|
|
5
|
+
errorMessage?: string;
|
|
6
|
+
noText?: boolean;
|
|
7
|
+
variant?: 'normal' | 'thin';
|
|
8
|
+
};
|
|
9
|
+
declare const ProgressBar: ({ progress, status, errorMessage, noText, variant }: Props) => JSX.Element;
|
|
10
|
+
export default ProgressBar;
|