@livechat/design-system-react-components 1.0.0-alpha.6 → 1.0.0-alpha.61

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 (243) hide show
  1. package/dist/components/ActionMenu/ActionMenu.d.ts +27 -0
  2. package/dist/components/ActionMenu/ActionMenu.spec.d.ts +1 -0
  3. package/dist/components/ActionMenu/ActionMenu.stories.d.ts +6 -0
  4. package/dist/components/ActionMenu/ActionMenuItem.d.ts +6 -0
  5. package/dist/components/ActionMenu/constants.d.ts +21 -0
  6. package/dist/components/ActionMenu/index.d.ts +1 -0
  7. package/dist/components/Alert/Alert.d.ts +32 -0
  8. package/dist/components/Alert/Alert.spec.d.ts +1 -0
  9. package/dist/components/Alert/Alert.stories.d.ts +9 -0
  10. package/dist/components/Avatar/Avatar.d.ts +49 -0
  11. package/dist/components/Avatar/Avatar.helpers.d.ts +2 -0
  12. package/dist/components/Avatar/Avatar.spec.d.ts +1 -0
  13. package/dist/components/Avatar/Avatar.stories.d.ts +22 -0
  14. package/dist/components/Avatar/index.d.ts +1 -0
  15. package/dist/components/Badge/Badge.d.ts +24 -0
  16. package/dist/components/Badge/Badge.helpers.d.ts +1 -0
  17. package/dist/components/Badge/Badge.spec.d.ts +1 -0
  18. package/dist/components/Badge/Badge.stories.d.ts +12 -0
  19. package/dist/components/Button/Button.d.ts +63 -0
  20. package/dist/components/Button/Button.spec.d.ts +1 -0
  21. package/dist/components/Button/Button.stories.d.ts +42 -0
  22. package/dist/components/Button/index.d.ts +2 -0
  23. package/dist/components/Card/Card.d.ts +30 -0
  24. package/dist/components/Card/Card.spec.d.ts +1 -0
  25. package/dist/components/Card/Card.stories.d.ts +11 -0
  26. package/dist/{src/components → components}/Checkbox/Checkbox.d.ts +3 -3
  27. package/dist/components/Checkbox/Checkbox.spec.d.ts +1 -0
  28. package/dist/components/Checkbox/Checkbox.stories.d.ts +12 -0
  29. package/dist/components/Checkbox/index.d.ts +1 -0
  30. package/dist/components/DatePicker/DatePicker.d.ts +4 -0
  31. package/dist/components/DatePicker/DatePicker.spec.d.ts +1 -0
  32. package/dist/components/DatePicker/DatePicker.stories.d.ts +7 -0
  33. package/dist/components/DatePicker/DatePickerNavbar.d.ts +4 -0
  34. package/dist/components/DatePicker/DatePickerRangeCalendarsWrapper.d.ts +2 -0
  35. package/dist/components/DatePicker/RangeDatePicker.d.ts +16 -0
  36. package/dist/components/DatePicker/RangeDatePicker.spec.d.ts +1 -0
  37. package/dist/components/DatePicker/RangeDatePicker.stories.d.ts +4 -0
  38. package/dist/components/DatePicker/helpers.d.ts +39 -0
  39. package/dist/components/DatePicker/hooks.d.ts +6 -0
  40. package/dist/components/DatePicker/index.d.ts +2 -0
  41. package/dist/components/DatePicker/types.d.ts +100 -0
  42. package/dist/{src/components → components}/FieldDescription/FieldDescription.d.ts +1 -1
  43. package/dist/{src/components → components}/FieldError/FieldError.d.ts +1 -1
  44. package/dist/{src/components → components}/FieldGroup/FieldGroup.d.ts +1 -1
  45. package/dist/components/FieldGroup/FieldGroup.spec.d.ts +1 -0
  46. package/dist/components/FieldGroup/FieldGroup.stories.d.ts +10 -0
  47. package/dist/components/FileUploadProgress/FileUploadProgress.d.ts +42 -0
  48. package/dist/components/FileUploadProgress/FileUploadProgress.stories.d.ts +7 -0
  49. package/dist/components/FileUploadProgress/FileUploadProgressActions.d.ts +9 -0
  50. package/dist/components/FileUploadProgress/index.d.ts +2 -0
  51. package/dist/{src/components → components}/Form/Form.d.ts +1 -1
  52. package/dist/components/Form/Form.spec.d.ts +1 -0
  53. package/dist/components/Form/Form.stories.d.ts +8 -0
  54. package/dist/components/FormField/FormField.d.ts +40 -0
  55. package/dist/components/FormField/FormField.spec.d.ts +1 -0
  56. package/dist/components/FormField/FormField.stories.d.ts +9 -0
  57. package/dist/components/FormField/index.d.ts +1 -0
  58. package/dist/{src/components → components}/FormGroup/FormGroup.d.ts +1 -1
  59. package/dist/components/FormGroup/FormGroup.spec.d.ts +1 -0
  60. package/dist/components/FormGroup/FormGroup.stories.d.ts +10 -0
  61. package/dist/components/Icon/Icon.d.ts +14 -0
  62. package/dist/components/Icon/Icon.stories.d.ts +15 -0
  63. package/dist/components/Icon/index.d.ts +1 -0
  64. package/dist/components/Input/Input.d.ts +25 -0
  65. package/dist/components/Input/Input.spec.d.ts +1 -0
  66. package/dist/components/Input/Input.stories.d.ts +10 -0
  67. package/dist/components/Input/index.d.ts +1 -0
  68. package/dist/components/Link/Link.stories.d.ts +12 -0
  69. package/dist/{src/components → components}/Loader/Loader.d.ts +12 -2
  70. package/dist/components/Loader/Loader.spec.d.ts +1 -0
  71. package/dist/components/Loader/Loader.stories.d.ts +10 -0
  72. package/dist/{src/components → components}/Modal/Modal.d.ts +2 -0
  73. package/dist/components/Modal/Modal.spec.d.ts +1 -0
  74. package/dist/components/Modal/Modal.stories.d.ts +14 -0
  75. package/dist/{src/components → components}/Modal/ModalBase.d.ts +2 -1
  76. package/dist/components/Modal/ModalBase.spec.d.ts +1 -0
  77. package/dist/components/Modal/ModalCloseButton.d.ts +6 -0
  78. package/dist/components/Modal/ModalHeader.d.ts +9 -0
  79. package/dist/{src/components → components}/Modal/ModalPortal.d.ts +1 -1
  80. package/dist/components/Modal/StoriesComponents.d.ts +4 -0
  81. package/dist/{src/components → components}/Modal/index.d.ts +2 -2
  82. package/dist/{src/components → components}/NumericInput/NumericInput.d.ts +1 -1
  83. package/dist/components/NumericInput/NumericInput.spec.d.ts +1 -0
  84. package/dist/components/NumericInput/index.d.ts +1 -0
  85. package/dist/components/Picker/Picker.d.ts +80 -0
  86. package/dist/components/Picker/Picker.spec.d.ts +1 -0
  87. package/dist/components/Picker/Picker.stories.d.ts +10 -0
  88. package/dist/components/Picker/PickerList.d.ts +23 -0
  89. package/dist/components/Picker/PickerList.spec.d.ts +1 -0
  90. package/dist/components/Picker/Trigger.d.ts +17 -0
  91. package/dist/components/Picker/Trigger.spec.d.ts +1 -0
  92. package/dist/components/Picker/TriggerBody.d.ts +16 -0
  93. package/dist/components/Picker/TriggerBody.spec.d.ts +1 -0
  94. package/dist/components/Picker/constants.d.ts +21 -0
  95. package/dist/components/Picker/index.d.ts +2 -0
  96. package/dist/components/Popover/Popover.d.ts +34 -0
  97. package/dist/components/Popover/Popover.spec.d.ts +1 -0
  98. package/dist/components/Popover/Popover.stories.d.ts +13 -0
  99. package/dist/components/Progress/ProgressBar.d.ts +21 -0
  100. package/dist/components/Progress/ProgressBar.spec.d.ts +1 -0
  101. package/dist/components/Progress/ProgressBar.stories.d.ts +12 -0
  102. package/dist/{src/components → components}/Progress/ProgressCircle.d.ts +13 -1
  103. package/dist/components/Progress/ProgressCircle.spec.d.ts +1 -0
  104. package/dist/components/Progress/ProgressCircle.stories.d.ts +12 -0
  105. package/dist/components/Progress/constants.d.ts +4 -0
  106. package/dist/{src/components → components}/Progress/index.d.ts +1 -0
  107. package/dist/components/PromoBanner/PromoBanner.d.ts +40 -0
  108. package/dist/components/PromoBanner/PromoBanner.spec.d.ts +1 -0
  109. package/dist/components/PromoBanner/PromoBanner.stories.d.ts +11 -0
  110. package/dist/{src/components → components}/RadioButton/RadioButton.d.ts +2 -2
  111. package/dist/components/RadioButton/RadioButton.spec.d.ts +1 -0
  112. package/dist/components/RadioButton/RadioButton.stories.d.ts +13 -0
  113. package/dist/components/Search/Search.d.ts +36 -0
  114. package/dist/components/Search/Search.spec.d.ts +1 -0
  115. package/dist/components/Search/Search.stories.d.ts +19 -0
  116. package/dist/components/Search/index.d.ts +1 -0
  117. package/dist/components/SegmentedControl/SegmentedControl.d.ts +39 -0
  118. package/dist/components/SegmentedControl/SegmentedControl.spec.d.ts +1 -0
  119. package/dist/components/SegmentedControl/SegmentedControl.stories.d.ts +9 -0
  120. package/dist/components/SegmentedControl/index.d.ts +2 -0
  121. package/dist/{src/components → components}/Switch/Switch.d.ts +5 -8
  122. package/dist/components/Switch/Switch.spec.d.ts +1 -0
  123. package/dist/components/Switch/Switch.stories.d.ts +11 -0
  124. package/dist/components/Tab/Tab.d.ts +15 -0
  125. package/dist/components/Tab/Tab.spec.d.ts +1 -0
  126. package/dist/components/Tab/Tab.stories.d.ts +29 -0
  127. package/dist/components/Tab/TabsWrapper.spec.d.ts +1 -0
  128. package/dist/components/Tab/TabsWrapper.stories.d.ts +18 -0
  129. package/dist/components/Tag/Tag.d.ts +41 -0
  130. package/dist/components/Tag/Tag.spec.d.ts +1 -0
  131. package/dist/components/Tag/Tag.stories.d.ts +24 -0
  132. package/dist/{src/components → components}/TagInput/EmailTagInput.d.ts +1 -1
  133. package/dist/components/TagInput/TagInput.d.ts +32 -0
  134. package/dist/components/TagInput/TagInput.spec.d.ts +1 -0
  135. package/dist/components/TagInput/TagInput.stories.d.ts +10 -0
  136. package/dist/components/Textarea/Textarea.d.ts +6 -0
  137. package/dist/components/Textarea/Textarea.spec.d.ts +1 -0
  138. package/dist/components/Textarea/Textarea.stories.d.ts +7 -0
  139. package/dist/components/Textarea/index.d.ts +1 -0
  140. package/dist/components/Toast/Toast.d.ts +16 -0
  141. package/dist/components/Toast/Toast.spec.d.ts +1 -0
  142. package/dist/components/Toast/Toast.stories.d.ts +14 -0
  143. package/dist/{src/components → components}/Toast/ToastWrapper.d.ts +3 -10
  144. package/dist/components/Toast/ToastWrapper.spec.d.ts +1 -0
  145. package/dist/components/Toast/ToastWrapper.stories.d.ts +40 -0
  146. package/dist/components/Tooltip/Tooltip.d.ts +3 -0
  147. package/dist/components/Tooltip/Tooltip.spec.d.ts +1 -0
  148. package/dist/components/Tooltip/Tooltip.stories.d.ts +41 -0
  149. package/dist/components/Tooltip/components/FloatingComponent.d.ts +18 -0
  150. package/dist/components/Tooltip/components/Info.d.ts +8 -0
  151. package/dist/components/Tooltip/components/Interactive.d.ts +23 -0
  152. package/dist/components/Tooltip/components/Reports.d.ts +7 -0
  153. package/dist/components/Tooltip/components/Simple.d.ts +4 -0
  154. package/dist/components/Tooltip/components/UserGuide/SpotlightOverlay.d.ts +7 -0
  155. package/dist/components/Tooltip/components/UserGuide/UserGuide.d.ts +12 -0
  156. package/dist/components/Tooltip/components/UserGuide/UserGuideStep.d.ts +15 -0
  157. package/dist/components/Tooltip/components/UserGuide/index.d.ts +1 -0
  158. package/dist/components/Tooltip/components/UserGuide/virtualElementReference.d.ts +9 -0
  159. package/dist/components/Tooltip/components/index.d.ts +5 -0
  160. package/dist/components/Tooltip/helpers.d.ts +3 -0
  161. package/dist/components/Tooltip/index.d.ts +3 -0
  162. package/dist/components/Tooltip/types.d.ts +22 -0
  163. package/dist/{src/components → components}/Typography/Heading.d.ts +2 -2
  164. package/dist/{src/components → components}/Typography/Text.d.ts +2 -2
  165. package/dist/components/UploadBar/UploadBar.d.ts +49 -0
  166. package/dist/components/UploadBar/UploadBar.stories.d.ts +7 -0
  167. package/dist/components/UploadBar/index.d.ts +1 -0
  168. package/dist/dsrc.cjs.js +18 -1
  169. package/dist/dsrc.es.js +3845 -1817
  170. package/dist/dsrc.umd.js +18 -1
  171. package/dist/foundations/shadow-token.d.ts +5 -0
  172. package/dist/foundations/spacing-token.d.ts +17 -0
  173. package/dist/{src/index.d.ts → index.d.ts} +17 -4
  174. package/dist/preview-stats.json +2266 -0
  175. package/dist/stories/components/ColorTokens.d.ts +2 -0
  176. package/dist/stories/components/IconsShowcase.d.ts +6 -0
  177. package/dist/stories/components/Spacing.d.ts +2 -0
  178. package/dist/stories/components/SpacingExamples.d.ts +2 -0
  179. package/dist/stories/components/StoryDescriptor.d.ts +6 -0
  180. package/dist/stories/components/TablerIconsShowcase.d.ts +6 -0
  181. package/dist/style.css +1 -1
  182. package/dist/test/setup.d.ts +0 -0
  183. package/dist/test/utils.d.ts +3 -0
  184. package/dist/themes/design-token.d.ts +228 -0
  185. package/dist/utils/PdfIcon.d.ts +2 -0
  186. package/dist/utils/constants.d.ts +1 -0
  187. package/dist/utils/index.d.ts +1 -0
  188. package/dist/utils/story-parameters.d.ts +2 -0
  189. package/package.json +35 -21
  190. package/dist/src/components/Alert/Alert.d.ts +0 -19
  191. package/dist/src/components/Badge/Badge.d.ts +0 -5
  192. package/dist/src/components/Button/Button.d.ts +0 -13
  193. package/dist/src/components/Button/index.d.ts +0 -2
  194. package/dist/src/components/ButtonGroup/ButtonGroup.d.ts +0 -11
  195. package/dist/src/components/ButtonGroup/index.d.ts +0 -1
  196. package/dist/src/components/Card/Card.d.ts +0 -6
  197. package/dist/src/components/Checkbox/CheckboxField.d.ts +0 -7
  198. package/dist/src/components/Checkbox/index.d.ts +0 -2
  199. package/dist/src/components/Icon/Icon.d.ts +0 -70
  200. package/dist/src/components/Icon/index.d.ts +0 -1
  201. package/dist/src/components/InputField/InputField.d.ts +0 -15
  202. package/dist/src/components/InputField/index.d.ts +0 -1
  203. package/dist/src/components/Modal/ActionModal.d.ts +0 -8
  204. package/dist/src/components/Modal/ModalCloseButton.d.ts +0 -3
  205. package/dist/src/components/NumericInput/NumericInputField.d.ts +0 -19
  206. package/dist/src/components/NumericInput/index.d.ts +0 -2
  207. package/dist/src/components/Popover/Popover.d.ts +0 -15
  208. package/dist/src/components/Progress/constants.d.ts +0 -12
  209. package/dist/src/components/PromoBanner/PromoBanner.d.ts +0 -19
  210. package/dist/src/components/Tab/Tab.d.ts +0 -12
  211. package/dist/src/components/Tag/Tag.d.ts +0 -12
  212. package/dist/src/components/TagInput/TagInput.d.ts +0 -12
  213. package/dist/src/components/TextField/TextField.d.ts +0 -13
  214. package/dist/src/components/TextField/index.d.ts +0 -1
  215. package/dist/src/components/Toast/Toast.d.ts +0 -22
  216. package/dist/src/themes/designTokens.d.ts +0 -126
  217. package/dist/src/vite-env.d.ts +0 -1
  218. /package/dist/{src/components → components}/Alert/index.d.ts +0 -0
  219. /package/dist/{src/components → components}/Badge/index.d.ts +0 -0
  220. /package/dist/{src/components → components}/Card/index.d.ts +0 -0
  221. /package/dist/{src/components → components}/FieldDescription/index.d.ts +0 -0
  222. /package/dist/{src/components → components}/FieldError/index.d.ts +0 -0
  223. /package/dist/{src/components → components}/FieldGroup/index.d.ts +0 -0
  224. /package/dist/{src/components → components}/Form/index.d.ts +0 -0
  225. /package/dist/{src/components → components}/FormGroup/index.d.ts +0 -0
  226. /package/dist/{src/components → components}/Link/Link.d.ts +0 -0
  227. /package/dist/{src/components → components}/Link/index.d.ts +0 -0
  228. /package/dist/{src/components → components}/Loader/index.d.ts +0 -0
  229. /package/dist/{src/components → components}/Popover/index.d.ts +0 -0
  230. /package/dist/{src/components → components}/Progress/helpers.d.ts +0 -0
  231. /package/dist/{src/components → components}/PromoBanner/index.d.ts +0 -0
  232. /package/dist/{src/components → components}/RadioButton/index.d.ts +0 -0
  233. /package/dist/{src/components → components}/Switch/index.d.ts +0 -0
  234. /package/dist/{src/components → components}/Tab/TabsWrapper.d.ts +0 -0
  235. /package/dist/{src/components → components}/Tab/index.d.ts +0 -0
  236. /package/dist/{src/components → components}/Tag/index.d.ts +0 -0
  237. /package/dist/{src/components → components}/TagInput/EditableTag.d.ts +0 -0
  238. /package/dist/{src/components → components}/TagInput/EditableTagContent.d.ts +0 -0
  239. /package/dist/{src/components → components}/TagInput/index.d.ts +0 -0
  240. /package/dist/{src/components → components}/Toast/index.d.ts +0 -0
  241. /package/dist/{src/components → components}/Typography/index.d.ts +0 -0
  242. /package/dist/{src/utils → utils}/keyCodes.d.ts +0 -0
  243. /package/dist/{src/utils → utils}/noop.d.ts +0 -0
