kwant-ui 3.15.5-alpha.3 → 3.16.1
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/dist/components/AvatarGroup/AvatarGroup.types.d.ts +19 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/Button.styled.d.ts.map +1 -0
- package/dist/components/Button/helper.d.ts.map +1 -0
- package/dist/components/Button/types.d.ts.map +1 -0
- package/dist/components/HoverCalender/HoverCalender.d.ts +3 -0
- package/dist/components/HoverCalender/HoverCalenderStyled.d.ts +1 -0
- package/dist/components/HoverCalender/types.d.ts +10 -0
- package/dist/components/MultiSelect/onOutsideClick.d.ts +3 -0
- package/dist/components/Slider/Slider.d.ts.map +1 -0
- package/dist/components/Slider/Slider.styled.d.ts.map +1 -0
- package/dist/components/Slider/index.d.ts.map +1 -0
- package/dist/components/Slider/types.d.ts.map +1 -0
- package/dist/components/StepperDrawer/StepperDrawer.d.ts +3 -0
- package/dist/components/StepperDrawer/StepperDrawer.types.d.ts +8 -0
- package/dist/components/StepperDrawer/StepperDrawer.utils.d.ts +1 -0
- package/dist/components/StepperDrawer/StepperDrawerStyled.d.ts +5 -0
- package/dist/components/StepperDrawer/index.d.ts +2 -0
- package/dist/components/Text/TextStyled.d.ts.map +1 -0
- package/dist/components/Text/index.d.ts.map +1 -0
- package/dist/components/Text/types.d.ts.map +1 -0
- package/dist/components/Text/typography.d.ts.map +1 -0
- package/dist/components/Text/utils.d.ts.map +1 -0
- package/dist/components/stepper/index.d.ts.map +1 -0
- package/dist/fonts/Poppins-Black.woff +0 -0
- package/dist/fonts/Poppins-Black.woff2 +0 -0
- package/dist/fonts/Poppins-Bold.woff +0 -0
- package/dist/fonts/Poppins-Bold.woff2 +0 -0
- package/dist/fonts/Poppins-Italic.woff +0 -0
- package/dist/fonts/Poppins-Italic.woff2 +0 -0
- package/dist/fonts/Poppins-Light.woff +0 -0
- package/dist/fonts/Poppins-Light.woff2 +0 -0
- package/dist/fonts/Poppins-Medium.woff +0 -0
- package/dist/fonts/Poppins-Medium.woff2 +0 -0
- package/dist/fonts/Poppins-Regular.woff +0 -0
- package/dist/fonts/Poppins-Regular.woff2 +0 -0
- package/dist/fonts/Poppins-SemiBold.woff +0 -0
- package/dist/fonts/Poppins-SemiBold.woff2 +0 -0
- package/dist/fonts/fonts.d.ts +2 -0
- package/dist/fonts/fonts.ts +95 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.es.js +0 -3
- package/dist/index.js +0 -3
- package/dist/kwant-ui.es.js +4345 -0
- package/dist/kwant-ui.umd.js +507 -0
- package/dist/package.json +1 -1
- package/dist/public/assets/images/approve.svg +21 -0
- package/dist/public/assets/images/complete.svg +20 -0
- package/dist/public/assets/images/reject.svg +27 -0
- package/dist/public/assets/sprite.svg +9502 -0
- package/dist/stories/Alert.stories.d.ts +77 -0
- package/dist/stories/Avatar/index.d.ts +4 -0
- package/dist/stories/Avatar.stories.d.ts +100 -0
- package/dist/stories/AvatarGroup/index.d.ts +10 -0
- package/dist/stories/AvatarGroup.stories.d.ts +80 -0
- package/dist/stories/Badge/Badge.stories.d.ts +48 -0
- package/dist/stories/Badge/Badges.d.ts +2 -0
- package/dist/stories/BaseDrawer.stories.d.ts +56 -0
- package/dist/stories/BaseDropdown/BaseDropdownStory.d.ts +3 -0
- package/dist/stories/BaseDropdown.stories.d.ts +9 -0
- package/dist/stories/Battery/Battery.stories.d.ts +22 -0
- package/dist/stories/Battery/BatteryContainer.d.ts +2 -0
- package/dist/stories/Breadcrumb/index.d.ts +2 -0
- package/dist/stories/Breadcrumb.stories.d.ts +16 -0
- package/dist/stories/Button.stories.d.ts +42 -0
- package/dist/stories/Calendar.stories.d.ts +64 -0
- package/dist/stories/Checkbox/index.d.ts +3 -0
- package/dist/stories/Checkbox.stories.d.ts +48 -0
- package/dist/stories/ConfirmationScreen/ConfirmationScreen.stories.d.ts +57 -0
- package/dist/stories/ConfirmationScreen/ConfirmationScreenContainer.d.ts +2 -0
- package/dist/stories/ConfirmationScreen/ConfirmationScreenContainerStyled.d.ts +1 -0
- package/dist/stories/CountryCodeInput.stories.d.ts +58 -0
- package/dist/stories/CountryInput/CountryInput.d.ts +2 -0
- package/dist/stories/Datepicker.stories.d.ts +46 -0
- package/dist/stories/Design-system/Grid/index.d.ts +2 -0
- package/dist/stories/Design-system/Typography/index.d.ts +2 -0
- package/dist/stories/Design-system/colors/index.d.ts +2 -0
- package/dist/stories/Design-system/colors.stories.d.ts +9 -0
- package/dist/stories/Design-system/grid.stories.d.ts +12 -0
- package/dist/stories/Design-system/typography.stories.d.ts +11 -0
- package/dist/stories/Dialog/DialogStory.d.ts +3 -0
- package/dist/stories/Dialog/DialogStoryStyled.d.ts +2 -0
- package/dist/stories/Dialog/DialogStoryUtils.d.ts +3 -0
- package/dist/stories/Dialog.stories.d.ts +10 -0
- package/dist/stories/DocumentCard/DocumentCardContainer.d.ts +4 -0
- package/dist/stories/DocumentCard/DocumentCardContainer.stories.d.ts +47 -0
- package/dist/stories/DocumentCard/DocumentCardContainer.styled.d.ts +1 -0
- package/dist/stories/Drawer/BaseDrawerStory.d.ts +2 -0
- package/dist/stories/Drawer/DrawerStory.d.ts +2 -0
- package/dist/stories/Drawer/DrawerStory.styled.d.ts +3 -0
- package/dist/stories/Drawer/DrawerStoryUtils.d.ts +255 -0
- package/dist/stories/Drawer/StepperDrawerLayoutStory.d.ts +2 -0
- package/dist/stories/Drawer/StepperDrawerStory.d.ts +2 -0
- package/dist/stories/Drawer.stories.d.ts +89 -0
- package/dist/stories/Dropdown/DropdownStory.d.ts +3 -0
- package/dist/stories/Dropdown/DropdownStoryUtils.d.ts +105 -0
- package/dist/stories/Dropdown.stories.d.ts +104 -0
- package/dist/stories/DropdownCalendar/index.d.ts +3 -0
- package/dist/stories/DropdownCalendar.stories.d.ts +15 -0
- package/dist/stories/DropdownSelect/index.d.ts +3 -0
- package/dist/stories/DropdownSelect.stories.d.ts +109 -0
- package/dist/stories/FilterTag/FIlterTagContainerStyled.d.ts +1 -0
- package/dist/stories/FilterTag/FilterTagContainer.d.ts +2 -0
- package/dist/stories/FilterTag/FilterTagContainer.stories.d.ts +75 -0
- package/dist/stories/HorizontalStepper/HorizontalStepperContainer.d.ts +2 -0
- package/dist/stories/HorizontalStepper/HorizontalStepperContainer.styled.d.ts +1 -0
- package/dist/stories/HorizontalStepper/data.d.ts +10 -0
- package/dist/stories/HorizontalStepper.stories.d.ts +42 -0
- package/dist/stories/HoverCalender/HoverCalendarContainer.d.ts +2 -0
- package/dist/stories/HoverCalender/HoverCalendarContainer.stories.d.ts +75 -0
- package/dist/stories/HoverCalender/HoverCalendarContainerStyled.d.ts +1 -0
- package/dist/stories/HoverCalender/HoverCalenderContainer.d.ts +2 -0
- package/dist/stories/HoverCalender/HoverCalenderContainer.stories.d.ts +64 -0
- package/dist/stories/HoverCalender/HoverCalenderContainerStyled.d.ts +1 -0
- package/dist/stories/HoverInput/HoverInputContainer.d.ts +2 -0
- package/dist/stories/HoverInput/HoverInputContainer.stories.d.ts +56 -0
- package/dist/stories/HoverInput/HoverInputContainerStyled.d.ts +1 -0
- package/dist/stories/HoverSelect/HoverSelectContainer.d.ts +2 -0
- package/dist/stories/HoverSelect/HoverSelectContainer.stories.d.ts +56 -0
- package/dist/stories/HoverSelect/HoverSelectContainerStyled.d.ts +1 -0
- package/dist/stories/Icon.stories.d.ts +10 -0
- package/dist/stories/IconLabel/LabelIcon.d.ts +2 -0
- package/dist/stories/IconLabel/LabelIconStory.d.ts +2 -0
- package/dist/stories/IconLabel.stories.d.ts +19 -0
- package/dist/stories/Input.stories.d.ts +72 -0
- package/dist/stories/Loader/LoaderStory.d.ts +3 -0
- package/dist/stories/Loader.stories.d.ts +9 -0
- package/dist/stories/MultiSelect/MultiSelect.stories.d.ts +38 -0
- package/dist/stories/MultiSelect/MultiSelectContainer.d.ts +2 -0
- package/dist/stories/MultiSelect/MultiSelectContainerStyled.d.ts +1 -0
- package/dist/stories/Navigation/index.d.ts +3 -0
- package/dist/stories/Navigation.stories.d.ts +11 -0
- package/dist/stories/ONBCertificateCard/InfoAccordionContainer.d.ts +2 -0
- package/dist/stories/ONBCertificateCard/InfoAccordionContainer.stories.d.ts +26 -0
- package/dist/stories/ONBCertificateCard/InfoAccordionContainerStyled.d.ts +1 -0
- package/dist/stories/OTP/OTPInput.stories.d.ts +93 -0
- package/dist/stories/OTP/index.d.ts +1 -0
- package/dist/stories/Overlay/OverlayStoryStyled.d.ts +1 -0
- package/dist/stories/Overlay.stories.d.ts +9 -0
- package/dist/stories/Pagination.stories.d.ts +42 -0
- package/dist/stories/Radio/RadioStory.d.ts +3 -0
- package/dist/stories/Radio.stories.d.ts +36 -0
- package/dist/stories/Select.stories.d.ts +10 -0
- package/dist/stories/Selector/SelectorButton.d.ts +2 -0
- package/dist/stories/Selector/data.d.ts +6 -0
- package/dist/stories/SelectorButton.stories.d.ts +37 -0
- package/dist/stories/Skeleton/SkeletonComponent.d.ts +2 -0
- package/dist/stories/Skeleton/SkeletonComponent.styled.d.ts +1 -0
- package/dist/stories/Skeleton.stories.d.ts +30 -0
- package/dist/stories/Slider/Slider.stories.d.ts +49 -0
- package/dist/stories/Slider/index.d.ts +3 -0
- package/dist/stories/Spinner/LineSpinner.d.ts +2 -0
- package/dist/stories/Spinner/LineSpinner.stories.d.ts +23 -0
- package/dist/stories/Spinner/LineSpinner.styled.d.ts +1 -0
- package/dist/stories/Stepper/data.d.ts +17 -0
- package/dist/stories/Stepper/index.d.ts +3 -0
- package/dist/stories/Stepper.stories.d.ts +48 -0
- package/dist/stories/StepperDrawer.stories.d.ts +72 -0
- package/dist/stories/StepperDrawerLayout.stories.d.ts +102 -0
- package/dist/stories/Switch/Switch.stories.d.ts +55 -0
- package/dist/stories/Switch/SwitchContainer.d.ts +2 -0
- package/dist/stories/Switch/SwitchContainer.styled.d.ts +1 -0
- package/dist/stories/Tabs.stories.d.ts +45 -0
- package/dist/stories/Tag/Tag.stories.d.ts +103 -0
- package/dist/stories/Tag/Tag.styled.d.ts +1 -0
- package/dist/stories/Tag/TagContainer.d.ts +2 -0
- package/dist/stories/Text/index.d.ts +3 -0
- package/dist/stories/Toast/Toast.stories.d.ts +32 -0
- package/dist/stories/Toast/ToastStoriesStyled.d.ts +4 -0
- package/dist/stories/Toast/index.d.ts +3 -0
- package/dist/stories/Tooltip/TooltipData.d.ts +3 -0
- package/dist/stories/Tooltip/index.d.ts +2 -0
- package/dist/stories/UploadAvatar/UploadAvatar.stories.d.ts +66 -0
- package/dist/stories/UploadAvatar/UploadAvatarContainer.d.ts +2 -0
- package/dist/stories/UploadAvatar/UploadAvatarContainerStyled.d.ts +1 -0
- package/dist/stories/data.d.ts +8 -0
- package/dist/stories/text.stories.d.ts +29 -0
- package/dist/stories/tooltip.stories.d.ts +85 -0
- package/dist/themes/colors.d.ts.map +1 -0
- package/dist/themes/index.d.ts.map +1 -0
- package/dist/themes/types.d.ts.map +1 -0
- package/dist/types.d.ts +572 -0
- package/package.json +1 -1
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: (props: import("../..").SliderProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
autoPlay: {
|
|
8
|
+
description: string;
|
|
9
|
+
defaultValue: {
|
|
10
|
+
summary: boolean;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
interval: {
|
|
14
|
+
description: string;
|
|
15
|
+
defaultValue: {
|
|
16
|
+
summary: number;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
contentWidth: {
|
|
20
|
+
description: string;
|
|
21
|
+
defaultValue: {
|
|
22
|
+
summary: string;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
dotsAlignment: {
|
|
26
|
+
description: string;
|
|
27
|
+
control: string;
|
|
28
|
+
defaultValue: {
|
|
29
|
+
summary: string;
|
|
30
|
+
};
|
|
31
|
+
options: string[];
|
|
32
|
+
};
|
|
33
|
+
dotsActiveColor: {
|
|
34
|
+
description: string;
|
|
35
|
+
defaultValue: {
|
|
36
|
+
summary: string;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
dotsBackgroundColor: {
|
|
40
|
+
description: string;
|
|
41
|
+
defaultValue: {
|
|
42
|
+
summary: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
export default meta;
|
|
48
|
+
type Story = StoryObj<typeof meta>;
|
|
49
|
+
export declare const AutoPlay: Story;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import LineSpinner from './LineSpinner';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof LineSpinner;
|
|
6
|
+
tags: string[];
|
|
7
|
+
argTypes: {
|
|
8
|
+
size: {
|
|
9
|
+
description: string;
|
|
10
|
+
control: string;
|
|
11
|
+
options: string[];
|
|
12
|
+
defaultValue: {
|
|
13
|
+
summary: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export default meta;
|
|
19
|
+
type Story = StoryObj<typeof meta>;
|
|
20
|
+
export declare const LargeLineSpinner: Story;
|
|
21
|
+
export declare const MediumLineSpinner: Story;
|
|
22
|
+
export declare const SmallLineSpinner: Story;
|
|
23
|
+
export declare const ExtraSmallLineSpinner: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const LineSpinnerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
declare const stepperData: ({
|
|
2
|
+
id: number;
|
|
3
|
+
title: string;
|
|
4
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
hasAlert?: undefined;
|
|
6
|
+
} | {
|
|
7
|
+
id: number;
|
|
8
|
+
title: string;
|
|
9
|
+
hasAlert: boolean;
|
|
10
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
})[];
|
|
12
|
+
declare const stepperBottomData: {
|
|
13
|
+
id: number;
|
|
14
|
+
title: string;
|
|
15
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
}[];
|
|
17
|
+
export { stepperData, stepperBottomData };
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ direction, hasBottom, activeStep, ...rest }: import("../components/stepper/StepperTypes").IStepper.Props) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
direction: {
|
|
8
|
+
description: string;
|
|
9
|
+
control: string;
|
|
10
|
+
options: string[];
|
|
11
|
+
};
|
|
12
|
+
activeColor: {
|
|
13
|
+
description: string;
|
|
14
|
+
control: string;
|
|
15
|
+
};
|
|
16
|
+
activeBgColor: {
|
|
17
|
+
description: string;
|
|
18
|
+
control: string;
|
|
19
|
+
};
|
|
20
|
+
hoverBgColor: {
|
|
21
|
+
description: string;
|
|
22
|
+
control: string;
|
|
23
|
+
};
|
|
24
|
+
width: {
|
|
25
|
+
description: string;
|
|
26
|
+
control: string;
|
|
27
|
+
};
|
|
28
|
+
showTooltip: {
|
|
29
|
+
description: string;
|
|
30
|
+
control: string;
|
|
31
|
+
defaultValue: {
|
|
32
|
+
summary: boolean;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
tooltipPosition: {
|
|
36
|
+
description: string;
|
|
37
|
+
control: string;
|
|
38
|
+
defaultValue: {
|
|
39
|
+
summary: string;
|
|
40
|
+
};
|
|
41
|
+
options: string[];
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
export default meta;
|
|
46
|
+
type Story = StoryObj<typeof meta>;
|
|
47
|
+
export declare const Vertical: Story;
|
|
48
|
+
export declare const Horizontal: Story;
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: (props: any) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
sidebarBorder: {
|
|
8
|
+
description: string;
|
|
9
|
+
defaultValue: {
|
|
10
|
+
summary: string;
|
|
11
|
+
};
|
|
12
|
+
control: string;
|
|
13
|
+
};
|
|
14
|
+
drawerSidebar: {
|
|
15
|
+
description: string;
|
|
16
|
+
defaultValue: {
|
|
17
|
+
summary: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
drawerHeader: {
|
|
21
|
+
description: string;
|
|
22
|
+
defaultValue: {
|
|
23
|
+
summary: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
drawerFooter: {
|
|
27
|
+
description: string;
|
|
28
|
+
defaultValue: {
|
|
29
|
+
summary: string;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
headerBorder: {
|
|
33
|
+
description: string;
|
|
34
|
+
defaultValue: {
|
|
35
|
+
summary: string;
|
|
36
|
+
};
|
|
37
|
+
control: string;
|
|
38
|
+
};
|
|
39
|
+
footerBorder: {
|
|
40
|
+
description: string;
|
|
41
|
+
defaultValue: {
|
|
42
|
+
summary: string;
|
|
43
|
+
};
|
|
44
|
+
control: string;
|
|
45
|
+
};
|
|
46
|
+
showCloseButton: {
|
|
47
|
+
description: string;
|
|
48
|
+
defaultValue: {
|
|
49
|
+
summary: string;
|
|
50
|
+
};
|
|
51
|
+
control: string;
|
|
52
|
+
};
|
|
53
|
+
width: {
|
|
54
|
+
description: string;
|
|
55
|
+
defaultValue: {
|
|
56
|
+
summary: string;
|
|
57
|
+
};
|
|
58
|
+
control: string;
|
|
59
|
+
};
|
|
60
|
+
position: {
|
|
61
|
+
description: string;
|
|
62
|
+
defaultValue: {
|
|
63
|
+
summary: string;
|
|
64
|
+
};
|
|
65
|
+
control: string;
|
|
66
|
+
options: string[];
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
export default meta;
|
|
71
|
+
type Story = StoryObj<typeof meta>;
|
|
72
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: (props: any) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
sidebarBorder: {
|
|
8
|
+
description: string;
|
|
9
|
+
defaultValue: {
|
|
10
|
+
summary: string;
|
|
11
|
+
};
|
|
12
|
+
control: string;
|
|
13
|
+
};
|
|
14
|
+
drawerSidebar: {
|
|
15
|
+
description: string;
|
|
16
|
+
defaultValue: {
|
|
17
|
+
summary: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
drawerHeader: {
|
|
21
|
+
description: string;
|
|
22
|
+
defaultValue: {
|
|
23
|
+
summary: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
drawerFooter: {
|
|
27
|
+
description: string;
|
|
28
|
+
defaultValue: {
|
|
29
|
+
summary: string;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
headerBorder: {
|
|
33
|
+
description: string;
|
|
34
|
+
defaultValue: {
|
|
35
|
+
summary: string;
|
|
36
|
+
};
|
|
37
|
+
control: string;
|
|
38
|
+
};
|
|
39
|
+
footerBorder: {
|
|
40
|
+
description: string;
|
|
41
|
+
defaultValue: {
|
|
42
|
+
summary: string;
|
|
43
|
+
};
|
|
44
|
+
control: string;
|
|
45
|
+
};
|
|
46
|
+
showCloseButton: {
|
|
47
|
+
description: string;
|
|
48
|
+
defaultValue: {
|
|
49
|
+
summary: string;
|
|
50
|
+
};
|
|
51
|
+
control: string;
|
|
52
|
+
};
|
|
53
|
+
open: {
|
|
54
|
+
description: string;
|
|
55
|
+
};
|
|
56
|
+
width: {
|
|
57
|
+
description: string;
|
|
58
|
+
defaultValue: {
|
|
59
|
+
summary: string;
|
|
60
|
+
};
|
|
61
|
+
control: string;
|
|
62
|
+
};
|
|
63
|
+
position: {
|
|
64
|
+
description: string;
|
|
65
|
+
defaultValue: {
|
|
66
|
+
summary: string;
|
|
67
|
+
};
|
|
68
|
+
control: string;
|
|
69
|
+
options: string[];
|
|
70
|
+
};
|
|
71
|
+
loading: {
|
|
72
|
+
description: string;
|
|
73
|
+
defaultValue: {
|
|
74
|
+
summary: string;
|
|
75
|
+
};
|
|
76
|
+
control: string;
|
|
77
|
+
};
|
|
78
|
+
overlayOpacity: {
|
|
79
|
+
description: string;
|
|
80
|
+
defaultValue: {
|
|
81
|
+
summary: string;
|
|
82
|
+
};
|
|
83
|
+
control: string;
|
|
84
|
+
};
|
|
85
|
+
customLoader: {
|
|
86
|
+
description: string;
|
|
87
|
+
defaultValue: {
|
|
88
|
+
summary: string;
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
portal: {
|
|
92
|
+
description: string;
|
|
93
|
+
defaultValue: {
|
|
94
|
+
summary: string;
|
|
95
|
+
};
|
|
96
|
+
control: string;
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
export default meta;
|
|
101
|
+
type Story = StoryObj<typeof meta>;
|
|
102
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import SwitchContainer from './SwitchContainer';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof SwitchContainer;
|
|
6
|
+
tags: string[];
|
|
7
|
+
argTypes: {
|
|
8
|
+
size: {
|
|
9
|
+
description: string;
|
|
10
|
+
control: string;
|
|
11
|
+
options: string[];
|
|
12
|
+
defaultValue: {
|
|
13
|
+
summary: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
color: {
|
|
17
|
+
description: string;
|
|
18
|
+
type: "string";
|
|
19
|
+
defaultValue: {
|
|
20
|
+
summary: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
mode: {
|
|
24
|
+
description: string;
|
|
25
|
+
control: string;
|
|
26
|
+
options: string[];
|
|
27
|
+
defaultValue: {
|
|
28
|
+
summary: string;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
disabled: {
|
|
32
|
+
description: string;
|
|
33
|
+
type: "boolean";
|
|
34
|
+
defaultValue: {
|
|
35
|
+
summary: string;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
export default meta;
|
|
41
|
+
type Story = StoryObj<typeof meta>;
|
|
42
|
+
export declare const Large: Story;
|
|
43
|
+
export declare const Medium: Story;
|
|
44
|
+
export declare const Small: Story;
|
|
45
|
+
export declare const LabelModeLarge: Story;
|
|
46
|
+
export declare const LabelModeMedium: Story;
|
|
47
|
+
export declare const LabelModeSmall: Story;
|
|
48
|
+
export declare const IconModeLarge: Story;
|
|
49
|
+
export declare const IconModeMedium: Story;
|
|
50
|
+
export declare const IconModeSmall: Story;
|
|
51
|
+
export declare const DisabledChecked: Story;
|
|
52
|
+
export declare const DisabledUnChecked: Story;
|
|
53
|
+
export declare const ColoredSwitch: Story;
|
|
54
|
+
export declare const ColoredIconSwitch: Story;
|
|
55
|
+
export declare const ColoredLabelSwitch: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const SwitchContainerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { ITabs } from '../components/Tabs/TabsTypes';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: ({ activeTab, tabs, tabHeight, fullWidth, showNeutralBorder, onTabChange, onTabClick, }: ITabs.Props) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
tags: string[];
|
|
7
|
+
argTypes: {
|
|
8
|
+
activeTabIndex: {
|
|
9
|
+
type: string;
|
|
10
|
+
description: string;
|
|
11
|
+
};
|
|
12
|
+
tabs: {
|
|
13
|
+
type: string;
|
|
14
|
+
description: string;
|
|
15
|
+
};
|
|
16
|
+
tabHeight: {
|
|
17
|
+
type: string;
|
|
18
|
+
description: string;
|
|
19
|
+
};
|
|
20
|
+
fullWidth: {
|
|
21
|
+
type: string;
|
|
22
|
+
description: string;
|
|
23
|
+
};
|
|
24
|
+
showNeutralBorder: {
|
|
25
|
+
type: string;
|
|
26
|
+
description: string;
|
|
27
|
+
};
|
|
28
|
+
onTabChange: {
|
|
29
|
+
type: string;
|
|
30
|
+
description: string;
|
|
31
|
+
};
|
|
32
|
+
onTabClick: {
|
|
33
|
+
type: string;
|
|
34
|
+
description: string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
export default meta;
|
|
39
|
+
type Story = StoryObj<typeof meta>;
|
|
40
|
+
export declare const Default: Story;
|
|
41
|
+
export declare const WithLeftIcon: Story;
|
|
42
|
+
export declare const WithRightIcon: Story;
|
|
43
|
+
export declare const WithUnreadCount: Story;
|
|
44
|
+
export declare const FullWidth: Story;
|
|
45
|
+
export declare const WithIconsAndCount: Story;
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import TagContainer from './TagContainer';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof TagContainer;
|
|
6
|
+
tags: string[];
|
|
7
|
+
argTypes: {
|
|
8
|
+
type: {
|
|
9
|
+
options: string[];
|
|
10
|
+
control: {
|
|
11
|
+
type: string;
|
|
12
|
+
};
|
|
13
|
+
defaultValue: {
|
|
14
|
+
summary: string;
|
|
15
|
+
};
|
|
16
|
+
description: string;
|
|
17
|
+
};
|
|
18
|
+
size: {
|
|
19
|
+
options: string[];
|
|
20
|
+
control: {
|
|
21
|
+
type: string;
|
|
22
|
+
};
|
|
23
|
+
defaultValue: {
|
|
24
|
+
summary: string;
|
|
25
|
+
};
|
|
26
|
+
description: string;
|
|
27
|
+
};
|
|
28
|
+
inverted: {
|
|
29
|
+
options: string[];
|
|
30
|
+
control: {
|
|
31
|
+
type: string;
|
|
32
|
+
};
|
|
33
|
+
defaultValue: {
|
|
34
|
+
summary: boolean;
|
|
35
|
+
};
|
|
36
|
+
description: string;
|
|
37
|
+
};
|
|
38
|
+
label: {
|
|
39
|
+
type: "string";
|
|
40
|
+
description: string;
|
|
41
|
+
defaultValue: {
|
|
42
|
+
summary: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
onClose: {
|
|
46
|
+
type: "function";
|
|
47
|
+
description: string;
|
|
48
|
+
defaultValue: {
|
|
49
|
+
summary: string;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
onClick: {
|
|
53
|
+
type: "function";
|
|
54
|
+
description: string;
|
|
55
|
+
defaultValue: {
|
|
56
|
+
summary: string;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
disable: {
|
|
60
|
+
options: string[];
|
|
61
|
+
control: {
|
|
62
|
+
type: string;
|
|
63
|
+
};
|
|
64
|
+
defaultValue: {
|
|
65
|
+
summary: boolean;
|
|
66
|
+
};
|
|
67
|
+
description: string;
|
|
68
|
+
};
|
|
69
|
+
showActionButton: {
|
|
70
|
+
options: string[];
|
|
71
|
+
control: {
|
|
72
|
+
type: string;
|
|
73
|
+
};
|
|
74
|
+
defaultValue: {
|
|
75
|
+
summary: boolean;
|
|
76
|
+
};
|
|
77
|
+
description: string;
|
|
78
|
+
};
|
|
79
|
+
avatar: {
|
|
80
|
+
control: string;
|
|
81
|
+
type: "string";
|
|
82
|
+
description: string;
|
|
83
|
+
};
|
|
84
|
+
icon: {
|
|
85
|
+
control: string;
|
|
86
|
+
description: string;
|
|
87
|
+
defaultValue: {
|
|
88
|
+
summary: string;
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
};
|
|
93
|
+
export default meta;
|
|
94
|
+
type Story = StoryObj<typeof TagContainer>;
|
|
95
|
+
export declare const Default: Story;
|
|
96
|
+
export declare const LabelOnly: Story;
|
|
97
|
+
export declare const LabelWithAction: Story;
|
|
98
|
+
export declare const ActionDisabled: Story;
|
|
99
|
+
export declare const LabelWithCustomIcon: Story;
|
|
100
|
+
export declare const LabelWithAvatar: Story;
|
|
101
|
+
export declare const LabelWithAvatarAndAction: Story;
|
|
102
|
+
export declare const disabled: Story;
|
|
103
|
+
export declare const withChildrenComponent: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const TagContainerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: (props: {}) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
docs: {
|
|
8
|
+
description: {
|
|
9
|
+
component: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
argTypes: {
|
|
14
|
+
timeout: {
|
|
15
|
+
description: string;
|
|
16
|
+
defaultValue: {
|
|
17
|
+
summary: number;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
position: {
|
|
21
|
+
description: string;
|
|
22
|
+
defaultValue: {
|
|
23
|
+
summary: string;
|
|
24
|
+
};
|
|
25
|
+
control: string;
|
|
26
|
+
options: ("top-center" | "bottom-center" | "bottom-left" | "top-left" | "top-right" | "bottom-right")[];
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
export default meta;
|
|
31
|
+
type Story = StoryObj<typeof meta>;
|
|
32
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
+
export declare const Description: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
3
|
+
export declare const ExampleButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
|
+
export declare const Button: import("styled-components").StyledComponent<"button", any, {}, never>;
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import UploadAvatarContainer from './UploadAvatarContainer';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof UploadAvatarContainer;
|
|
6
|
+
tags: string[];
|
|
7
|
+
argTypes: {
|
|
8
|
+
mode: {
|
|
9
|
+
options: string[];
|
|
10
|
+
control: {
|
|
11
|
+
type: string;
|
|
12
|
+
};
|
|
13
|
+
defaultValue: {
|
|
14
|
+
summary: string;
|
|
15
|
+
};
|
|
16
|
+
description: string;
|
|
17
|
+
};
|
|
18
|
+
src: {
|
|
19
|
+
control: string;
|
|
20
|
+
defaultValue: {
|
|
21
|
+
summary: string;
|
|
22
|
+
};
|
|
23
|
+
description: string;
|
|
24
|
+
};
|
|
25
|
+
collapseOnClick: {
|
|
26
|
+
options: string[];
|
|
27
|
+
control: {
|
|
28
|
+
type: string;
|
|
29
|
+
};
|
|
30
|
+
defaultValue: {
|
|
31
|
+
summary: boolean;
|
|
32
|
+
};
|
|
33
|
+
description: string;
|
|
34
|
+
};
|
|
35
|
+
onCapture: {
|
|
36
|
+
control: string;
|
|
37
|
+
defaultValue: {
|
|
38
|
+
summary: string;
|
|
39
|
+
};
|
|
40
|
+
description: string;
|
|
41
|
+
};
|
|
42
|
+
onUpload: {
|
|
43
|
+
control: string;
|
|
44
|
+
defaultValue: {
|
|
45
|
+
summary: string;
|
|
46
|
+
};
|
|
47
|
+
description: string;
|
|
48
|
+
};
|
|
49
|
+
hideButton: {
|
|
50
|
+
options: string[];
|
|
51
|
+
control: {
|
|
52
|
+
type: string;
|
|
53
|
+
};
|
|
54
|
+
defaultValue: {
|
|
55
|
+
summary: boolean;
|
|
56
|
+
};
|
|
57
|
+
description: string;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
export default meta;
|
|
62
|
+
type Story = StoryObj<typeof meta>;
|
|
63
|
+
export declare const DefaultMode: Story;
|
|
64
|
+
export declare const WithImage: Story;
|
|
65
|
+
export declare const CollapseModeOff: Story;
|
|
66
|
+
export declare const InitialAvatar: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const UploadAvatarContainerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|