@vespiario-thailand/design-system 1.3.10 → 1.3.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/generals/AlertBar/AlertBarAction.d.ts +3 -0
- package/dist/components/generals/AlertBar/AlertBarClose.d.ts +3 -0
- package/dist/components/generals/AlertBar/AlertBarText.d.ts +3 -0
- package/dist/components/generals/AlertBar/index.d.ts +17 -0
- package/dist/components/generals/Avatar/index.d.ts +5 -0
- package/dist/components/generals/Button/index.d.ts +42 -0
- package/dist/components/generals/ButtonCross/index.d.ts +12 -0
- package/dist/components/generals/Checkbox/index.d.ts +12 -0
- package/dist/components/generals/Chip/index.d.ts +10 -0
- package/dist/components/generals/ColorPicker/ColorPickerAction.d.ts +2 -0
- package/dist/components/generals/ColorPicker/ColorPickerApply.d.ts +3 -0
- package/dist/components/generals/ColorPicker/ColorPickerDiscard.d.ts +3 -0
- package/dist/components/generals/ColorPicker/ColorPickerImage.d.ts +9 -0
- package/dist/components/generals/ColorPicker/ColorPickerPalette.d.ts +6 -0
- package/dist/components/generals/ColorPicker/index.d.ts +19 -0
- package/dist/components/generals/DatePicker/DatePickerCaption.d.ts +11 -0
- package/dist/components/generals/DatePicker/DatePickerHeadRow.d.ts +3 -0
- package/dist/components/generals/DatePicker/DatePickerInputButton.d.ts +17 -0
- package/dist/components/generals/DatePicker/DatePickerMonthSelector.d.ts +15 -0
- package/dist/components/generals/DatePicker/DatePickerRange.d.ts +18 -0
- package/dist/components/generals/DatePicker/DatePickerSingle.d.ts +17 -0
- package/dist/components/generals/DatePicker/DatePickerYearDDL.d.ts +15 -0
- package/dist/components/generals/DatePicker/index.d.ts +24 -0
- package/dist/components/generals/Icon/index.d.ts +18 -0
- package/dist/components/generals/ImageInput/ImageInputActive.d.ts +2 -0
- package/dist/components/generals/ImageInput/ImageInputInactive.d.ts +10 -0
- package/dist/components/generals/ImageInput/index.d.ts +24 -0
- package/dist/components/generals/ImagePlaceholder/index.d.ts +20 -0
- package/dist/components/generals/ImagePreview/index.d.ts +14 -0
- package/dist/components/generals/Logo/index.d.ts +12 -0
- package/dist/components/generals/MenuItem/index.d.ts +20 -0
- package/dist/components/generals/NumberSwitch/NumberSwitchButton.d.ts +8 -0
- package/dist/components/generals/NumberSwitch/NumberSwitchInput.d.ts +3 -0
- package/dist/components/generals/NumberSwitch/index.d.ts +17 -0
- package/dist/components/generals/Pagination/PaginationButton.d.ts +10 -0
- package/dist/components/generals/Pagination/PaginationInput.d.ts +3 -0
- package/dist/components/generals/Pagination/PaginationTotal.d.ts +3 -0
- package/dist/components/generals/Pagination/index.d.ts +20 -0
- package/dist/components/generals/PanelAccount/index.d.ts +9 -0
- package/dist/components/generals/PanelNotification/index.d.ts +16 -0
- package/dist/components/generals/PanelThumbnail/index.d.ts +10 -0
- package/dist/components/generals/PasswordField/index.d.ts +9 -0
- package/dist/components/generals/PhoneTextField/PhoneTextFieldCountrySelect.d.ts +25 -0
- package/dist/components/generals/PhoneTextField/PhoneTextFieldInput.d.ts +5 -0
- package/dist/components/generals/PhoneTextField/PhoneTextFieldReset.d.ts +3 -0
- package/dist/components/generals/PhoneTextField/index.d.ts +39 -0
- package/dist/components/generals/PinInput/index.d.ts +7 -0
- package/dist/components/generals/Popover/index.d.ts +11 -0
- package/dist/components/generals/Radio/index.d.ts +15 -0
- package/dist/components/generals/SegmentTab/index.d.ts +17 -0
- package/dist/components/generals/Select/SelectContent.d.ts +3 -0
- package/dist/components/generals/Select/SelectItem.d.ts +3 -0
- package/dist/components/generals/Select/SelectTrigger.d.ts +8 -0
- package/dist/components/generals/Select/index.d.ts +25 -0
- package/dist/components/generals/SheetTitle/SheetTitleAction.d.ts +3 -0
- package/dist/components/generals/SheetTitle/SheetTitleBack.d.ts +3 -0
- package/dist/components/generals/SheetTitle/SheetTitleButton.d.ts +4 -0
- package/dist/components/generals/SheetTitle/SheetTitleClose.d.ts +3 -0
- package/dist/components/generals/SheetTitle/SheetTitleText.d.ts +3 -0
- package/dist/components/generals/SheetTitle/index.d.ts +10 -0
- package/dist/components/generals/Slider/index.d.ts +3 -0
- package/dist/components/generals/Snackbar/SnackBarButton.d.ts +3 -0
- package/dist/components/generals/Snackbar/SnackbarClose.d.ts +3 -0
- package/dist/components/generals/Snackbar/SnackbarText.d.ts +3 -0
- package/dist/components/generals/Snackbar/index.d.ts +8 -0
- package/dist/components/generals/SnackbarMenu/SnackbarMenuContent.d.ts +11 -0
- package/dist/components/generals/SnackbarMenu/SnackbarMenuItem.d.ts +17 -0
- package/dist/components/generals/SnackbarMenu/SnackbarMenuTrigger.d.ts +10 -0
- package/dist/components/generals/SnackbarMenu/index.d.ts +47 -0
- package/dist/components/generals/StackTab/index.d.ts +6 -0
- package/dist/components/generals/Switch/index.d.ts +15 -0
- package/dist/components/generals/Tag/TagDelete.d.ts +3 -0
- package/dist/components/generals/Tag/TagText.d.ts +3 -0
- package/dist/components/generals/Tag/index.d.ts +6 -0
- package/dist/components/generals/Taxonomy/index.d.ts +13 -0
- package/dist/components/generals/TextArea/index.d.ts +9 -0
- package/dist/components/generals/TextField/index.d.ts +8 -0
- package/dist/components/generals/TextFieldAmount/TextFieldAmountInput.d.ts +4 -0
- package/dist/components/generals/TextFieldAmount/TextFieldAmountPrefix.d.ts +8 -0
- package/dist/components/generals/TextFieldAmount/index.d.ts +26 -0
- package/dist/components/generals/TextFieldGroup/TextFieldGroupLeftElement.d.ts +3 -0
- package/dist/components/generals/TextFieldGroup/TextFieldGroupRightElement.d.ts +3 -0
- package/dist/components/generals/TextFieldGroup/index.d.ts +6 -0
- package/dist/components/generals/TextFieldPercent/TextFieldPercentInput.d.ts +8 -0
- package/dist/components/generals/TextFieldPercent/TextFieldPercentSuffix.d.ts +8 -0
- package/dist/components/generals/TextFieldPercent/index.d.ts +26 -0
- package/dist/components/generals/TextFieldSlug/TextFieldSlugInput.d.ts +8 -0
- package/dist/components/generals/TextFieldSlug/TextFieldSlugPrefix.d.ts +8 -0
- package/dist/components/generals/TextFieldSlug/index.d.ts +22 -0
- package/dist/components/generals/Tooltip/index.d.ts +15 -0
- package/dist/components/generals/TouchPoint/TouchPointLabel.d.ts +10 -0
- package/dist/components/generals/TouchPoint/index.d.ts +3 -0
- package/dist/components/generals/VariantField/VariantFieldColor.d.ts +3 -0
- package/dist/components/generals/VariantField/VariantFieldDelete.d.ts +3 -0
- package/dist/components/generals/VariantField/VariantFieldImage.d.ts +11 -0
- package/dist/components/generals/VariantField/VariantFieldText.d.ts +3 -0
- package/dist/components/generals/VariantField/index.d.ts +22 -0
- package/dist/components/generals/VeggieMenu/index.d.ts +8 -0
- package/dist/constants/icon.d.ts +3 -0
- package/dist/custom-theme.cjs +497 -0
- package/dist/functions/index.d.ts +6 -0
- package/dist/hooks/index.d.ts +5 -0
- package/dist/hooks/useClickOutside.d.ts +5 -0
- package/dist/hooks/useCopyToClipboard.d.ts +4 -0
- package/dist/hooks/useIsMounted.d.ts +2 -0
- package/dist/hooks/useIsomorphicLayoutEffect.d.ts +3 -0
- package/dist/hooks/useMergeRefs.d.ts +3 -0
- package/dist/index.d.ts +53 -0
- package/dist/style.css +1 -0
- package/dist/types/index.d.ts +16 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/vespa-design-system.js +35338 -0
- package/dist/vespa-design-system.umd.cjs +243 -0
- package/package.json +5 -5
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
export type AlertBarVariants = 'info' | 'info-light' | 'success' | 'warning';
|
|
4
|
+
export type AlertBarCtxType = {
|
|
5
|
+
variant?: AlertBarVariants;
|
|
6
|
+
};
|
|
7
|
+
export declare const AlertBarCtx: import("react").Context<{}>;
|
|
8
|
+
export type AlertBarProps = HTMLAttributes<HTMLDivElement> & {
|
|
9
|
+
variant?: AlertBarVariants;
|
|
10
|
+
};
|
|
11
|
+
export declare const AlertBar: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
12
|
+
variant?: AlertBarVariants | undefined;
|
|
13
|
+
} & import("react").RefAttributes<HTMLDivElement>> & {
|
|
14
|
+
Action: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
15
|
+
Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
16
|
+
Text: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
17
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as PrimitiveAvatar from '@radix-ui/react-avatar';
|
|
2
|
+
export declare const Avatar: ((props: PrimitiveAvatar.AvatarProps) => JSX.Element) & {
|
|
3
|
+
Fallback: (props: PrimitiveAvatar.AvatarFallbackProps) => JSX.Element;
|
|
4
|
+
Image: import("react").ForwardRefExoticComponent<PrimitiveAvatar.AvatarImageProps & import("react").RefAttributes<HTMLImageElement>>;
|
|
5
|
+
};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
3
|
+
/** types */
|
|
4
|
+
import { SizeType, IconListType, IconSizeType } from '../../../types';
|
|
5
|
+
type ButtonBackgroundColorType = 'blue' | 'green' | 'light-green' | 'yellow' | 'dark' | 'light';
|
|
6
|
+
type ButtonBackgroundShadeType = 100 | 200 | 300 | 400 | 500 | 600 | 700;
|
|
7
|
+
type CommonButtonType = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
8
|
+
sizes?: SizeType;
|
|
9
|
+
iconLeft?: IconListType;
|
|
10
|
+
iconLeftSize?: IconSizeType;
|
|
11
|
+
iconRightSize?: IconSizeType;
|
|
12
|
+
isLoading?: boolean;
|
|
13
|
+
};
|
|
14
|
+
type ConditionButtonIconType = {
|
|
15
|
+
onlyIcon?: never;
|
|
16
|
+
iconRight?: IconListType;
|
|
17
|
+
} | {
|
|
18
|
+
onlyIcon?: boolean;
|
|
19
|
+
iconRight?: never;
|
|
20
|
+
};
|
|
21
|
+
type ConditionButtonColorsType = {
|
|
22
|
+
variant?: 'primary';
|
|
23
|
+
color?: ButtonBackgroundColorType;
|
|
24
|
+
shade?: ButtonBackgroundShadeType;
|
|
25
|
+
contentColor?: ButtonBackgroundColorType;
|
|
26
|
+
contentShade?: ButtonBackgroundShadeType;
|
|
27
|
+
} | {
|
|
28
|
+
variant?: 'secondary';
|
|
29
|
+
color?: ButtonBackgroundColorType;
|
|
30
|
+
shade?: ButtonBackgroundShadeType;
|
|
31
|
+
contentColor?: never;
|
|
32
|
+
contentShade?: never;
|
|
33
|
+
} | {
|
|
34
|
+
variant?: 'outline';
|
|
35
|
+
color?: never;
|
|
36
|
+
shade?: never;
|
|
37
|
+
contentColor?: never;
|
|
38
|
+
contentShade?: never;
|
|
39
|
+
};
|
|
40
|
+
export type ButtonProps = CommonButtonType & ConditionButtonIconType & ConditionButtonColorsType;
|
|
41
|
+
export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
42
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
3
|
+
/** types */
|
|
4
|
+
import { ButtonCrossVariantType, ButtonCrossSizeType } from '../../../types';
|
|
5
|
+
export type ButtonCrossProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
6
|
+
variant?: ButtonCrossVariantType;
|
|
7
|
+
size?: ButtonCrossSizeType;
|
|
8
|
+
};
|
|
9
|
+
export declare const ButtonCross: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
10
|
+
variant?: ButtonCrossVariantType | undefined;
|
|
11
|
+
size?: ButtonCrossSizeType | undefined;
|
|
12
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import * as PrimitiveCheckbox from '@radix-ui/react-checkbox';
|
|
3
|
+
type CheckboxVariantsType = 'solid' | 'outline';
|
|
4
|
+
export type CheckboxProps = PrimitiveCheckbox.CheckboxProps & {
|
|
5
|
+
variants?: CheckboxVariantsType;
|
|
6
|
+
isError?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export declare const Checkbox: import("react").ForwardRefExoticComponent<PrimitiveCheckbox.CheckboxProps & {
|
|
9
|
+
variants?: CheckboxVariantsType | undefined;
|
|
10
|
+
isError?: boolean | undefined;
|
|
11
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
/** types */
|
|
4
|
+
import { ThemeVariantType } from '../../../types';
|
|
5
|
+
export type ChipProps = HTMLAttributes<HTMLSpanElement> & {
|
|
6
|
+
variant?: ThemeVariantType;
|
|
7
|
+
};
|
|
8
|
+
export declare const Chip: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
|
|
9
|
+
variant?: ThemeVariantType | undefined;
|
|
10
|
+
} & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes, SyntheticEvent } from 'react';
|
|
3
|
+
export declare const ColorPickerImage: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
4
|
+
src?: string | undefined;
|
|
5
|
+
alt?: string | undefined;
|
|
6
|
+
isError?: boolean | undefined;
|
|
7
|
+
onUpload?: ((file: File | FileList) => void) | undefined;
|
|
8
|
+
onError?: ((error: SyntheticEvent<HTMLInputElement>) => void) | undefined;
|
|
9
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
export declare const ColorPickerPalette: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
4
|
+
hex?: string | undefined;
|
|
5
|
+
onChangeHex?: ((value: string) => void) | undefined;
|
|
6
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
export declare const ColorPickerRoot: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
export declare const ColorPicker: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>> & {
|
|
5
|
+
Action: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
Discard: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
Apply: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
Palette: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
9
|
+
hex?: string | undefined;
|
|
10
|
+
onChangeHex?: ((value: string) => void) | undefined;
|
|
11
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
|
+
Image: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
13
|
+
src?: string | undefined;
|
|
14
|
+
alt?: string | undefined;
|
|
15
|
+
isError?: boolean | undefined;
|
|
16
|
+
onUpload?: ((file: File | FileList) => void) | undefined;
|
|
17
|
+
onError?: ((error: import("react").SyntheticEvent<HTMLInputElement, Event>) => void) | undefined;
|
|
18
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
19
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CaptionProps } from 'react-day-picker';
|
|
3
|
+
/** types */
|
|
4
|
+
export type DatePickerCaptionProps = {
|
|
5
|
+
minYear?: number;
|
|
6
|
+
maxYear?: number;
|
|
7
|
+
} & CaptionProps;
|
|
8
|
+
export declare const DatePickerCaption: import("react").ForwardRefExoticComponent<{
|
|
9
|
+
minYear?: number | undefined;
|
|
10
|
+
maxYear?: number | undefined;
|
|
11
|
+
} & CaptionProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
/** types */
|
|
4
|
+
export type DatePickerInputButtonProps = {
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
value?: Date;
|
|
7
|
+
hideClearIcon?: boolean;
|
|
8
|
+
active?: boolean;
|
|
9
|
+
onClear?: () => void;
|
|
10
|
+
} & HTMLAttributes<HTMLButtonElement>;
|
|
11
|
+
export declare const DatePickerInputButton: import("react").ForwardRefExoticComponent<{
|
|
12
|
+
placeholder?: string | undefined;
|
|
13
|
+
value?: Date | undefined;
|
|
14
|
+
hideClearIcon?: boolean | undefined;
|
|
15
|
+
active?: boolean | undefined;
|
|
16
|
+
onClear?: (() => void) | undefined;
|
|
17
|
+
} & HTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
/** types */
|
|
4
|
+
export type DatePickerMonthSelectorProps = {
|
|
5
|
+
selectedMonth?: number;
|
|
6
|
+
onSelectMonth?: (month: number) => void;
|
|
7
|
+
onPreviousMonth?: () => void;
|
|
8
|
+
onNextMonth?: () => void;
|
|
9
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
10
|
+
export declare const DatePickerMonthSelector: import("react").ForwardRefExoticComponent<{
|
|
11
|
+
selectedMonth?: number | undefined;
|
|
12
|
+
onSelectMonth?: ((month: number) => void) | undefined;
|
|
13
|
+
onPreviousMonth?: (() => void) | undefined;
|
|
14
|
+
onNextMonth?: (() => void) | undefined;
|
|
15
|
+
} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
import { DateRange } from 'react-day-picker';
|
|
4
|
+
/** types */
|
|
5
|
+
export type DatePickerRangeProps = {
|
|
6
|
+
verifyPortal?: boolean;
|
|
7
|
+
minYear?: number;
|
|
8
|
+
maxYear?: number;
|
|
9
|
+
selectedDateRange?: DateRange;
|
|
10
|
+
onSelectDateRange?: (selectedDateRange?: DateRange) => void;
|
|
11
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
12
|
+
export declare const DatePickerRange: import("react").ForwardRefExoticComponent<{
|
|
13
|
+
verifyPortal?: boolean | undefined;
|
|
14
|
+
minYear?: number | undefined;
|
|
15
|
+
maxYear?: number | undefined;
|
|
16
|
+
selectedDateRange?: DateRange | undefined;
|
|
17
|
+
onSelectDateRange?: ((selectedDateRange?: DateRange) => void) | undefined;
|
|
18
|
+
} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
/** types */
|
|
4
|
+
export type DatePickerSingleProps = {
|
|
5
|
+
verifyPortal?: boolean;
|
|
6
|
+
minYear?: number;
|
|
7
|
+
maxYear?: number;
|
|
8
|
+
selectedDate?: Date;
|
|
9
|
+
onSelectDate?: (selectedDate?: Date) => void;
|
|
10
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
11
|
+
export declare const DatePickerSingle: import("react").ForwardRefExoticComponent<{
|
|
12
|
+
verifyPortal?: boolean | undefined;
|
|
13
|
+
minYear?: number | undefined;
|
|
14
|
+
maxYear?: number | undefined;
|
|
15
|
+
selectedDate?: Date | undefined;
|
|
16
|
+
onSelectDate?: ((selectedDate?: Date) => void) | undefined;
|
|
17
|
+
} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
/** types */
|
|
4
|
+
export type DatePickerYearDDLProps = {
|
|
5
|
+
selectedYear?: number;
|
|
6
|
+
minYear?: number;
|
|
7
|
+
maxYear?: number;
|
|
8
|
+
onSelectYear?: (year: number) => void;
|
|
9
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
10
|
+
export declare const DatePickerYearDDL: import("react").ForwardRefExoticComponent<{
|
|
11
|
+
selectedYear?: number | undefined;
|
|
12
|
+
minYear?: number | undefined;
|
|
13
|
+
maxYear?: number | undefined;
|
|
14
|
+
onSelectYear?: ((year: number) => void) | undefined;
|
|
15
|
+
} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
import { DateRange } from 'react-day-picker';
|
|
4
|
+
/** types */
|
|
5
|
+
export type DatePickerProps = {
|
|
6
|
+
mode?: 'single' | 'range';
|
|
7
|
+
verifyPortal?: boolean;
|
|
8
|
+
minYear?: number;
|
|
9
|
+
maxYear?: number;
|
|
10
|
+
selectedSingleDate?: Date;
|
|
11
|
+
onSelectSingleDate?: (selectedSingleDate?: Date) => void;
|
|
12
|
+
selectedDateRange?: DateRange;
|
|
13
|
+
onSelectDateRange?: (selectedDateRange?: DateRange) => void;
|
|
14
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
15
|
+
export declare const DatePicker: import("react").ForwardRefExoticComponent<{
|
|
16
|
+
mode?: "range" | "single" | undefined;
|
|
17
|
+
verifyPortal?: boolean | undefined;
|
|
18
|
+
minYear?: number | undefined;
|
|
19
|
+
maxYear?: number | undefined;
|
|
20
|
+
selectedSingleDate?: Date | undefined;
|
|
21
|
+
onSelectSingleDate?: ((selectedSingleDate?: Date) => void) | undefined;
|
|
22
|
+
selectedDateRange?: DateRange | undefined;
|
|
23
|
+
onSelectDateRange?: ((selectedDateRange?: DateRange) => void) | undefined;
|
|
24
|
+
} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
/** types */
|
|
4
|
+
import { ColorNameType, ColorShadeType, IconListType, IconSizeType } from '../../../types';
|
|
5
|
+
export type IconProps = HTMLAttributes<HTMLSpanElement> & {
|
|
6
|
+
icon?: IconListType;
|
|
7
|
+
size?: IconSizeType;
|
|
8
|
+
color?: ColorNameType;
|
|
9
|
+
shade?: ColorShadeType;
|
|
10
|
+
iconClassName?: string;
|
|
11
|
+
};
|
|
12
|
+
export declare const Icon: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
|
|
13
|
+
icon?: IconListType | undefined;
|
|
14
|
+
size?: IconSizeType | undefined;
|
|
15
|
+
color?: ColorNameType | undefined;
|
|
16
|
+
shade?: ColorShadeType | undefined;
|
|
17
|
+
iconClassName?: string | undefined;
|
|
18
|
+
} & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
/** types */
|
|
3
|
+
export type ImageInputInactiveProps = {
|
|
4
|
+
size?: string;
|
|
5
|
+
ratio?: string;
|
|
6
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
7
|
+
export declare const ImageInputInactive: import("react").ForwardRefExoticComponent<{
|
|
8
|
+
size?: string | undefined;
|
|
9
|
+
ratio?: string | undefined;
|
|
10
|
+
} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
3
|
+
/** types */
|
|
4
|
+
export type ImageInputProp = {
|
|
5
|
+
multiple?: boolean;
|
|
6
|
+
onUpload?: (file: File | FileList) => void;
|
|
7
|
+
isError?: boolean;
|
|
8
|
+
} & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
9
|
+
export declare const ImageInputRoot: import("react").ForwardRefExoticComponent<{
|
|
10
|
+
multiple?: boolean | undefined;
|
|
11
|
+
onUpload?: ((file: File | FileList) => void) | undefined;
|
|
12
|
+
isError?: boolean | undefined;
|
|
13
|
+
} & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
14
|
+
export declare const ImageInput: import("react").ForwardRefExoticComponent<{
|
|
15
|
+
multiple?: boolean | undefined;
|
|
16
|
+
onUpload?: ((file: File | FileList) => void) | undefined;
|
|
17
|
+
isError?: boolean | undefined;
|
|
18
|
+
} & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>> & {
|
|
19
|
+
Active: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
20
|
+
Inactive: import("react").ForwardRefExoticComponent<{
|
|
21
|
+
size?: string | undefined;
|
|
22
|
+
ratio?: string | undefined;
|
|
23
|
+
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
24
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
/** types */
|
|
4
|
+
import { ColorNameType, ColorShadeType } from '../../../types';
|
|
5
|
+
type AspectRatioType = '1/1' | '3/4' | '4/3' | '16/9' | '16/10';
|
|
6
|
+
export type ImagePlaceholderProps = HTMLAttributes<HTMLDivElement> & {
|
|
7
|
+
bgColor?: ColorNameType;
|
|
8
|
+
bgShade?: ColorShadeType;
|
|
9
|
+
isSmallThumbnail?: boolean;
|
|
10
|
+
imageNotFound?: boolean;
|
|
11
|
+
aspectRatio?: AspectRatioType;
|
|
12
|
+
};
|
|
13
|
+
export declare const ImagePlaceholder: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
14
|
+
bgColor?: ColorNameType | undefined;
|
|
15
|
+
bgShade?: ColorShadeType | undefined;
|
|
16
|
+
isSmallThumbnail?: boolean | undefined;
|
|
17
|
+
imageNotFound?: boolean | undefined;
|
|
18
|
+
aspectRatio?: AspectRatioType | undefined;
|
|
19
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes, MouseEvent } from 'react';
|
|
3
|
+
export type ImagePreviewProps = HTMLAttributes<HTMLDivElement> & {
|
|
4
|
+
src?: string;
|
|
5
|
+
isError?: boolean;
|
|
6
|
+
isLoading?: boolean;
|
|
7
|
+
onClickRemoveImage?: (e: MouseEvent) => void;
|
|
8
|
+
};
|
|
9
|
+
export declare const ImagePreview: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
10
|
+
src?: string | undefined;
|
|
11
|
+
isError?: boolean | undefined;
|
|
12
|
+
isLoading?: boolean | undefined;
|
|
13
|
+
onClickRemoveImage?: ((e: MouseEvent) => void) | undefined;
|
|
14
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
/** types */
|
|
4
|
+
import { LogoVariantType } from '../../../types';
|
|
5
|
+
export type LogoProps = HTMLAttributes<HTMLImageElement> & {
|
|
6
|
+
logoVariants?: LogoVariantType;
|
|
7
|
+
alt?: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const Logo: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLImageElement> & {
|
|
10
|
+
logoVariants?: LogoVariantType | undefined;
|
|
11
|
+
alt?: string | undefined;
|
|
12
|
+
} & import("react").RefAttributes<HTMLImageElement>>;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
3
|
+
/** types */
|
|
4
|
+
import { IconListType, ThemeVariantType } from '../../../types';
|
|
5
|
+
type MenuItemTextStyles = 'regular' | 'italic';
|
|
6
|
+
export type MenuItemProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
icon?: IconListType;
|
|
9
|
+
selected?: boolean;
|
|
10
|
+
textStyle?: MenuItemTextStyles;
|
|
11
|
+
theme?: ThemeVariantType;
|
|
12
|
+
};
|
|
13
|
+
export declare const MenuItem: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
14
|
+
disabled?: boolean | undefined;
|
|
15
|
+
icon?: IconListType | undefined;
|
|
16
|
+
selected?: boolean | undefined;
|
|
17
|
+
textStyle?: MenuItemTextStyles | undefined;
|
|
18
|
+
theme?: ThemeVariantType | undefined;
|
|
19
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
3
|
+
export type NumberSwitchButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
4
|
+
variant?: 'decrease' | 'increase';
|
|
5
|
+
};
|
|
6
|
+
export declare const NumberSwitchButton: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
7
|
+
variant?: "decrease" | "increase" | undefined;
|
|
8
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
export type NumberSwitchCtxType = {
|
|
4
|
+
isError?: boolean;
|
|
5
|
+
};
|
|
6
|
+
export declare const NumberSwitchCtx: import("react").Context<NumberSwitchCtxType>;
|
|
7
|
+
export type NumberSwitchProps = HTMLAttributes<HTMLDivElement> & {
|
|
8
|
+
isError?: boolean;
|
|
9
|
+
};
|
|
10
|
+
export declare const NumberSwitch: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
11
|
+
isError?: boolean | undefined;
|
|
12
|
+
} & import("react").RefAttributes<HTMLInputElement>> & {
|
|
13
|
+
Button: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
14
|
+
variant?: "decrease" | "increase" | undefined;
|
|
15
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
16
|
+
Input: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
|
|
17
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
3
|
+
type DirectionType = 'next' | 'prev';
|
|
4
|
+
export type PaginationButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
5
|
+
direction?: DirectionType;
|
|
6
|
+
};
|
|
7
|
+
export declare const PaginationButton: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
8
|
+
direction?: DirectionType | undefined;
|
|
9
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
/** types */
|
|
4
|
+
import { ThemeVariantType } from '../../../types';
|
|
5
|
+
export type PaginationCtxType = {
|
|
6
|
+
theme?: ThemeVariantType;
|
|
7
|
+
};
|
|
8
|
+
export declare const PaginationCtx: import("react").Context<PaginationCtxType>;
|
|
9
|
+
export type PaginationProps = HTMLAttributes<HTMLDivElement> & {
|
|
10
|
+
theme?: ThemeVariantType;
|
|
11
|
+
};
|
|
12
|
+
export declare const Pagination: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
13
|
+
theme?: ThemeVariantType | undefined;
|
|
14
|
+
} & import("react").RefAttributes<HTMLDivElement>> & {
|
|
15
|
+
Button: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
16
|
+
direction?: ("next" | "prev") | undefined;
|
|
17
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
18
|
+
Input: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
|
|
19
|
+
Total: (props: HTMLAttributes<HTMLSpanElement>) => JSX.Element;
|
|
20
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
export type PanelAccountType = {
|
|
4
|
+
firstName?: string;
|
|
5
|
+
lastName?: string;
|
|
6
|
+
verifyBy?: string;
|
|
7
|
+
};
|
|
8
|
+
export type PanelAccountProps = HTMLAttributes<HTMLDivElement> & PanelAccountType;
|
|
9
|
+
export declare const PanelAccount: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & PanelAccountType & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
/** types */
|
|
4
|
+
import { IconListType } from '../../../types';
|
|
5
|
+
export type PanelNotificationProps = HTMLAttributes<HTMLDivElement> & {
|
|
6
|
+
text?: string;
|
|
7
|
+
icon?: IconListType;
|
|
8
|
+
subText?: string;
|
|
9
|
+
unread?: boolean;
|
|
10
|
+
};
|
|
11
|
+
export declare const PanelNotification: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
12
|
+
text?: string | undefined;
|
|
13
|
+
icon?: IconListType | undefined;
|
|
14
|
+
subText?: string | undefined;
|
|
15
|
+
unread?: boolean | undefined;
|
|
16
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
3
|
+
export type PanelThumbnailType = {
|
|
4
|
+
thumbnail?: ReactNode;
|
|
5
|
+
title?: string;
|
|
6
|
+
subTitle?: string;
|
|
7
|
+
isError?: boolean;
|
|
8
|
+
};
|
|
9
|
+
export type PanelThumbnailProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> & PanelThumbnailType;
|
|
10
|
+
export declare const PanelThumbnail: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title"> & PanelThumbnailType & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { InputHTMLAttributes } from 'react';
|
|
3
|
+
/** types */
|
|
4
|
+
export type PasswordFieldProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
5
|
+
isError?: boolean;
|
|
6
|
+
};
|
|
7
|
+
export declare const PasswordField: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
|
|
8
|
+
isError?: boolean | undefined;
|
|
9
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
3
|
+
import * as Select from '@radix-ui/react-select';
|
|
4
|
+
export type PhoneTextFieldCountrySelectProps = Select.SelectProps & {
|
|
5
|
+
id?: string;
|
|
6
|
+
isError?: boolean;
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
};
|
|
9
|
+
export type PhoneTextFieldCountryItemProps = HTMLAttributes<HTMLDivElement> & {
|
|
10
|
+
code: string;
|
|
11
|
+
countryName: string;
|
|
12
|
+
value: string;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
};
|
|
15
|
+
export declare const PhoneTextFieldCountrySelect: import("react").ForwardRefExoticComponent<Select.SelectProps & {
|
|
16
|
+
id?: string | undefined;
|
|
17
|
+
isError?: boolean | undefined;
|
|
18
|
+
children?: ReactNode;
|
|
19
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
20
|
+
export declare const PhoneTextFieldCountryItem: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
21
|
+
code: string;
|
|
22
|
+
countryName: string;
|
|
23
|
+
value: string;
|
|
24
|
+
disabled?: boolean | undefined;
|
|
25
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const PhoneTextFieldInput: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
|
|
3
|
+
/** contexts */
|
|
4
|
+
isError?: boolean | undefined;
|
|
5
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|