@@ -0,0 +1,228 @@
1
+ export declare const DesignToken: {
2
+ Background: string;
3
+ Background01: string;
4
+ Background02: string;
5
+ Background03: string;
6
+ SurfaceBasicDefault: string;
7
+ SurfacePrimaryDefault: string;
8
+ SurfaceBasicSubtle: string;
9
+ SurfaceSecondaryDefault: string;
10
+ SurfaceSecondaryHover: string;
11
+ SurfaceSecondaryActive: string;
12
+ SurfaceSecondaryDisabled: string;
13
+ SurfaceBasicHover: string;
14
+ SurfacePrimaryHover: string;
15
+ SurfaceBasicActive: string;
16
+ SurfacePrimaryActive: string;
17
+ SurfacePrimaryActiveColored: string;
18
+ SurfaceBasicDisabled: string;
19
+ SurfacePrimaryDisabled: string;
20
+ SurfaceTertiaryDefault: string;
21
+ SurfaceSecondarySubtle: string;
22
+ SurfaceModerateDefault: string;
23
+ SurfaceModerateHover: string;
24
+ SurfaceModerateActive: string;
25
+ SurfaceTertiaryHover: string;
26
+ SurfaceTertiaryActive: string;
27
+ SurfaceTertiaryDisabled: string;
28
+ SurfaceFeedbackInfo: string;
29
+ SurfaceAccentEmphasisLowInfo: string;
30
+ SurfaceFeedbackNegative: string;
31
+ SurfaceAccentEmphasisLowNegative: string;
32
+ SurfaceFeedbackWarning: string;
33
+ SurfaceAccentEmphasisLowWarning: string;
34
+ SurfaceFeedbackPositive: string;
35
+ SurfaceAccentEmphasisLowPositive: string;
36
+ SurfaceAccentEmphasisLowPurple: string;
37
+ SurfaceAccentEmphasisMinInfo: string;
38
+ SurfaceAccentEmphasisMinNegative: string;
39
+ SurfaceAccentEmphasisMinWarning: string;
40
+ SurfaceAccentEmphasisMinPositive: string;
41
+ SurfaceAccentEmphasisMinPurple: string;
42
+ SurfaceInvertDefault: string;
43
+ SurfaceInvertPrimary: string;
44
+ SurfaceInvertSubtle: string;
45
+ SurfaceInvertSecondary: string;
46
+ SurfaceInvertDisabled: string;
47
+ SurfaceLockedDefault: string;
48
+ SurfaceLockedHover: string;
49
+ SurfaceLockedActive: string;
50
+ SurfaceLockedDisabled: string;
51
+ SurfaceLockedWhite: string;
52
+ SurfaceLockedBlack: string;
53
+ SurfaceAccentEmphasisHighInfo: string;
54
+ SurfaceAccentEmphasisHighNegative: string;
55
+ SurfaceAccentEmphasisHighWarning: string;
56
+ SurfaceAccentEmphasisHighPositive: string;
57
+ SurfaceAccentEmphasisHighPurple: string;
58
+ SurfaceOverlay: string;
59
+ SurfaceOtherOverlay: string;
60
+ SurfaceOtherAgent: string;
61
+ SurfaceOtherSkeleton: string;
62
+ SurfaceGradient01: string;
63
+ SurfaceGradient02: string;
64
+ ContentDefault: string;
65
+ ContentBasicPrimary: string;
66
+ ContentSubtle: string;
67
+ ContentBasicSecondary: string;
68
+ ContentDisabled: string;
69
+ ContentBasicDisabled: string;
70
+ ContentBasicNegative: string;
71
+ ContentBasicWarning: string;
72
+ ContentBasicPositive: string;
73
+ ContentBasicInfo: string;
74
+ ContentBasicPurple: string;
75
+ ContentBasicGradient01: string;
76
+ ContentWhiteLocked: string;
77
+ ContentLockedWhite: string;
78
+ ContentBlackLocked: string;
79
+ ContentLockedBlack: string;
80
+ ContentLockedDefault: string;
81
+ ContentLockedHover: string;
82
+ ContentLockedActive: string;
83
+ ContentLockedDisabled: string;
84
+ ContentInvertDefault: string;
85
+ ContentInvertPrimary: string;
86
+ ContentInvertSubtle: string;
87
+ ContentInvertSecondary: string;
88
+ ContentInvertDisabled: string;
89
+ ContentInvertGradient01: string;
90
+ BorderDefault: string;
91
+ BorderBasicPrimary: string;
92
+ BorderBasicSecondary: string;
93
+ BorderSubtle: string;
94
+ BorderBasicTertiary: string;
95
+ BorderHover: string;
96
+ BorderBasicHover: string;
97
+ BorderDisabled: string;
98
+ BorderBasicDisabled: string;
99
+ BorderBasicNegative: string;
100
+ BorderBasicWarning: string;
101
+ BorderBasicPositive: string;
102
+ BorderBasicInfo: string;
103
+ BorderBasicPurple: string;
104
+ BorderInvertDefault: string;
105
+ BorderInvertPrimary: string;
106
+ BorderInvertSubtle: string;
107
+ BorderInvertSecondary: string;
108
+ BorderInvertHover: string;
109
+ BorderInvertDisabled: string;
110
+ ColorActionActive: string;
111
+ ActionPrimaryActive: string;
112
+ ColorActionHover: string;
113
+ ActionPrimaryHover: string;
114
+ ColorActionDefault: string;
115
+ ActionPrimaryDefault: string;
116
+ ColorActionDefaultRgb: string;
117
+ ColorActionDisabled: string;
118
+ ActionPrimaryDisabled: string;
119
+ ColorNegativeActive: string;
120
+ ActionNegativeActive: string;
121
+ ColorNegativeHover: string;
122
+ ActionNegativeHover: string;
123
+ ColorNegativeDefault: string;
124
+ ActionNegativeDefault: string;
125
+ ColorNegativeDisabled: string;
126
+ ActionNegativeDisabled: string;
127
+ ColorWarningDefault: string;
128
+ ActionWarningDefault: string;
129
+ ColorWarningHover: string;
130
+ ActionWarningHover: string;
131
+ ColorPositiveDefault: string;
132
+ ActionPositiveDefault: string;
133
+ ColorPositiveHover: string;
134
+ ActionPositiveHover: string;
135
+ ColorPositiveDisabled: string;
136
+ ActionPositiveDisabled: string;
137
+ ActionNeutralDefault: string;
138
+ ActionNeutralHover: string;
139
+ ActionNeutralDisabled: string;
140
+ ColorBot: string;
141
+ SurfaceOtherBot: string;
142
+ ColorBlack: string;
143
+ ColorWhite: string;
144
+ DecorBlue900: string;
145
+ DecorBlue800: string;
146
+ DecorBlue700: string;
147
+ DecorBlue600: string;
148
+ DecorBlue500: string;
149
+ DecorBlue400: string;
150
+ DecorBlue300: string;
151
+ DecorBlue200: string;
152
+ DecorBlue100: string;
153
+ DecorBlue50: string;
154
+ DecorOrange900: string;
155
+ DecorOrange800: string;
156
+ DecorOrange700: string;
157
+ DecorOrange600: string;
158
+ DecorOrange500: string;
159
+ DecorOrange400: string;
160
+ DecorOrange300: string;
161
+ DecorOrange200: string;
162
+ DecorOrange100: string;
163
+ DecorOrange50: string;
164
+ DecorYellow900: string;
165
+ DecorYellow800: string;
166
+ DecorYellow700: string;
167
+ DecorYellow600: string;
168
+ DecorYellow500: string;
169
+ DecorYellow400: string;
170
+ DecorYellow300: string;
171
+ DecorYellow200: string;
172
+ DecorYellow100: string;
173
+ DecorYellow50: string;
174
+ DecorGray950: string;
175
+ DecorGray900: string;
176
+ DecorGray800: string;
177
+ DecorGray700: string;
178
+ DecorGray600: string;
179
+ DecorGray500: string;
180
+ DecorGray400: string;
181
+ DecorGray300: string;
182
+ DecorGray200: string;
183
+ DecorGray150: string;
184
+ DecorGray100: string;
185
+ DecorGray75: string;
186
+ DecorGray50: string;
187
+ DecorGray40: string;
188
+ DecorGray20: string;
189
+ DecorGreen900: string;
190
+ DecorGreen800: string;
191
+ DecorGreen700: string;
192
+ DecorGreen600: string;
193
+ DecorGreen500: string;
194
+ DecorGreen400: string;
195
+ DecorGreen300: string;
196
+ DecorGreen200: string;
197
+ DecorGreen100: string;
198
+ DecorGreen50: string;
199
+ DecorRed900: string;
200
+ DecorRed800: string;
201
+ DecorRed700: string;
202
+ DecorRed600: string;
203
+ DecorRed500: string;
204
+ DecorRed400: string;
205
+ DecorRed300: string;
206
+ DecorRed200: string;
207
+ DecorRed100: string;
208
+ DecorRed50: string;
209
+ DecorPurple900: string;
210
+ DecorPurple800: string;
211
+ DecorPurple700: string;
212
+ DecorPurple600: string;
213
+ DecorPurple500: string;
214
+ DecorPurple400: string;
215
+ DecorPurple300: string;
216
+ DecorPurple200: string;
217
+ DecorPurple100: string;
218
+ DecorPurple50: string;
219
+ ProductsLivechat: string;
220
+ ProductsHelpdesk: string;
221
+ ProductsChatbot: string;
222
+ ProductsKnowledgebase: string;
223
+ IllustrationsPrimary: string;
224
+ IllustrationsSecondary: string;
225
+ IllustrationsStroke: string;
226
+ TagSurface01: string;
227
+ TagContent01: string;
228
+ };
@@ -0,0 +1,2 @@
1
+ import * as React from 'react';
2
+ export declare const PdfIcon: React.FC;
@@ -0,0 +1 @@
1
+ export type Size = 'compact' | 'medium' | 'large';
@@ -0,0 +1 @@
1
+ export type { Size } from './constants';
@@ -0,0 +1,2 @@
1
+ import { Parameters } from '@storybook/react';
2
+ export declare const DISABLED_CONTROLS: Parameters;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@livechat/design-system-react-components",
3
- "version": "1.0.0-alpha.6",
3
+ "version": "1.0.0-alpha.61",
4
4
  "description": "",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -10,63 +10,77 @@
