welcome-ui 10.0.0-alpha.1 → 10.0.0-alpha.10
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/README.md +1 -1
- package/dist/2W3RN7C5-DMC82gDP.js +61 -0
- package/dist/4I4MLMKD-BO6Lcy7s.js +150 -0
- package/dist/Accordion.js +20 -18
- package/dist/Alert.css +1 -1
- package/dist/Alert.js +93 -87
- package/dist/AspectRatio.js +2 -1
- package/dist/Avatar.js +14 -12
- package/dist/{B7UTNDHN-BlIblHCu.js → B7UTNDHN-BghjolIs.js} +30 -30
- package/dist/Badge.js +2 -1
- package/dist/Breadcrumb.css +1 -1
- package/dist/Breadcrumb.js +175 -154
- package/dist/Button.css +1 -1
- package/dist/Button.js +43 -41
- package/dist/ButtonGroup.js +7 -5
- package/dist/Card.css +1 -1
- package/dist/Card.js +68 -15
- package/dist/Checkbox.js +30 -29
- package/dist/CloseButton.css +1 -1
- package/dist/CloseButton.js +15 -13
- package/dist/{CustomPopper-vwbOQq72.js → CustomPopper-C1wIDHbM.js} +5 -4
- package/dist/{DSAASPLT-BaaCUKsb.js → DSAASPLT-Fx1kuAsk.js} +3 -3
- package/dist/DatePicker.js +82 -78
- package/dist/DateTimePicker.js +23 -22
- package/dist/Drawer.js +141 -96
- package/dist/DropdownMenu.css +1 -1
- package/dist/DropdownMenu.js +902 -462
- package/dist/Field.js +2 -1
- package/dist/FieldGroup.js +9 -7
- package/dist/FileDrop.css +1 -1
- package/dist/FileDrop.js +427 -398
- package/dist/FileUpload.js +44 -41
- package/dist/GVVKDT6A-CF9ejW_c.js +619 -0
- package/dist/Hint.js +10 -8
- package/dist/Icon.css +1 -1
- package/dist/Icon.js +36 -22
- package/dist/InputText.css +1 -1
- package/dist/InputText.js +59 -57
- package/dist/{KPUWHTQJ-D2TPji47.js → KPUWHTQJ-Dv3cAqjP.js} +33 -31
- package/dist/Label.js +9 -7
- package/dist/Link.css +1 -1
- package/dist/Link.js +54 -49
- package/dist/Loader.js +13 -11
- package/dist/Logo.js +21 -13
- package/dist/Modal.js +145 -114
- package/dist/{NI3IVY7K-Ztb3-XAv.js → NI3IVY7K-Dy240mkD.js} +53 -53
- package/dist/{NMGNQVTG-C6TqBngP.js → NMGNQVTG-DRO2uXZT.js} +8 -8
- package/dist/{OE2EFRVA-C3721cM3.js → OE2EFRVA-Dg1R6gaC.js} +186 -170
- package/dist/{OLVWQA7U-DysaSaZj.js → OLVWQA7U-Dia3UUnG.js} +51 -51
- package/dist/Pagination.css +1 -1
- package/dist/Pagination.js +157 -76
- package/dist/PasswordInput.js +20 -17
- package/dist/Popover.js +89 -72
- package/dist/{RTNCFSKZ-qpPg689E.js → RTNCFSKZ-BywELldk.js} +47 -47
- package/dist/Radio.css +1 -1
- package/dist/Radio.js +39 -40
- package/dist/RadioGroup.js +29 -27
- package/dist/RadioTab.js +3 -2
- package/dist/{SBSPVDDI-DJKkC1eb.js → SBSPVDDI-CmtnvvUX.js} +42 -42
- package/dist/SQZLCNLX-Dg4KKdNJ.js +83 -0
- package/dist/Search.css +1 -1
- package/dist/Search.js +136 -129
- package/dist/Select.css +1 -1
- package/dist/Select.js +259 -257
- package/dist/Slider.js +67 -62
- package/dist/Stepper.js +34 -27
- package/dist/StickyNote.css +1 -0
- package/dist/StickyNote.js +49 -0
- package/dist/Swiper.js +53 -51
- package/dist/{T22PY7TE-C1N0q8Kn.js → T22PY7TE-gLuJpoOm.js} +46 -46
- package/dist/Table.js +34 -21
- package/dist/Tabs.js +165 -156
- package/dist/Tag.css +1 -1
- package/dist/Tag.js +67 -62
- package/dist/Text.js +5 -3
- package/dist/Textarea.css +1 -1
- package/dist/Textarea.js +26 -18
- package/dist/TimePicker.js +24 -23
- package/dist/Toast.css +1 -1
- package/dist/Toast.js +275 -165
- package/dist/Toggle.js +16 -14
- package/dist/Tooltip.css +1 -1
- package/dist/Tooltip.js +120 -129
- package/dist/VariantIcon.js +8 -6
- package/dist/VisuallyHidden.js +9 -7
- package/dist/WelcomeLoader.js +4 -3
- package/dist/XCKGTAUF-CJwwVibW.js +25 -0
- package/dist/{Y67KZUMI-DFEgrUv2.js → Y67KZUMI-BwLWwpNF.js} +5 -5
- package/dist/{ZTXFEM5L-CkrIQCN1.js → ZTXFEM5L-WGHY_jqg.js} +3 -3
- package/dist/{downshift.esm-D_6pHXkq.js → downshift.esm-xtYanIDi.js} +1 -1
- package/dist/scss/breakpoints.scss +9 -0
- package/dist/scss/text-ellipsis.scss +5 -0
- package/dist/scss/texts.scss +108 -0
- package/dist/theme.css +1 -1
- package/dist/theme.js +1 -0
- package/dist/{tslib.es6-DpB4Y59c.js → tslib.es6-C80jYMbM.js} +1 -1
- package/dist/types/components/Alert/components/Buttons.d.ts +3 -0
- package/dist/types/components/Alert/components/Title.d.ts +5 -0
- package/dist/types/components/Alert/index.d.ts +7 -3
- package/dist/types/components/Alert/types.d.ts +3 -9
- package/dist/types/components/Breadcrumb/Item.d.ts +2 -2
- package/dist/types/components/Breadcrumb/index.d.ts +1 -1
- package/dist/types/components/Breadcrumb/types.d.ts +6 -3
- package/dist/types/components/Card/Body.d.ts +2 -3
- package/dist/types/components/Card/Footer.d.ts +6 -0
- package/dist/types/components/Card/Header.d.ts +5 -0
- package/dist/types/components/Card/index.d.ts +7 -8
- package/dist/types/components/Card/types.d.ts +16 -3
- package/dist/types/components/Checkbox/index.d.ts +1 -2
- package/dist/types/components/Checkbox/types.d.ts +3 -1
- package/dist/types/components/DateTimePickerCommon/CustomHeader.d.ts +4 -1
- package/dist/types/components/DateTimePickerCommon/CustomPopper.d.ts +6 -3
- package/dist/types/components/Drawer/AssetDrawer/Header.d.ts +4 -1
- package/dist/types/components/Drawer/AssetDrawer/IconBlock.d.ts +4 -1
- package/dist/types/components/Drawer/AssetDrawer/types.d.ts +3 -0
- package/dist/types/components/Drawer/components/Backdrop.d.ts +1 -1
- package/dist/types/components/Drawer/components/Close.d.ts +4 -1
- package/dist/types/components/Drawer/components/Title.d.ts +4 -1
- package/dist/types/components/Drawer/index.d.ts +13 -4
- package/dist/types/components/DropdownMenu/Action.d.ts +2 -0
- package/dist/types/components/DropdownMenu/Group.d.ts +4 -0
- package/dist/types/components/DropdownMenu/Item.d.ts +7 -0
- package/dist/types/components/DropdownMenu/Search.d.ts +2 -0
- package/dist/types/components/DropdownMenu/Submenu.d.ts +4 -0
- package/dist/types/components/DropdownMenu/index.d.ts +11 -0
- package/dist/types/components/DropdownMenu/types.d.ts +26 -5
- package/dist/types/components/FileDrop/components/FilePreview.d.ts +4 -1
- package/dist/types/components/FileDrop/components/Message.d.ts +4 -1
- package/dist/types/components/FileDrop/types.d.ts +2 -0
- package/dist/types/components/Icon/icons.d.ts +6 -6
- package/dist/types/components/Icon/types.d.ts +2 -0
- package/dist/types/components/Loader/index.d.ts +4 -1
- package/dist/types/components/Modal/Assets/AssetContent.d.ts +4 -1
- package/dist/types/components/Modal/Assets/AssetTitle.d.ts +4 -1
- package/dist/types/components/Modal/Assets/CloseButton.d.ts +4 -1
- package/dist/types/components/Modal/Assets/Dialog.d.ts +4 -1
- package/dist/types/components/Modal/Assets/Iframe.d.ts +4 -1
- package/dist/types/components/Modal/Assets/index.d.ts +16 -4
- package/dist/types/components/Modal/components/Close.d.ts +4 -1
- package/dist/types/components/Modal/index.d.ts +16 -4
- package/dist/types/components/Pagination/types.d.ts +11 -0
- package/dist/types/components/PasswordInput/ToggleButton.d.ts +4 -1
- package/dist/types/components/Popover/Arrow.d.ts +4 -1
- package/dist/types/components/Popover/ContentWrapper.d.ts +4 -1
- package/dist/types/components/Radio/types.d.ts +1 -1
- package/dist/types/components/RadioGroup/index.d.ts +4 -1
- package/dist/types/components/Stepper/index.d.ts +8 -2
- package/dist/types/components/StickyNote/components/Button.d.ts +5 -0
- package/dist/types/components/StickyNote/components/Title.d.ts +5 -0
- package/dist/types/components/StickyNote/index.d.ts +11 -0
- package/dist/types/components/StickyNote/index.test.d.ts +1 -0
- package/dist/types/components/StickyNote/types.d.ts +15 -0
- package/dist/types/components/Swiper/index.d.ts +4 -1
- package/dist/types/components/Table/index.d.ts +20 -5
- package/dist/types/components/Tabs/components/ActiveBar/index.d.ts +4 -1
- package/dist/types/components/Tag/types.d.ts +4 -2
- package/dist/types/components/Textarea/types.d.ts +1 -0
- package/dist/types/components/Toast/components/Growl.d.ts +2 -0
- package/dist/types/components/Toast/index.d.ts +8 -2
- package/dist/types/components/Toast/types.d.ts +8 -9
- package/dist/types/components/Tooltip/types.d.ts +1 -1
- package/dist/types/theme/types.d.ts +255 -218
- package/dist/types/utils/index.d.ts +0 -1
- package/dist/{utils-DileZjMm.js → utils-BD597oo6.js} +1 -1
- package/dist/utils.js +3 -2
- package/package.json +3 -2
- package/dist/2W3RN7C5-bkX-rIa3.js +0 -61
- package/dist/4I4MLMKD-BLxAidnq.js +0 -43
- package/dist/GVVKDT6A-bET6V7Py.js +0 -724
- package/dist/SQZLCNLX-CHDXnZ16.js +0 -82
- package/dist/XCKGTAUF-DkxWCbaW.js +0 -25
- package/dist/index.css +0 -0
- package/dist/types/components/Icon/Icon.d.ts +0 -2
- package/dist/types/utils/theme/index.d.ts +0 -0
- /package/dist/{index-CdiHdiVB.js → index-PAaZGbyz.js} +0 -0
- /package/dist/types/components/Icon/{Icon.test.d.ts → index.test.d.ts} +0 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { StickyNoteProps } from './types';
|
|
2
|
+
export declare const StickyNote: import('react').ForwardRefExoticComponent<Omit<StickyNoteProps, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
|
|
3
|
+
Button: {
|
|
4
|
+
({ children, className, ...rest }: Omit<import('../Button/types').ButtonProps, "size" | "variant">): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
Title: {
|
|
8
|
+
({ children, icon }: import('./types').StickyNoteTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ComponentProps, ComponentPropsWithRef, HTMLAttributes } from 'react';
|
|
2
|
+
import { IconProps } from '../Icon/types';
|
|
3
|
+
export type StickyNoteProps = ComponentPropsWithRef<'div'> & HTMLAttributes<HTMLDivElement> & StickyNoteOptions;
|
|
4
|
+
export type StickyNoteTitleProps = ComponentProps<'div'> & HTMLAttributes<HTMLDivElement> & StickyNoteTitleOptions;
|
|
5
|
+
interface StickyNoteOptions {
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
handleClose?: () => void;
|
|
8
|
+
shape?: 'rectangle' | 'square';
|
|
9
|
+
variant?: 'blue' | 'brand' | 'green' | 'orange' | 'pink' | 'teal' | 'violet';
|
|
10
|
+
}
|
|
11
|
+
interface StickyNoteTitleOptions {
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
icon?: IconProps['name'];
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -32,4 +32,7 @@ export declare const useSwiper: (options?: UseSwiperOptions) => {
|
|
|
32
32
|
mobile: boolean;
|
|
33
33
|
};
|
|
34
34
|
};
|
|
35
|
-
export declare const Swiper:
|
|
35
|
+
export declare const Swiper: {
|
|
36
|
+
({ children, className, store, ...rest }: SwiperProps): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
displayName: string;
|
|
38
|
+
};
|
|
@@ -1,9 +1,24 @@
|
|
|
1
1
|
import { TableProps, TableTrProps } from './types';
|
|
2
2
|
export declare const TableComponent: import('react').ForwardRefExoticComponent<Omit<TableProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
3
3
|
export declare const Table: import('react').ForwardRefExoticComponent<Omit<TableProps, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
|
|
4
|
-
Tbody:
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
Tbody: {
|
|
5
|
+
(props: React.HTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
displayName: string;
|
|
7
|
+
};
|
|
8
|
+
Td: {
|
|
9
|
+
(props: React.TdHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
Th: {
|
|
13
|
+
(props: React.ThHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
Thead: {
|
|
17
|
+
(props: React.HTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
displayName: string;
|
|
19
|
+
};
|
|
20
|
+
Tr: {
|
|
21
|
+
({ className, onClick, variant, ...rest }: TableTrProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
displayName: string;
|
|
23
|
+
};
|
|
9
24
|
};
|
|
@@ -1,2 +1,5 @@
|
|
|
1
1
|
import { ActiveBarProps } from '../../types';
|
|
2
|
-
export declare const ActiveBar:
|
|
2
|
+
export declare const ActiveBar: {
|
|
3
|
+
({ activeTab, listRef, orientation }: ActiveBarProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
displayName: string;
|
|
5
|
+
};
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { ButtonProps } from '../Button/types';
|
|
2
2
|
export interface TagOptions {
|
|
3
|
+
ai?: boolean;
|
|
4
|
+
disabled?: boolean;
|
|
3
5
|
icon?: React.ReactNode;
|
|
4
6
|
onRemove?: () => void;
|
|
5
7
|
removeButtonProps?: ButtonProps;
|
|
6
8
|
size?: TagSize;
|
|
7
9
|
variant?: TagVariant;
|
|
8
10
|
}
|
|
9
|
-
type TagSize = '
|
|
10
|
-
type TagVariant = '
|
|
11
|
+
type TagSize = 'lg' | 'md';
|
|
12
|
+
type TagVariant = 'blue' | 'brand' | 'dash' | 'green' | 'orange' | 'pink' | 'red' | 'teal' | 'violet' | 'warm';
|
|
11
13
|
export {};
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
+
import { ButtonProps } from '../../Button/types';
|
|
1
2
|
import { GrowlProps } from '../types';
|
|
2
3
|
/**
|
|
3
4
|
* @name Toast.Growl
|
|
4
5
|
*/
|
|
5
6
|
export declare const Growl: import('react').ForwardRefExoticComponent<Omit<GrowlProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export declare const GrowlAction: import('../../../utils').FunctionComponentWithAs<"button", ButtonProps>;
|
|
@@ -1,9 +1,15 @@
|
|
|
1
|
+
import { IconProps } from '../Icon/types';
|
|
1
2
|
import { TextProps } from '../Text/types';
|
|
2
|
-
import { ToastOptions } from './types';
|
|
3
|
+
import { ToastOptions, ToastVariant } from './types';
|
|
4
|
+
export declare const ICON: Record<ToastVariant, IconProps['name']>;
|
|
3
5
|
export declare const toast: (component: JSX.Element, options?: ToastOptions) => string;
|
|
4
6
|
export declare const Toast: import('react').FC<import('react-hot-toast').ToasterProps> & {
|
|
5
7
|
Growl: import('react').ForwardRefExoticComponent<Omit<import('./types').GrowlProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
8
|
+
GrowlAction: import('../../utils').FunctionComponentWithAs<"button", import('../Button/types').ButtonProps>;
|
|
6
9
|
Snackbar: import('react').ForwardRefExoticComponent<Omit<import('./types').SnackbarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
7
10
|
SnackbarAction: import('../../utils').FunctionComponentWithAs<"button", import('../Button/types').ButtonProps>;
|
|
8
|
-
Title:
|
|
11
|
+
Title: {
|
|
12
|
+
({ children, className, ...rest }: TextProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
displayName: string;
|
|
14
|
+
};
|
|
9
15
|
};
|
|
@@ -8,7 +8,7 @@ export type ToastOptions = {
|
|
|
8
8
|
onClose?: () => void;
|
|
9
9
|
position?: ToastPosition;
|
|
10
10
|
};
|
|
11
|
-
export type ToastVariant = '
|
|
11
|
+
export type ToastVariant = 'error' | 'info' | 'success' | 'warning';
|
|
12
12
|
export type ToastWrapperProps = {
|
|
13
13
|
toast: CustomToastOptions & Toast;
|
|
14
14
|
updateHeight: (toastId: string, height: number) => void;
|
|
@@ -17,20 +17,19 @@ type CustomToastOptions = {
|
|
|
17
17
|
onClose?: () => void;
|
|
18
18
|
};
|
|
19
19
|
interface GrowlOptions {
|
|
20
|
-
|
|
20
|
+
cta?: JSX.Element;
|
|
21
|
+
duration?: ToastOptions['duration'];
|
|
21
22
|
hasCloseButton?: boolean;
|
|
22
|
-
|
|
23
|
-
|
|
23
|
+
onClose?: ToastOptions['onClose'];
|
|
24
|
+
showProgressBar?: boolean;
|
|
24
25
|
variant?: ToastVariant;
|
|
25
26
|
}
|
|
26
27
|
interface SnackbarOptions {
|
|
27
|
-
/** add correct separator for call to action
|
|
28
|
-
* use SnackbarAction
|
|
29
|
-
*/
|
|
30
28
|
cta?: JSX.Element;
|
|
29
|
+
duration?: ToastOptions['duration'];
|
|
31
30
|
hasCloseButton?: boolean;
|
|
32
|
-
|
|
33
|
-
onClose?:
|
|
31
|
+
hideProgressBar?: boolean;
|
|
32
|
+
onClose?: ToastOptions['onClose'];
|
|
34
33
|
variant?: ToastVariant;
|
|
35
34
|
}
|
|
36
35
|
export {};
|
|
@@ -5,7 +5,7 @@ export interface TooltipOptions {
|
|
|
5
5
|
fixed?: boolean;
|
|
6
6
|
gutter?: number;
|
|
7
7
|
placement?: TooltipPlacement;
|
|
8
|
-
|
|
8
|
+
title?: JSX.Element | string;
|
|
9
9
|
}
|
|
10
10
|
export type TooltipPlacement = AriakitTooltipStoreProps['placement'];
|
|
11
11
|
export type TooltipProps = Omit<AriakitTooltipProps, 'children' | 'content'> & TooltipOptions;
|