@livechat/design-system-react-components 1.0.0-alpha.2 → 1.0.0-alpha.22

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 (192) hide show
  1. package/dist/dsrc.cjs.js +15 -0
  2. package/dist/dsrc.es.js +3255 -0
  3. package/dist/dsrc.umd.js +15 -0
  4. package/dist/shadow/shadow.css +7 -0
  5. package/dist/shadow/shadow.css.map +1 -0
  6. package/dist/shadow/spacing.css +18 -0
  7. package/dist/shadow/spacing.css.map +1 -0
  8. package/dist/spacing/shadow.css +7 -0
  9. package/dist/spacing/shadow.css.map +1 -0
  10. package/dist/spacing/spacing.css +18 -0
  11. package/dist/spacing/spacing.css.map +1 -0
  12. package/dist/src/components/Alert/Alert.d.ts +9 -0
  13. package/dist/src/components/Alert/index.d.ts +1 -0
  14. package/dist/src/components/Avatar/Avatar.d.ts +19 -0
  15. package/dist/src/components/Avatar/Avatar.helpers.d.ts +2 -0
  16. package/dist/src/components/Avatar/index.d.ts +1 -0
  17. package/dist/src/components/Badge/Badge.d.ts +9 -0
  18. package/dist/src/components/Badge/Badge.helpers.d.ts +1 -0
  19. package/dist/src/components/Badge/index.d.ts +1 -0
  20. package/dist/{components → src/components/Button}/Button.d.ts +14 -13
  21. package/dist/src/components/Button/index.d.ts +2 -0
  22. package/dist/{components → src/components/ButtonGroup}/ButtonGroup.d.ts +11 -11
  23. package/dist/src/components/ButtonGroup/index.d.ts +1 -0
  24. package/dist/src/components/Card/Card.d.ts +12 -0
  25. package/dist/src/components/Card/index.d.ts +2 -0
  26. package/dist/src/components/Checkbox/Checkbox.d.ts +7 -0
  27. package/dist/src/components/Checkbox/index.d.ts +1 -0
  28. package/dist/src/components/FieldDescription/FieldDescription.d.ts +3 -0
  29. package/dist/src/components/FieldDescription/index.d.ts +1 -0
  30. package/dist/src/components/FieldError/FieldError.d.ts +3 -0
  31. package/dist/src/components/FieldError/index.d.ts +1 -0
  32. package/dist/src/components/FieldGroup/FieldGroup.d.ts +8 -0
  33. package/dist/src/components/FieldGroup/index.d.ts +1 -0
  34. package/dist/src/components/Form/Form.d.ts +7 -0
  35. package/dist/src/components/Form/index.d.ts +2 -0
  36. package/dist/src/components/FormField/FormField.d.ts +13 -0
  37. package/dist/src/components/FormField/index.d.ts +1 -0
  38. package/dist/src/components/FormGroup/FormGroup.d.ts +7 -0
  39. package/dist/src/components/FormGroup/index.d.ts +1 -0
  40. package/dist/src/components/Icon/Icon.d.ts +14 -0
  41. package/dist/src/components/Icon/index.d.ts +1 -0
  42. package/dist/src/components/Input/Input.d.ts +9 -0
  43. package/dist/src/components/Input/index.d.ts +1 -0
  44. package/dist/src/components/Link/Link.d.ts +14 -0
  45. package/dist/src/components/Link/index.d.ts +1 -0
  46. package/dist/{components → src/components/Loader}/Loader.d.ts +10 -10
  47. package/dist/src/components/Loader/index.d.ts +1 -0
  48. package/dist/src/components/Modal/ActionModal.d.ts +8 -0
  49. package/dist/src/components/Modal/Modal.d.ts +7 -0
  50. package/dist/src/components/Modal/ModalBase.d.ts +6 -0
  51. package/dist/src/components/Modal/ModalCloseButton.d.ts +3 -0
  52. package/dist/src/components/Modal/ModalPortal.d.ts +7 -0
  53. package/dist/src/components/Modal/index.d.ts +10 -0
  54. package/dist/src/components/NumericInput/NumericInput.d.ts +14 -0
  55. package/dist/src/components/NumericInput/index.d.ts +1 -0
  56. package/dist/src/components/Picker/Picker.d.ts +17 -0
  57. package/dist/src/components/Picker/PickerList.d.ts +18 -0
  58. package/dist/src/components/Picker/Trigger.d.ts +15 -0
  59. package/dist/src/components/Picker/index.d.ts +1 -0
  60. package/dist/src/components/Popover/Popover.d.ts +10 -0
  61. package/dist/src/components/Popover/index.d.ts +1 -0
  62. package/dist/{components → src/components/Progress}/ProgressBar.d.ts +9 -9
  63. package/dist/src/components/Progress/ProgressCircle.d.ts +9 -0
  64. package/dist/src/components/Progress/constants.d.ts +4 -0
  65. package/dist/{components → src/components/Progress}/helpers.d.ts +3 -3
  66. package/dist/src/components/Progress/index.d.ts +2 -0
  67. package/dist/{components → src/components/PromoBanner}/PromoBanner.d.ts +13 -19
  68. package/dist/src/components/PromoBanner/index.d.ts +1 -0
  69. package/dist/src/components/RadioButton/RadioButton.d.ts +7 -0
  70. package/dist/src/components/RadioButton/index.d.ts +1 -0
  71. package/dist/src/components/Search/Search.d.ts +16 -0
  72. package/dist/src/components/Search/index.d.ts +1 -0
  73. package/dist/{components → src/components/Switch}/Switch.d.ts +16 -17
  74. package/dist/src/components/Switch/index.d.ts +1 -0
  75. package/dist/{components → src/components/Tab}/Tab.d.ts +12 -12
  76. package/dist/{components → src/components/Tab}/TabsWrapper.d.ts +3 -3
  77. package/dist/src/components/Tab/index.d.ts +2 -0
  78. package/dist/src/components/Tag/Tag.d.ts +12 -0
  79. package/dist/src/components/Tag/index.d.ts +1 -0
  80. package/dist/src/components/TagInput/EditableTag.d.ts +11 -0
  81. package/dist/src/components/TagInput/EditableTagContent.d.ts +11 -0
  82. package/dist/src/components/TagInput/EmailTagInput.d.ts +5 -0
  83. package/dist/src/components/TagInput/TagInput.d.ts +12 -0
  84. package/dist/src/components/TagInput/index.d.ts +4 -0
  85. package/dist/src/components/Toast/Toast.d.ts +16 -0
  86. package/dist/src/components/Toast/ToastWrapper.d.ts +20 -0
  87. package/dist/src/components/Toast/index.d.ts +2 -0
  88. package/dist/src/components/Tooltip/Info.d.ts +8 -0
  89. package/dist/src/components/Tooltip/Interactive.d.ts +14 -0
  90. package/dist/src/components/Tooltip/Simple.d.ts +4 -0
  91. package/dist/src/components/Tooltip/SpotlightOverlay.d.ts +7 -0
  92. package/dist/src/components/Tooltip/Tooltip.d.ts +22 -0
  93. package/dist/src/components/Tooltip/UserGuide.d.ts +12 -0
  94. package/dist/src/components/Tooltip/helpers.d.ts +2 -0
  95. package/dist/src/components/Tooltip/index.d.ts +5 -0
  96. package/dist/src/components/Tooltip/virtualElementReference.d.ts +9 -0
  97. package/dist/{components → src/components/Typography}/Heading.d.ts +11 -11
  98. package/dist/{components → src/components/Typography}/Text.d.ts +15 -15
  99. package/dist/src/components/Typography/index.d.ts +2 -0
  100. package/dist/src/foundations/shadow-token.d.ts +5 -0
  101. package/dist/src/foundations/spacing-token.d.ts +16 -0
  102. package/dist/src/index.d.ts +36 -0
  103. package/dist/src/themes/design-token.d.ts +126 -0
  104. package/dist/src/utils/keyCodes.d.ts +12 -0
  105. package/dist/{utils → src/utils}/noop.d.ts +1 -1
  106. package/dist/src/vite-env.d.ts +1 -0
  107. package/dist/style.css +1 -0
  108. package/dist/themes/dark.css +130 -0
  109. package/dist/themes/dark.css.map +1 -0
  110. package/dist/themes/legacy.css +131 -0
  111. package/dist/themes/legacy.css.map +1 -0
  112. package/dist/themes/light.css +130 -0
  113. package/dist/themes/light.css.map +1 -0
  114. package/package.json +51 -36
  115. package/dist/components/Alert.d.ts +0 -19
  116. package/dist/components/Alert.spec.d.ts +0 -1
  117. package/dist/components/Badge.d.ts +0 -6
  118. package/dist/components/Badge.spec.d.ts +0 -1
  119. package/dist/components/Button.spec.d.ts +0 -1
  120. package/dist/components/ButtonGroup.spec.d.ts +0 -1
  121. package/dist/components/Card.d.ts +0 -6
  122. package/dist/components/Card.spec.d.ts +0 -1
  123. package/dist/components/Checkbox.d.ts +0 -7
  124. package/dist/components/CheckboxField.d.ts +0 -7
  125. package/dist/components/CheckboxField.spec.d.ts +0 -1
  126. package/dist/components/FieldDescription.d.ts +0 -3
  127. package/dist/components/FieldError.d.ts +0 -3
  128. package/dist/components/FieldGroup.d.ts +0 -8
  129. package/dist/components/FieldGroup.spec.d.ts +0 -1
  130. package/dist/components/FieldLabel.d.ts +0 -3
  131. package/dist/components/Form.d.ts +0 -7
  132. package/dist/components/Form.spec.d.ts +0 -1
  133. package/dist/components/FormGroup.d.ts +0 -7
  134. package/dist/components/FormGroup.spec.d.ts +0 -1
  135. package/dist/components/Icon.d.ts +0 -69
  136. package/dist/components/Loader.spec.d.ts +0 -1
  137. package/dist/components/Modal/ActionModal.d.ts +0 -8
  138. package/dist/components/Modal/Modal.d.ts +0 -7
  139. package/dist/components/Modal/ModalBase.d.ts +0 -6
  140. package/dist/components/Modal/ModalBase.spec.d.ts +0 -1
  141. package/dist/components/Modal/ModalCloseButton.d.ts +0 -3
  142. package/dist/components/Modal/ModalPortal.d.ts +0 -7
  143. package/dist/components/ProgressBar.spec.d.ts +0 -1
  144. package/dist/components/ProgressCircle.d.ts +0 -9
  145. package/dist/components/ProgressCircle.spec.d.ts +0 -1
  146. package/dist/components/PromoBanner.spec.d.ts +0 -1
  147. package/dist/components/RadioButton.d.ts +0 -7
  148. package/dist/components/RadioButton.spec.d.ts +0 -1
  149. package/dist/components/Switch.spec.d.ts +0 -1
  150. package/dist/components/Tab.spec.d.ts +0 -1
  151. package/dist/components/TabsWrapper.spec.d.ts +0 -1
  152. package/dist/components/Toast.d.ts +0 -22
  153. package/dist/components/Toast.spec.d.ts +0 -1
  154. package/dist/components/ToastWrapper.d.ts +0 -26
  155. package/dist/components/ToastWrapper.spec.d.ts +0 -1
  156. package/dist/components/constants.d.ts +0 -12
  157. package/dist/constants/keyCodes.d.ts +0 -3
  158. package/dist/index.css +0 -2
  159. package/dist/index.css.map +0 -1
  160. package/dist/index.d.ts +0 -8
  161. package/dist/index.js +0 -2
  162. package/dist/index.js.map +0 -1
  163. package/dist/index.modern.js +0 -2
  164. package/dist/index.modern.js.map +0 -1
  165. package/dist/index.module.js +0 -2
  166. package/dist/index.module.js.map +0 -1
  167. package/dist/index.umd.js +0 -2
  168. package/dist/index.umd.js.map +0 -1
  169. package/dist/stories/Alert.stories.d.ts +0 -14
  170. package/dist/stories/Badge.stories.d.ts +0 -16
  171. package/dist/stories/Button.stories.d.ts +0 -20
  172. package/dist/stories/ButtonGroup.stories.d.ts +0 -18
  173. package/dist/stories/Card.stories.d.ts +0 -10
  174. package/dist/stories/CheckboxField.stories.d.ts +0 -9
  175. package/dist/stories/FieldGroup.stories.d.ts +0 -9
  176. package/dist/stories/Form.stories.d.ts +0 -6
  177. package/dist/stories/FormGroup.stories.d.ts +0 -9
  178. package/dist/stories/Icon.stories.d.ts +0 -14
  179. package/dist/stories/Loader.stories.d.ts +0 -8
  180. package/dist/stories/Modal.stories.d.ts +0 -19
  181. package/dist/stories/ProgressCircle.stories.d.ts +0 -13
  182. package/dist/stories/Progressbar.stories.d.ts +0 -13
  183. package/dist/stories/PromoBanner.stories.d.ts +0 -13
  184. package/dist/stories/RadioButton.stories.d.ts +0 -9
  185. package/dist/stories/Switch.stories.d.ts +0 -12
  186. package/dist/stories/Tab.stories.d.ts +0 -10
  187. package/dist/stories/TabsWrapper.stories.d.ts +0 -15
  188. package/dist/stories/Toast.stories.d.ts +0 -15
  189. package/dist/stories/ToastWrapper.stories.d.ts +0 -40
  190. package/dist/stories/foundations/components/ColorTokens.d.ts +0 -2
  191. package/dist/stories/foundations/components/IconsShowcase.d.ts +0 -6
  192. package/dist/test-utils.d.ts +0 -2
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- import { ComponentMeta } from '@storybook/react';
3
- import { IProps as ISwitchProps } from '../components/Switch';
4
- import noop from '../utils/noop';
5
- declare const _default: ComponentMeta<React.FC<ISwitchProps>>;
6
- export default _default;
7
- export declare const Switch: {
8
- (args: ISwitchProps): React.ReactElement;
9
- args: {
10
- onChange: typeof noop;
11
- };
12
- };
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- import { ComponentMeta } from '@storybook/react';
3
- import { ITabProps } from '../components/Tab';
4
- declare const _default: ComponentMeta<React.FC<ITabProps>>;
5
- export default _default;
6
- declare type ITabArgs = ITabProps;
7
- export declare const Tab: {
8
- (args: ITabArgs): React.ReactElement;
9
- args: ITabProps;
10
- };
@@ -1,15 +0,0 @@
1
- import * as React from 'react';
2
- import { ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<React.FC<React.HTMLAttributes<HTMLDivElement>>>;
4
- export default _default;
5
- declare type ITabArgs = {
6
- items: Array<{
7
- id: string;
8
- title: string;
9
- count: number;
10
- }>;
11
- };
12
- export declare const TabsWrapper: {
13
- ({ items }: ITabArgs): React.ReactElement;
14
- args: ITabArgs;
15
- };
@@ -1,15 +0,0 @@
1
- import * as React from 'react';
2
- import { ComponentMeta, Story } from '@storybook/react';
3
- import { IToastProps } from '../components/Toast';
4
- declare const _default: ComponentMeta<React.FC<IToastProps>>;
5
- export default _default;
6
- interface IToastArgs extends IToastProps {
7
- label: string;
8
- }
9
- export declare const Toast: Story<IToastArgs>;
10
- export declare const SuccessToast: Story<IToastArgs>;
11
- export declare const WarningToast: Story<IToastArgs>;
12
- export declare const ErrorToast: Story<IToastArgs>;
13
- export declare const InfoToast: Story<IToastArgs>;
14
- export declare const NotificationToast: Story<IToastArgs>;
15
- export declare const ToastWithActionAndRemovable: Story<IToastArgs>;
@@ -1,40 +0,0 @@
1
- import * as React from 'react';
2
- import { ComponentMeta } from '@storybook/react';
3
- import { IToastWrapperProps } from '../components/ToastWrapper';
4
- import { Variants } from '../components/Toast';
5
- declare const _default: ComponentMeta<React.FC<IToastWrapperProps>>;
6
- export default _default;
7
- export declare const ToastWrapper: {
8
- (args: IToastWrapperProps): React.ReactElement;
9
- args: {
10
- fixed: boolean;
11
- toasts: ({
12
- id: string;
13
- variant: Variants;
14
- content: JSX.Element;
15
- removable?: undefined;
16
- action?: undefined;
17
- } | {
18
- id: string;
19
- variant: Variants;
20
- content: string;
21
- removable: boolean;
22
- action?: undefined;
23
- } | {
24
- id: string;
25
- variant: Variants;
26
- content: string;
27
- action: {
28
- label: string;
29
- handler: () => void;
30
- };
31
- removable?: undefined;
32
- } | {
33
- id: string;
34
- variant: Variants;
35
- content: string;
36
- removable?: undefined;
37
- action?: undefined;
38
- })[];
39
- };
40
- };
@@ -1,2 +0,0 @@
1
- import * as React from 'react';
2
- export declare const ColorTokensPallete: React.FC;
@@ -1,6 +0,0 @@
1
- import * as React from 'react';
2
- import './iconsShowcase.css';
3
- export declare type IconsMap = {
4
- [key: string]: React.FC<React.SVGProps<SVGSVGElement>>;
5
- };
6
- export declare const IconsShowcase: () => React.ReactElement;
@@ -1,2 +0,0 @@
1
- export * from '@testing-library/react';
2
- export { default as userEvent } from '@testing-library/user-event';