10
10
  "main": "./dist/dsrc.cjs.js",
11
11
  "module": "./dist/dsrc.es.js",
12
12
  "unpkg": "./dist/dsrc.umd.js",
13
- "types": "./dist/src/index.d.ts",
13
+ "types": "./dist/index.d.ts",
14
14
  "files": [
15
15
  "dist"
16
16
  ],
17
17
  "scripts": {
18
18
  "dev": "run-p dev:*",
19
- "dev:storybook": "start-storybook -p 6006 --quiet",
19
+ "dev:storybook": "storybook dev -p 6006 --quiet",
20
20
  "dev:lib": "vite build -w",
21
21
  "dev:styles": "npm run build:styles -- --watch",
22
- "build": "run-s build:*",
22
+ "build": "run-s build:styles build:lib",
23
23
  "build:lib": "tsc && vite build",
24
- "build:styles": "sass src/themes:dist/themes",
25
- "build-storybook": "build-storybook",
26
- "chromatic": "dotenv -e ../../.env chromatic -- --exit-zero-on-changes",
24
+ "build:styles": "sass src/themes:dist/themes; sass src/foundations:dist/spacing; sass src/foundations:dist/shadow",
25
+ "build-storybook": "export SET NODE_OPTIONS=--openssl-legacy-provider && storybook build",
26
+ "chromatic": "dotenv -e ../../.env chromatic -- --exit-zero-on-changes --only-changed --skip 'dependabot/**'",
27
27
  "lint": "eslint src --ext js,jsx,ts,tsx",
28
28
  "test": "vitest run",
29
29
  "test:watch": "vitest watch",
30
30
  "test:coverage": "vitest run --coverage"
31
31
  },
