fis-component 0.1.16 → 0.1.18
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/cjs/index.js +2284 -1525
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/src/assets/icons/InfoSolidIcon.d.ts +2 -0
- package/dist/cjs/types/src/assets/icons/index.d.ts +1 -0
- package/dist/cjs/types/src/components/AlertBanner/AlertBanner.stories.d.ts +15 -0
- package/dist/cjs/types/src/components/Avatar/Avatar.stories.d.ts +20 -2
- package/dist/cjs/types/src/components/Avatar/index.d.ts +1 -2
- package/dist/cjs/types/src/components/Avatar/styles.d.ts +2 -2
- package/dist/cjs/types/src/components/Badge/Badge.stories.d.ts +40 -0
- package/dist/cjs/types/src/components/Badge/index.d.ts +30 -11
- package/dist/cjs/types/src/components/Badge/styles.d.ts +2 -0
- package/dist/cjs/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts +1 -0
- package/dist/cjs/types/src/components/Button/Button.stories.d.ts +13 -0
- package/dist/cjs/types/src/components/Button/index.d.ts +1 -1
- package/dist/cjs/types/src/components/ButtonGroup/ButtonGroup.stories.d.ts +65 -3
- package/dist/cjs/types/src/components/ButtonGroup/index.d.ts +12 -0
- package/dist/cjs/types/src/components/ButtonGroup/styles.d.ts +7 -2
- package/dist/cjs/types/src/components/Checkbox/Checkbox.stories.d.ts +3 -0
- package/dist/cjs/types/src/components/Checkbox/index.d.ts +9 -1
- package/dist/cjs/types/src/components/CheckboxGroup/CheckboxGroup.stories.d.ts +1 -0
- package/dist/cjs/types/src/components/ChipButton/ChipButton.stories.d.ts +11 -0
- package/dist/cjs/types/src/components/ChipButton/index.d.ts +2 -1
- package/dist/cjs/types/src/components/ChipButton/styles.d.ts +1 -0
- package/dist/cjs/types/src/components/Combobox/Combobox.stories.d.ts +6 -0
- package/dist/cjs/types/src/components/Combobox/types.d.ts +2 -0
- package/dist/cjs/types/src/components/Divider/Divider.stories.d.ts +7 -1
- package/dist/cjs/types/src/components/IconButton/IconButton.stories.d.ts +1 -0
- package/dist/cjs/types/src/components/Input/DateRange/DateRange.stories.d.ts +9 -1
- package/dist/cjs/types/src/components/Input/InputArea/TextArea.stories.d.ts +6 -0
- package/dist/cjs/types/src/components/Input/InputDate/InputDate.stories.d.ts +4 -1
- package/dist/cjs/types/src/components/Input/InputField/InputField.stories.d.ts +3 -0
- package/dist/cjs/types/src/components/Input/InputLabel/InputLabel.stories.d.ts +2 -0
- package/dist/cjs/types/src/components/Input/InputStepper/InputStepper.stories.d.ts +19 -1
- package/dist/cjs/types/src/components/Input/InputText/InputText.stories.d.ts +2 -1
- package/dist/cjs/types/src/components/Input/InputTime/InputTime.stories.d.ts +4 -0
- package/dist/cjs/types/src/components/LinkButton/LinkButton.stories.d.ts +24 -0
- package/dist/cjs/types/src/components/MenuItem/MenuItem.stories.d.ts +72 -13
- package/dist/cjs/types/src/components/MenuItem/styles.d.ts +1 -0
- package/dist/cjs/types/src/components/MenuItem/types.d.ts +4 -1
- package/dist/cjs/types/src/components/MenuSelect/MenuSelectDropdown.d.ts +30 -0
- package/dist/cjs/types/src/components/MenuSelect/MenuSelectDropdown.stories.d.ts +13 -0
- package/dist/cjs/types/src/components/MenuSelect/styles.d.ts +4 -0
- package/dist/cjs/types/src/components/Notification/stories/InfoUpdate.stories.d.ts +63 -3
- package/dist/cjs/types/src/components/Notification/stories/SystemUpdate.stories.d.ts +50 -3
- package/dist/cjs/types/src/components/Pagination/Pagination.stories.d.ts +52 -3
- package/dist/cjs/types/src/components/ProgressCircular/ProgressCircular.stories.d.ts +43 -3
- package/dist/cjs/types/src/components/ProgressLinear/ProgressLinear.stories.d.ts +43 -3
- package/dist/cjs/types/src/components/Provider/Provider.stories.d.ts +19 -0
- package/dist/cjs/types/src/components/Radio/Radio.stories.d.ts +65 -6
- package/dist/cjs/types/src/components/RadioGroup/RadioGroup.stories.d.ts +3 -3
- package/dist/cjs/types/src/components/Segmented/Segmented.stories.d.ts +1 -0
- package/dist/cjs/types/src/components/Select/Select.stories.d.ts +79 -4
- package/dist/cjs/types/src/components/Table/ColumnCell/ColumnCell.stories.d.ts +2 -0
- package/dist/cjs/types/src/components/Table/HeaderCell/HeaderCell.stories.d.ts +1 -0
- package/dist/cjs/types/src/components/Table/Sorter/FISSorter.stories.d.ts +8 -0
- package/dist/cjs/types/src/components/Table/Table/Table.stories.d.ts +1 -0
- package/dist/cjs/types/src/components/Tabs/Tabs.stories.d.ts +1 -0
- package/dist/cjs/types/src/components/Text/Text.stories.d.ts +42 -0
- package/dist/cjs/types/src/components/Toast/Toast.stories.d.ts +4 -0
- package/dist/cjs/types/src/index.d.ts +2 -0
- package/dist/cjs/types/src/styles/design-system/variable.d.ts +792 -656
- package/dist/cjs/types/src/utils/getTheme.d.ts +792 -656
- package/dist/esm/index.js +2284 -1526
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/src/assets/icons/InfoSolidIcon.d.ts +2 -0
- package/dist/esm/types/src/assets/icons/index.d.ts +1 -0
- package/dist/esm/types/src/components/AlertBanner/AlertBanner.stories.d.ts +15 -0
- package/dist/esm/types/src/components/Avatar/Avatar.stories.d.ts +20 -2
- package/dist/esm/types/src/components/Avatar/index.d.ts +1 -2
- package/dist/esm/types/src/components/Avatar/styles.d.ts +2 -2
- package/dist/esm/types/src/components/Badge/Badge.stories.d.ts +40 -0
- package/dist/esm/types/src/components/Badge/index.d.ts +30 -11
- package/dist/esm/types/src/components/Badge/styles.d.ts +2 -0
- package/dist/esm/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts +1 -0
- package/dist/esm/types/src/components/Button/Button.stories.d.ts +13 -0
- package/dist/esm/types/src/components/Button/index.d.ts +1 -1
- package/dist/esm/types/src/components/ButtonGroup/ButtonGroup.stories.d.ts +65 -3
- package/dist/esm/types/src/components/ButtonGroup/index.d.ts +12 -0
- package/dist/esm/types/src/components/ButtonGroup/styles.d.ts +7 -2
- package/dist/esm/types/src/components/Checkbox/Checkbox.stories.d.ts +3 -0
- package/dist/esm/types/src/components/Checkbox/index.d.ts +9 -1
- package/dist/esm/types/src/components/CheckboxGroup/CheckboxGroup.stories.d.ts +1 -0
- package/dist/esm/types/src/components/ChipButton/ChipButton.stories.d.ts +11 -0
- package/dist/esm/types/src/components/ChipButton/index.d.ts +2 -1
- package/dist/esm/types/src/components/ChipButton/styles.d.ts +1 -0
- package/dist/esm/types/src/components/Combobox/Combobox.stories.d.ts +6 -0
- package/dist/esm/types/src/components/Combobox/types.d.ts +2 -0
- package/dist/esm/types/src/components/Divider/Divider.stories.d.ts +7 -1
- package/dist/esm/types/src/components/IconButton/IconButton.stories.d.ts +1 -0
- package/dist/esm/types/src/components/Input/DateRange/DateRange.stories.d.ts +9 -1
- package/dist/esm/types/src/components/Input/InputArea/TextArea.stories.d.ts +6 -0
- package/dist/esm/types/src/components/Input/InputDate/InputDate.stories.d.ts +4 -1
- package/dist/esm/types/src/components/Input/InputField/InputField.stories.d.ts +3 -0
- package/dist/esm/types/src/components/Input/InputLabel/InputLabel.stories.d.ts +2 -0
- package/dist/esm/types/src/components/Input/InputStepper/InputStepper.stories.d.ts +19 -1
- package/dist/esm/types/src/components/Input/InputText/InputText.stories.d.ts +2 -1
- package/dist/esm/types/src/components/Input/InputTime/InputTime.stories.d.ts +4 -0
- package/dist/esm/types/src/components/LinkButton/LinkButton.stories.d.ts +24 -0
- package/dist/esm/types/src/components/MenuItem/MenuItem.stories.d.ts +72 -13
- package/dist/esm/types/src/components/MenuItem/styles.d.ts +1 -0
- package/dist/esm/types/src/components/MenuItem/types.d.ts +4 -1
- package/dist/esm/types/src/components/MenuSelect/MenuSelectDropdown.d.ts +30 -0
- package/dist/esm/types/src/components/MenuSelect/MenuSelectDropdown.stories.d.ts +13 -0
- package/dist/esm/types/src/components/MenuSelect/styles.d.ts +4 -0
- package/dist/esm/types/src/components/Notification/stories/InfoUpdate.stories.d.ts +63 -3
- package/dist/esm/types/src/components/Notification/stories/SystemUpdate.stories.d.ts +50 -3
- package/dist/esm/types/src/components/Pagination/Pagination.stories.d.ts +52 -3
- package/dist/esm/types/src/components/ProgressCircular/ProgressCircular.stories.d.ts +43 -3
- package/dist/esm/types/src/components/ProgressLinear/ProgressLinear.stories.d.ts +43 -3
- package/dist/esm/types/src/components/Provider/Provider.stories.d.ts +19 -0
- package/dist/esm/types/src/components/Radio/Radio.stories.d.ts +65 -6
- package/dist/esm/types/src/components/RadioGroup/RadioGroup.stories.d.ts +3 -3
- package/dist/esm/types/src/components/Segmented/Segmented.stories.d.ts +1 -0
- package/dist/esm/types/src/components/Select/Select.stories.d.ts +79 -4
- package/dist/esm/types/src/components/Table/ColumnCell/ColumnCell.stories.d.ts +2 -0
- package/dist/esm/types/src/components/Table/HeaderCell/HeaderCell.stories.d.ts +1 -0
- package/dist/esm/types/src/components/Table/Sorter/FISSorter.stories.d.ts +8 -0
- package/dist/esm/types/src/components/Table/Table/Table.stories.d.ts +1 -0
- package/dist/esm/types/src/components/Tabs/Tabs.stories.d.ts +1 -0
- package/dist/esm/types/src/components/Text/Text.stories.d.ts +42 -0
- package/dist/esm/types/src/components/Toast/Toast.stories.d.ts +4 -0
- package/dist/esm/types/src/index.d.ts +2 -0
- package/dist/esm/types/src/styles/design-system/variable.d.ts +792 -656
- package/dist/esm/types/src/utils/getTheme.d.ts +792 -656
- package/dist/index.d.ts +876 -676
- package/package.json +1 -1
- package/src/styles/design-system/variable.ts +984 -900
|
@@ -35,9 +35,33 @@ declare const meta: {
|
|
|
35
35
|
control: "boolean";
|
|
36
36
|
description: string;
|
|
37
37
|
};
|
|
38
|
+
singleLine: {
|
|
39
|
+
control: "boolean";
|
|
40
|
+
description: string;
|
|
41
|
+
};
|
|
42
|
+
endIcon: {
|
|
43
|
+
control: false;
|
|
44
|
+
description: string;
|
|
45
|
+
};
|
|
46
|
+
startIcon: {
|
|
47
|
+
control: false;
|
|
48
|
+
description: string;
|
|
49
|
+
};
|
|
38
50
|
};
|
|
39
51
|
};
|
|
40
52
|
export default meta;
|
|
41
53
|
type Story = StoryObj<typeof meta>;
|
|
42
54
|
export declare const Default: Story;
|
|
43
55
|
export declare const Size: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
56
|
+
export declare const Underline: Story;
|
|
57
|
+
export declare const Variants: () => import("react/jsx-runtime").JSX.Element;
|
|
58
|
+
export declare const SingleLineTruncate: {
|
|
59
|
+
(): import("react/jsx-runtime").JSX.Element;
|
|
60
|
+
parameters: {
|
|
61
|
+
docs: {
|
|
62
|
+
description: {
|
|
63
|
+
story: string;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
};
|
|
@@ -1,19 +1,78 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { StoryFn } from "@storybook/react";
|
|
2
2
|
import { MenuItemProps } from "./types";
|
|
3
|
-
declare const
|
|
4
|
-
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").FC<MenuItemProps>;
|
|
6
|
+
tags: string[];
|
|
7
|
+
parameters: {
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
component: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
argTypes: {
|
|
15
|
+
title: {
|
|
16
|
+
control: "text";
|
|
17
|
+
};
|
|
18
|
+
description: {
|
|
19
|
+
control: "text";
|
|
20
|
+
};
|
|
21
|
+
iconPrefix: {
|
|
22
|
+
control: false;
|
|
23
|
+
};
|
|
24
|
+
type: {
|
|
25
|
+
control: "radio";
|
|
26
|
+
options: string[];
|
|
27
|
+
};
|
|
28
|
+
size: {
|
|
29
|
+
control: "radio";
|
|
30
|
+
options: string[];
|
|
31
|
+
};
|
|
32
|
+
selected: {
|
|
33
|
+
control: "boolean";
|
|
34
|
+
};
|
|
35
|
+
negative: {
|
|
36
|
+
control: "boolean";
|
|
37
|
+
};
|
|
38
|
+
disable: {
|
|
39
|
+
control: "boolean";
|
|
40
|
+
};
|
|
41
|
+
shortcut: {
|
|
42
|
+
control: "text";
|
|
43
|
+
};
|
|
44
|
+
onClickMenu: {
|
|
45
|
+
control: false;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
args: {
|
|
49
|
+
title: string;
|
|
50
|
+
description: string;
|
|
51
|
+
iconPrefix: import("react/jsx-runtime").JSX.Element;
|
|
52
|
+
type: "action";
|
|
53
|
+
size: "md";
|
|
54
|
+
selected: false;
|
|
55
|
+
negative: false;
|
|
56
|
+
disable: false;
|
|
57
|
+
shortcut: string;
|
|
58
|
+
onClickMenu: () => void;
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
export default meta;
|
|
62
|
+
export declare const Playground: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
63
|
+
export declare const Showcase: StoryFn<MenuItemProps>;
|
|
5
64
|
export declare const ActionDefault: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
6
|
-
export declare const ActionSelected: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
7
|
-
export declare const ActionDisabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
8
65
|
export declare const ActionNegative: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
11
|
-
export declare const SelectSelected: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
12
|
-
export declare const SelectDisabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
13
|
-
export declare const SelectNegative: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
14
|
-
export declare const SelectLarge: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
66
|
+
export declare const ActionDisabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
67
|
+
export declare const ActionLongText: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
15
68
|
export declare const LevelingDefault: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
16
69
|
export declare const LevelingSelected: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
17
|
-
export declare const LevelingDisabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
18
70
|
export declare const LevelingNegative: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
19
|
-
export declare const
|
|
71
|
+
export declare const LevelingDisabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
72
|
+
export declare const SelectDefault: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
73
|
+
export declare const SelectSelected: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
74
|
+
export declare const SelectNegative: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
75
|
+
export declare const SelectDisabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
76
|
+
export declare const CheckboxDefault: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
77
|
+
export declare const CheckboxSelected: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
78
|
+
export declare const CheckboxDisabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
|
-
export type MenuItemType = "action" | "leveling" | "select";
|
|
2
|
+
export type MenuItemType = "action" | "leveling" | "select" | "checkbox";
|
|
3
3
|
export type MenuItemSize = "md" | "lg";
|
|
4
4
|
export interface MenuItemProps {
|
|
5
5
|
title: string;
|
|
6
6
|
description?: string;
|
|
7
7
|
iconPrefix?: ReactNode;
|
|
8
|
+
className?: string;
|
|
8
9
|
type?: MenuItemType;
|
|
9
10
|
size?: MenuItemSize;
|
|
10
11
|
selected?: boolean;
|
|
12
|
+
hovered?: boolean;
|
|
11
13
|
negative?: boolean;
|
|
12
14
|
disable?: boolean;
|
|
15
|
+
shortcut?: string;
|
|
13
16
|
onClickMenu?: () => void;
|
|
14
17
|
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { DropdownProps, MenuProps } from "antd";
|
|
3
|
+
export interface FISMenuItemBaseData {
|
|
4
|
+
key: string;
|
|
5
|
+
title: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
iconPrefix?: React.ReactNode;
|
|
8
|
+
size?: "md" | "lg";
|
|
9
|
+
type?: "none" | "action" | "leveling";
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
shortcut?: string;
|
|
12
|
+
popupOffset?: [number, number];
|
|
13
|
+
children?: FISMenuData[];
|
|
14
|
+
}
|
|
15
|
+
export interface FISMenuDividerData {
|
|
16
|
+
type: "divider";
|
|
17
|
+
key?: string;
|
|
18
|
+
}
|
|
19
|
+
export type FISMenuData = FISMenuItemBaseData | FISMenuDividerData;
|
|
20
|
+
export interface FISMenuItemData extends FISMenuItemBaseData {
|
|
21
|
+
children?: FISMenuData[];
|
|
22
|
+
}
|
|
23
|
+
export interface FISMenuSelectDropdownProps extends Omit<DropdownProps, "menu"> {
|
|
24
|
+
items?: FISMenuData[];
|
|
25
|
+
buttonLabel?: string;
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
menuOnClick?: MenuProps["onClick"];
|
|
28
|
+
}
|
|
29
|
+
declare const FISMenuSelectDropdown: React.FC<FISMenuSelectDropdownProps>;
|
|
30
|
+
export default FISMenuSelectDropdown;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
declare const meta: {
|
|
2
|
+
title: string;
|
|
3
|
+
component: import("react").FC<import("./MenuSelectDropdown").FISMenuSelectDropdownProps>;
|
|
4
|
+
tags: string[];
|
|
5
|
+
argTypes: {
|
|
6
|
+
buttonLabel: {
|
|
7
|
+
control: "text";
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./MenuSelectDropdown").FISMenuSelectDropdownProps>;
|
|
13
|
+
export declare const ShortLabel: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./MenuSelectDropdown").FISMenuSelectDropdownProps>;
|
|
@@ -12,3 +12,7 @@ export declare const MenuContent: import("styled-components/dist/types").IStyled
|
|
|
12
12
|
}>> & string;
|
|
13
13
|
export declare const FixedBottomSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
14
|
export declare const PGroupLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
15
|
+
export declare const MenuSelectDropdownGlobalStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & {
|
|
16
|
+
theme: import("../..").ThemeType;
|
|
17
|
+
}>;
|
|
18
|
+
export declare const ExpandIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,4 +1,64 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare const
|
|
3
|
-
|
|
1
|
+
import type { StoryFn } from "@storybook/react";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
tags: string[];
|
|
5
|
+
args: {
|
|
6
|
+
title: string;
|
|
7
|
+
description: string;
|
|
8
|
+
duration: number;
|
|
9
|
+
okText: string;
|
|
10
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
cancelText: string;
|
|
12
|
+
size: number;
|
|
13
|
+
roundedIcon: boolean;
|
|
14
|
+
onOk: () => void;
|
|
15
|
+
onCancel: () => void;
|
|
16
|
+
};
|
|
17
|
+
argTypes: {
|
|
18
|
+
title: {
|
|
19
|
+
control: "text";
|
|
20
|
+
description: string;
|
|
21
|
+
};
|
|
22
|
+
description: {
|
|
23
|
+
control: "text";
|
|
24
|
+
description: string;
|
|
25
|
+
};
|
|
26
|
+
duration: {
|
|
27
|
+
control: "number";
|
|
28
|
+
description: string;
|
|
29
|
+
};
|
|
30
|
+
okText: {
|
|
31
|
+
control: "text";
|
|
32
|
+
description: string;
|
|
33
|
+
};
|
|
34
|
+
icon: {
|
|
35
|
+
control: "object";
|
|
36
|
+
description: string;
|
|
37
|
+
};
|
|
38
|
+
onOk: {
|
|
39
|
+
action: string;
|
|
40
|
+
};
|
|
41
|
+
cancelText: {
|
|
42
|
+
control: "text";
|
|
43
|
+
description: string;
|
|
44
|
+
};
|
|
45
|
+
onCancel: {
|
|
46
|
+
action: string;
|
|
47
|
+
};
|
|
48
|
+
variant: {
|
|
49
|
+
control: "select";
|
|
50
|
+
options: string[];
|
|
51
|
+
};
|
|
52
|
+
size: {
|
|
53
|
+
control: "select";
|
|
54
|
+
options: number[];
|
|
55
|
+
};
|
|
56
|
+
roundedIcon: {
|
|
57
|
+
control: "boolean";
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
export default meta;
|
|
4
62
|
export declare const Default: StoryFn;
|
|
63
|
+
export declare const ProductRelease: StoryFn;
|
|
64
|
+
export declare const WithMoreActions: StoryFn;
|
|
@@ -1,4 +1,51 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare const
|
|
3
|
-
|
|
1
|
+
import type { StoryFn } from "@storybook/react";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
tags: string[];
|
|
5
|
+
args: {
|
|
6
|
+
title: string;
|
|
7
|
+
description: string;
|
|
8
|
+
duration: number;
|
|
9
|
+
okText: string;
|
|
10
|
+
cancelText: string;
|
|
11
|
+
imgUrl: string;
|
|
12
|
+
onOk: () => void;
|
|
13
|
+
onCancel: () => void;
|
|
14
|
+
};
|
|
15
|
+
argTypes: {
|
|
16
|
+
title: {
|
|
17
|
+
control: "text";
|
|
18
|
+
description: string;
|
|
19
|
+
};
|
|
20
|
+
description: {
|
|
21
|
+
control: "text";
|
|
22
|
+
description: string;
|
|
23
|
+
};
|
|
24
|
+
duration: {
|
|
25
|
+
control: "number";
|
|
26
|
+
description: string;
|
|
27
|
+
};
|
|
28
|
+
imgUrl: {
|
|
29
|
+
control: "text";
|
|
30
|
+
description: string;
|
|
31
|
+
};
|
|
32
|
+
okText: {
|
|
33
|
+
control: "text";
|
|
34
|
+
description: string;
|
|
35
|
+
};
|
|
36
|
+
cancelText: {
|
|
37
|
+
control: "text";
|
|
38
|
+
description: string;
|
|
39
|
+
};
|
|
40
|
+
onOk: {
|
|
41
|
+
action: string;
|
|
42
|
+
};
|
|
43
|
+
onCancel: {
|
|
44
|
+
action: string;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
export default meta;
|
|
4
49
|
export declare const Default: StoryFn;
|
|
50
|
+
export declare const PlannedMaintenance: StoryFn;
|
|
51
|
+
export declare const WithMoreActions: StoryFn;
|
|
@@ -1,7 +1,56 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
2
|
import { PaginationProps } from "./";
|
|
3
|
-
declare const
|
|
4
|
-
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
tags: string[];
|
|
6
|
+
component: import("react").FC<PaginationProps>;
|
|
7
|
+
argTypes: {
|
|
8
|
+
total: {
|
|
9
|
+
control: {
|
|
10
|
+
type: "number";
|
|
11
|
+
};
|
|
12
|
+
defaultValue: number;
|
|
13
|
+
description: string;
|
|
14
|
+
};
|
|
15
|
+
pageSize: {
|
|
16
|
+
control: {
|
|
17
|
+
type: "number";
|
|
18
|
+
};
|
|
19
|
+
defaultValue: number;
|
|
20
|
+
description: string;
|
|
21
|
+
};
|
|
22
|
+
current: {
|
|
23
|
+
control: {
|
|
24
|
+
type: "number";
|
|
25
|
+
};
|
|
26
|
+
defaultValue: number;
|
|
27
|
+
description: string;
|
|
28
|
+
};
|
|
29
|
+
minimize: {
|
|
30
|
+
control: {
|
|
31
|
+
type: "boolean";
|
|
32
|
+
};
|
|
33
|
+
defaultValue: boolean;
|
|
34
|
+
description: string;
|
|
35
|
+
};
|
|
36
|
+
recordCounted: {
|
|
37
|
+
control: {
|
|
38
|
+
type: "boolean";
|
|
39
|
+
};
|
|
40
|
+
defaultValue: boolean;
|
|
41
|
+
description: string;
|
|
42
|
+
};
|
|
43
|
+
onIconPageRecordClick: {
|
|
44
|
+
action: string;
|
|
45
|
+
description: string;
|
|
46
|
+
};
|
|
47
|
+
showTotal: {
|
|
48
|
+
control: false;
|
|
49
|
+
description: string;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
export default meta;
|
|
5
54
|
export declare const Default: StoryObj<PaginationProps>;
|
|
6
55
|
export declare const Minimized: StoryObj<PaginationProps>;
|
|
7
56
|
export declare const CustomTotal: StoryObj<PaginationProps>;
|
|
@@ -1,5 +1,45 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
2
|
import FISProgressCircular from ".";
|
|
3
|
-
declare const meta:
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof FISProgressCircular;
|
|
6
|
+
tags: string[];
|
|
7
|
+
parameters: {
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
component: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
argTypes: {
|
|
15
|
+
variant: {
|
|
16
|
+
control: "select";
|
|
17
|
+
options: string[];
|
|
18
|
+
};
|
|
19
|
+
size: {
|
|
20
|
+
control: "radio";
|
|
21
|
+
options: string[];
|
|
22
|
+
};
|
|
23
|
+
percent: {
|
|
24
|
+
control: {
|
|
25
|
+
type: "range";
|
|
26
|
+
min: number;
|
|
27
|
+
max: number;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
invert: {
|
|
31
|
+
control: "boolean";
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
args: {
|
|
35
|
+
variant: "indeterminate";
|
|
36
|
+
size: "md";
|
|
37
|
+
percent: number;
|
|
38
|
+
invert: false;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
4
41
|
export default meta;
|
|
5
|
-
|
|
42
|
+
type Story = StoryObj<typeof meta>;
|
|
43
|
+
export declare const Default: Story;
|
|
44
|
+
export declare const Determinate: Story;
|
|
45
|
+
export declare const Inverted: Story;
|
|
@@ -1,5 +1,45 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
2
|
import FISProgressLinear from ".";
|
|
3
|
-
declare const meta:
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof FISProgressLinear;
|
|
6
|
+
tags: string[];
|
|
7
|
+
parameters: {
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
component: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
argTypes: {
|
|
15
|
+
variant: {
|
|
16
|
+
control: "select";
|
|
17
|
+
options: string[];
|
|
18
|
+
};
|
|
19
|
+
size: {
|
|
20
|
+
control: "radio";
|
|
21
|
+
options: string[];
|
|
22
|
+
};
|
|
23
|
+
percent: {
|
|
24
|
+
control: {
|
|
25
|
+
type: "range";
|
|
26
|
+
min: number;
|
|
27
|
+
max: number;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
invert: {
|
|
31
|
+
control: "boolean";
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
args: {
|
|
35
|
+
variant: "indeterminate";
|
|
36
|
+
size: "md";
|
|
37
|
+
percent: number;
|
|
38
|
+
invert: false;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
4
41
|
export default meta;
|
|
5
|
-
|
|
42
|
+
type Story = StoryObj<typeof meta>;
|
|
43
|
+
export declare const Default: Story;
|
|
44
|
+
export declare const Determinate: Story;
|
|
45
|
+
export declare const Inverted: Story;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").FC<import(".").ThemeProviderProps>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
component: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export default meta;
|
|
16
|
+
type Story = StoryObj<typeof meta>;
|
|
17
|
+
export declare const Default: Story;
|
|
18
|
+
export declare const WithAppShell: Story;
|
|
19
|
+
export declare const WithToastOnly: Story;
|
|
@@ -1,6 +1,65 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size"> & {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
size?: import("./").RadioSize;
|
|
7
|
+
variant?: import("./").RadioVariant;
|
|
8
|
+
subLabel?: string;
|
|
9
|
+
inputRef?: import("react").Ref<HTMLInputElement>;
|
|
10
|
+
defaultChecked?: boolean;
|
|
11
|
+
} & import("react").RefAttributes<HTMLLabelElement>>;
|
|
12
|
+
tags: string[];
|
|
13
|
+
parameters: {
|
|
14
|
+
docs: {
|
|
15
|
+
description: {
|
|
16
|
+
component: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
argTypes: {
|
|
21
|
+
variant: {
|
|
22
|
+
control: "select";
|
|
23
|
+
options: string[];
|
|
24
|
+
description: string;
|
|
25
|
+
table: {
|
|
26
|
+
defaultValue: {
|
|
27
|
+
summary: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
size: {
|
|
32
|
+
control: "select";
|
|
33
|
+
options: string[];
|
|
34
|
+
description: string;
|
|
35
|
+
table: {
|
|
36
|
+
defaultValue: {
|
|
37
|
+
summary: string;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
subLabel: {
|
|
42
|
+
control: "text";
|
|
43
|
+
description: string;
|
|
44
|
+
};
|
|
45
|
+
checked: {
|
|
46
|
+
control: "boolean";
|
|
47
|
+
description: string;
|
|
48
|
+
};
|
|
49
|
+
disabled: {
|
|
50
|
+
control: "boolean";
|
|
51
|
+
description: string;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
args: {
|
|
55
|
+
checked: false;
|
|
56
|
+
disabled: false;
|
|
57
|
+
size: "md";
|
|
58
|
+
variant: "primary";
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
export default meta;
|
|
62
|
+
type Story = StoryObj<typeof meta>;
|
|
63
|
+
export declare const Default: Story;
|
|
64
|
+
export declare const WithSubLabel: Story;
|
|
65
|
+
export declare const Disabled: Story;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Meta } from "@storybook/react";
|
|
2
|
-
import { RadioGroupProps } from ".";
|
|
3
|
-
declare const
|
|
4
|
-
export default
|
|
2
|
+
import FISRadioGroup, { RadioGroupProps } from ".";
|
|
3
|
+
declare const meta: Meta<typeof FISRadioGroup>;
|
|
4
|
+
export default meta;
|
|
5
5
|
export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, RadioGroupProps<string>>;
|
|
6
6
|
export declare const Disabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, RadioGroupProps<string>>;
|
|
7
7
|
export declare const ColumnLayout: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, RadioGroupProps<string>>;
|