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.
Files changed (176) hide show
  1. package/README.md +1 -1
  2. package/dist/2W3RN7C5-DMC82gDP.js +61 -0
  3. package/dist/4I4MLMKD-BO6Lcy7s.js +150 -0
  4. package/dist/Accordion.js +20 -18
  5. package/dist/Alert.css +1 -1
  6. package/dist/Alert.js +93 -87
  7. package/dist/AspectRatio.js +2 -1
  8. package/dist/Avatar.js +14 -12
  9. package/dist/{B7UTNDHN-BlIblHCu.js → B7UTNDHN-BghjolIs.js} +30 -30
  10. package/dist/Badge.js +2 -1
  11. package/dist/Breadcrumb.css +1 -1
  12. package/dist/Breadcrumb.js +175 -154
  13. package/dist/Button.css +1 -1
  14. package/dist/Button.js +43 -41
  15. package/dist/ButtonGroup.js +7 -5
  16. package/dist/Card.css +1 -1
  17. package/dist/Card.js +68 -15
  18. package/dist/Checkbox.js +30 -29
  19. package/dist/CloseButton.css +1 -1
  20. package/dist/CloseButton.js +15 -13
  21. package/dist/{CustomPopper-vwbOQq72.js → CustomPopper-C1wIDHbM.js} +5 -4
  22. package/dist/{DSAASPLT-BaaCUKsb.js → DSAASPLT-Fx1kuAsk.js} +3 -3
  23. package/dist/DatePicker.js +82 -78
  24. package/dist/DateTimePicker.js +23 -22
  25. package/dist/Drawer.js +141 -96
  26. package/dist/DropdownMenu.css +1 -1
  27. package/dist/DropdownMenu.js +902 -462
  28. package/dist/Field.js +2 -1
  29. package/dist/FieldGroup.js +9 -7
  30. package/dist/FileDrop.css +1 -1
  31. package/dist/FileDrop.js +427 -398
  32. package/dist/FileUpload.js +44 -41
  33. package/dist/GVVKDT6A-CF9ejW_c.js +619 -0
  34. package/dist/Hint.js +10 -8
  35. package/dist/Icon.css +1 -1
  36. package/dist/Icon.js +36 -22
  37. package/dist/InputText.css +1 -1
  38. package/dist/InputText.js +59 -57
  39. package/dist/{KPUWHTQJ-D2TPji47.js → KPUWHTQJ-Dv3cAqjP.js} +33 -31
  40. package/dist/Label.js +9 -7
  41. package/dist/Link.css +1 -1
  42. package/dist/Link.js +54 -49
  43. package/dist/Loader.js +13 -11
  44. package/dist/Logo.js +21 -13
  45. package/dist/Modal.js +145 -114
  46. package/dist/{NI3IVY7K-Ztb3-XAv.js → NI3IVY7K-Dy240mkD.js} +53 -53
  47. package/dist/{NMGNQVTG-C6TqBngP.js → NMGNQVTG-DRO2uXZT.js} +8 -8
  48. package/dist/{OE2EFRVA-C3721cM3.js → OE2EFRVA-Dg1R6gaC.js} +186 -170
  49. package/dist/{OLVWQA7U-DysaSaZj.js → OLVWQA7U-Dia3UUnG.js} +51 -51
  50. package/dist/Pagination.css +1 -1
  51. package/dist/Pagination.js +157 -76
  52. package/dist/PasswordInput.js +20 -17
  53. package/dist/Popover.js +89 -72
  54. package/dist/{RTNCFSKZ-qpPg689E.js → RTNCFSKZ-BywELldk.js} +47 -47
  55. package/dist/Radio.css +1 -1
  56. package/dist/Radio.js +39 -40
  57. package/dist/RadioGroup.js +29 -27
  58. package/dist/RadioTab.js +3 -2
  59. package/dist/{SBSPVDDI-DJKkC1eb.js → SBSPVDDI-CmtnvvUX.js} +42 -42
  60. package/dist/SQZLCNLX-Dg4KKdNJ.js +83 -0
  61. package/dist/Search.css +1 -1
  62. package/dist/Search.js +136 -129
  63. package/dist/Select.css +1 -1
  64. package/dist/Select.js +259 -257
  65. package/dist/Slider.js +67 -62
  66. package/dist/Stepper.js +34 -27
  67. package/dist/StickyNote.css +1 -0
  68. package/dist/StickyNote.js +49 -0
  69. package/dist/Swiper.js +53 -51
  70. package/dist/{T22PY7TE-C1N0q8Kn.js → T22PY7TE-gLuJpoOm.js} +46 -46
  71. package/dist/Table.js +34 -21
  72. package/dist/Tabs.js +165 -156
  73. package/dist/Tag.css +1 -1
  74. package/dist/Tag.js +67 -62
  75. package/dist/Text.js +5 -3
  76. package/dist/Textarea.css +1 -1
  77. package/dist/Textarea.js +26 -18
  78. package/dist/TimePicker.js +24 -23
  79. package/dist/Toast.css +1 -1
  80. package/dist/Toast.js +275 -165
  81. package/dist/Toggle.js +16 -14
  82. package/dist/Tooltip.css +1 -1
  83. package/dist/Tooltip.js +120 -129
  84. package/dist/VariantIcon.js +8 -6
  85. package/dist/VisuallyHidden.js +9 -7
  86. package/dist/WelcomeLoader.js +4 -3
  87. package/dist/XCKGTAUF-CJwwVibW.js +25 -0
  88. package/dist/{Y67KZUMI-DFEgrUv2.js → Y67KZUMI-BwLWwpNF.js} +5 -5
  89. package/dist/{ZTXFEM5L-CkrIQCN1.js → ZTXFEM5L-WGHY_jqg.js} +3 -3
  90. package/dist/{downshift.esm-D_6pHXkq.js → downshift.esm-xtYanIDi.js} +1 -1
  91. package/dist/scss/breakpoints.scss +9 -0
  92. package/dist/scss/text-ellipsis.scss +5 -0
  93. package/dist/scss/texts.scss +108 -0
  94. package/dist/theme.css +1 -1
  95. package/dist/theme.js +1 -0
  96. package/dist/{tslib.es6-DpB4Y59c.js → tslib.es6-C80jYMbM.js} +1 -1
  97. package/dist/types/components/Alert/components/Buttons.d.ts +3 -0
  98. package/dist/types/components/Alert/components/Title.d.ts +5 -0
  99. package/dist/types/components/Alert/index.d.ts +7 -3
  100. package/dist/types/components/Alert/types.d.ts +3 -9
  101. package/dist/types/components/Breadcrumb/Item.d.ts +2 -2
  102. package/dist/types/components/Breadcrumb/index.d.ts +1 -1
  103. package/dist/types/components/Breadcrumb/types.d.ts +6 -3
  104. package/dist/types/components/Card/Body.d.ts +2 -3
  105. package/dist/types/components/Card/Footer.d.ts +6 -0
  106. package/dist/types/components/Card/Header.d.ts +5 -0
  107. package/dist/types/components/Card/index.d.ts +7 -8
  108. package/dist/types/components/Card/types.d.ts +16 -3
  109. package/dist/types/components/Checkbox/index.d.ts +1 -2
  110. package/dist/types/components/Checkbox/types.d.ts +3 -1
  111. package/dist/types/components/DateTimePickerCommon/CustomHeader.d.ts +4 -1
  112. package/dist/types/components/DateTimePickerCommon/CustomPopper.d.ts +6 -3
  113. package/dist/types/components/Drawer/AssetDrawer/Header.d.ts +4 -1
  114. package/dist/types/components/Drawer/AssetDrawer/IconBlock.d.ts +4 -1
  115. package/dist/types/components/Drawer/AssetDrawer/types.d.ts +3 -0
  116. package/dist/types/components/Drawer/components/Backdrop.d.ts +1 -1
  117. package/dist/types/components/Drawer/components/Close.d.ts +4 -1
  118. package/dist/types/components/Drawer/components/Title.d.ts +4 -1
  119. package/dist/types/components/Drawer/index.d.ts +13 -4
  120. package/dist/types/components/DropdownMenu/Action.d.ts +2 -0
  121. package/dist/types/components/DropdownMenu/Group.d.ts +4 -0
  122. package/dist/types/components/DropdownMenu/Item.d.ts +7 -0
  123. package/dist/types/components/DropdownMenu/Search.d.ts +2 -0
  124. package/dist/types/components/DropdownMenu/Submenu.d.ts +4 -0
  125. package/dist/types/components/DropdownMenu/index.d.ts +11 -0
  126. package/dist/types/components/DropdownMenu/types.d.ts +26 -5
  127. package/dist/types/components/FileDrop/components/FilePreview.d.ts +4 -1
  128. package/dist/types/components/FileDrop/components/Message.d.ts +4 -1
  129. package/dist/types/components/FileDrop/types.d.ts +2 -0
  130. package/dist/types/components/Icon/icons.d.ts +6 -6
  131. package/dist/types/components/Icon/types.d.ts +2 -0
  132. package/dist/types/components/Loader/index.d.ts +4 -1
  133. package/dist/types/components/Modal/Assets/AssetContent.d.ts +4 -1
  134. package/dist/types/components/Modal/Assets/AssetTitle.d.ts +4 -1
  135. package/dist/types/components/Modal/Assets/CloseButton.d.ts +4 -1
  136. package/dist/types/components/Modal/Assets/Dialog.d.ts +4 -1
  137. package/dist/types/components/Modal/Assets/Iframe.d.ts +4 -1
  138. package/dist/types/components/Modal/Assets/index.d.ts +16 -4
  139. package/dist/types/components/Modal/components/Close.d.ts +4 -1
  140. package/dist/types/components/Modal/index.d.ts +16 -4
  141. package/dist/types/components/Pagination/types.d.ts +11 -0
  142. package/dist/types/components/PasswordInput/ToggleButton.d.ts +4 -1
  143. package/dist/types/components/Popover/Arrow.d.ts +4 -1
  144. package/dist/types/components/Popover/ContentWrapper.d.ts +4 -1
  145. package/dist/types/components/Radio/types.d.ts +1 -1
  146. package/dist/types/components/RadioGroup/index.d.ts +4 -1
  147. package/dist/types/components/Stepper/index.d.ts +8 -2
  148. package/dist/types/components/StickyNote/components/Button.d.ts +5 -0
  149. package/dist/types/components/StickyNote/components/Title.d.ts +5 -0
  150. package/dist/types/components/StickyNote/index.d.ts +11 -0
  151. package/dist/types/components/StickyNote/index.test.d.ts +1 -0
  152. package/dist/types/components/StickyNote/types.d.ts +15 -0
  153. package/dist/types/components/Swiper/index.d.ts +4 -1
  154. package/dist/types/components/Table/index.d.ts +20 -5
  155. package/dist/types/components/Tabs/components/ActiveBar/index.d.ts +4 -1
  156. package/dist/types/components/Tag/types.d.ts +4 -2
  157. package/dist/types/components/Textarea/types.d.ts +1 -0
  158. package/dist/types/components/Toast/components/Growl.d.ts +2 -0
  159. package/dist/types/components/Toast/index.d.ts +8 -2
  160. package/dist/types/components/Toast/types.d.ts +8 -9
  161. package/dist/types/components/Tooltip/types.d.ts +1 -1
  162. package/dist/types/theme/types.d.ts +255 -218
  163. package/dist/types/utils/index.d.ts +0 -1
  164. package/dist/{utils-DileZjMm.js → utils-BD597oo6.js} +1 -1
  165. package/dist/utils.js +3 -2
  166. package/package.json +3 -2
  167. package/dist/2W3RN7C5-bkX-rIa3.js +0 -61
  168. package/dist/4I4MLMKD-BLxAidnq.js +0 -43
  169. package/dist/GVVKDT6A-bET6V7Py.js +0 -724
  170. package/dist/SQZLCNLX-CHDXnZ16.js +0 -82
  171. package/dist/XCKGTAUF-DkxWCbaW.js +0 -25
  172. package/dist/index.css +0 -0
  173. package/dist/types/components/Icon/Icon.d.ts +0 -2
  174. package/dist/types/utils/theme/index.d.ts +0 -0
  175. /package/dist/{index-CdiHdiVB.js → index-PAaZGbyz.js} +0 -0
  176. /package/dist/types/components/Icon/{Icon.test.d.ts → index.test.d.ts} +0 -0