32
32
  "peerDependencies": {
33
- "react": "^17.0.2",
34
- "react-dom": "^17.0.2"
33
+ "react": ">= 17.0.2",
34
+ "react-dom": ">= 17.0.2"
35
35
  },
36
36
  "devDependencies": {
37
37
  "@babel/core": "^7.17.7",
38
- "@storybook/addon-actions": "^6.4.13",
39
- "@storybook/addon-essentials": "^6.4.13",
40
- "@storybook/addon-links": "^6.4.13",
41
- "@storybook/react": "^6.4.13",
38
+ "@storybook/addon-a11y": "^7.0.26",
39
+ "@storybook/addon-actions": "^7.0.26",
40
+ "@storybook/addon-docs": "^7.0.26",
41
+ "@storybook/addon-essentials": "^7.0.26",
42
+ "@storybook/addon-links": "^7.0.26",
43
+ "@storybook/core-common": "^7.0.26",
44
+ "@storybook/react": "^7.0.26",
45
+ "@storybook/react-vite": "^7.0.26",
42
46
  "@testing-library/jest-dom": "^5.16.2",
43
47
  "@testing-library/react": "^12.1.4",
44
48
  "@testing-library/user-event": "^13.5.0",
49
+ "@types/lodash.debounce": "^4.0.6",
45
50
  "@types/lodash.escape": "^4.0.6",
46
51
  "@types/react": "^17.0.33",
47
52
  "@types/react-dom": "^17.0.10",
48
53
  "@types/react-transition-group": "^4.4.4",
49
54
  "@vitejs/plugin-react": "^1.0.7",
50
55
  "babel-loader": "^8.2.3",
51
- "chromatic": "^5.9.2",
56
+ "chromatic": "^6.19.7",
52
57
  "jsdom": "^19.0.0",
53
58
  "react": "^17.0.2",
54
59
  "react-dom": "^17.0.2",
55
60
  "sass": "^1.49.9",
61
+ "storybook": "^7.0.26",
56
62
  "storybook-addon-themes": "^6.1.0",
57
- "storybook-builder-vite": "^0.1.20",
63
+ "storybook-mock-date-decorator": "^1.0.1",
58
64
  "typescript": "^4.5.4",
59
- "vite": "^2.8.0",
60
- "vite-plugin-dts": "^0.9.10",
61
- "vitest": "^0.6.3"
65
+ "vite": "^4.3.9",
66
+ "vite-plugin-dts": "^3.0.0-beta.3",
67
+ "vite-plugin-turbosnap": "^1.0.2",
68
+ "vitest": "^0.31.0"
62
69
  },
