@vespiario-thailand/design-system 0.0.3 → 0.0.4
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/cms/Breadcrumb/BreadcrumbItem.d.ts +3 -0
- package/dist/components/cms/Breadcrumb/BreadcrumbLink.d.ts +3 -0
- package/dist/components/cms/Breadcrumb/index.d.ts +6 -0
- package/dist/components/cms/Taxonomy/index.d.ts +13 -0
- 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/{Button → generals/Button}/index.d.ts +4 -7
- package/dist/components/{ButtonCross → generals/ButtonCross}/index.d.ts +3 -3
- package/dist/components/{Chip → generals/Chip}/index.d.ts +2 -4
- package/dist/components/generals/Icon/index.d.ts +16 -0
- package/dist/components/{ImagePlaceholder → generals/ImagePlaceholder}/index.d.ts +5 -3
- package/dist/components/{Logo → generals/Logo}/index.d.ts +2 -4
- package/dist/components/generals/MenuItem/index.d.ts +18 -0
- package/dist/components/generals/NumberSwitch/NumberSwitchInput.d.ts +3 -0
- package/dist/components/{NumberSwitch → generals/NumberSwitch}/index.d.ts +3 -0
- package/dist/components/generals/PanelAccount/index.d.ts +8 -0
- package/dist/components/generals/PanelNotification/index.d.ts +9 -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/SegmentTab/index.d.ts +15 -0
- package/dist/components/generals/Select/SelectContent.d.ts +2 -0
- package/dist/components/generals/Select/SelectItem.d.ts +2 -0
- package/dist/components/generals/Select/SelectTrigger.d.ts +7 -0
- package/dist/components/generals/Select/index.d.ts +24 -0
- package/dist/components/generals/Slider/index.d.ts +2 -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/StackTab/index.d.ts +6 -0
- package/dist/components/generals/Switch/index.d.ts +14 -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/{TextField → generals/TextField}/index.d.ts +0 -1
- package/dist/components/generals/TextFieldAmount/TextFieldAmountInput.d.ts +3 -0
- package/dist/components/generals/TextFieldAmount/TextFieldAmountPrefix.d.ts +8 -0
- package/dist/components/generals/TextFieldAmount/index.d.ts +26 -0
- package/dist/components/{TextFieldGroup → generals/TextFieldGroup}/TextFieldGroupLeftElement.d.ts +1 -2
- 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 +6 -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/TextFieldSlugPrefix.d.ts +8 -0
- package/dist/components/{TextFieldSlug → generals/TextFieldSlug}/index.d.ts +5 -5
- package/dist/components/{Tooltip → generals/Tooltip}/index.d.ts +2 -4
- package/dist/components/{TouchPoint → generals/TouchPoint}/TouchPointLabel.d.ts +2 -2
- package/dist/components/generals/TouchPoint/index.d.ts +3 -0
- package/dist/components/generals/Typo/index.d.ts +14 -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 +3 -0
- package/dist/components/generals/VariantField/VariantFieldText.d.ts +3 -0
- package/dist/components/generals/VariantField/index.d.ts +16 -0
- package/dist/custom-theme.cjs +115 -22
- package/dist/dummy-thumbnail-image.png +0 -0
- package/dist/functions/index.d.ts +2 -1
- package/dist/hooks/index.d.ts +5 -5
- package/dist/hooks/useClickOutside.d.ts +2 -2
- package/dist/hooks/useIsClient.d.ts +1 -2
- package/dist/hooks/useIsMounted.d.ts +1 -2
- package/dist/hooks/useIsomorphicLayoutEffect.d.ts +1 -2
- package/dist/hooks/useMergeRefs.d.ts +1 -2
- package/dist/index.d.ts +34 -32
- package/dist/style.css +3 -1
- package/dist/types/Button/index.d.ts +2 -9
- package/dist/types/ButtonCross/index.d.ts +2 -6
- package/dist/types/Colors/index.d.ts +2 -0
- package/dist/types/Global/index.d.ts +8 -0
- package/dist/types/Icon/index.d.ts +82 -8
- package/dist/types/ImagePlaceholder/index.d.ts +1 -5
- package/dist/types/Typo/index.d.ts +11 -8
- package/dist/vespa-design-system.cjs +79 -79
- package/dist/vespa-design-system.js +26078 -0
- package/dist/vespa-design-system.umd.cjs +77 -77
- package/package.json +24 -18
- package/dist/components/Breadcrumb/BreadcrumbItem.d.ts +0 -5
- package/dist/components/Breadcrumb/BreadcrumbLink.d.ts +0 -5
- package/dist/components/Breadcrumb/index.d.ts +0 -8
- package/dist/components/Dialog/index.d.ts +0 -6
- package/dist/components/Icon/index.d.ts +0 -16
- package/dist/components/NumberSwitch/NumberSwitchInput.d.ts +0 -5
- package/dist/components/Select/SelectContent.d.ts +0 -2
- package/dist/components/Select/SelectItem.d.ts +0 -2
- package/dist/components/Select/SelectTrigger.d.ts +0 -2
- package/dist/components/Select/index.d.ts +0 -16
- package/dist/components/Slider/index.d.ts +0 -2
- package/dist/components/Stack/index.d.ts +0 -5
- package/dist/components/Switch/index.d.ts +0 -8
- package/dist/components/TextFieldGroup/TextFieldGroupRightElement.d.ts +0 -4
- package/dist/components/TextFieldGroup/index.d.ts +0 -11
- package/dist/components/TextFieldSlug/TextFieldSlugPrefix.d.ts +0 -8
- package/dist/components/TouchPoint/index.d.ts +0 -5
- package/dist/components/Typo/index.d.ts +0 -16
- package/dist/constants/Button/index.d.ts +0 -3
- package/dist/constants/ButtonCross/index.d.ts +0 -2
- package/dist/constants/Chip/index.d.ts +0 -2
- package/dist/constants/Icon/index.d.ts +0 -4
- package/dist/constants/ImagePlaceholder/index.d.ts +0 -2
- package/dist/constants/Logo/index.d.ts +0 -2
- package/dist/constants/Paginate/index.d.ts +0 -2
- package/dist/constants/Stack/index.d.ts +0 -3
- package/dist/constants/Tooltip/index.d.ts +0 -2
- package/dist/constants/TouchPoint/index.d.ts +0 -3
- package/dist/constants/Typo/index.d.ts +0 -4
- package/dist/types/Chip/index.d.ts +0 -6
- package/dist/types/Logo/index.d.ts +0 -3
- package/dist/types/Paginate/index.d.ts +0 -6
- package/dist/types/Stack/index.d.ts +0 -7
- package/dist/types/Tooltip/index.d.ts +0 -6
- package/dist/types/TouchPoint/index.d.ts +0 -6
- package/dist/vespa-design-system.js.gz +0 -0
- package/dist/vespa-logo-dark.svg +0 -3
- package/dist/vespa-logo-light.svg +0 -3
- package/dist/vespa-logo.svg +0 -3
- /package/dist/components/{NumberSwitch → generals/NumberSwitch}/NumberSwitchButton.d.ts +0 -0
- /package/dist/components/{Popover → generals/Popover}/index.d.ts +0 -0
- /package/dist/components/{TextArea → generals/TextArea}/index.d.ts +0 -0
- /package/dist/components/{TextFieldSlug → generals/TextFieldSlug}/TextFieldSlugInput.d.ts +0 -0
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
export declare const Breadcrumb: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>> & {
|
|
4
|
+
Item: import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
|
|
5
|
+
Link: import("react").ForwardRefExoticComponent<import("react").AnchorHTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
6
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
/** types */
|
|
4
|
+
export type TaxonomyProps = HTMLAttributes<HTMLDivElement> & {
|
|
5
|
+
isError?: boolean;
|
|
6
|
+
maxTag?: number;
|
|
7
|
+
tagValue?: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const Taxonomy: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
10
|
+
isError?: boolean | undefined;
|
|
11
|
+
maxTag?: number | undefined;
|
|
12
|
+
tagValue?: string | undefined;
|
|
13
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -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
|
+
};
|
|
@@ -1,21 +1,18 @@
|
|
|
1
1
|
/** libs */
|
|
2
2
|
import { ButtonHTMLAttributes } from 'react';
|
|
3
|
-
/** types */
|
|
4
|
-
import { ButtonSizeType, ButtonVariantType } from '../../types/Button';
|
|
5
|
-
import { IconType } from '../../types/Icon';
|
|
6
3
|
type CommonButtonType = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
7
4
|
sizes?: ButtonSizeType;
|
|
8
5
|
variant?: ButtonVariantType;
|
|
9
|
-
iconLeft?:
|
|
6
|
+
iconLeft?: IconListType;
|
|
10
7
|
isLoading?: boolean;
|
|
11
8
|
};
|
|
12
9
|
type ConditionButtonIconType = {
|
|
13
10
|
onlyIcon?: never;
|
|
14
|
-
iconRight?:
|
|
11
|
+
iconRight?: IconListType;
|
|
15
12
|
} | {
|
|
16
13
|
onlyIcon?: boolean;
|
|
17
14
|
iconRight?: never;
|
|
18
15
|
};
|
|
19
|
-
export type
|
|
20
|
-
export declare const Button: import("react").ForwardRefExoticComponent<
|
|
16
|
+
export type ButtonProps = CommonButtonType & ConditionButtonIconType;
|
|
17
|
+
export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
21
18
|
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/** libs */
|
|
2
2
|
import { ButtonHTMLAttributes } from 'react';
|
|
3
|
-
/** types */
|
|
4
|
-
import { ButtonCrossVariantsType } from '../../types/ButtonCross';
|
|
5
3
|
export type ButtonCrossProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
6
4
|
variant?: ButtonCrossVariantsType;
|
|
5
|
+
size?: ButtonCrossSizesType;
|
|
7
6
|
};
|
|
8
7
|
export declare const ButtonCross: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
9
|
-
variant?:
|
|
8
|
+
variant?: ButtonCrossVariantsType | undefined;
|
|
9
|
+
size?: ButtonCrossSizesType | undefined;
|
|
10
10
|
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
/** libs */
|
|
2
2
|
import { HTMLAttributes } from 'react';
|
|
3
|
-
/** types */
|
|
4
|
-
import { ChipVariantsType } from '../../types/Chip';
|
|
5
3
|
export type ChipProps = HTMLAttributes<HTMLSpanElement> & {
|
|
6
|
-
variant?:
|
|
4
|
+
variant?: ThemeVariantType;
|
|
7
5
|
};
|
|
8
6
|
export declare const Chip: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
|
|
9
|
-
variant?:
|
|
7
|
+
variant?: ThemeVariantType | undefined;
|
|
10
8
|
} & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
export type IconProps = HTMLAttributes<HTMLSpanElement> & {
|
|
4
|
+
icon?: IconListType;
|
|
5
|
+
size?: IconSizeType;
|
|
6
|
+
color?: ColorNameType;
|
|
7
|
+
shade?: ColorShadeType;
|
|
8
|
+
iconClassName?: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const Icon: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
|
|
11
|
+
icon?: IconListType | undefined;
|
|
12
|
+
size?: IconSizeType | undefined;
|
|
13
|
+
color?: ColorNameType | undefined;
|
|
14
|
+
shade?: ColorShadeType | undefined;
|
|
15
|
+
iconClassName?: string | undefined;
|
|
16
|
+
} & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
/** libs */
|
|
2
2
|
import { HTMLAttributes } from 'react';
|
|
3
|
-
/** types */
|
|
4
|
-
import { AspectRatioType } from '../../types/ImagePlaceholder';
|
|
5
3
|
export type ImagePlaceholderProps = HTMLAttributes<HTMLDivElement> & {
|
|
4
|
+
isSmallThumbnail?: boolean;
|
|
5
|
+
imageNotFound?: boolean;
|
|
6
6
|
aspectRatio?: AspectRatioType;
|
|
7
7
|
};
|
|
8
8
|
export declare const ImagePlaceholder: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
9
|
-
|
|
9
|
+
isSmallThumbnail?: boolean | undefined;
|
|
10
|
+
imageNotFound?: boolean | undefined;
|
|
11
|
+
aspectRatio?: AspectRatioType | undefined;
|
|
10
12
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
/** libs */
|
|
2
2
|
import { HTMLAttributes } from 'react';
|
|
3
|
-
/** types */
|
|
4
|
-
import { LogoColorsType } from '../../types/Logo';
|
|
5
3
|
export type LogoProps = HTMLAttributes<HTMLImageElement> & {
|
|
6
|
-
|
|
4
|
+
logoVariants?: LogoVariantType;
|
|
7
5
|
alt?: string;
|
|
8
6
|
};
|
|
9
7
|
export declare const Logo: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLImageElement> & {
|
|
10
|
-
|
|
8
|
+
logoVariants?: LogoVariantType | undefined;
|
|
11
9
|
alt?: string | undefined;
|
|
12
10
|
} & import("react").RefAttributes<HTMLImageElement>>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
3
|
+
type MenuItemTextStyles = 'regular' | 'italic';
|
|
4
|
+
export type MenuItemProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
icon?: IconListType;
|
|
7
|
+
selected?: boolean;
|
|
8
|
+
textStyle?: MenuItemTextStyles;
|
|
9
|
+
theme?: ThemeVariantType;
|
|
10
|
+
};
|
|
11
|
+
export declare const MenuItem: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
12
|
+
disabled?: boolean | undefined;
|
|
13
|
+
icon?: IconListType | undefined;
|
|
14
|
+
selected?: boolean | undefined;
|
|
15
|
+
textStyle?: MenuItemTextStyles | undefined;
|
|
16
|
+
theme?: ThemeVariantType | undefined;
|
|
17
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
18
|
+
export {};
|
|
@@ -4,6 +4,9 @@ export type NumberSwitchCtxType = {
|
|
|
4
4
|
isError?: boolean;
|
|
5
5
|
};
|
|
6
6
|
export declare const NumberSwitchCtx: import("react").Context<NumberSwitchCtxType>;
|
|
7
|
+
export type NumberSwitchProps = HTMLAttributes<HTMLDivElement> & {
|
|
8
|
+
isError?: boolean;
|
|
9
|
+
};
|
|
7
10
|
export declare const NumberSwitch: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
8
11
|
isError?: boolean | undefined;
|
|
9
12
|
} & import("react").RefAttributes<HTMLInputElement>> & {
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
export type PanelAccountType = {
|
|
4
|
+
username?: string;
|
|
5
|
+
verifyBy?: string;
|
|
6
|
+
};
|
|
7
|
+
export type PanelAccountProps = HTMLAttributes<HTMLDivElement> & PanelAccountType;
|
|
8
|
+
export declare const PanelAccount: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & PanelAccountType & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
export type PanelNotificationType = {
|
|
4
|
+
title?: string;
|
|
5
|
+
subTitle?: string;
|
|
6
|
+
unread?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export type PanelNotificationProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> & PanelNotificationType;
|
|
9
|
+
export declare const PanelNotification: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title"> & PanelNotificationType & 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,15 @@
|
|
|
1
|
+
import * as PrimitiveTab from '@radix-ui/react-tabs';
|
|
2
|
+
type SegmentTabVariants = 'primary' | 'secondary';
|
|
3
|
+
export type SegmentTabTriggerProps = PrimitiveTab.TabsTriggerProps & {
|
|
4
|
+
icon?: IconListType;
|
|
5
|
+
variant?: SegmentTabVariants;
|
|
6
|
+
};
|
|
7
|
+
export declare const SegmentTab: ((props: PrimitiveTab.TabsProps) => JSX.Element) & {
|
|
8
|
+
Content: import("react").ForwardRefExoticComponent<PrimitiveTab.TabsContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
|
+
List: import("react").ForwardRefExoticComponent<PrimitiveTab.TabsListProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
+
Trigger: import("react").ForwardRefExoticComponent<PrimitiveTab.TabsTriggerProps & {
|
|
11
|
+
icon?: IconListType | undefined;
|
|
12
|
+
variant?: SegmentTabVariants | undefined;
|
|
13
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
14
|
+
};
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as PrimitiveSelect from '@radix-ui/react-select';
|
|
2
|
+
export type SelectTriggerProps = PrimitiveSelect.SelectTriggerProps & {
|
|
3
|
+
isBlock?: boolean;
|
|
4
|
+
};
|
|
5
|
+
export declare const SelectTrigger: import("react").ForwardRefExoticComponent<PrimitiveSelect.SelectTriggerProps & {
|
|
6
|
+
isBlock?: boolean | undefined;
|
|
7
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { Dispatch, SetStateAction } from 'react';
|
|
3
|
+
import * as PrimitiveSelect from '@radix-ui/react-select';
|
|
4
|
+
export type SelectCtxType = {
|
|
5
|
+
isError?: boolean;
|
|
6
|
+
contentWidth?: number | null;
|
|
7
|
+
setContentWidth?: Dispatch<SetStateAction<number | null>>;
|
|
8
|
+
};
|
|
9
|
+
export declare const SelectCtx: import("react").Context<SelectCtxType>;
|
|
10
|
+
export type SelectProps = PrimitiveSelect.SelectProps & {
|
|
11
|
+
isError?: boolean;
|
|
12
|
+
};
|
|
13
|
+
export declare const Select: {
|
|
14
|
+
(props: SelectProps): JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
} & {
|
|
17
|
+
Trigger: import("react").ForwardRefExoticComponent<PrimitiveSelect.SelectTriggerProps & {
|
|
18
|
+
isBlock?: boolean | undefined;
|
|
19
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
20
|
+
Value: import("react").ForwardRefExoticComponent<PrimitiveSelect.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
21
|
+
Icon: import("react").ForwardRefExoticComponent<PrimitiveSelect.SelectIconProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
22
|
+
Content: import("react").ForwardRefExoticComponent<PrimitiveSelect.SelectContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
23
|
+
Item: import("react").ForwardRefExoticComponent<PrimitiveSelect.SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
24
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
export declare const SnackbarRoot: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
export declare const Snackbar: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>> & {
|
|
5
|
+
Text: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
Button: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as PrimitiveTab from '@radix-ui/react-tabs';
|
|
2
|
+
export declare const StackTab: ((props: PrimitiveTab.TabsProps) => JSX.Element) & {
|
|
3
|
+
Content: import("react").ForwardRefExoticComponent<PrimitiveTab.TabsContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
List: import("react").ForwardRefExoticComponent<PrimitiveTab.TabsListProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
Trigger: import("react").ForwardRefExoticComponent<PrimitiveTab.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as PrimitiveSwitch from '@radix-ui/react-switch';
|
|
2
|
+
type SwitchSize = 'small' | 'normal';
|
|
3
|
+
export type SwitchProps = PrimitiveSwitch.SwitchProps & {
|
|
4
|
+
isError?: boolean;
|
|
5
|
+
size?: SwitchSize;
|
|
6
|
+
};
|
|
7
|
+
export type SwitchThumbProps = PrimitiveSwitch.SwitchThumbProps & {
|
|
8
|
+
size?: SwitchSize;
|
|
9
|
+
};
|
|
10
|
+
export declare const Switch: import("react").ForwardRefExoticComponent<PrimitiveSwitch.SwitchProps & {
|
|
11
|
+
isError?: boolean | undefined;
|
|
12
|
+
size?: SwitchSize | undefined;
|
|
13
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
export declare const Tag: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>> & {
|
|
4
|
+
Delete: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
Text: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
export type TextFieldAmountPrefixProps = HTMLAttributes<HTMLDivElement> & {
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
};
|
|
6
|
+
export declare const TextFieldAmountPrefix: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
7
|
+
disabled?: boolean | undefined;
|
|
8
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
export type TextFieldAmountCtxType = {
|
|
4
|
+
isError?: boolean;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
};
|
|
7
|
+
export declare const TextFieldAmountCtx: import("react").Context<TextFieldAmountCtxType>;
|
|
8
|
+
export type TextFieldAmountProp = HTMLAttributes<HTMLDivElement> & {
|
|
9
|
+
isError?: boolean;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
};
|
|
12
|
+
export declare const TextFieldAmountRoot: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
13
|
+
isError?: boolean | undefined;
|
|
14
|
+
disabled?: boolean | undefined;
|
|
15
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
16
|
+
export declare const TextFieldAmount: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
17
|
+
isError?: boolean | undefined;
|
|
18
|
+
disabled?: boolean | undefined;
|
|
19
|
+
} & import("react").RefAttributes<HTMLDivElement>> & {
|
|
20
|
+
Prefix: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
21
|
+
disabled?: boolean | undefined;
|
|
22
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
23
|
+
Input: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
|
|
24
|
+
isError?: boolean | undefined;
|
|
25
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
26
|
+
};
|
package/dist/components/{TextFieldGroup → generals/TextFieldGroup}/TextFieldGroupLeftElement.d.ts
RENAMED
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
/** libs */
|
|
2
2
|
import { HTMLAttributes } from 'react';
|
|
3
|
-
export
|
|
4
|
-
export declare const TextFieldGroupLeftElement: import("react").ForwardRefExoticComponent<TextFieldGroupLeftElementProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
3
|
+
export declare const TextFieldGroupLeftElement: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
export declare const TextFieldGroup: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>> & {
|
|
4
|
+
LeftElement: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
RightElement: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/** components */
|
|
2
|
+
import { TextFieldProps } from '../TextField';
|
|
3
|
+
export type TextFieldPercentInputProps = TextFieldProps;
|
|
4
|
+
export declare const TextFieldPercentInput: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
|
|
5
|
+
isError?: boolean | undefined;
|
|
6
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
export type TextFieldPercentSuffixProps = HTMLAttributes<HTMLDivElement> & {
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
};
|
|
6
|
+
export declare const TextFieldPercentSuffix: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
7
|
+
disabled?: boolean | undefined;
|
|
8
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
export type TextFieldPercentCtxType = {
|
|
4
|
+
isError?: boolean;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
};
|
|
7
|
+
export declare const TextFieldPercentCtx: import("react").Context<TextFieldPercentCtxType>;
|
|
8
|
+
export type TextFieldPercentProp = HTMLAttributes<HTMLDivElement> & {
|
|
9
|
+
isError?: boolean;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
};
|
|
12
|
+
export declare const TextFieldPercentRoot: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
13
|
+
isError?: boolean | undefined;
|
|
14
|
+
disabled?: boolean | undefined;
|
|
15
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
16
|
+
export declare const TextFieldPercent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
17
|
+
isError?: boolean | undefined;
|
|
18
|
+
disabled?: boolean | undefined;
|
|
19
|
+
} & import("react").RefAttributes<HTMLDivElement>> & {
|
|
20
|
+
Suffix: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
21
|
+
disabled?: boolean | undefined;
|
|
22
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
23
|
+
Input: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
|
|
24
|
+
isError?: boolean | undefined;
|
|
25
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
26
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
|
+
export type TextFieldSlugPrefixProps = HTMLAttributes<HTMLDivElement> & {
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
};
|
|
6
|
+
export declare const TextFieldSlugPrefix: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
7
|
+
disabled?: boolean | undefined;
|
|
8
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
/**
|
|
2
|
-
import {
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
3
3
|
export type TextFieldSlugCtxType = {
|
|
4
4
|
isError?: boolean;
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
};
|
|
7
7
|
export declare const TextFieldSlugCtx: import("react").Context<TextFieldSlugCtxType>;
|
|
8
|
-
export type TextFieldSlugProps =
|
|
8
|
+
export type TextFieldSlugProps = HTMLAttributes<HTMLDivElement> & {
|
|
9
9
|
isError?: boolean;
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
};
|
|
12
|
-
export declare const TextFieldSlug: import("react").ForwardRefExoticComponent<
|
|
12
|
+
export declare const TextFieldSlug: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
13
13
|
isError?: boolean | undefined;
|
|
14
14
|
disabled?: boolean | undefined;
|
|
15
15
|
} & import("react").RefAttributes<HTMLDivElement>> & {
|
|
16
|
-
Prefix: import("react").ForwardRefExoticComponent<
|
|
16
|
+
Prefix: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
17
17
|
disabled?: boolean | undefined;
|
|
18
18
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
19
19
|
Input: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import * as PrimitiveTooltip from '@radix-ui/react-tooltip';
|
|
2
|
-
/** types */
|
|
3
|
-
import { TooltipVariantsType } from '../../types/Tooltip';
|
|
4
2
|
export type TooltipProps = PrimitiveTooltip.TooltipContentProps & {
|
|
5
|
-
variant?:
|
|
3
|
+
variant?: ThemeVariantType;
|
|
6
4
|
};
|
|
7
5
|
export declare const TooltipProvider: import("react").FC<PrimitiveTooltip.TooltipProviderProps>;
|
|
8
6
|
export declare const Tooltip: ((props: PrimitiveTooltip.TooltipProps) => JSX.Element) & {
|
|
9
7
|
Content: import("react").ForwardRefExoticComponent<PrimitiveTooltip.TooltipContentProps & {
|
|
10
|
-
variant?:
|
|
8
|
+
variant?: ThemeVariantType | undefined;
|
|
11
9
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
10
|
Portal: import("react").FC<PrimitiveTooltip.TooltipPortalProps>;
|
|
13
11
|
Trigger: import("react").ForwardRefExoticComponent<PrimitiveTooltip.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -3,6 +3,6 @@ import { HTMLAttributes, ReactNode } from 'react';
|
|
|
3
3
|
export declare const TouchPointLabel: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
4
4
|
isBorder?: boolean | undefined;
|
|
5
5
|
children?: ReactNode;
|
|
6
|
-
size?:
|
|
7
|
-
shadow?:
|
|
6
|
+
size?: SizeType | undefined;
|
|
7
|
+
shadow?: ShadowType | undefined;
|
|
8
8
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/** libs */
|
|
2
|
+
import { HTMLAttributes, ElementType } from 'react';
|
|
3
|
+
export type TypoProps = HTMLAttributes<HTMLElement> & {
|
|
4
|
+
as?: ElementType;
|
|
5
|
+
size?: TextSizeType;
|
|
6
|
+
textStyle?: TextStyleType;
|
|
7
|
+
weight?: TextWeightType;
|
|
8
|
+
};
|
|
9
|
+
export declare const Typo: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
|
|
10
|
+
as?: ElementType<any> | undefined;
|
|
11
|
+
size?: TextSizeType | undefined;
|
|
12
|
+
textStyle?: TextStyleType | undefined;
|
|
13
|
+
weight?: TextWeightType | undefined;
|
|
14
|
+
} & import("react").RefAttributes<HTMLElement>>;
|