globalfy-design-system 1.17.0 → 1.19.0
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/@types/react-unicons.d.ts +2 -2
- package/dist/components/atoms/Alert/Alert.d.ts +27 -3
- package/dist/components/atoms/Alert/index.d.ts +0 -1
- package/dist/components/atoms/Alert/useAlert.d.ts +1 -1
- package/dist/components/atoms/Avatar/Avatar.d.ts +2 -2
- package/dist/components/atoms/Button/Button.d.ts +4 -4
- package/dist/components/atoms/Button/SpinnerIcon.d.ts +7 -0
- package/dist/components/atoms/Chip/Chip.d.ts +12 -2
- package/dist/components/atoms/Chip/Chip.stories.d.ts +1 -1
- package/dist/components/atoms/Chip/index.d.ts +0 -1
- package/dist/components/atoms/DatePicker/DatePicker.d.ts +1 -1
- package/dist/components/atoms/DropdownList/DropdownList.d.ts +3 -3
- package/dist/components/atoms/Flag/Flag.d.ts +5 -1
- package/dist/components/atoms/Flag/Flag.stories.d.ts +1 -1
- package/dist/components/atoms/Flag/index.d.ts +0 -1
- package/dist/components/atoms/Icon/Icon.d.ts +1 -1
- package/dist/components/atoms/Icon/feather/featherIconsList.d.ts +1 -1
- package/dist/components/atoms/Icon/glob-icons/glob-icons.d.ts +2 -0
- package/dist/components/atoms/Icon/glob-icons/icons/glob-amex.d.ts +1 -0
- package/dist/components/atoms/Icon/glob-icons/icons/glob-discover.d.ts +1 -0
- package/dist/components/atoms/Icon/glob-icons/icons/glob-mastercard-icon.d.ts +1 -0
- package/dist/components/atoms/Icon/glob-icons/icons/glob-paypal-icon.d.ts +1 -0
- package/dist/components/atoms/Icon/glob-icons/icons/glob-visa-icon.d.ts +1 -0
- package/dist/components/atoms/Icon/unicons/uniconsIconsList.d.ts +1 -1
- package/dist/components/atoms/Input/Input.d.ts +3 -3
- package/dist/components/atoms/InputMask/InputMask.d.ts +1 -1
- package/dist/components/atoms/Logo/Logo.d.ts +15 -2
- package/dist/components/atoms/Logo/index.d.ts +0 -1
- package/dist/components/atoms/PhoneNumberInput/PhoneNumberInput.d.ts +14 -1
- package/dist/components/atoms/PhoneNumberInput/PhoneNumberInput.stories.d.ts +1 -1
- package/dist/components/atoms/PhoneNumberInput/index.d.ts +0 -1
- package/dist/components/atoms/Popover/Popover.d.ts +16 -2
- package/dist/components/atoms/Popover/Popover.stories.d.ts +1 -1
- package/dist/components/atoms/Popover/index.d.ts +0 -1
- package/dist/components/atoms/RadioGroup/RadioGroup.d.ts +18 -2
- package/dist/components/atoms/RadioGroup/RadioGroup.stories.d.ts +1 -1
- package/dist/components/atoms/SegmentedControl/SegmentedControl.d.ts +16 -1
- package/dist/components/atoms/SegmentedControl/SegmentedControl.stories.d.ts +1 -1
- package/dist/components/atoms/SegmentedControl/index.d.ts +0 -1
- package/dist/components/atoms/Snackbar/Snackbar.d.ts +9 -2
- package/dist/components/atoms/Snackbar/useSnackbar.d.ts +1 -1
- package/dist/components/atoms/Switch/Switch.d.ts +10 -2
- package/dist/components/atoms/Switch/Switch.stories.d.ts +1 -1
- package/dist/components/atoms/Switch/index.d.ts +0 -1
- package/dist/components/atoms/Tabs/Tabs.d.ts +13 -1
- package/dist/components/atoms/Tabs/Tabs.stories.d.ts +1 -1
- package/dist/components/atoms/Tabs/index.d.ts +0 -1
- package/dist/components/atoms/Tag/Tag.d.ts +10 -1
- package/dist/components/atoms/Tag/Tag.stories.d.ts +1 -1
- package/dist/components/atoms/Tag/index.d.ts +0 -1
- package/dist/components/atoms/TextArea/TextArea.d.ts +1 -1
- package/dist/components/atoms/TextInput/TextInput.d.ts +1 -1
- package/dist/components/atoms/Tooltip/Tooltip.d.ts +2 -2
- package/dist/components/atoms/Tooltip/Tooltip.stories.d.ts +1 -1
- package/dist/components/atoms/Typography/Typography.d.ts +6 -1
- package/dist/components/atoms/Typography/Typography.stories.d.ts +1 -1
- package/dist/components/atoms/Typography/index.d.ts +0 -1
- package/dist/globalfy-design-system.js +8498 -8879
- package/dist/globalfy-design-system.umd.cjs +29 -29
- package/package.json +6 -3
- package/dist/components/atoms/Alert/Alert.types.d.ts +0 -24
- package/dist/components/atoms/Chip/Chip.types.d.ts +0 -12
- package/dist/components/atoms/Flag/Flag.types.d.ts +0 -6
- package/dist/components/atoms/Logo/Logo.types.d.ts +0 -15
- package/dist/components/atoms/PhoneNumberInput/PhoneNumberInput.types.d.ts +0 -15
- package/dist/components/atoms/Popover/Popover.types.d.ts +0 -16
- package/dist/components/atoms/RadioGroup/RadioGroup.types.d.ts +0 -18
- package/dist/components/atoms/SegmentedControl/SegmentedControl.types.d.ts +0 -17
- package/dist/components/atoms/Snackbar/Snackbar.types.d.ts +0 -9
- package/dist/components/atoms/Switch/Switch.types.d.ts +0 -10
- package/dist/components/atoms/Tabs/Tabs.types.d.ts +0 -14
- package/dist/components/atoms/Tag/Tag.types.d.ts +0 -11
- package/dist/components/atoms/Typography/Typography.types.d.ts +0 -7
|
@@ -1,3 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare enum ActionType {
|
|
3
|
+
Button = "button",
|
|
4
|
+
Link = "link"
|
|
5
|
+
}
|
|
6
|
+
export declare enum ToastType {
|
|
7
|
+
Alert = "alert",
|
|
8
|
+
Banner = "banner"
|
|
9
|
+
}
|
|
10
|
+
export type AlertAction = {
|
|
11
|
+
label: string;
|
|
12
|
+
onClick: () => void;
|
|
13
|
+
isLoading?: boolean;
|
|
14
|
+
isDisabled?: boolean;
|
|
15
|
+
};
|
|
16
|
+
export type AlertProps = {
|
|
17
|
+
message: string;
|
|
18
|
+
inlineActions?: boolean;
|
|
19
|
+
toastType?: ToastType;
|
|
20
|
+
icon?: React.ReactNode;
|
|
21
|
+
hasCloseButton?: boolean;
|
|
22
|
+
onClickCloseButton?: () => void;
|
|
23
|
+
iconVariant?: 'neutral' | 'success' | 'error' | 'warning' | 'banner';
|
|
24
|
+
actions?: AlertAction[];
|
|
25
|
+
actionType?: ActionType;
|
|
26
|
+
};
|
|
27
|
+
export declare const Alert: ({ message, actions, inlineActions, toastType, icon, iconVariant, hasCloseButton, onClickCloseButton, actionType, }: AlertProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export type AvatarProps = {
|
|
2
|
-
size?:
|
|
2
|
+
size?: 'sm' | 'md' | 'lg' | 'xs';
|
|
3
3
|
image?: string;
|
|
4
4
|
label?: string;
|
|
5
5
|
border?: boolean;
|
|
6
6
|
className?: string;
|
|
7
|
-
|
|
7
|
+
'data-testid'?: string;
|
|
8
8
|
};
|
|
9
9
|
export declare const Avatar: ({ size, className, border, image, label, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { ButtonProps as NextUIButtonProps } from '@nextui-org/react';
|
|
3
3
|
|
|
4
|
-
export type ButtonVariant =
|
|
5
|
-
export type ButtonProps = Omit<NextUIButtonProps,
|
|
4
|
+
export type ButtonVariant = 'primaryDark' | 'primaryLight' | 'primary' | 'negative' | 'secondaryNegative' | 'secondary' | 'tertiary' | 'tertiaryDark' | 'tertiaryDarkGreen' | 'tertiaryLight' | 'direction' | 'directionCircle' | 'icon';
|
|
5
|
+
export type ButtonProps = Omit<NextUIButtonProps, 'variant' | 'size' | 'ref'> & {
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
iconLeft?: React.ReactNode;
|
|
8
8
|
iconRight?: React.ReactNode;
|
|
9
9
|
full?: boolean;
|
|
10
|
-
size?:
|
|
10
|
+
size?: 'small' | 'medium' | 'large';
|
|
11
11
|
variant?: ButtonVariant;
|
|
12
12
|
isLoading?: boolean;
|
|
13
13
|
/**
|
|
14
14
|
* @deprecated use {@link ButtonProps.isLoading} instead
|
|
15
15
|
*/
|
|
16
16
|
isLoadingComplete?: boolean;
|
|
17
|
-
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,
|
|
17
|
+
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onFocus' | 'onBlur' | 'color'>;
|
|
18
18
|
export declare const Button: React.ForwardRefExoticComponent<Omit<NextUIButtonProps, "variant" | "ref" | "size"> & {
|
|
19
19
|
children: React.ReactNode;
|
|
20
20
|
iconLeft?: React.ReactNode;
|
|
@@ -10,6 +10,7 @@ declare const iconLoadingVariants: import('tailwind-variants').TVReturnType<{
|
|
|
10
10
|
secondary: string;
|
|
11
11
|
tertiary: string;
|
|
12
12
|
tertiaryDark: string;
|
|
13
|
+
tertiaryDarkGreen: string;
|
|
13
14
|
tertiaryLight: string;
|
|
14
15
|
direction: string;
|
|
15
16
|
directionCircle: string;
|
|
@@ -25,6 +26,7 @@ declare const iconLoadingVariants: import('tailwind-variants').TVReturnType<{
|
|
|
25
26
|
secondary: string;
|
|
26
27
|
tertiary: string;
|
|
27
28
|
tertiaryDark: string;
|
|
29
|
+
tertiaryDarkGreen: string;
|
|
28
30
|
tertiaryLight: string;
|
|
29
31
|
direction: string;
|
|
30
32
|
directionCircle: string;
|
|
@@ -40,6 +42,7 @@ declare const iconLoadingVariants: import('tailwind-variants').TVReturnType<{
|
|
|
40
42
|
secondary: string;
|
|
41
43
|
tertiary: string;
|
|
42
44
|
tertiaryDark: string;
|
|
45
|
+
tertiaryDarkGreen: string;
|
|
43
46
|
tertiaryLight: string;
|
|
44
47
|
direction: string;
|
|
45
48
|
directionCircle: string;
|
|
@@ -55,6 +58,7 @@ declare const iconLoadingVariants: import('tailwind-variants').TVReturnType<{
|
|
|
55
58
|
secondary: string;
|
|
56
59
|
tertiary: string;
|
|
57
60
|
tertiaryDark: string;
|
|
61
|
+
tertiaryDarkGreen: string;
|
|
58
62
|
tertiaryLight: string;
|
|
59
63
|
direction: string;
|
|
60
64
|
directionCircle: string;
|
|
@@ -70,6 +74,7 @@ declare const iconLoadingVariants: import('tailwind-variants').TVReturnType<{
|
|
|
70
74
|
secondary: string;
|
|
71
75
|
tertiary: string;
|
|
72
76
|
tertiaryDark: string;
|
|
77
|
+
tertiaryDarkGreen: string;
|
|
73
78
|
tertiaryLight: string;
|
|
74
79
|
direction: string;
|
|
75
80
|
directionCircle: string;
|
|
@@ -85,6 +90,7 @@ declare const iconLoadingVariants: import('tailwind-variants').TVReturnType<{
|
|
|
85
90
|
secondary: string;
|
|
86
91
|
tertiary: string;
|
|
87
92
|
tertiaryDark: string;
|
|
93
|
+
tertiaryDarkGreen: string;
|
|
88
94
|
tertiaryLight: string;
|
|
89
95
|
direction: string;
|
|
90
96
|
directionCircle: string;
|
|
@@ -100,6 +106,7 @@ declare const iconLoadingVariants: import('tailwind-variants').TVReturnType<{
|
|
|
100
106
|
secondary: string;
|
|
101
107
|
tertiary: string;
|
|
102
108
|
tertiaryDark: string;
|
|
109
|
+
tertiaryDarkGreen: string;
|
|
103
110
|
tertiaryLight: string;
|
|
104
111
|
direction: string;
|
|
105
112
|
directionCircle: string;
|
|
@@ -1,3 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
|
|
3
|
-
export
|
|
3
|
+
export type ChipProps = {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
size?: 'sm' | 'lg';
|
|
6
|
+
className?: string;
|
|
7
|
+
'data-testid'?: string;
|
|
8
|
+
avatar?: string;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
iconLeft?: ReactNode;
|
|
11
|
+
iconRight?: ReactNode;
|
|
12
|
+
};
|
|
13
|
+
export declare const Chip: ({ children, className, avatar, size, disabled, iconLeft, iconRight, }: ChipProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
|
|
|
2
2
|
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ children, className, avatar, size, disabled, iconLeft, iconRight }: import('./Chip
|
|
5
|
+
component: ({ children, className, avatar, size, disabled, iconLeft, iconRight, }: import('./Chip').ChipProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
tags: string[];
|
|
7
7
|
};
|
|
8
8
|
export default meta;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { DayPickerSingleProps } from 'react-day-picker';
|
|
2
2
|
|
|
3
|
-
export type DatePickerProps = Omit<DayPickerSingleProps,
|
|
3
|
+
export type DatePickerProps = Omit<DayPickerSingleProps, 'mode'>;
|
|
4
4
|
export declare const DatePicker: ({ selected, ...props }: DatePickerProps) => JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ActionMeta, ControlProps, DropdownIndicatorProps, OptionProps, ValueContainerProps } from 'react-select';
|
|
2
1
|
import { ComponentType, ReactNode } from 'react';
|
|
2
|
+
import { ActionMeta, ControlProps, DropdownIndicatorProps, OptionProps, ValueContainerProps } from 'react-select';
|
|
3
3
|
|
|
4
4
|
export type OptionType = {
|
|
5
5
|
[key: string]: unknown;
|
|
@@ -32,12 +32,12 @@ export type DropdownListProps = {
|
|
|
32
32
|
};
|
|
33
33
|
};
|
|
34
34
|
export type DropdownCreditCardOption = {
|
|
35
|
-
label
|
|
35
|
+
label?: string;
|
|
36
36
|
prefix: ReactNode;
|
|
37
37
|
isDefault?: boolean;
|
|
38
38
|
};
|
|
39
39
|
export type DropdownCreditCardProps = {
|
|
40
40
|
options: DropdownCreditCardOption[];
|
|
41
|
-
} & Omit<DropdownListProps,
|
|
41
|
+
} & Omit<DropdownListProps, 'options'>;
|
|
42
42
|
export declare const DropdownList: ({ label, value, defaultValue, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, options, isSearchable, customOption, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer, customClassNames, ...props }: DropdownListProps) => import("react/jsx-runtime").JSX.Element;
|
|
43
43
|
export {};
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
2
|
|
|
3
|
+
export type FlagProps = {
|
|
4
|
+
shadow?: boolean;
|
|
5
|
+
country: 'bra' | 'esp' | 'usa';
|
|
6
|
+
} & HTMLAttributes<HTMLImageElement>;
|
|
3
7
|
export declare const Flag: ({ shadow, country, className, ...props }: FlagProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
|
|
|
2
2
|
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ shadow, country, className, ...props }: import('./Flag
|
|
5
|
+
component: ({ shadow, country, className, ...props }: import('./Flag').FlagProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
tags: string[];
|
|
7
7
|
};
|
|
8
8
|
export default meta;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
2
|
|
|
3
|
-
export type IconNames =
|
|
3
|
+
export type IconNames = 'add-circle' | 'alert-circle' | 'bank' | 'briefcase' | 'building' | 'calendar' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'close' | 'credit-card-number' | 'credit-card' | 'download' | 'external-link' | 'eye-close' | 'eye-open' | 'file-upload' | 'filters' | 'help-circle' | 'image-broken' | 'mail' | 'open' | 'refresh' | 'Request' | 'resend' | 'ship' | 'user' | 'users' | 'wallet';
|
|
4
4
|
export type IconProps = {
|
|
5
5
|
name?: string;
|
|
6
6
|
icon?: IconNames;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import * as fi from
|
|
1
|
+
import * as fi from 'react-icons/fi';
|
|
2
2
|
export declare const featherIconsList: [string, typeof fi.FiActivity][];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const GlobAmexIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const GlobDiscoverIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -12,9 +12,9 @@ export type InputProps = {
|
|
|
12
12
|
value?: string;
|
|
13
13
|
isDatePicker?: boolean;
|
|
14
14
|
iconAction?: () => void;
|
|
15
|
-
iconSize?:
|
|
16
|
-
} & Omit<React.InputHTMLAttributes<HTMLInputElement>,
|
|
17
|
-
export type InputPasswordProps = Omit<InputProps,
|
|
15
|
+
iconSize?: 'small' | 'large';
|
|
16
|
+
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'defaultValue' | 'color' | 'onFocus' | 'onBlur'>;
|
|
17
|
+
export type InputPasswordProps = Omit<InputProps, 'icon' | 'type' | 'isDatePicker'>;
|
|
18
18
|
export declare const Input: React.ForwardRefExoticComponent<{
|
|
19
19
|
label?: string | undefined;
|
|
20
20
|
placeholder?: string | undefined;
|
|
@@ -12,7 +12,7 @@ export type InputMaskProps = {
|
|
|
12
12
|
iconAction?: () => void;
|
|
13
13
|
mask?: string;
|
|
14
14
|
removeTopMargin?: boolean;
|
|
15
|
-
} & Omit<React.InputHTMLAttributes<HTMLInputElement>,
|
|
15
|
+
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'defaultValue' | 'color' | 'onFocus' | 'onBlur'>;
|
|
16
16
|
export declare const InputMask: import('react').ForwardRefExoticComponent<{
|
|
17
17
|
label?: string | undefined;
|
|
18
18
|
placeholder?: string | undefined;
|
|
@@ -1,3 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
interface CommonProps {
|
|
2
|
+
variant?: 'default' | 'dark' | 'light';
|
|
3
|
+
className?: string;
|
|
4
|
+
short?: boolean;
|
|
5
|
+
}
|
|
6
|
+
interface LogoWidthProps extends CommonProps {
|
|
7
|
+
width?: number;
|
|
8
|
+
height?: never;
|
|
9
|
+
}
|
|
10
|
+
interface LogoHeightProps extends CommonProps {
|
|
11
|
+
width?: never;
|
|
12
|
+
height?: number;
|
|
13
|
+
}
|
|
14
|
+
export type LogoProps = LogoWidthProps | LogoHeightProps;
|
|
3
15
|
export declare function Logo({ variant, className, short, width, height }: LogoProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export {};
|
|
@@ -1,4 +1,17 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { ParsedCountry } from 'react-international-phone';
|
|
3
3
|
|
|
4
|
+
export type PhoneNumberInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> & {
|
|
5
|
+
value?: string;
|
|
6
|
+
onChange?: (data: {
|
|
7
|
+
phone: string;
|
|
8
|
+
inputValue: string;
|
|
9
|
+
country: ParsedCountry;
|
|
10
|
+
}) => void;
|
|
11
|
+
error?: boolean;
|
|
12
|
+
errorMessage?: string;
|
|
13
|
+
isValid?: boolean;
|
|
14
|
+
searchMessage: string;
|
|
15
|
+
noResultsFoundMessage: string;
|
|
16
|
+
};
|
|
4
17
|
export declare const PhoneNumberInput: React.FC<PhoneNumberInputProps>;
|
|
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
|
|
|
2
2
|
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: import('react').FC<import('./PhoneNumberInput
|
|
5
|
+
component: import('react').FC<import('./PhoneNumberInput').PhoneNumberInputProps>;
|
|
6
6
|
tags: string[];
|
|
7
7
|
};
|
|
8
8
|
export default meta;
|
|
@@ -1,3 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type PopoverProps = {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
content: React.ReactNode;
|
|
5
|
+
isOpen?: boolean;
|
|
6
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
7
|
+
onInteractOutside?: () => void;
|
|
8
|
+
onOpenAutoFocus?: (event: Event) => void;
|
|
9
|
+
defaultOpen?: boolean;
|
|
10
|
+
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
11
|
+
align?: 'start' | 'center' | 'end';
|
|
12
|
+
hasCloseButton?: boolean;
|
|
13
|
+
hasShadow?: boolean;
|
|
14
|
+
className?: string;
|
|
15
|
+
sideOffset?: number;
|
|
16
|
+
};
|
|
3
17
|
export declare const Popover: ({ children, content, className, isOpen, side, align, hasCloseButton, hasShadow, sideOffset, onInteractOutside, onOpenAutoFocus, ...props }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
|
|
|
2
2
|
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ children, content, className, isOpen, side, align, hasCloseButton, hasShadow, sideOffset, onInteractOutside, onOpenAutoFocus, ...props }: import('./Popover
|
|
5
|
+
component: ({ children, content, className, isOpen, side, align, hasCloseButton, hasShadow, sideOffset, onInteractOutside, onOpenAutoFocus, ...props }: import('./Popover').PopoverProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
tags: string[];
|
|
7
7
|
parameters: {
|
|
8
8
|
layout: string;
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ChangeEventHandler, ReactNode } from 'react';
|
|
2
2
|
|
|
3
|
-
export
|
|
3
|
+
export type RadioGroupOption = {
|
|
4
|
+
label: ReactNode;
|
|
5
|
+
value: string;
|
|
6
|
+
id: string;
|
|
7
|
+
};
|
|
8
|
+
export type RadioGroupProps = {
|
|
9
|
+
options: RadioGroupOption[];
|
|
10
|
+
labelPosition?: 'left' | 'right';
|
|
11
|
+
orientation?: 'vertical' | 'horizontal';
|
|
12
|
+
onValueChange?: (value: string) => void;
|
|
13
|
+
value?: string;
|
|
14
|
+
className?: string;
|
|
15
|
+
optionWrapperClassName?: string;
|
|
16
|
+
labelClassName?: string;
|
|
17
|
+
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
18
|
+
};
|
|
19
|
+
export declare const RadioGroup: ({ options, labelPosition, orientation, onChange, value, optionWrapperClassName, className, labelClassName, onValueChange, }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
|
|
|
2
2
|
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ options, labelPosition, orientation, onChange, value, optionWrapperClassName, className, labelClassName, onValueChange }: import('./RadioGroup
|
|
5
|
+
component: ({ options, labelPosition, orientation, onChange, value, optionWrapperClassName, className, labelClassName, onValueChange, }: import('./RadioGroup').RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
tags: string[];
|
|
7
7
|
};
|
|
8
8
|
export default meta;
|
|
@@ -1,3 +1,18 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Key, ReactNode } from 'react';
|
|
2
2
|
|
|
3
|
+
export type SegmentedControlProps = {
|
|
4
|
+
className?: string;
|
|
5
|
+
'data-testid'?: string;
|
|
6
|
+
size?: 'sm' | 'md' | 'lg';
|
|
7
|
+
tabs: {
|
|
8
|
+
icon?: ReactNode;
|
|
9
|
+
key: string;
|
|
10
|
+
title: ReactNode;
|
|
11
|
+
component?: ReactNode;
|
|
12
|
+
}[];
|
|
13
|
+
tabClass?: string;
|
|
14
|
+
onSelectionChange?: (key: Key) => void;
|
|
15
|
+
selectedKey?: string | number | null;
|
|
16
|
+
fullWidth?: boolean;
|
|
17
|
+
};
|
|
3
18
|
export declare const SegmentedControl: ({ tabs, tabClass, size, onSelectionChange, ...props }: SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const meta: {
|
|
2
2
|
title: string;
|
|
3
|
-
component: ({ tabs, tabClass, size, onSelectionChange, ...props }: import('./SegmentedControl
|
|
3
|
+
component: ({ tabs, tabClass, size, onSelectionChange, ...props }: import('./SegmentedControl').SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
tags: string[];
|
|
5
5
|
};
|
|
6
6
|
export default meta;
|
|
@@ -1,3 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export type SnackbarAction = {
|
|
2
|
+
label: string;
|
|
3
|
+
onClick: () => void;
|
|
4
|
+
};
|
|
5
|
+
export type SnackbarProps = {
|
|
6
|
+
message: string;
|
|
7
|
+
inlineActions?: boolean;
|
|
8
|
+
actions?: SnackbarAction[];
|
|
9
|
+
};
|
|
3
10
|
export declare const Snackbar: ({ message, actions, inlineActions }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export type SwitchProps = {
|
|
2
|
+
'data-testid'?: string;
|
|
3
|
+
icons?: {
|
|
4
|
+
selectedIcon: string;
|
|
5
|
+
unselectedIcon: string;
|
|
6
|
+
};
|
|
7
|
+
className?: string;
|
|
8
|
+
isSelected: boolean;
|
|
9
|
+
onValueChange?: ((isSelected: boolean) => void) | undefined;
|
|
10
|
+
};
|
|
3
11
|
export declare const Switch: ({ icons, className, isSelected, onValueChange }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
|
|
|
2
2
|
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ icons, className, isSelected, onValueChange }: import('./Switch
|
|
5
|
+
component: ({ icons, className, isSelected, onValueChange }: import('./Switch').SwitchProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
tags: string[];
|
|
7
7
|
};
|
|
8
8
|
export default meta;
|
|
@@ -1,3 +1,15 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
|
|
3
|
+
export type TabsProps = {
|
|
4
|
+
className?: string;
|
|
5
|
+
'data-testid'?: string;
|
|
6
|
+
tabs: {
|
|
7
|
+
icon?: ReactNode;
|
|
8
|
+
key: string;
|
|
9
|
+
title: string;
|
|
10
|
+
content?: ReactNode;
|
|
11
|
+
}[];
|
|
12
|
+
defaultValue?: string;
|
|
13
|
+
variant?: 'underline' | 'button';
|
|
14
|
+
};
|
|
3
15
|
export declare const Tabs: ({ tabs, defaultValue, variant, className, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
|
|
|
2
2
|
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ tabs, defaultValue, variant, className, ...props }: import('./Tabs
|
|
5
|
+
component: ({ tabs, defaultValue, variant, className, ...props }: import('./Tabs').TabsProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
tags: string[];
|
|
7
7
|
parameters: {
|
|
8
8
|
layout: string;
|
|
@@ -1,3 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
|
|
3
|
+
export type TagColor = 'red' | 'orange' | 'lightGreen' | 'violet' | 'blue' | 'darkGreen' | 'gray' | 'yellow';
|
|
4
|
+
export type TagVariant = 'light' | 'dark' | 'ghost';
|
|
5
|
+
export type TagProps = {
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
className?: string;
|
|
8
|
+
variant?: TagVariant;
|
|
9
|
+
color?: TagColor;
|
|
10
|
+
'data-testid'?: string;
|
|
11
|
+
};
|
|
3
12
|
export declare const Tag: ({ children, className, variant, color }: TagProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
|
|
|
2
2
|
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ children, className, variant, color }: import('./Tag
|
|
5
|
+
component: ({ children, className, variant, color }: import('./Tag').TagProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
tags: string[];
|
|
7
7
|
};
|
|
8
8
|
export default meta;
|
|
@@ -7,7 +7,7 @@ export type TextAreaProps = {
|
|
|
7
7
|
isValid?: boolean;
|
|
8
8
|
allowResize?: boolean;
|
|
9
9
|
value?: string;
|
|
10
|
-
} & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>,
|
|
10
|
+
} & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'defaultValue' | 'color' | 'onFocus' | 'onBlur'>;
|
|
11
11
|
export declare const TextArea: import('react').ForwardRefExoticComponent<{
|
|
12
12
|
label?: string | undefined;
|
|
13
13
|
message?: string | undefined;
|
|
@@ -9,6 +9,6 @@ export type TooltipProps = {
|
|
|
9
9
|
onClick: () => void;
|
|
10
10
|
label: string;
|
|
11
11
|
};
|
|
12
|
-
size?:
|
|
12
|
+
size?: 'sm' | 'lg' | 'auto';
|
|
13
13
|
};
|
|
14
|
-
export declare const Tooltip: ({ children, showArrow, startOpen, content, hasCloseButton, action, size }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const Tooltip: ({ children, showArrow, startOpen, content, hasCloseButton, action, size, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|