63
70
  "dependencies": {
64
- "@livechat/design-system-icons": "^1.0.0-alpha.6",
71
+ "@emotion/css": "^11.9.0",
72
+ "@floating-ui/react-dom": "^0.7.0",
73
+ "@floating-ui/react-dom-interactions": "^0.6.1",
74
+ "@livechat/data-utils": "^0.2.16",
75
+ "@livechat/design-system-icons": "^1.0.0-alpha.58",
65
76
  "@popperjs/core": "^2.11.2",
66
77
  "clsx": "^1.1.1",
78
+ "date-fns": "^2.28.0",
79
+ "lodash.debounce": "^4.0.8",
67
80
  "lodash.escape": "^4.0.1",
68
81
  "polished": "^4.1.3",
69
- "react-popper": "^2.2.5",
82
+ "react-day-picker": "^7.4.10",
70
83
  "react-transition-group": "^4.4.2"
71
- }
84
+ },
85
+ "gitHead": "6eae54d73dd6e889e2a79cc618c8e1812df3f040"
72
86
  }
@@ -1,19 +0,0 @@
1
- import * as React from 'react';
2
- export declare enum AlertSize {
3
- Small = "small",
4
- Medium = "medium",
5
- Large = "large"
6
- }
7
- export declare enum AlertType {
8
- Info = "info",
9
- Warning = "warning",
10
- Success = "success",
11
- Error = "error"
12
- }
13
- export interface AlertProps {
14
- className?: string;
15
- size?: AlertSize;
16
- type?: AlertType;
17
- onClose?: () => void;
18
- }
19
- export declare const Alert: React.FC<AlertProps>;
@@ -1,5 +0,0 @@
1
- import * as React from 'react';
2
- export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
3
- secondary?: boolean;
4
- }
5
- export declare const Badge: React.FC<BadgeProps>;
@@ -1,13 +0,0 @@
1
- import * as React from 'react';
2
- export declare type ButtonSize = 'compact' | 'medium' | 'large';
3
- export declare type ButtonProps = {
4
- kind?: 'basic' | 'primary' | 'secondary' | 'destructive' | 'text' | 'plain' | 'plain-light';
5
- size?: ButtonSize;
6
- disabled?: boolean;
7
- loading?: boolean;
8
- fullWidth?: boolean;
9
- loaderLabel?: string;
10
- icon?: React.ReactElement;
11
- iconPosition?: 'left' | 'right';
12
- } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement>;
13
- export declare const Button: React.FC<ButtonProps>;
@@ -1,2 +0,0 @@
1
- export { Button } from './Button';
2
- export type { ButtonSize, ButtonProps } from './Button';
@@ -1,11 +0,0 @@
1
- import * as React from 'react';
2
- import { ButtonSize, ButtonProps } from '../Button';
3
- export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
4
- currentIndex?: number;
5
- initialIndex?: number;
6
- fullWidth?: boolean;
7
- size?: ButtonSize;
8
- children: ReadonlyArray<React.ReactElement<React.PropsWithChildren<ButtonProps>>>;
9
- onIndexChange?: (currentIndex: number, event: React.MouseEvent<HTMLButtonElement>) => void;
10
- }
11
- export declare const ButtonGroup: React.FC<ButtonGroupProps>;
@@ -1 +0,0 @@
1
- export { ButtonGroup } from './ButtonGroup';
@@ -1,6 +0,0 @@
1
- import * as React from 'react';
2
- export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
3
- title: string;
4
- img?: string;
5
- }
6
- export declare const Card: React.FC<CardProps>;
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- export interface ICheckboxFieldProps extends React.HTMLAttributes<HTMLInputElement> {
3
- description?: string;
4
- checked?: boolean;
5
- disabled?: boolean;
6
- }
7
- export declare const CheckboxField: React.FC<ICheckboxFieldProps>;
@@ -1,2 +0,0 @@
1
- export { Checkbox } from './Checkbox';
2
- export { CheckboxField } from './CheckboxField';
@@ -1,70 +0,0 @@
1
- import * as React from 'react';
2
- export declare enum IconSizeName {
3
- XSmall = "xsmall",
4
- Small = "small",
5
- Medium = "medium",
6
- Large = "large",
7
- XLarge = "xlarge"
8
- }
9
- export declare const IconSize: {
10
- xsmall: {
11
- width: number;
12
- height: number;
13
- };
14
- small: {
15
- width: number;
16
- height: number;
17
- };
18
- medium: {
19
- width: number;
20
- height: number;
21
- };
22
- large: {
23
- width: number;
24
- height: number;
25
- };
26
- xlarge: {
27
- width: number;
28
- height: number;
29
- };
30
- };
31
- export declare enum IconTypeName {
32
- Primary = "primary",
33
- Subtle = "subtle",
34
- Inverted = "inverted",
35
- InvertedSubtle = "inverted_subtle",
36
- Link = "link",
37
- Success = "success",
38
- Warning = "warning",
39
- Error = "error"
40
- }
41
- export declare const IconColorMapper: {
42
- primary: string;
43
- subtle: string;
44
- inverted: string;
45
- inverted_subtle: string;
46
- link: string;
47
- success: string;
48
- warning: string;
49
- error: string;
50
- };
51
- export declare const IconColorDisabledMapper: {
52
- primary: string;
53
- subtle: string;
54
- inverted: string;
55
- inverted_subtle: string;
56
- link: string;
57
- success: string;
58
- warning: string;
59
- error: string;
60
- };
61
- export interface IconProps {
62
- source: React.FC<React.SVGProps<SVGSVGElement>> | string;
63
- size?: IconSizeName;
64
- iconType?: IconTypeName;
65
- disabled?: boolean;
66
- className?: string;
67
- customColor?: string;
68
- }
69
- export declare const Icon: React.FC<IconProps>;
70
- export default Icon;
@@ -1 +0,0 @@
1
- export { Icon, IconSizeName, IconTypeName } from './Icon';
@@ -1,15 +0,0 @@
1
- import * as React from 'react';
2
- export interface InputFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
3
- id: string;
4
- labelText?: string;
5
- labelAdornment?: React.ReactNode;
6
- className?: string;
7
- inline?: boolean;
8
- error?: string;
9
- description?: React.ReactNode;
10
- labelRightNode?: React.ReactNode;
11
- fieldClassName?: string;
12
- maxLength?: number;
13
- onChange: () => void;
14
- }
15
- export declare const InputField: React.FC<InputFieldProps>;
@@ -1 +0,0 @@
1
- export { InputField } from './InputField';
@@ -1,8 +0,0 @@
1
- import * as React from 'react';
2
- import { ModalBaseProps } from './ModalBase';
3
- export interface ActionModalProps extends ModalBaseProps {
4
- icon?: React.ReactNode;
5
- heading?: React.ReactNode;
6
- actions?: React.ReactNode;
7
- }
8
- export declare const ActionModal: React.FC<ActionModalProps>;
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- export declare type ModalCloseButtonProps = React.HTMLAttributes<HTMLButtonElement>;
3
- export declare const ModalCloseButton: React.FC<ModalCloseButtonProps>;
@@ -1,19 +0,0 @@
1
- import * as React from 'react';
2
- interface Props {
3
- id: string;
4
- labelText?: string;
5
- labelAdornment?: React.ReactNode;
6
- className?: string;
7
- inline?: boolean;
8
- error?: string;
9
- description?: React.ReactNode;
10
- labelRightNode?: React.ReactNode;
11
- fieldClassName?: string;
12
- value: string;
13
- max?: number;
14
- min?: number;
15
- onChange: (value: string) => void;
16
- }
17
- export declare type NumericInputFieldProps = Props & React.InputHTMLAttributes<HTMLInputElement>;
18
- export declare const NumericInputField: React.FC<NumericInputFieldProps>;
19
- export {};
@@ -1,2 +0,0 @@
1
- export { NumericInput } from './NumericInput';
2
- export { NumericInputField } from './NumericInputField';
@@ -1,15 +0,0 @@
1
- import * as React from 'react';
2
- import * as PopperCore from '@popperjs/core';
3
- declare type PopoverModifiers = {
4
- [key: string]: Partial<PopperCore.StrictModifiers>;
5
- };
6
- export interface IPopoverProps {
7
- children?: React.ReactNode;
8
- className?: string;
9
- modifiers?: PopoverModifiers;
10
- placement?: PopperCore.Placement;
11
- isVisible?: boolean;
12
- triggerRenderer: () => React.ReactNode;
13
- }
14
- export declare const Popover: React.FC<IPopoverProps>;
15
- export {};
@@ -1,12 +0,0 @@
1
- export declare const enum ProgressStatus {
2
- Normal = "normal",
3
- Error = "error",
4
- Success = "success"
5
- }
6
- export declare const enum ProgressSize {
7
- Small = "small",
8
- Medium = "medium",
9
- Large = "large"
10
- }
11
- export declare const PROGRESS_STATUSES: ProgressStatus[];
12
- export declare const PROGRESS_SIZES: ProgressSize[];
@@ -1,19 +0,0 @@
1
- import * as React from 'react';
2
- export declare const enum PromoBannerSize {
3
- Small = "small",
4
- Medium = "medium",
5
- Large = "large"
6
- }
7
- export interface PromoBannerProps {
8
- className?: string;
9
- buttonText?: string;
10
- header: string;
11
- img?: string;
12
- light?: boolean;
13
- linkText?: string;
14
- size?: PromoBannerSize;
15
- onButtonClick?: () => void;
16
- onClose?: () => void;
17
- onLinkClick?: () => void;
18
- }
19
- export declare const PromoBanner: React.FC<PromoBannerProps>;
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- declare type HTMLProps = (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
3
- href: string;
4
- }) | (React.ButtonHTMLAttributes<HTMLButtonElement> & {
5
- href?: never;
6
- });
7
- export declare type TabProps = HTMLProps & {
8
- description?: React.ReactNode;
9
- isSelected?: boolean;
10
- };
11
- export declare const Tab: React.FC<TabProps>;
12
- export {};
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
3
- kind?: 'default' | 'info' | 'warning' | 'success' | 'error';
4
- size?: 'medium' | 'large';
5
- customColor?: string;
6
- dismissible?: boolean;
7
- outline?: boolean;
8
- onRemove?(): void;
9
- icon?: React.FC<React.SVGProps<SVGSVGElement>> | string;
10
- avatar?: string;
11
- }
12
- export declare const Tag: React.FC<TagProps>;
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- declare type Tags = string[];
3
- export interface TagInputProps {
4
- error?: string;
5
- tags?: Tags;
6
- onChange: (tags: Tags) => void;
7
- placeholder?: string;
8
- validator?: (val: string) => boolean;
9
- size?: 'medium' | 'large';
10
- }
11
- export declare const TagInput: React.FC<TagInputProps>;
12
- export {};
@@ -1,13 +0,0 @@
1
- import * as React from 'react';
2
- export interface TextFieldProps {
3
- labelText?: string;
4
- labelAdornment?: React.ReactNode;
5
- labelFor?: string;
6
- className?: string;
7
- inline?: boolean;
8
- error?: string;
9
- description?: React.ReactNode;
10
- children?: React.ReactNode;
11
- labelRightNode?: React.ReactNode;
12
- }
13
- export declare const TextField: React.FC<TextFieldProps>;