@@ -0,0 +1,5 @@
1
+ import { ButtonProps } from '../../Button/types';
2
+ export declare const Button: {
3
+ ({ children, className, ...rest }: Omit<ButtonProps, "size" | "variant">): import("react/jsx-runtime").JSX.Element;
4
+ displayName: string;
5
+ };
@@ -0,0 +1,5 @@
1
+ import { StickyNoteTitleProps } from '../types';
2
+ export declare const Title: {
3
+ ({ children, icon }: StickyNoteTitleProps): import("react/jsx-runtime").JSX.Element;
4
+ displayName: string;
5
+ };
@@ -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: ({ children, className, store, ...rest }: SwiperProps) => import("react/jsx-runtime").JSX.Element;
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: (props: React.HTMLAttributes<HTMLTableSectionElement>) => import("react/jsx-runtime").JSX.Element;
5
- Td: (props: React.TdHTMLAttributes<HTMLTableCellElement>) => import("react/jsx-runtime").JSX.Element;
6
- Th: (props: React.ThHTMLAttributes<HTMLTableCellElement>) => import("react/jsx-runtime").JSX.Element;
7
- Thead: (props: React.HTMLAttributes<HTMLTableSectionElement>) => import("react/jsx-runtime").JSX.Element;
8
- Tr: ({ className, onClick, variant, ...rest }: TableTrProps) => import("react/jsx-runtime").JSX.Element;
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: ({ activeTab, listRef, orientation }: ActiveBarProps) => import("react/jsx-runtime").JSX.Element;
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 = 'md' | 'sm' | 'xs';
10
- type TagVariant = 'ai' | 'blue' | 'danger' | 'default' | 'default' | 'green' | 'info' | 'orange' | 'pink' | 'primary' | 'success' | 'teal' | 'violet' | 'warning';
11
+ type TagSize = 'lg' | 'md';
12
+ type TagVariant = 'blue' | 'brand' | 'dash' | 'green' | 'orange' | 'pink' | 'red' | 'teal' | 'violet' | 'warm';
11
13
  export {};
@@ -1,5 +1,6 @@
1
1
  import { ComponentPropsWithoutRef } from 'react';
2
2
  export interface TextareaOptions {
3
+ isAdaptative?: boolean;
3
4
  minRows?: number;
4
5
  variant?: 'danger' | 'success' | 'warning';
5
6
  }
@@ -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: ({ children, className, ...rest }: TextProps) => import("react/jsx-runtime").JSX.Element;
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 = 'ai' | 'beige' | 'danger' | 'info' | 'success' | 'warning';
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
- 'data-testid'?: string;
20
+ cta?: JSX.Element;
21
+ duration?: ToastOptions['duration'];
21
22
  hasCloseButton?: boolean;
22
- hideIcon?: boolean;
23
- onClose?: () => void;
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
- hideIcon?: boolean;
33
- onClose?: () => void;
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
- withArrow?: boolean;
8
+ title?: JSX.Element | string;
9
9
  }
10
10
  export type TooltipPlacement = AriakitTooltipStoreProps['placement'];
11
11
  export type TooltipProps = Omit<AriakitTooltipProps, 'children' | 'content'> & TooltipOptions;