fis-component 0.0.24 → 0.0.25
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 +4198 -1795
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/src/assets/icons/ArrowDownIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/ArrowRightIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/ArrowUpIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/CalendarIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/CheckIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/CloseChipIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/ErrorIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/ExitIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/InfoIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/WarningIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/index.d.ts +10 -0
- package/dist/cjs/types/src/components/AlertBanner/AlertBanner.stories.d.ts +5 -0
- package/dist/cjs/types/src/components/AlertBanner/index.d.ts +19 -0
- package/dist/cjs/types/src/components/AlertBanner/styles.d.ts +17 -0
- package/dist/cjs/types/src/components/Avatar/index.d.ts +1 -1
- package/dist/cjs/types/src/components/Avatar/styles.d.ts +1 -1
- package/dist/cjs/types/src/components/Badge/index.d.ts +20 -7
- package/dist/cjs/types/src/components/Badge/styles.d.ts +1 -1
- package/dist/cjs/types/src/components/Checkbox/index.d.ts +12 -4
- package/dist/cjs/types/src/components/ChipButton/ChipButton.stories.d.ts +4 -0
- package/dist/cjs/types/src/components/ChipButton/index.d.ts +17 -0
- package/dist/cjs/types/src/components/ChipButton/styles.d.ts +11 -0
- package/dist/cjs/types/src/components/Combobox/Combobox.stories.d.ts +7 -0
- package/dist/cjs/types/src/components/Combobox/MultipleValue.d.ts +7 -0
- package/dist/cjs/types/src/components/Combobox/index.d.ts +29 -0
- package/dist/cjs/types/src/components/Combobox/styles.d.ts +24 -0
- package/dist/cjs/types/src/components/Divider/index.d.ts +7 -2
- package/dist/cjs/types/src/components/Divider/styles.d.ts +5 -1
- package/dist/cjs/types/src/components/IconButton/IconButton.stories.d.ts +1 -1
- package/dist/cjs/types/src/components/IconButton/index.d.ts +1 -1
- package/dist/cjs/types/src/components/Input/DateRange/DateRange.stories.d.ts +40 -0
- package/dist/cjs/types/src/components/Input/DateRange/index.d.ts +14 -0
- package/dist/cjs/types/src/components/Input/DateRange/styles.d.ts +8 -0
- package/dist/cjs/types/src/components/Input/InputDate/styles.d.ts +1 -1
- package/dist/cjs/types/src/components/Input/InputField/index.d.ts +8 -1
- package/dist/cjs/types/src/components/Input/InputField/styles.d.ts +6 -2
- package/dist/cjs/types/src/components/LinkButton/LinkButton.stories.d.ts +1 -1
- package/dist/cjs/types/src/components/LinkButton/index.d.ts +1 -1
- package/dist/cjs/types/src/components/Portal/index.d.ts +14 -0
- package/dist/cjs/types/src/components/Radio/index.d.ts +8 -0
- package/dist/cjs/types/src/components/Toast/Toast.stories.d.ts +5 -0
- package/dist/cjs/types/src/components/Toast/ToastContext.d.ts +13 -0
- package/dist/cjs/types/src/components/Toast/index.d.ts +18 -0
- package/dist/cjs/types/src/components/Toast/styles.d.ts +13 -0
- package/dist/cjs/types/src/components/Toast/useToast.d.ts +2 -0
- package/dist/cjs/types/src/index.d.ts +5 -0
- package/dist/cjs/types/src/styles/design-system/variable.d.ts +453 -80
- package/dist/cjs/types/src/utils/getTheme.d.ts +453 -80
- package/dist/esm/index.js +4195 -1797
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/src/assets/icons/ArrowDownIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/ArrowRightIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/ArrowUpIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/CalendarIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/CheckIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/CloseChipIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/ErrorIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/ExitIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/InfoIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/WarningIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/index.d.ts +10 -0
- package/dist/esm/types/src/components/AlertBanner/AlertBanner.stories.d.ts +5 -0
- package/dist/esm/types/src/components/AlertBanner/index.d.ts +19 -0
- package/dist/esm/types/src/components/AlertBanner/styles.d.ts +17 -0
- package/dist/esm/types/src/components/Avatar/index.d.ts +1 -1
- package/dist/esm/types/src/components/Avatar/styles.d.ts +1 -1
- package/dist/esm/types/src/components/Badge/index.d.ts +20 -7
- package/dist/esm/types/src/components/Badge/styles.d.ts +1 -1
- package/dist/esm/types/src/components/Checkbox/index.d.ts +12 -4
- package/dist/esm/types/src/components/ChipButton/ChipButton.stories.d.ts +4 -0
- package/dist/esm/types/src/components/ChipButton/index.d.ts +17 -0
- package/dist/esm/types/src/components/ChipButton/styles.d.ts +11 -0
- package/dist/esm/types/src/components/Combobox/Combobox.stories.d.ts +7 -0
- package/dist/esm/types/src/components/Combobox/MultipleValue.d.ts +7 -0
- package/dist/esm/types/src/components/Combobox/index.d.ts +29 -0
- package/dist/esm/types/src/components/Combobox/styles.d.ts +24 -0
- package/dist/esm/types/src/components/Divider/index.d.ts +7 -2
- package/dist/esm/types/src/components/Divider/styles.d.ts +5 -1
- package/dist/esm/types/src/components/IconButton/IconButton.stories.d.ts +1 -1
- package/dist/esm/types/src/components/IconButton/index.d.ts +1 -1
- package/dist/esm/types/src/components/Input/DateRange/DateRange.stories.d.ts +40 -0
- package/dist/esm/types/src/components/Input/DateRange/index.d.ts +14 -0
- package/dist/esm/types/src/components/Input/DateRange/styles.d.ts +8 -0
- package/dist/esm/types/src/components/Input/InputDate/styles.d.ts +1 -1
- package/dist/esm/types/src/components/Input/InputField/index.d.ts +8 -1
- package/dist/esm/types/src/components/Input/InputField/styles.d.ts +6 -2
- package/dist/esm/types/src/components/LinkButton/LinkButton.stories.d.ts +1 -1
- package/dist/esm/types/src/components/LinkButton/index.d.ts +1 -1
- package/dist/esm/types/src/components/Portal/index.d.ts +14 -0
- package/dist/esm/types/src/components/Radio/index.d.ts +8 -0
- package/dist/esm/types/src/components/Toast/Toast.stories.d.ts +5 -0
- package/dist/esm/types/src/components/Toast/ToastContext.d.ts +13 -0
- package/dist/esm/types/src/components/Toast/index.d.ts +18 -0
- package/dist/esm/types/src/components/Toast/styles.d.ts +13 -0
- package/dist/esm/types/src/components/Toast/useToast.d.ts +2 -0
- package/dist/esm/types/src/index.d.ts +5 -0
- package/dist/esm/types/src/styles/design-system/variable.d.ts +453 -80
- package/dist/esm/types/src/utils/getTheme.d.ts +453 -80
- package/dist/index.d.ts +595 -98
- package/package.json +5 -3
|
@@ -13,9 +13,19 @@ export { default as IndeterminateIcon } from "./IndeterminateIcon";
|
|
|
13
13
|
export { default as RequestButtonLoadingIcon } from "./RequestButtonLoadingIcon";
|
|
14
14
|
export { default as ResizeIcon } from "./ResizeIcon";
|
|
15
15
|
export { default as BadgeIcon } from "./BadgeIcon";
|
|
16
|
+
export { default as ExitIcon } from "./ExitIcon";
|
|
17
|
+
export { default as InfoIcon } from "./InfoIcon";
|
|
18
|
+
export { default as CheckIcon } from "./CheckIcon";
|
|
19
|
+
export { default as WarningIcon } from "./WarningIcon";
|
|
20
|
+
export { default as ErrorIcon } from "./ErrorIcon";
|
|
21
|
+
export { default as ArrowDownIcon } from "./ArrowDownIcon";
|
|
22
|
+
export { default as ArrowUpIcon } from "./ArrowUpIcon";
|
|
23
|
+
export { default as CloseChipIcon } from "./CloseChipIcon";
|
|
16
24
|
export { default as TimeIcon } from "./TimeIcon";
|
|
17
25
|
export { default as DateIcon } from "./DateIcon";
|
|
18
26
|
export { default as ChevronSelectorIcon } from "./ChevronSelector";
|
|
19
27
|
export { default as EditIcon } from "./EditIcon";
|
|
20
28
|
export { default as DeleteIcon } from "./DeleteIcon";
|
|
21
29
|
export { default as RiseIcon } from "./RiseIcon";
|
|
30
|
+
export { default as CalendarIcon } from "./CalendarIcon";
|
|
31
|
+
export { default as ArrowRightIcon } from "./ArrowRightIcon";
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Meta } from "@storybook/react";
|
|
2
|
+
import AlertBanner, { AlertBannerProps } from ".";
|
|
3
|
+
declare const _default: Meta<typeof AlertBanner>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AlertBannerProps>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export type AlertBannerVariant = "neutral" | "info" | "positive" | "negative" | "caution";
|
|
2
|
+
export interface AlertBannerProps {
|
|
3
|
+
title: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
variant: AlertBannerVariant;
|
|
6
|
+
icon?: React.ReactNode;
|
|
7
|
+
actionText?: string;
|
|
8
|
+
actionIcon?: React.ReactNode;
|
|
9
|
+
linkText?: string;
|
|
10
|
+
direction?: "row" | "column";
|
|
11
|
+
onClickButton?: () => void;
|
|
12
|
+
onClickLink?: () => void;
|
|
13
|
+
onClose?: () => void;
|
|
14
|
+
}
|
|
15
|
+
declare function FISAlertBanner({ title, description, variant, icon, actionText, actionIcon, linkText, direction, onClickButton, onClickLink, onClose, }: AlertBannerProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare namespace FISAlertBanner {
|
|
17
|
+
var displayName: string;
|
|
18
|
+
}
|
|
19
|
+
export default FISAlertBanner;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { AlertBannerVariant } from ".";
|
|
2
|
+
export declare const DivAlertBannerContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
|
+
$direction: "row" | "column";
|
|
4
|
+
$variant: AlertBannerVariant;
|
|
5
|
+
}>> & string;
|
|
6
|
+
export declare const DivAlertBannerContentSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
7
|
+
$direction: "row" | "column";
|
|
8
|
+
$variant: AlertBannerVariant;
|
|
9
|
+
}>> & string;
|
|
10
|
+
export declare const DivAlertBannerInfoSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
11
|
+
export declare const SpanAlertBannerIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
12
|
+
export declare const DivAlertBannerTitleSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
13
|
+
export declare const DivAlertBannerDescriptionSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
|
+
export declare const DivAlertBannerActionWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
15
|
+
export declare const DivAlertBannerCloseActionSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
16
|
+
export declare const DivDividerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
17
|
+
export declare const DivCloseButtonWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -4,7 +4,7 @@ interface AvatarProps {
|
|
|
4
4
|
$badge?: BadgeType;
|
|
5
5
|
$color?: ColorType;
|
|
6
6
|
$status?: StatusType;
|
|
7
|
-
$
|
|
7
|
+
$disabled?: boolean;
|
|
8
8
|
}
|
|
9
9
|
export declare const DivContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AvatarProps>> & string;
|
|
10
10
|
export declare const ImgAvatar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, AvatarProps>> & string;
|
|
@@ -1,18 +1,31 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export type BadgeSize = "xs" | "sm" | "md" | "lg";
|
|
3
3
|
export type ColorType = "neutral" | "red" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink";
|
|
4
|
-
export type BadgeStatus = "info" | "caution" | "positive" | "negative"
|
|
4
|
+
export type BadgeStatus = "info" | "caution" | "positive" | "negative";
|
|
5
5
|
export type BadgeType = "default" | "solid";
|
|
6
|
-
export type
|
|
7
|
-
className?: string
|
|
8
|
-
icon?: React.ReactNode;
|
|
9
|
-
label?: string;
|
|
6
|
+
export type BadgeBaseProps = {
|
|
7
|
+
className?: string;
|
|
10
8
|
size?: BadgeSize;
|
|
11
9
|
color?: ColorType;
|
|
12
10
|
status?: BadgeStatus;
|
|
13
11
|
type?: BadgeType;
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
};
|
|
14
|
+
export type BadgeWithIconOnly = BadgeBaseProps & {
|
|
15
|
+
icon: React.ReactNode;
|
|
16
|
+
label?: string;
|
|
17
|
+
src?: never;
|
|
18
|
+
};
|
|
19
|
+
export type BadgeWithAvatar = BadgeBaseProps & {
|
|
20
|
+
src: string;
|
|
21
|
+
label: string;
|
|
22
|
+
icon?: React.ReactNode;
|
|
23
|
+
};
|
|
24
|
+
export type BadgeWithLabelOnly = BadgeBaseProps & {
|
|
25
|
+
label: string;
|
|
26
|
+
icon?: never;
|
|
27
|
+
src?: never;
|
|
16
28
|
};
|
|
29
|
+
export type BadgeProps = BadgeWithIconOnly | BadgeWithAvatar | BadgeWithLabelOnly;
|
|
17
30
|
declare const FISBadge: React.FC<BadgeProps>;
|
|
18
31
|
export default FISBadge;
|
|
@@ -4,7 +4,7 @@ interface BadgeProps {
|
|
|
4
4
|
$color?: ColorType;
|
|
5
5
|
$status?: BadgeStatus;
|
|
6
6
|
$type?: string;
|
|
7
|
-
$
|
|
7
|
+
$disabled?: boolean;
|
|
8
8
|
}
|
|
9
9
|
export declare const DivContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BadgeProps>> & string;
|
|
10
10
|
export declare const DivIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BadgeProps>> & string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React, { ComponentPropsWithoutRef, Ref } from
|
|
2
|
-
export type CheckboxSize =
|
|
3
|
-
export type CheckboxVariant =
|
|
4
|
-
type CheckboxProps = Omit<ComponentPropsWithoutRef<
|
|
1
|
+
import React, { ComponentPropsWithoutRef, Ref } from "react";
|
|
2
|
+
export type CheckboxSize = "sm" | "md";
|
|
3
|
+
export type CheckboxVariant = "primary" | "secondary" | "tertiary";
|
|
4
|
+
type CheckboxProps = Omit<ComponentPropsWithoutRef<"input">, "size"> & {
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
/** Size for checkbox */
|
|
7
7
|
size?: CheckboxSize;
|
|
@@ -22,6 +22,10 @@ type CheckboxProps = Omit<ComponentPropsWithoutRef<'input'>, 'size'> & {
|
|
|
22
22
|
* @default false
|
|
23
23
|
*/
|
|
24
24
|
inputRef?: Ref<HTMLInputElement>;
|
|
25
|
+
/**
|
|
26
|
+
* Default checked state for uncontrolled usage
|
|
27
|
+
*/
|
|
28
|
+
defaultChecked?: boolean;
|
|
25
29
|
};
|
|
26
30
|
declare const FISCheckbox: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size"> & {
|
|
27
31
|
children?: React.ReactNode;
|
|
@@ -44,6 +48,10 @@ declare const FISCheckbox: React.ForwardRefExoticComponent<Omit<Omit<React.Detai
|
|
|
44
48
|
* @default false
|
|
45
49
|
*/
|
|
46
50
|
inputRef?: Ref<HTMLInputElement>;
|
|
51
|
+
/**
|
|
52
|
+
* Default checked state for uncontrolled usage
|
|
53
|
+
*/
|
|
54
|
+
defaultChecked?: boolean;
|
|
47
55
|
} & React.RefAttributes<HTMLLabelElement>>;
|
|
48
56
|
export default FISCheckbox;
|
|
49
57
|
export type { CheckboxProps };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type ChipSize = "xs" | "sm" | "md" | "lg";
|
|
3
|
+
export type ThemeType = "neutral" | "red" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink";
|
|
4
|
+
export type BadgeProps = {
|
|
5
|
+
className?: string | undefined;
|
|
6
|
+
icon?: React.ReactNode;
|
|
7
|
+
label: string;
|
|
8
|
+
size?: ChipSize;
|
|
9
|
+
theme?: ThemeType;
|
|
10
|
+
srcAvatar?: string;
|
|
11
|
+
closeable?: boolean;
|
|
12
|
+
selected?: boolean;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
onClickClose?: () => void;
|
|
15
|
+
};
|
|
16
|
+
declare const FISChipButton: React.FC<BadgeProps>;
|
|
17
|
+
export default FISChipButton;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ChipSize, ThemeType } from ".";
|
|
2
|
+
interface ChipProps {
|
|
3
|
+
$size?: ChipSize;
|
|
4
|
+
$theme?: ThemeType;
|
|
5
|
+
$disabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const DivContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ChipProps>> & string;
|
|
8
|
+
export declare const DivIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ChipProps>> & string;
|
|
9
|
+
export declare const SpanLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, ChipProps>> & string;
|
|
10
|
+
export declare const DivCloseIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ChipProps>> & string;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta } from "@storybook/react";
|
|
2
|
+
import { FISComboboxProps } from "./";
|
|
3
|
+
type ComboboxStoryProps = FISComboboxProps<string>;
|
|
4
|
+
declare const _default: Meta<ComboboxStoryProps>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ComboboxStoryProps>;
|
|
7
|
+
export declare const DefaultMulti: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ComboboxStoryProps>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { FISComboboxOption } from ".";
|
|
2
|
+
interface MultipleValueProps<T> {
|
|
3
|
+
options: FISComboboxOption<T>[];
|
|
4
|
+
onRemove?: (option: FISComboboxOption<T>) => void;
|
|
5
|
+
}
|
|
6
|
+
declare const MultipleValue: <T>({ options, onRemove }: MultipleValueProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default MultipleValue;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { InputFieldProps } from "../Input/InputField";
|
|
3
|
+
import { InputLabelProps } from "../Input/InputLabel";
|
|
4
|
+
export type FISComboboxOption<T> = {
|
|
5
|
+
label: string;
|
|
6
|
+
value: T;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
description?: string;
|
|
9
|
+
};
|
|
10
|
+
type SingleSelect<T> = {
|
|
11
|
+
multi: false;
|
|
12
|
+
value: T;
|
|
13
|
+
onChange: (value: T) => void;
|
|
14
|
+
displayValue: (value: FISComboboxOption<T>) => string;
|
|
15
|
+
};
|
|
16
|
+
type MultiSelect<T> = {
|
|
17
|
+
multi: true;
|
|
18
|
+
value: T[];
|
|
19
|
+
onChange: (value: T[]) => void;
|
|
20
|
+
displayValue: (value: FISComboboxOption<T>[]) => string;
|
|
21
|
+
};
|
|
22
|
+
export type FISComboboxProps<T> = Omit<InputFieldProps, "value" | "onChange"> & Partial<InputLabelProps> & {
|
|
23
|
+
options: FISComboboxOption<T>[];
|
|
24
|
+
message?: string;
|
|
25
|
+
positive?: boolean;
|
|
26
|
+
renderOption?: (option: FISComboboxOption<T>) => React.ReactNode;
|
|
27
|
+
} & (SingleSelect<T> | MultiSelect<T>);
|
|
28
|
+
declare const FISCombobox: React.ForwardRefExoticComponent<FISComboboxProps<string> & React.RefAttributes<HTMLInputElement>>;
|
|
29
|
+
export default FISCombobox;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export declare const DivWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
export declare const DivInputWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const DivValueWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
export declare const TagSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("antd").TagProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
5
|
+
ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
6
|
+
}, {
|
|
7
|
+
$isVisible?: boolean;
|
|
8
|
+
$isPadding?: boolean;
|
|
9
|
+
}>> & string & Omit<import("antd").TagType, keyof import("react").Component<any, {}, any>>;
|
|
10
|
+
export declare const DivComboboxContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
11
|
+
width?: string;
|
|
12
|
+
}>> & string;
|
|
13
|
+
export declare const DivChipButtonWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
|
+
export declare const DivDropdownMenuSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
15
|
+
export declare const DivEmptyMessageSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
16
|
+
interface DropdownItemProps {
|
|
17
|
+
$isSelected?: boolean;
|
|
18
|
+
$isDisabled?: boolean;
|
|
19
|
+
}
|
|
20
|
+
export declare const DivDropdownItemSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DropdownItemProps>> & string;
|
|
21
|
+
export declare const DivOptionContentSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
22
|
+
export declare const DivOptionLabelSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
23
|
+
export declare const DivOptionDescriptionSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
24
|
+
export {};
|
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef } from "react";
|
|
2
|
+
import theme from "../../styles/design-system";
|
|
2
3
|
export type TFISDividerPaddingSize = "tiny" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
4
|
+
export type TFISDividerDirection = "horizontal" | "vertical";
|
|
5
|
+
export type ThemeTypeT = typeof theme;
|
|
3
6
|
export interface IFISDividerProps extends ComponentPropsWithoutRef<"div"> {
|
|
4
7
|
flip?: boolean;
|
|
5
|
-
|
|
6
|
-
|
|
8
|
+
headpointOffset?: TFISDividerPaddingSize;
|
|
9
|
+
sideOffset?: TFISDividerPaddingSize;
|
|
10
|
+
direction?: TFISDividerDirection;
|
|
11
|
+
color?: keyof ThemeTypeT;
|
|
7
12
|
}
|
|
8
13
|
declare const FISDivider: (props: IFISDividerProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
14
|
export default FISDivider;
|
|
@@ -1,2 +1,6 @@
|
|
|
1
1
|
import { IFISDividerProps } from ".";
|
|
2
|
-
|
|
2
|
+
interface DividerSCProps extends IFISDividerProps {
|
|
3
|
+
$resolvedColor?: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const DividerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DividerSCProps>> & string;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { DateRangeProps } from ".";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: {
|
|
5
|
+
({ placeholder, label, required, message, negative, positive, ...rest }: DateRangeProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
displayName: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
args: {
|
|
10
|
+
label: string;
|
|
11
|
+
required: true;
|
|
12
|
+
message: string;
|
|
13
|
+
negative: false;
|
|
14
|
+
positive: false;
|
|
15
|
+
};
|
|
16
|
+
argTypes: {
|
|
17
|
+
label: {
|
|
18
|
+
control: "text";
|
|
19
|
+
description: string;
|
|
20
|
+
};
|
|
21
|
+
required: {
|
|
22
|
+
control: "boolean";
|
|
23
|
+
description: string;
|
|
24
|
+
};
|
|
25
|
+
message: {
|
|
26
|
+
control: "text";
|
|
27
|
+
description: string;
|
|
28
|
+
};
|
|
29
|
+
negative: {
|
|
30
|
+
control: "boolean";
|
|
31
|
+
description: string;
|
|
32
|
+
};
|
|
33
|
+
positive: {
|
|
34
|
+
control: "boolean";
|
|
35
|
+
description: string;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
export default meta;
|
|
40
|
+
export declare const Default: (args: DateRangeProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type DateRangeProps = {
|
|
2
|
+
className?: string;
|
|
3
|
+
placeholder?: [string, string];
|
|
4
|
+
label?: string;
|
|
5
|
+
required?: boolean;
|
|
6
|
+
message?: string;
|
|
7
|
+
negative?: boolean;
|
|
8
|
+
positive?: boolean;
|
|
9
|
+
};
|
|
10
|
+
declare const FISDateRange: {
|
|
11
|
+
({ placeholder, label, required, message, negative, positive, ...rest }: DateRangeProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
export default FISDateRange;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
interface DateRangeProps {
|
|
2
|
+
$negative?: boolean;
|
|
3
|
+
$positive?: boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare const DivDateRangeContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DateRangeProps>> & string;
|
|
6
|
+
export declare const DivSeparatorIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DateRangeProps>> & string;
|
|
7
|
+
export declare const DivSuffixIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
8
|
+
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const DivWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
2
|
export declare const DivInputWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
-
export declare const HiddenDatePickerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("antd/es/date-picker/generatePicker").PickerProps<import("dayjs").Dayjs>, "
|
|
3
|
+
export declare const HiddenDatePickerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("antd/es/date-picker/generatePicker").PickerProps<import("dayjs").Dayjs>, "defaultValue" | "onChange" | "value" | "onOk"> & import("react").RefAttributes<import("rc-picker").PickerRef> & {
|
|
4
4
|
defaultValue?: unknown;
|
|
5
5
|
value?: unknown;
|
|
6
6
|
onChange?: ((date: unknown, dateString: string | string[]) => void) | undefined;
|
|
@@ -1,23 +1,30 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef, JSX } from "react";
|
|
2
2
|
export type InputTypeSuffix = "icon" | "suffix" | "dropdown";
|
|
3
|
+
export type InputTypePrefix = "prefix" | "dropdown";
|
|
3
4
|
export type InputSize = "md" | "lg";
|
|
4
5
|
export interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "onClick"> {
|
|
5
6
|
/**Control the size of the component*/
|
|
6
7
|
sizeInput?: InputSize;
|
|
7
8
|
/**Control the style type of component: "icon" | "suffix" | "dropdown" */
|
|
8
9
|
typeSuffix?: InputTypeSuffix;
|
|
10
|
+
/**Control the style type of component: "prefix" | "dropdown" */
|
|
11
|
+
typePrefix?: InputTypePrefix;
|
|
9
12
|
/**Prefix for filter value*/
|
|
10
13
|
iconPrefix?: string | JSX.Element;
|
|
11
14
|
/**iconSuffix for filter value*/
|
|
12
15
|
iconSuffix?: string | JSX.Element;
|
|
13
16
|
/**labelSuffix for filter value*/
|
|
14
17
|
labelSuffix?: string | JSX.Element;
|
|
18
|
+
/**labelPrefix for filter value*/
|
|
19
|
+
labelPrefix?: string | JSX.Element;
|
|
15
20
|
/**negative for current field*/
|
|
16
21
|
negative?: boolean;
|
|
17
22
|
/**active-dropdown for current field*/
|
|
18
23
|
activeDropdown?: boolean;
|
|
19
|
-
/**
|
|
24
|
+
/** onClickSuffix for current field Button */
|
|
20
25
|
onClickSuffix?: () => void;
|
|
26
|
+
/** onClickPrefix for current field Button */
|
|
27
|
+
onClickPrefix?: () => void;
|
|
21
28
|
}
|
|
22
29
|
declare const FISInputField: import("react").ForwardRefExoticComponent<InputFieldProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
23
30
|
export default FISInputField;
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
export declare const InputSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
2
2
|
export declare const DivIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
3
|
export declare const DivIconSuffixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
export declare const DivIconPrefixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
5
|
export declare const SpanTextDropSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
5
6
|
export declare const DivIconDropSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
6
|
-
export declare const
|
|
7
|
+
export declare const DivDropdownSuffixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
8
|
+
export declare const DivDropdownPreFixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
9
|
export declare const DivSuffixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
8
|
-
export declare const
|
|
10
|
+
export declare const DivPrefixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
11
|
+
export declare const SpanTextSuffixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
12
|
+
export declare const SpanTextPrefixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
9
13
|
export declare const DivContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -5,7 +5,7 @@ export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
|
|
|
5
5
|
/**Change the design of button*/
|
|
6
6
|
variant?: ButtonVariant;
|
|
7
7
|
/** Size md for only button icon */
|
|
8
|
-
size
|
|
8
|
+
size?: ButtonSize;
|
|
9
9
|
/**
|
|
10
10
|
* Defines the element that stands before the children element.
|
|
11
11
|
*/
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
type Props = {
|
|
3
|
+
/**
|
|
4
|
+
* The children to render into the `container`.
|
|
5
|
+
*/
|
|
6
|
+
children?: ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* An HTML element or null.
|
|
9
|
+
* The `container` will have the portal children appended to it.
|
|
10
|
+
*/
|
|
11
|
+
container?: HTMLElement | null;
|
|
12
|
+
};
|
|
13
|
+
declare function Portal(props: Props): import("react").ReactPortal | null;
|
|
14
|
+
export { Portal };
|
|
@@ -15,6 +15,10 @@ type RadioProps = Omit<ComponentPropsWithoutRef<"input">, "size"> & {
|
|
|
15
15
|
* Pass a ref to the input element.
|
|
16
16
|
*/
|
|
17
17
|
inputRef?: Ref<HTMLInputElement>;
|
|
18
|
+
/**
|
|
19
|
+
* Default checked state for uncontrolled usage
|
|
20
|
+
*/
|
|
21
|
+
defaultChecked?: boolean;
|
|
18
22
|
};
|
|
19
23
|
declare const FISRadio: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size"> & {
|
|
20
24
|
children?: React.ReactNode;
|
|
@@ -30,6 +34,10 @@ declare const FISRadio: React.ForwardRefExoticComponent<Omit<Omit<React.Detailed
|
|
|
30
34
|
* Pass a ref to the input element.
|
|
31
35
|
*/
|
|
32
36
|
inputRef?: Ref<HTMLInputElement>;
|
|
37
|
+
/**
|
|
38
|
+
* Default checked state for uncontrolled usage
|
|
39
|
+
*/
|
|
40
|
+
defaultChecked?: boolean;
|
|
33
41
|
} & React.RefAttributes<HTMLLabelElement>>;
|
|
34
42
|
export default FISRadio;
|
|
35
43
|
export type { RadioProps };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Meta } from "@storybook/react";
|
|
2
|
+
declare const _default: Meta;
|
|
3
|
+
export default _default;
|
|
4
|
+
export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ToastProps>;
|
|
5
|
+
export declare const ToastDemo: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ToastProps } from ".";
|
|
3
|
+
interface ToastOptions extends ToastProps {
|
|
4
|
+
duration?: number;
|
|
5
|
+
}
|
|
6
|
+
export interface ToastContextType {
|
|
7
|
+
showToast: (options: ToastOptions) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const ToastContext: React.Context<ToastContextType | undefined>;
|
|
10
|
+
export declare const ToastProvider: React.FC<{
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
}>;
|
|
13
|
+
export {};
|