@integrigo/integrigo-ui 1.6.8 → 1.6.10-a
Sign up to get free protection for your applications and to get access to all the features.
- package/lib/index.d.ts +1 -1
- package/lib/index.esm.js +1 -1
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +1 -1
- package/lib/src/components/atoms/Alert/Alert.d.ts +10 -0
- package/lib/src/components/atoms/Alert/Alert.stories.d.ts +6 -0
- package/lib/src/components/atoms/Alert/index.d.ts +1 -0
- package/lib/src/components/atoms/Avatar/Avatar.d.ts +8 -0
- package/lib/src/components/atoms/Avatar/Avatar.stories.d.ts +13 -0
- package/lib/src/components/atoms/Avatar/Avatar.test.d.ts +1 -0
- package/lib/src/components/atoms/Avatar/index.d.ts +1 -0
- package/lib/src/components/atoms/Card/Card.d.ts +5 -0
- package/lib/src/components/atoms/Card/Card.stories.d.ts +5 -0
- package/lib/src/components/atoms/Card/index.d.ts +1 -0
- package/lib/src/components/atoms/Chip/Chip.d.ts +25 -0
- package/lib/src/components/atoms/Chip/Chip.stories.d.ts +6 -0
- package/lib/src/components/atoms/Chip/Chip.test.d.ts +1 -0
- package/lib/src/components/atoms/Chip/index.d.ts +1 -0
- package/lib/src/components/atoms/Divider/Divider.d.ts +5 -0
- package/lib/src/components/atoms/Divider/Divider.stories.d.ts +14 -0
- package/lib/src/components/atoms/Divider/index.d.ts +1 -0
- package/lib/src/components/atoms/Dot/Dot.d.ts +9 -0
- package/lib/src/components/atoms/Dot/Dot.stories.d.ts +42 -0
- package/lib/src/components/atoms/Dot/Dot.test.d.ts +1 -0
- package/lib/src/components/atoms/Dot/index.d.ts +1 -0
- package/lib/src/components/atoms/Field/FieldLabel.d.ts +7 -0
- package/lib/src/components/atoms/Field/FieldWrapper.d.ts +4 -0
- package/lib/src/components/atoms/Field/fieldSizeVariants.d.ts +22 -0
- package/lib/src/components/atoms/Field/index.d.ts +3 -0
- package/lib/src/components/atoms/Icon/Icon.d.ts +42 -0
- package/lib/src/components/atoms/Icon/Icon.stories.d.ts +18 -0
- package/lib/src/components/atoms/Icon/IconAddition.d.ts +12 -0
- package/lib/src/components/atoms/Icon/icons/AngleDown.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/ArrowLeft.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/Bars.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/Bell.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/ChechSquare.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/CheckCircle.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/ClipboardNotes.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/Close.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/DiceFive.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/Edit.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/Envelope.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/ExclamationCircle.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/ExclamationTriangle.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/Exit.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/Facebook.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/Home.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/ImageEdit.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/Instagram.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/Linkedin.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/Lock.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/Minus.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/Phone.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/Plus.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/PointsCircle.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/Process.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/Redo.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/Setting.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/UserCircle.d.ts +3 -0
- package/lib/src/components/atoms/Icon/icons/Users.d.ts +3 -0
- package/lib/src/components/atoms/Icon/index.d.ts +3 -0
- package/lib/src/components/atoms/Initials/Initials.d.ts +7 -0
- package/lib/src/components/atoms/Initials/Initials.stories.d.ts +11 -0
- package/lib/src/components/atoms/Initials/index.d.ts +1 -0
- package/lib/src/components/atoms/Nav/Nav.d.ts +4 -0
- package/lib/src/components/atoms/Nav/Nav.stories.d.ts +5 -0
- package/lib/src/components/atoms/Nav/index.d.ts +1 -0
- package/lib/src/components/atoms/Pill/Pill.d.ts +4 -0
- package/lib/src/components/atoms/Pill/Pill.stories.d.ts +6 -0
- package/lib/src/components/atoms/Pill/index.d.ts +1 -0
- package/lib/src/components/atoms/Spinner/Spinner.d.ts +4 -0
- package/lib/src/components/atoms/Spinner/Spinner.stories.d.ts +5 -0
- package/lib/src/components/atoms/Spinner/index.d.ts +1 -0
- package/lib/src/components/atoms/Typography/Body.d.ts +6 -0
- package/lib/src/components/atoms/Typography/Body.stories.d.ts +8 -0
- package/lib/src/components/atoms/Typography/Hero.d.ts +5 -0
- package/lib/src/components/atoms/Typography/Hero.stories.d.ts +9 -0
- package/lib/src/components/atoms/Typography/Label.d.ts +7 -0
- package/lib/src/components/atoms/Typography/Label.stories.d.ts +9 -0
- package/lib/src/components/atoms/Typography/index.d.ts +6 -0
- package/lib/src/components/atoms/index.d.ts +11 -0
- package/lib/src/components/molecules/Button/BasicButton.d.ts +35 -0
- package/lib/src/components/molecules/Button/Button.d.ts +12 -0
- package/lib/src/components/molecules/Button/Button.stories.d.ts +11 -0
- package/lib/src/components/molecules/Button/Button.test.d.ts +1 -0
- package/lib/src/components/molecules/Button/Ghost.d.ts +16 -0
- package/lib/src/components/molecules/Button/Primary.d.ts +7 -0
- package/lib/src/components/molecules/Button/index.d.ts +1 -0
- package/lib/src/components/molecules/Checkbox/Checkbox.d.ts +9 -0
- package/lib/src/components/molecules/Checkbox/Checkbox.stories.d.ts +19 -0
- package/lib/src/components/molecules/Checkbox/index.d.ts +1 -0
- package/lib/src/components/molecules/Dropdown/Dropdown.d.ts +15 -0
- package/lib/src/components/molecules/Dropdown/Dropdown.stories.d.ts +12 -0
- package/lib/src/components/molecules/Dropdown/Option.d.ts +2 -0
- package/lib/src/components/molecules/Dropdown/index.d.ts +1 -0
- package/lib/src/components/molecules/InfoCard/InfoCard.d.ts +9 -0
- package/lib/src/components/molecules/InfoCard/InfoCard.stories.d.ts +7 -0
- package/lib/src/components/molecules/InfoCard/index.d.ts +1 -0
- package/lib/src/components/molecules/Input/Input.d.ts +20 -0
- package/lib/src/components/molecules/Input/Input.stories.d.ts +75 -0
- package/lib/src/components/molecules/Input/index.d.ts +1 -0
- package/lib/src/components/molecules/Profile/Profile.d.ts +8 -0
- package/lib/src/components/molecules/Profile/Profile.stories.d.ts +33 -0
- package/lib/src/components/molecules/Profile/Profile.test.d.ts +1 -0
- package/lib/src/components/molecules/Profile/index.d.ts +1 -0
- package/lib/src/components/molecules/Radio/Radio.d.ts +15 -0
- package/lib/src/components/molecules/Radio/Radio.stories.d.ts +20 -0
- package/lib/src/components/molecules/Radio/Radio.test.d.ts +1 -0
- package/lib/src/components/molecules/Radio/index.d.ts +1 -0
- package/lib/src/components/molecules/TextArea/TextArea.d.ts +6 -0
- package/lib/src/components/molecules/TextArea/TextArea.stories.d.ts +8 -0
- package/lib/src/components/molecules/TextArea/index.d.ts +1 -0
- package/lib/src/components/molecules/index.d.ts +8 -0
- package/lib/src/components/organisms/Menu/Menu.d.ts +12 -0
- package/lib/src/components/organisms/Menu/Menu.stories.d.ts +9 -0
- package/lib/src/components/organisms/Menu/MenuItem.d.ts +9 -0
- package/lib/src/components/organisms/Menu/index.d.ts +1 -0
- package/lib/src/components/organisms/Setting/Setting.d.ts +10 -0
- package/lib/src/components/organisms/Setting/Setting.stories.d.ts +5 -0
- package/lib/src/components/organisms/Setting/index.d.ts +1 -0
- package/lib/src/components/organisms/index.d.ts +2 -0
- package/lib/src/helpers/validation.d.ts +3 -0
- package/lib/src/index.d.ts +4 -0
- package/lib/src/styles/colors.d.ts +24 -0
- package/lib/src/styles/global.d.ts +1 -0
- package/lib/src/styles/index.d.ts +2 -0
- package/lib/src/types/validation.d.ts +1 -0
- package/package.json +1 -1
- package/src/.storybook/main.js +12 -0
- package/src/.storybook/preview.js +20 -0
- package/src/components/atoms/Alert/Alert.stories.tsx +26 -0
- package/src/components/atoms/Alert/Alert.tsx +107 -0
- package/src/components/atoms/Alert/index.ts +1 -0
- package/src/components/atoms/Avatar/Avatar.stories.tsx +25 -0
- package/src/components/atoms/Avatar/Avatar.test.tsx +17 -0
- package/src/components/atoms/Avatar/Avatar.tsx +34 -0
- package/src/components/atoms/Avatar/__snapshots__/Avatar.test.tsx.snap +13 -0
- package/src/components/atoms/Avatar/index.ts +1 -0
- package/src/components/atoms/Card/Card.stories.tsx +29 -0
- package/src/components/atoms/Card/Card.tsx +32 -0
- package/src/components/atoms/Card/index.ts +1 -0
- package/src/components/atoms/Chip/Chip.stories.tsx +62 -0
- package/src/components/atoms/Chip/Chip.test.tsx +23 -0
- package/src/components/atoms/Chip/Chip.tsx +233 -0
- package/src/components/atoms/Chip/__snapshots__/Chip.test.tsx.snap +58 -0
- package/src/components/atoms/Chip/index.ts +1 -0
- package/src/components/atoms/Divider/Divider.stories.tsx +27 -0
- package/src/components/atoms/Divider/Divider.tsx +12 -0
- package/src/components/atoms/Divider/index.ts +1 -0
- package/src/components/atoms/Dot/Dot.stories.tsx +35 -0
- package/src/components/atoms/Dot/Dot.test.tsx +9 -0
- package/src/components/atoms/Dot/Dot.tsx +42 -0
- package/src/components/atoms/Dot/index.ts +1 -0
- package/src/components/atoms/Field/FieldLabel.tsx +32 -0
- package/src/components/atoms/Field/FieldWrapper.tsx +14 -0
- package/src/components/atoms/Field/fieldSizeVariants.tsx +22 -0
- package/src/components/atoms/Field/index.ts +3 -0
- package/src/components/atoms/Icon/Icon.stories.tsx +39 -0
- package/src/components/atoms/Icon/Icon.tsx +109 -0
- package/src/components/atoms/Icon/IconAddition.tsx +94 -0
- package/src/components/atoms/Icon/icons/AngleDown.tsx +9 -0
- package/src/components/atoms/Icon/icons/ArrowLeft.tsx +9 -0
- package/src/components/atoms/Icon/icons/Bars.tsx +9 -0
- package/src/components/atoms/Icon/icons/Bell.tsx +9 -0
- package/src/components/atoms/Icon/icons/ChechSquare.tsx +9 -0
- package/src/components/atoms/Icon/icons/CheckCircle.tsx +9 -0
- package/src/components/atoms/Icon/icons/ClipboardNotes.tsx +9 -0
- package/src/components/atoms/Icon/icons/Close.tsx +9 -0
- package/src/components/atoms/Icon/icons/DiceFive.tsx +9 -0
- package/src/components/atoms/Icon/icons/Edit.tsx +9 -0
- package/src/components/atoms/Icon/icons/Envelope.tsx +9 -0
- package/src/components/atoms/Icon/icons/ExclamationCircle.tsx +9 -0
- package/src/components/atoms/Icon/icons/ExclamationTriangle.tsx +9 -0
- package/src/components/atoms/Icon/icons/Exit.tsx +9 -0
- package/src/components/atoms/Icon/icons/Facebook.tsx +9 -0
- package/src/components/atoms/Icon/icons/Home.tsx +9 -0
- package/src/components/atoms/Icon/icons/ImageEdit.tsx +9 -0
- package/src/components/atoms/Icon/icons/Instagram.tsx +9 -0
- package/src/components/atoms/Icon/icons/Linkedin.tsx +9 -0
- package/src/components/atoms/Icon/icons/Lock.tsx +9 -0
- package/src/components/atoms/Icon/icons/Minus.tsx +9 -0
- package/src/components/atoms/Icon/icons/Phone.tsx +9 -0
- package/src/components/atoms/Icon/icons/Plus.tsx +9 -0
- package/src/components/atoms/Icon/icons/PointsCircle.tsx +9 -0
- package/src/components/atoms/Icon/icons/Process.tsx +9 -0
- package/src/components/atoms/Icon/icons/Redo.tsx +9 -0
- package/src/components/atoms/Icon/icons/Setting.tsx +9 -0
- package/src/components/atoms/Icon/icons/UserCircle.tsx +9 -0
- package/src/components/atoms/Icon/icons/Users.tsx +9 -0
- package/src/components/atoms/Icon/index.ts +3 -0
- package/src/components/atoms/Initials/Initials.stories.tsx +23 -0
- package/src/components/atoms/Initials/Initials.tsx +36 -0
- package/src/components/atoms/Initials/index.ts +1 -0
- package/src/components/atoms/Nav/Nav.stories.tsx +19 -0
- package/src/components/atoms/Nav/Nav.tsx +21 -0
- package/src/components/atoms/Nav/index.ts +1 -0
- package/src/components/atoms/Pill/Pill.stories.tsx +27 -0
- package/src/components/atoms/Pill/Pill.tsx +17 -0
- package/src/components/atoms/Pill/index.ts +1 -0
- package/src/components/atoms/Spinner/Spinner.stories.tsx +20 -0
- package/src/components/atoms/Spinner/Spinner.tsx +20 -0
- package/src/components/atoms/Spinner/index.ts +1 -0
- package/src/components/atoms/Typography/Body.stories.tsx +36 -0
- package/src/components/atoms/Typography/Body.tsx +16 -0
- package/src/components/atoms/Typography/Hero.stories.tsx +36 -0
- package/src/components/atoms/Typography/Hero.tsx +27 -0
- package/src/components/atoms/Typography/Label.stories.tsx +36 -0
- package/src/components/atoms/Typography/Label.tsx +43 -0
- package/src/components/atoms/Typography/index.ts +5 -0
- package/src/components/atoms/index.ts +11 -0
- package/src/components/molecules/Button/BasicButton.tsx +137 -0
- package/src/components/molecules/Button/Button.stories.tsx +74 -0
- package/src/components/molecules/Button/Button.test.tsx +63 -0
- package/src/components/molecules/Button/Button.tsx +180 -0
- package/src/components/molecules/Button/Ghost.tsx +75 -0
- package/src/components/molecules/Button/Primary.tsx +41 -0
- package/src/components/molecules/Button/__snapshots__/Button.test.tsx.snap +208 -0
- package/src/components/molecules/Button/index.ts +1 -0
- package/src/components/molecules/Checkbox/Checkbox.stories.tsx +33 -0
- package/src/components/molecules/Checkbox/Checkbox.tsx +147 -0
- package/src/components/molecules/Checkbox/index.tsx +1 -0
- package/src/components/molecules/Dropdown/Dropdown.stories.tsx +30 -0
- package/src/components/molecules/Dropdown/Dropdown.tsx +95 -0
- package/src/components/molecules/Dropdown/Option.tsx +5 -0
- package/src/components/molecules/Dropdown/index.ts +1 -0
- package/src/components/molecules/InfoCard/InfoCard.stories.tsx +32 -0
- package/src/components/molecules/InfoCard/InfoCard.tsx +69 -0
- package/src/components/molecules/InfoCard/index.tsx +1 -0
- package/src/components/molecules/Input/Input.stories.tsx +80 -0
- package/src/components/molecules/Input/Input.tsx +120 -0
- package/src/components/molecules/Input/index.ts +1 -0
- package/src/components/molecules/Profile/Profile.stories.tsx +32 -0
- package/src/components/molecules/Profile/Profile.test.tsx +19 -0
- package/src/components/molecules/Profile/Profile.tsx +60 -0
- package/src/components/molecules/Profile/index.ts +1 -0
- package/src/components/molecules/Radio/Radio.stories.tsx +37 -0
- package/src/components/molecules/Radio/Radio.test.tsx +43 -0
- package/src/components/molecules/Radio/Radio.tsx +203 -0
- package/src/components/molecules/Radio/__snapshots__/Radio.test.tsx.snap +82 -0
- package/src/components/molecules/Radio/index.tsx +1 -0
- package/src/components/molecules/TextArea/TextArea.stories.tsx +37 -0
- package/src/components/molecules/TextArea/TextArea.tsx +50 -0
- package/src/components/molecules/TextArea/index.ts +1 -0
- package/src/components/molecules/index.ts +8 -0
- package/src/components/organisms/Menu/Menu.stories.tsx +20 -0
- package/src/components/organisms/Menu/Menu.tsx +29 -0
- package/src/components/organisms/Menu/MenuItem.tsx +62 -0
- package/src/components/organisms/Menu/index.ts +1 -0
- package/src/components/organisms/Setting/Setting.stories.tsx +21 -0
- package/src/components/organisms/Setting/Setting.tsx +97 -0
- package/src/components/organisms/Setting/index.ts +1 -0
- package/src/components/organisms/index.ts +2 -0
- package/src/global.d.ts +6 -0
- package/src/helpers/validation.ts +31 -0
- package/src/index.ts +28 -0
- package/src/styles/colors.ts +30 -0
- package/src/styles/global.ts +94 -0
- package/src/styles/index.ts +2 -0
- package/src/types/validation.ts +1 -0
@@ -0,0 +1,42 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
3
|
+
declare const _default: ComponentMeta<import("react").FCS<{
|
4
|
+
icon?: (import("react").SVGProps<SVGSVGElement> & {
|
5
|
+
type: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user-circle" | "users";
|
6
|
+
size?: "big" | "small" | "ultra-small" | "medium" | {
|
7
|
+
width: number;
|
8
|
+
height: number;
|
9
|
+
} | undefined;
|
10
|
+
} & import("react").WithStyledComponent & {
|
11
|
+
children?: import("react").ReactNode;
|
12
|
+
}) | undefined;
|
13
|
+
children?: import("react").ReactNode;
|
14
|
+
size?: "s" | "m" | "l" | "xl" | undefined;
|
15
|
+
}>>;
|
16
|
+
export default _default;
|
17
|
+
export declare const Icon: ComponentStory<import("react").FCS<{
|
18
|
+
icon?: (import("react").SVGProps<SVGSVGElement> & {
|
19
|
+
type: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user-circle" | "users";
|
20
|
+
size?: "big" | "small" | "ultra-small" | "medium" | {
|
21
|
+
width: number;
|
22
|
+
height: number;
|
23
|
+
} | undefined;
|
24
|
+
} & import("react").WithStyledComponent & {
|
25
|
+
children?: import("react").ReactNode;
|
26
|
+
}) | undefined;
|
27
|
+
children?: import("react").ReactNode;
|
28
|
+
size?: "s" | "m" | "l" | "xl" | undefined;
|
29
|
+
}>>;
|
30
|
+
export declare const Basic: ComponentStory<import("react").FCS<{
|
31
|
+
icon?: (import("react").SVGProps<SVGSVGElement> & {
|
32
|
+
type: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user-circle" | "users";
|
33
|
+
size?: "big" | "small" | "ultra-small" | "medium" | {
|
34
|
+
width: number;
|
35
|
+
height: number;
|
36
|
+
} | undefined;
|
37
|
+
} & import("react").WithStyledComponent & {
|
38
|
+
children?: import("react").ReactNode;
|
39
|
+
}) | undefined;
|
40
|
+
children?: import("react").ReactNode;
|
41
|
+
size?: "s" | "m" | "l" | "xl" | undefined;
|
42
|
+
}>>;
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1 @@
|
|
1
|
+
export { Dot } from './Dot';
|
@@ -0,0 +1,22 @@
|
|
1
|
+
export declare const fieldSizeVariants: {
|
2
|
+
xl: {
|
3
|
+
iconPadding: string;
|
4
|
+
padding: string;
|
5
|
+
font: string;
|
6
|
+
};
|
7
|
+
l: {
|
8
|
+
iconPadding: string;
|
9
|
+
padding: string;
|
10
|
+
font: string;
|
11
|
+
};
|
12
|
+
m: {
|
13
|
+
iconPadding: string;
|
14
|
+
padding: string;
|
15
|
+
font: string;
|
16
|
+
};
|
17
|
+
s: {
|
18
|
+
iconPadding: string;
|
19
|
+
padding: string;
|
20
|
+
font: string;
|
21
|
+
};
|
22
|
+
};
|
@@ -0,0 +1,42 @@
|
|
1
|
+
import React from "react";
|
2
|
+
export declare const iconHashMap: {
|
3
|
+
"angle-down": React.FCS<{}>;
|
4
|
+
"arrow-left": React.FCS<{}>;
|
5
|
+
bars: React.FCS<{}>;
|
6
|
+
bell: React.FCS<{}>;
|
7
|
+
"check-circle": React.FCS<{}>;
|
8
|
+
"check-square": React.FCS<{}>;
|
9
|
+
"clipboad-notes": React.FCS<{}>;
|
10
|
+
close: React.FCS<{}>;
|
11
|
+
"dice-five": React.FCS<{}>;
|
12
|
+
edit: React.FCS<{}>;
|
13
|
+
envelope: React.FCS<{}>;
|
14
|
+
"exclamation-circle": React.FCS<{}>;
|
15
|
+
"exclamation-triangle": React.FCS<{}>;
|
16
|
+
exit: React.FCS<{}>;
|
17
|
+
facebook: React.FCS<{}>;
|
18
|
+
home: React.FCS<{}>;
|
19
|
+
"image-edit": React.FCS<{}>;
|
20
|
+
instagram: React.FCS<{}>;
|
21
|
+
linkedin: React.FCS<{}>;
|
22
|
+
lock: React.FCS<{}>;
|
23
|
+
minus: React.FCS<{}>;
|
24
|
+
phone: React.FCS<{}>;
|
25
|
+
plus: React.FCS<{}>;
|
26
|
+
process: React.FCS<{}>;
|
27
|
+
"points-circle": React.FCS<{}>;
|
28
|
+
redo: React.FCS<{}>;
|
29
|
+
setting: React.FCS<{}>;
|
30
|
+
"user-circle": React.FCS<{}>;
|
31
|
+
users: React.FCS<{}>;
|
32
|
+
};
|
33
|
+
export declare type IconType = keyof typeof iconHashMap;
|
34
|
+
declare type IconProps = React.SVGProps<SVGSVGElement> & {
|
35
|
+
type: IconType;
|
36
|
+
size?: "ultra-small" | "small" | "medium" | "big" | {
|
37
|
+
width: number;
|
38
|
+
height: number;
|
39
|
+
};
|
40
|
+
};
|
41
|
+
export declare const Icon: React.FCS<IconProps>;
|
42
|
+
export {};
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
|
+
declare const _default: ComponentMeta<React.FCS<React.SVGProps<SVGSVGElement> & {
|
4
|
+
type: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user-circle" | "users";
|
5
|
+
size?: "big" | "small" | "ultra-small" | "medium" | {
|
6
|
+
width: number;
|
7
|
+
height: number;
|
8
|
+
} | undefined;
|
9
|
+
}>>;
|
10
|
+
export default _default;
|
11
|
+
export declare const SimpleIcon: ComponentStory<React.FCS<React.SVGProps<SVGSVGElement> & {
|
12
|
+
type: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user-circle" | "users";
|
13
|
+
size?: "big" | "small" | "ultra-small" | "medium" | {
|
14
|
+
width: number;
|
15
|
+
height: number;
|
16
|
+
} | undefined;
|
17
|
+
}>>;
|
18
|
+
export declare const AllIcons: () => JSX.Element;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { IconType } from './Icon';
|
3
|
+
interface IconAdditionProps {
|
4
|
+
disabled?: boolean;
|
5
|
+
icon?: IconType;
|
6
|
+
direction?: 'rtl' | 'ltr';
|
7
|
+
colorVariant?: 'grey' | 'white' | 'ghost';
|
8
|
+
size?: 'xl' | 'l' | 'm' | 's';
|
9
|
+
onClick?: () => void;
|
10
|
+
}
|
11
|
+
export declare const IconAddition: React.FC<IconAdditionProps>;
|
12
|
+
export {};
|
@@ -0,0 +1,11 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
|
+
declare const _default: ComponentMeta<import("react").FC<{
|
4
|
+
text: string;
|
5
|
+
size?: "s" | "m" | "l" | "xl" | "xxl" | undefined;
|
6
|
+
}>>;
|
7
|
+
export default _default;
|
8
|
+
export declare const Basic: ComponentStory<import("react").FC<{
|
9
|
+
text: string;
|
10
|
+
size?: "s" | "m" | "l" | "xl" | "xxl" | undefined;
|
11
|
+
}>>;
|
@@ -0,0 +1 @@
|
|
1
|
+
export { Initials } from './Initials';
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
2
|
+
declare const _default: ComponentMeta<import("styled-components").StyledComponent<"nav", any, import("./Nav").NavProps, never>>;
|
3
|
+
export default _default;
|
4
|
+
export declare const Basic: ComponentStory<import("styled-components").StyledComponent<"nav", any, import("./Nav").NavProps, never>>;
|
5
|
+
export declare const Active: ComponentStory<import("styled-components").StyledComponent<"nav", any, import("./Nav").NavProps, never>>;
|
@@ -0,0 +1 @@
|
|
1
|
+
export { Nav } from './Nav';
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
2
|
+
declare const _default: ComponentMeta<import("styled-components").StyledComponent<"div", any, import("./Pill").PillProps, never>>;
|
3
|
+
export default _default;
|
4
|
+
export declare const Orange: ComponentStory<import("styled-components").StyledComponent<"div", any, import("./Pill").PillProps, never>>;
|
5
|
+
export declare const Green: ComponentStory<import("styled-components").StyledComponent<"div", any, import("./Pill").PillProps, never>>;
|
6
|
+
export declare const Red: ComponentStory<import("styled-components").StyledComponent<"div", any, import("./Pill").PillProps, never>>;
|
@@ -0,0 +1 @@
|
|
1
|
+
export { Pill } from './Pill';
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
|
+
declare const _default: ComponentMeta<React.FC<import("./Spinner").SpinnerProps>>;
|
4
|
+
export default _default;
|
5
|
+
export declare const Basic: ComponentStory<React.FC<import("./Spinner").SpinnerProps>>;
|
@@ -0,0 +1 @@
|
|
1
|
+
export { Spinner } from './Spinner';
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
2
|
+
declare const _default: ComponentMeta<import("styled-components").StyledComponent<"p", any, import("./Body").BodyProps, never>>;
|
3
|
+
export default _default;
|
4
|
+
export declare const XXL: ComponentStory<import("styled-components").StyledComponent<"p", any, import("./Body").BodyProps, never>>;
|
5
|
+
export declare const XL: ComponentStory<import("styled-components").StyledComponent<"p", any, import("./Body").BodyProps, never>>;
|
6
|
+
export declare const L: ComponentStory<import("styled-components").StyledComponent<"p", any, import("./Body").BodyProps, never>>;
|
7
|
+
export declare const M: ComponentStory<import("styled-components").StyledComponent<"p", any, import("./Body").BodyProps, never>>;
|
8
|
+
export declare const S: ComponentStory<import("styled-components").StyledComponent<"p", any, import("./Body").BodyProps, never>>;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
|
+
declare const _default: ComponentMeta<React.FCS<import("./Hero").HeroProps>>;
|
4
|
+
export default _default;
|
5
|
+
export declare const XXL: ComponentStory<React.FCS<import("./Hero").HeroProps>>;
|
6
|
+
export declare const XL: ComponentStory<React.FCS<import("./Hero").HeroProps>>;
|
7
|
+
export declare const L: ComponentStory<React.FCS<import("./Hero").HeroProps>>;
|
8
|
+
export declare const M: ComponentStory<React.FCS<import("./Hero").HeroProps>>;
|
9
|
+
export declare const S: ComponentStory<React.FCS<import("./Hero").HeroProps>>;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
|
+
declare const _default: ComponentMeta<React.FC<import("./Label").LabelProps>>;
|
4
|
+
export default _default;
|
5
|
+
export declare const XXL: ComponentStory<React.FC<import("./Label").LabelProps>>;
|
6
|
+
export declare const XL: ComponentStory<React.FC<import("./Label").LabelProps>>;
|
7
|
+
export declare const L: ComponentStory<React.FC<import("./Label").LabelProps>>;
|
8
|
+
export declare const M: ComponentStory<React.FC<import("./Label").LabelProps>>;
|
9
|
+
export declare const S: ComponentStory<React.FC<import("./Label").LabelProps>>;
|
@@ -0,0 +1,6 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const Typography: {
|
3
|
+
Body: import("styled-components").StyledComponent<"p", any, import("./Body").BodyProps, never>;
|
4
|
+
Hero: import("react").FCS<import("./Hero").HeroProps>;
|
5
|
+
Label: import("react").FC<import("./Label").LabelProps>;
|
6
|
+
};
|
@@ -0,0 +1,11 @@
|
|
1
|
+
export { Alert } from './Alert';
|
2
|
+
export { Avatar } from './Avatar';
|
3
|
+
export { Card } from './Card';
|
4
|
+
export { Divider } from './Divider';
|
5
|
+
export { Icon } from './Icon';
|
6
|
+
export { Pill } from './Pill';
|
7
|
+
export { Typography } from './Typography';
|
8
|
+
export { Nav } from './Nav';
|
9
|
+
export { Spinner } from './Spinner';
|
10
|
+
export { Chip } from './Chip';
|
11
|
+
export { Dot } from './Dot';
|
@@ -0,0 +1,35 @@
|
|
1
|
+
import { FlattenSimpleInterpolation } from 'styled-components';
|
2
|
+
export declare const sizeVariants: {
|
3
|
+
xl: {
|
4
|
+
iconPadding: string;
|
5
|
+
padding: string;
|
6
|
+
ghostPadding: string;
|
7
|
+
font: string;
|
8
|
+
};
|
9
|
+
l: {
|
10
|
+
iconPadding: string;
|
11
|
+
padding: string;
|
12
|
+
ghostPadding: string;
|
13
|
+
font: string;
|
14
|
+
};
|
15
|
+
m: {
|
16
|
+
iconPadding: string;
|
17
|
+
padding: string;
|
18
|
+
ghostPadding: string;
|
19
|
+
font: string;
|
20
|
+
};
|
21
|
+
s: {
|
22
|
+
iconPadding: string;
|
23
|
+
padding: string;
|
24
|
+
ghostPadding: string;
|
25
|
+
font: string;
|
26
|
+
};
|
27
|
+
};
|
28
|
+
export declare const getDirectionPadding: (direction?: 'rtl' | 'ltr', ghost?: boolean, size?: 'xl' | 'l' | 'm' | 's') => FlattenSimpleInterpolation;
|
29
|
+
export declare const BasicButton: import("styled-components").StyledComponent<"div", any, {
|
30
|
+
direction?: "rtl" | "ltr" | undefined;
|
31
|
+
ghost?: boolean | undefined;
|
32
|
+
disabled?: boolean | undefined;
|
33
|
+
loading?: boolean | undefined;
|
34
|
+
sizeVariant: 'xl' | 'l' | 'm' | 's';
|
35
|
+
}, never>;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { IconType } from '../../atoms/Icon';
|
3
|
+
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
4
|
+
primary?: boolean;
|
5
|
+
ghost?: boolean;
|
6
|
+
icon?: IconType;
|
7
|
+
direction?: 'rtl' | 'ltr';
|
8
|
+
size?: 'xl' | 'l' | 'm' | 's';
|
9
|
+
loading?: boolean;
|
10
|
+
onIconClick?: () => void;
|
11
|
+
}
|
12
|
+
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
|
+
declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
|
4
|
+
export default _default;
|
5
|
+
export declare const Primary: ComponentStory<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
|
6
|
+
export declare const Secondary: ComponentStory<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
|
7
|
+
export declare const Ghost: ComponentStory<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
|
8
|
+
export declare const IconLTR: ComponentStory<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
|
9
|
+
export declare const IconRTL: ComponentStory<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
|
10
|
+
export declare const SecondaryWithIcon: ComponentStory<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
|
11
|
+
export declare const DisabledGhostWithIcon: ComponentStory<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,16 @@
|
|
1
|
+
export declare const sizeVariant: {
|
2
|
+
xl: number;
|
3
|
+
l: number;
|
4
|
+
m: number;
|
5
|
+
s: number;
|
6
|
+
};
|
7
|
+
export declare const Ghost: import("styled-components").StyledComponent<"div", any, {
|
8
|
+
direction?: "ltr" | "rtl" | undefined;
|
9
|
+
ghost?: boolean | undefined;
|
10
|
+
disabled?: boolean | undefined;
|
11
|
+
loading?: boolean | undefined;
|
12
|
+
sizeVariant: "s" | "xl" | "l" | "m";
|
13
|
+
} & {
|
14
|
+
direction?: "ltr" | "rtl" | undefined;
|
15
|
+
disabled?: boolean | undefined;
|
16
|
+
}, never>;
|
@@ -0,0 +1,7 @@
|
|
1
|
+
export declare const Primary: import("styled-components").StyledComponent<"div", any, {
|
2
|
+
direction?: "ltr" | "rtl" | undefined;
|
3
|
+
ghost?: boolean | undefined;
|
4
|
+
disabled?: boolean | undefined;
|
5
|
+
loading?: boolean | undefined;
|
6
|
+
sizeVariant: "s" | "xl" | "l" | "m";
|
7
|
+
}, never>;
|
@@ -0,0 +1 @@
|
|
1
|
+
export { Button } from './Button';
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
export declare type CheckboxProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> & {
|
3
|
+
size?: 'xl' | 'l' | 'm' | 's';
|
4
|
+
label?: string;
|
5
|
+
};
|
6
|
+
export declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
|
7
|
+
size?: "xl" | "l" | "m" | "s" | undefined;
|
8
|
+
label?: string | undefined;
|
9
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
3
|
+
declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
|
4
|
+
size?: "s" | "m" | "l" | "xl" | undefined;
|
5
|
+
label?: string | undefined;
|
6
|
+
} & React.RefAttributes<HTMLInputElement>>>;
|
7
|
+
export default _default;
|
8
|
+
export declare const Basic: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
|
9
|
+
size?: "s" | "m" | "l" | "xl" | undefined;
|
10
|
+
label?: string | undefined;
|
11
|
+
} & React.RefAttributes<HTMLInputElement>>>;
|
12
|
+
export declare const Controlled: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
|
13
|
+
size?: "s" | "m" | "l" | "xl" | undefined;
|
14
|
+
label?: string | undefined;
|
15
|
+
} & React.RefAttributes<HTMLInputElement>>>;
|
16
|
+
export declare const WithLabel: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
|
17
|
+
size?: "s" | "m" | "l" | "xl" | undefined;
|
18
|
+
label?: string | undefined;
|
19
|
+
} & React.RefAttributes<HTMLInputElement>>>;
|
@@ -0,0 +1 @@
|
|
1
|
+
export { Checkbox } from './Checkbox';
|