@livechat/design-system-react-components 1.0.0-refresh-ui.2 → 1.0.0

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 (220) hide show
  1. package/dist/dsrc.cjs.js +10 -10
  2. package/dist/dsrc.es.js +2822 -2428
  3. package/dist/preview-stats.json +2131 -598
  4. package/dist/style.css +1 -1
  5. package/package.json +3 -4
  6. package/dist/components/ActionMenu/ActionMenu.d.ts +0 -35
  7. package/dist/components/ActionMenu/ActionMenu.spec.d.ts +0 -1
  8. package/dist/components/ActionMenu/ActionMenu.stories.d.ts +0 -11
  9. package/dist/components/ActionMenu/ActionMenuItem.d.ts +0 -16
  10. package/dist/components/ActionMenu/constants.d.ts +0 -21
  11. package/dist/components/ActionMenu/index.d.ts +0 -2
  12. package/dist/components/Alert/Alert.d.ts +0 -32
  13. package/dist/components/Alert/Alert.spec.d.ts +0 -1
  14. package/dist/components/Alert/Alert.stories.d.ts +0 -9
  15. package/dist/components/Alert/index.d.ts +0 -1
  16. package/dist/components/Avatar/Avatar.d.ts +0 -49
  17. package/dist/components/Avatar/Avatar.helpers.d.ts +0 -2
  18. package/dist/components/Avatar/Avatar.spec.d.ts +0 -1
  19. package/dist/components/Avatar/Avatar.stories.d.ts +0 -22
  20. package/dist/components/Avatar/index.d.ts +0 -1
  21. package/dist/components/Badge/Badge.d.ts +0 -24
  22. package/dist/components/Badge/Badge.helpers.d.ts +0 -1
  23. package/dist/components/Badge/Badge.spec.d.ts +0 -1
  24. package/dist/components/Badge/Badge.stories.d.ts +0 -12
  25. package/dist/components/Badge/index.d.ts +0 -1
  26. package/dist/components/Button/Button.d.ts +0 -63
  27. package/dist/components/Button/Button.spec.d.ts +0 -1
  28. package/dist/components/Button/Button.stories.d.ts +0 -42
  29. package/dist/components/Button/index.d.ts +0 -2
  30. package/dist/components/Card/Card.d.ts +0 -30
  31. package/dist/components/Card/Card.spec.d.ts +0 -1
  32. package/dist/components/Card/Card.stories.d.ts +0 -11
  33. package/dist/components/Card/index.d.ts +0 -2
  34. package/dist/components/Checkbox/Checkbox.d.ts +0 -16
  35. package/dist/components/Checkbox/Checkbox.spec.d.ts +0 -1
  36. package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -13
  37. package/dist/components/Checkbox/index.d.ts +0 -1
  38. package/dist/components/DatePicker/DatePicker.d.ts +0 -4
  39. package/dist/components/DatePicker/DatePicker.spec.d.ts +0 -1
  40. package/dist/components/DatePicker/DatePicker.stories.d.ts +0 -7
  41. package/dist/components/DatePicker/DatePickerNavbar.d.ts +0 -4
  42. package/dist/components/DatePicker/DatePickerRangeCalendarsWrapper.d.ts +0 -2
  43. package/dist/components/DatePicker/RangeDatePicker.d.ts +0 -16
  44. package/dist/components/DatePicker/RangeDatePicker.spec.d.ts +0 -1
  45. package/dist/components/DatePicker/RangeDatePicker.stories.d.ts +0 -4
  46. package/dist/components/DatePicker/helpers.d.ts +0 -16
  47. package/dist/components/DatePicker/hooks.d.ts +0 -6
  48. package/dist/components/DatePicker/index.d.ts +0 -2
  49. package/dist/components/DatePicker/types.d.ts +0 -100
  50. package/dist/components/FieldDescription/FieldDescription.d.ts +0 -3
  51. package/dist/components/FieldDescription/index.d.ts +0 -1
  52. package/dist/components/FieldError/FieldError.d.ts +0 -3
  53. package/dist/components/FieldError/index.d.ts +0 -1
  54. package/dist/components/FieldGroup/FieldGroup.d.ts +0 -8
  55. package/dist/components/FieldGroup/FieldGroup.spec.d.ts +0 -1
  56. package/dist/components/FieldGroup/FieldGroup.stories.d.ts +0 -10
  57. package/dist/components/FieldGroup/index.d.ts +0 -1
  58. package/dist/components/FileUploadProgress/FileUploadProgress.d.ts +0 -42
  59. package/dist/components/FileUploadProgress/FileUploadProgress.stories.d.ts +0 -7
  60. package/dist/components/FileUploadProgress/FileUploadProgressActions.d.ts +0 -9
  61. package/dist/components/FileUploadProgress/index.d.ts +0 -2
  62. package/dist/components/Form/Form.d.ts +0 -16
  63. package/dist/components/Form/Form.spec.d.ts +0 -1
  64. package/dist/components/Form/Form.stories.d.ts +0 -8
  65. package/dist/components/Form/index.d.ts +0 -2
  66. package/dist/components/FormField/FormField.d.ts +0 -40
  67. package/dist/components/FormField/FormField.spec.d.ts +0 -1
  68. package/dist/components/FormField/FormField.stories.d.ts +0 -9
  69. package/dist/components/FormField/index.d.ts +0 -1
  70. package/dist/components/FormGroup/FormGroup.d.ts +0 -16
  71. package/dist/components/FormGroup/FormGroup.spec.d.ts +0 -1
  72. package/dist/components/FormGroup/FormGroup.stories.d.ts +0 -10
  73. package/dist/components/FormGroup/index.d.ts +0 -1
  74. package/dist/components/Icon/Icon.d.ts +0 -32
  75. package/dist/components/Icon/Icon.stories.d.ts +0 -15
  76. package/dist/components/Icon/index.d.ts +0 -1
  77. package/dist/components/Input/Input.d.ts +0 -25
  78. package/dist/components/Input/Input.spec.d.ts +0 -1
  79. package/dist/components/Input/Input.stories.d.ts +0 -10
  80. package/dist/components/Input/index.d.ts +0 -1
  81. package/dist/components/Link/Link.d.ts +0 -14
  82. package/dist/components/Link/Link.stories.d.ts +0 -12
  83. package/dist/components/Link/index.d.ts +0 -1
  84. package/dist/components/Loader/Loader.d.ts +0 -20
  85. package/dist/components/Loader/Loader.spec.d.ts +0 -1
  86. package/dist/components/Loader/Loader.stories.d.ts +0 -10
  87. package/dist/components/Loader/index.d.ts +0 -1
  88. package/dist/components/Modal/Modal.d.ts +0 -21
  89. package/dist/components/Modal/Modal.spec.d.ts +0 -1
  90. package/dist/components/Modal/Modal.stories.d.ts +0 -14
  91. package/dist/components/Modal/ModalBase.d.ts +0 -20
  92. package/dist/components/Modal/ModalBase.spec.d.ts +0 -1
  93. package/dist/components/Modal/ModalCloseButton.d.ts +0 -6
  94. package/dist/components/Modal/ModalHeader.d.ts +0 -9
  95. package/dist/components/Modal/ModalPortal.d.ts +0 -7
  96. package/dist/components/Modal/StoriesComponents.d.ts +0 -4
  97. package/dist/components/Modal/index.d.ts +0 -10
  98. package/dist/components/NumericInput/NumericInput.d.ts +0 -12
  99. package/dist/components/NumericInput/NumericInput.spec.d.ts +0 -1
  100. package/dist/components/NumericInput/NumericInput.stories.d.ts +0 -20
  101. package/dist/components/NumericInput/index.d.ts +0 -1
  102. package/dist/components/Picker/Picker.d.ts +0 -84
  103. package/dist/components/Picker/Picker.spec.d.ts +0 -1
  104. package/dist/components/Picker/Picker.stories.d.ts +0 -10
  105. package/dist/components/Picker/PickerList.d.ts +0 -14
  106. package/dist/components/Picker/PickerList.spec.d.ts +0 -1
  107. package/dist/components/Picker/PickerListItem.d.ts +0 -10
  108. package/dist/components/Picker/Trigger.d.ts +0 -17
  109. package/dist/components/Picker/Trigger.spec.d.ts +0 -1
  110. package/dist/components/Picker/TriggerBody.d.ts +0 -19
  111. package/dist/components/Picker/TriggerBody.spec.d.ts +0 -1
  112. package/dist/components/Picker/constants.d.ts +0 -22
  113. package/dist/components/Picker/index.d.ts +0 -3
  114. package/dist/components/Picker/types.d.ts +0 -11
  115. package/dist/components/Popover/Popover.d.ts +0 -34
  116. package/dist/components/Popover/Popover.spec.d.ts +0 -1
  117. package/dist/components/Popover/Popover.stories.d.ts +0 -13
  118. package/dist/components/Popover/index.d.ts +0 -1
  119. package/dist/components/Progress/ProgressBar.d.ts +0 -21
  120. package/dist/components/Progress/ProgressBar.spec.d.ts +0 -1
  121. package/dist/components/Progress/ProgressBar.stories.d.ts +0 -12
  122. package/dist/components/Progress/ProgressCircle.d.ts +0 -21
  123. package/dist/components/Progress/ProgressCircle.spec.d.ts +0 -1
  124. package/dist/components/Progress/ProgressCircle.stories.d.ts +0 -12
  125. package/dist/components/Progress/constants.d.ts +0 -4
  126. package/dist/components/Progress/helpers.d.ts +0 -3
  127. package/dist/components/Progress/index.d.ts +0 -2
  128. package/dist/components/PromoBanner/PromoBanner.d.ts +0 -40
  129. package/dist/components/PromoBanner/PromoBanner.spec.d.ts +0 -1
  130. package/dist/components/PromoBanner/PromoBanner.stories.d.ts +0 -11
  131. package/dist/components/PromoBanner/index.d.ts +0 -1
  132. package/dist/components/RadioButton/RadioButton.d.ts +0 -7
  133. package/dist/components/RadioButton/RadioButton.spec.d.ts +0 -1
  134. package/dist/components/RadioButton/RadioButton.stories.d.ts +0 -13
  135. package/dist/components/RadioButton/index.d.ts +0 -1
  136. package/dist/components/Search/Search.d.ts +0 -36
  137. package/dist/components/Search/Search.spec.d.ts +0 -1
  138. package/dist/components/Search/Search.stories.d.ts +0 -19
  139. package/dist/components/Search/index.d.ts +0 -1
  140. package/dist/components/SegmentedControl/SegmentedControl.d.ts +0 -39
  141. package/dist/components/SegmentedControl/SegmentedControl.spec.d.ts +0 -1
  142. package/dist/components/SegmentedControl/SegmentedControl.stories.d.ts +0 -9
  143. package/dist/components/SegmentedControl/index.d.ts +0 -2
  144. package/dist/components/Switch/Switch.d.ts +0 -47
  145. package/dist/components/Switch/Switch.spec.d.ts +0 -1
  146. package/dist/components/Switch/Switch.stories.d.ts +0 -11
  147. package/dist/components/Switch/index.d.ts +0 -1
  148. package/dist/components/Tab/Tab.d.ts +0 -15
  149. package/dist/components/Tab/Tab.spec.d.ts +0 -1
  150. package/dist/components/Tab/Tab.stories.d.ts +0 -29
  151. package/dist/components/Tab/TabsWrapper.d.ts +0 -3
  152. package/dist/components/Tab/TabsWrapper.spec.d.ts +0 -1
  153. package/dist/components/Tab/TabsWrapper.stories.d.ts +0 -18
  154. package/dist/components/Tab/index.d.ts +0 -2
  155. package/dist/components/Tag/Tag.d.ts +0 -41
  156. package/dist/components/Tag/Tag.spec.d.ts +0 -1
  157. package/dist/components/Tag/Tag.stories.d.ts +0 -24
  158. package/dist/components/Tag/index.d.ts +0 -1
  159. package/dist/components/TagInput/EditableTag.d.ts +0 -11
  160. package/dist/components/TagInput/EditableTagContent.d.ts +0 -11
  161. package/dist/components/TagInput/EmailTagInput.d.ts +0 -5
  162. package/dist/components/TagInput/TagInput.d.ts +0 -32
  163. package/dist/components/TagInput/TagInput.spec.d.ts +0 -1
  164. package/dist/components/TagInput/TagInput.stories.d.ts +0 -10
  165. package/dist/components/TagInput/index.d.ts +0 -4
  166. package/dist/components/Textarea/Textarea.d.ts +0 -6
  167. package/dist/components/Textarea/Textarea.spec.d.ts +0 -1
  168. package/dist/components/Textarea/Textarea.stories.d.ts +0 -7
  169. package/dist/components/Textarea/index.d.ts +0 -1
  170. package/dist/components/Toast/Toast.d.ts +0 -16
  171. package/dist/components/Toast/Toast.spec.d.ts +0 -1
  172. package/dist/components/Toast/Toast.stories.d.ts +0 -14
  173. package/dist/components/Toast/ToastWrapper.d.ts +0 -20
  174. package/dist/components/Toast/ToastWrapper.spec.d.ts +0 -1
  175. package/dist/components/Toast/ToastWrapper.stories.d.ts +0 -40
  176. package/dist/components/Toast/index.d.ts +0 -2
  177. package/dist/components/Tooltip/Tooltip.d.ts +0 -3
  178. package/dist/components/Tooltip/Tooltip.spec.d.ts +0 -1
  179. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -41
  180. package/dist/components/Tooltip/components/FloatingComponent.d.ts +0 -18
  181. package/dist/components/Tooltip/components/Info.d.ts +0 -8
  182. package/dist/components/Tooltip/components/Interactive.d.ts +0 -23
  183. package/dist/components/Tooltip/components/Reports.d.ts +0 -7
  184. package/dist/components/Tooltip/components/Simple.d.ts +0 -4
  185. package/dist/components/Tooltip/components/UserGuide/SpotlightOverlay.d.ts +0 -8
  186. package/dist/components/Tooltip/components/UserGuide/UserGuide.d.ts +0 -12
  187. package/dist/components/Tooltip/components/UserGuide/UserGuideStep.d.ts +0 -15
  188. package/dist/components/Tooltip/components/UserGuide/index.d.ts +0 -1
  189. package/dist/components/Tooltip/components/UserGuide/virtualElementReference.d.ts +0 -9
  190. package/dist/components/Tooltip/components/index.d.ts +0 -5
  191. package/dist/components/Tooltip/helpers.d.ts +0 -3
  192. package/dist/components/Tooltip/index.d.ts +0 -3
  193. package/dist/components/Tooltip/types.d.ts +0 -22
  194. package/dist/components/Typography/Heading.d.ts +0 -11
  195. package/dist/components/Typography/Text.d.ts +0 -15
  196. package/dist/components/Typography/index.d.ts +0 -2
  197. package/dist/components/UploadBar/UploadBar.d.ts +0 -49
  198. package/dist/components/UploadBar/UploadBar.stories.d.ts +0 -7
  199. package/dist/components/UploadBar/index.d.ts +0 -1
  200. package/dist/dsrc.umd.js +0 -18
  201. package/dist/foundations/radius-token.d.ts +0 -6
  202. package/dist/foundations/shadow-token.d.ts +0 -6
  203. package/dist/foundations/spacing-token.d.ts +0 -17
  204. package/dist/index.d.ts +0 -42
  205. package/dist/stories/components/BlockColumns.d.ts +0 -8
  206. package/dist/stories/components/ColorTokens.d.ts +0 -2
  207. package/dist/stories/components/IconsShowcase.d.ts +0 -6
  208. package/dist/stories/components/Spacing.d.ts +0 -2
  209. package/dist/stories/components/SpacingExamples.d.ts +0 -2
  210. package/dist/stories/components/StoryDescriptor.d.ts +0 -6
  211. package/dist/stories/components/TablerIconsShowcase.d.ts +0 -6
  212. package/dist/test/setup.d.ts +0 -0
  213. package/dist/test/utils.d.ts +0 -3
  214. package/dist/themes/design-token.d.ts +0 -228
  215. package/dist/utils/PdfIcon.d.ts +0 -2
  216. package/dist/utils/constants.d.ts +0 -1
  217. package/dist/utils/index.d.ts +0 -1
  218. package/dist/utils/keyCodes.d.ts +0 -12
  219. package/dist/utils/noop.d.ts +0 -1
  220. package/dist/utils/story-parameters.d.ts +0 -2
@@ -1,100 +0,0 @@
1
- import { Reducer, Ref, ReactElement } from 'react';
2
- import ReactDayPicker, { DayPickerProps } from 'react-day-picker';
3
- import { ClassNames } from 'react-day-picker/types/ClassNames';
4
- export interface IDatePickerProps extends Omit<DayPickerProps, 'todayButton' | 'showWeekNumbers'> {
5
- innerRef?: Ref<ReactDayPicker>;
6
- range?: boolean;
7
- }
8
- export interface IDatePickerNavbarProps {
9
- showPreviousButton?: boolean;
10
- showNextButton?: boolean;
11
- month: Date;
12
- fromMonth?: Date;
13
- toMonth?: Date;
14
- numberOfMonths?: number;
15
- className?: string;
16
- classNames: ClassNames;
17
- onPreviousClick?: () => void;
18
- onNextClick?: () => void;
19
- onMonthChange: (newMonth: Date) => void;
20
- }
21
- export declare enum RangeDatePickerAction {
22
- NEW_SELECTED_ITEM = "NEW_SELECTED_ITEM",
23
- NEW_TEMPORARY_TO_VALUE = "NEW_TEMPORARY_TO_VALUE",
24
- CLEAR = "CLEAR",
25
- SET_FROM = "SET_FROM",
26
- SET_TO = "SET_TO",
27
- SELECT_FIRST_DAY = "SELECT_FIRST_DAY",
28
- SELECT_SECOND_DAY_AS_FROM = "SELECT_SECOND_DAY_AS_FROM",
29
- SELECT_SECOND_DAY_AS_TO = "SELECT_SECOND_DAY_AS_TO",
30
- CURRENT_MONTH_CHANGE = "CURRENT_MONTH_CHANGE"
31
- }
32
- export type IRangeDatePickerReducerAction = {
33
- type: RangeDatePickerAction.NEW_SELECTED_ITEM;
34
- payload: {
35
- selectedItem: string | null;
36
- };
37
- } | {
38
- type: RangeDatePickerAction.NEW_TEMPORARY_TO_VALUE | RangeDatePickerAction.SELECT_FIRST_DAY | RangeDatePickerAction.SELECT_SECOND_DAY_AS_FROM | RangeDatePickerAction.SELECT_SECOND_DAY_AS_TO | RangeDatePickerAction.CURRENT_MONTH_CHANGE;
39
- payload: {
40
- date: Date;
41
- };
42
- } | {
43
- type: RangeDatePickerAction.SET_FROM | RangeDatePickerAction.SET_TO;
44
- payload: {
45
- date?: Date;
46
- };
47
- };
48
- export interface IRangeDatePickerState {
49
- selectedItem: string | null;
50
- from?: Date;
51
- to?: Date;
52
- temporaryTo?: Date;
53
- currentMonth: Date;
54
- }
55
- export type RangeDatePickerReducer = Reducer<IRangeDatePickerState, IRangeDatePickerReducerAction>;
56
- export interface IRangeDatePickerOption {
57
- id: string;
58
- label: string;
59
- isManual?: boolean;
60
- value: {
61
- from?: Date;
62
- to?: Date;
63
- } | null;
64
- }
65
- interface IRangeDatePickerChildrenPayloadDatePicker {
66
- modifiers?: DayPickerProps['modifiers'];
67
- initialMonth?: Date;
68
- month: Date;
69
- range?: boolean;
70
- numberOfMonths: number;
71
- fromMonth?: Date;
72
- toMonth?: Date;
73
- selectedDays?: DayPickerProps['selectedDays'];
74
- disabledDays?: DayPickerProps['disabledDays'];
75
- onDayMouseEnter: DayPickerProps['onDayMouseEnter'];
76
- onDayClick(day: Date): void;
77
- onMonthChange(month: Date): void;
78
- }
79
- export interface IRangeDatePickerChildrenPayload {
80
- select: {
81
- selected: string | number;
82
- onItemSelect(itemKey: string | number): void;
83
- };
84
- inputs: {
85
- fromDate?: Date;
86
- toDate?: Date;
87
- };
88
- datepicker: IRangeDatePickerChildrenPayloadDatePicker;
89
- selectedOption?: IRangeDatePickerOption;
90
- }
91
- export interface IRangeDatePickerProps {
92
- options: IRangeDatePickerOption[];
93
- initialSelectedItemKey?: string;
94
- initialFromDate?: Date;
95
- initialToDate?: Date;
96
- toMonth?: Date;
97
- onChange: (selected: IRangeDatePickerOption | null) => void;
98
- children(payload: IRangeDatePickerChildrenPayload): ReactElement;
99
- }
100
- export {};
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- export type FieldDescriptionProps = React.HTMLAttributes<HTMLSpanElement>;
3
- export declare const FieldDescription: React.FC<FieldDescriptionProps>;
@@ -1 +0,0 @@
1
- export { FieldDescription } from './FieldDescription';
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- export type FieldErrorProps = React.HTMLAttributes<HTMLSpanElement>;
3
- export declare const FieldError: React.FC<FieldErrorProps>;
@@ -1 +0,0 @@
1
- export { FieldError } from './FieldError';
@@ -1,8 +0,0 @@
1
- import * as React from 'react';
2
- export interface FieldGroupProps extends React.HTMLAttributes<HTMLDivElement> {
3
- description?: React.ReactNode;
4
- error?: string;
5
- inline?: boolean;
6
- stretch?: boolean;
7
- }
8
- export declare const FieldGroup: React.FC<React.PropsWithChildren<FieldGroupProps>>;
@@ -1 +0,0 @@
1
- export {};
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- import { FieldGroupProps } from './FieldGroup';
3
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, FieldGroupProps & {
4
- children?: React.ReactNode;
5
- }>;
6
- export default _default;
7
- export declare const FieldGroup: {
8
- ({ ...args }: FieldGroupProps): React.ReactElement;
9
- args: FieldGroupProps;
10
- };
@@ -1 +0,0 @@
1
- export { FieldGroup } from './FieldGroup';
@@ -1,42 +0,0 @@
1
- import * as React from 'react';
2
- import { ProgressSize, ProgressStatus } from '../Progress/constants';
3
- export type UploadProgressActionState = 'visible' | 'hover' | 'hidden';
4
- export interface FileUploadProgressProps {
5
- /**
6
- * Define if action buttons should be visible, visible on hover, or hidden
7
- */
8
- actionsVisibility?: UploadProgressActionState;
9
- /**
10
- * The CSS class for progress bar
11
- */
12
- className?: string;
13
- /**
14
- * Renders given element
15
- */
16
- icon?: React.ReactNode;
17
- /**
18
- * Specify the uploading file name
19
- */
20
- title: string;
21
- /**
22
- * Specify the value of current file upload progress (0-100)
23
- */
24
- progressValue: number;
25
- /**
26
- * Specify the progress bar size
27
- */
28
- size?: ProgressSize;
29
- /**
30
- * Specify the uploading file status
31
- */
32
- status?: ProgressStatus;
33
- /**
34
- * The event handler for close icon click
35
- */
36
- onCloseButtonClick?: () => void;
37
- /**
38
- * The event handler for retry icon click
39
- */
40
- onRetryButtonClick?: () => void;
41
- }
42
- export declare const FileUploadProgress: React.ExoticComponent<FileUploadProgressProps & React.RefAttributes<HTMLInputElement>>;
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- import { FileUploadProgressProps } from './FileUploadProgress';
3
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, FileUploadProgressProps & React.RefAttributes<HTMLInputElement>>;
4
- export default _default;
5
- export declare const FileUploadProgress: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, FileUploadProgressProps>;
6
- export declare const FileUploadProgressWithIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, FileUploadProgressProps>;
7
- export declare const FileUploadProgressStates: React.FC;
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- import { ProgressStatus } from '../Progress/constants';
3
- interface FileUploadProgressActionsProps {
4
- status: ProgressStatus;
5
- onCloseButtonClick?: () => void;
6
- onRetryButtonClick?: () => void;
7
- }
8
- export declare const FileUploadProgressActions: React.FC<FileUploadProgressActionsProps>;
9
- export {};
@@ -1,2 +0,0 @@
1
- export * from './FileUploadProgress';
2
- export * from './FileUploadProgressActions';
@@ -1,16 +0,0 @@
1
- import * as React from 'react';
2
- export interface FormProps extends React.HTMLAttributes<HTMLFormElement> {
3
- /**
4
- * Set form label
5
- */
6
- labelText?: string;
7
- /**
8
- * Set form description
9
- */
10
- helperText?: string;
11
- /**
12
- * Footer element
13
- */
14
- formFooter?: React.ReactNode;
15
- }
16
- export declare const Form: React.FC<React.PropsWithChildren<FormProps>>;
@@ -1 +0,0 @@
1
- export {};
@@ -1,8 +0,0 @@
1
- import * as React from 'react';
2
- import { Story } from '@storybook/react';
3
- import { FormProps } from '../Form';
4
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, FormProps & {
5
- children?: React.ReactNode;
6
- }>;
7
- export default _default;
8
- export declare const Form: Story<FormProps>;
@@ -1,2 +0,0 @@
1
- export { Form } from './Form';
2
- export type { FormProps } from './Form';
@@ -1,40 +0,0 @@
1
- import * as React from 'react';
2
- export interface FormFieldProps {
3
- /**
4
- * Define label text
5
- */
6
- labelText?: string;
7
- /**
8
- * Renders given element aligned to label, `inline` will affect
9
- */
10
- labelAdornment?: React.ReactNode;
11
- /**
12
- * Define to associate the label with the field
13
- */
14
- labelFor?: string;
15
- /**
16
- * The CSS class for field container
17
- */
18
- className?: string;
19
- /**
20
- * Set the label to inline version
21
- */
22
- inline?: boolean;
23
- /**
24
- * Define error text
25
- */
26
- error?: string;
27
- /**
28
- * Define the description text
29
- */
30
- description?: React.ReactNode;
31
- /**
32
- * Wrapped element
33
- */
34
- children?: React.ReactNode;
35
- /**
36
- * Renders given element above the filed
37
- */
38
- labelRightNode?: React.ReactNode;
39
- }
40
- export declare const FormField: React.FC<FormFieldProps>;
@@ -1 +0,0 @@
1
- export {};
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- import { FormFieldProps } from './FormField';
3
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, FormFieldProps & {
4
- children?: React.ReactNode;
5
- }>;
6
- export default _default;
7
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, FormFieldProps>;
8
- export declare const Examples: () => React.ReactElement;
9
- export declare const TextFieldWithError: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, FormFieldProps>;
@@ -1 +0,0 @@
1
- export * from './FormField';
@@ -1,16 +0,0 @@
1
- import * as React from 'react';
2
- export interface FormGroupProps extends React.HTMLAttributes<HTMLDivElement> {
3
- /**
4
- * The CSS class for container
5
- */
6
- className?: string;
7
- /**
8
- * Set form label
9
- */
10
- labelText?: string;
11
- /**
12
- * Set form description
13
- */
14
- helperText?: string;
15
- }
16
- export declare const FormGroup: React.FC<React.PropsWithChildren<FormGroupProps>>;
@@ -1 +0,0 @@
1
- export {};
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- import { FormGroupProps } from './FormGroup';
3
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, FormGroupProps & {
4
- children?: React.ReactNode;
5
- }>;
6
- export default _default;
7
- export declare const FormGroup: {
8
- ({ ...args }: FormGroupProps): React.ReactElement;
9
- args: FormGroupProps;
10
- };
@@ -1 +0,0 @@
1
- export * from './FormGroup';
@@ -1,32 +0,0 @@
1
- import * as React from 'react';
2
- export type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
3
- export type IconKind = 'primary' | 'subtle' | 'inverted' | 'inverted-subtle' | 'link' | 'success' | 'warning' | 'error' | 'negative' | 'positive' | 'warning' | 'action-primary' | 'action-negative' | 'action-positive' | 'action-warning' | 'action-neutral';
4
- export type IconSource = React.FC<React.SVGProps<SVGSVGElement>> & React.ReactElement;
5
- export interface IconProps {
6
- /**
7
- * Specify the source of svg element
8
- */
9
- source: IconSource;
10
- /**
11
- * Specify the icon size
12
- */
13
- size?: IconSize;
14
- /**
15
- * Specify the icon kind
16
- */
17
- kind?: IconKind;
18
- /**
19
- * Specify whether the icon should be disabled
20
- */
21
- disabled?: boolean;
22
- /**
23
- * The CSS class for icon
24
- */
25
- className?: string;
26
- /**
27
- * Set the icon custom color
28
- */
29
- customColor?: string;
30
- }
31
- export declare const Icon: React.FC<IconProps>;
32
- export default Icon;
@@ -1,15 +0,0 @@
1
- import * as React from 'react';
2
- import { IconProps } from './Icon';
3
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, IconProps & {
4
- children?: React.ReactNode;
5
- }>;
6
- export default _default;
7
- export declare const Icon: {
8
- (args: IconProps): React.ReactElement;
9
- args: {
10
- source: any;
11
- size: string;
12
- kind: string;
13
- disabled: boolean;
14
- };
15
- };
@@ -1 +0,0 @@
1
- export * from './Icon';
@@ -1,25 +0,0 @@
1
- import * as React from 'react';
2
- interface InputIcon {
3
- source: React.ReactElement;
4
- place: 'left' | 'right';
5
- }
6
- export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
7
- /**
8
- * Specify the input size
9
- */
10
- inputSize?: 'xsmall' | 'compact' | 'medium' | 'large';
11
- /**
12
- * Specify whether the input should be in error state
13
- */
14
- error?: boolean;
15
- /**
16
- * Specify whether the input should be disabled
17
- */
18
- disabled?: boolean;
19
- /**
20
- * Set the icon and its position
21
- */
22
- icon?: InputIcon;
23
- }
24
- export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
25
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- import { Story } from '@storybook/react';
3
- import { InputProps } from './Input';
4
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, InputProps & React.RefAttributes<HTMLInputElement>>;
5
- export default _default;
6
- export declare const Default: Story<InputProps>;
7
- export declare const Sizes: () => React.ReactElement;
8
- export declare const States: () => React.ReactElement;
9
- export declare const Types: () => React.ReactElement;
10
- export declare const WithIcons: () => React.ReactElement;
@@ -1 +0,0 @@
1
- export * from './Input';
@@ -1,14 +0,0 @@
1
- import * as React from 'react';
2
- export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
3
- bold: boolean;
4
- }
5
- /**
6
- * Simple component which renders an `<a>` element.
7
- *
8
- * Place the `<Link>` inside a `<Text>` component or pass a custom className to set the typography styles.
9
- *
10
- * Use `<Button kind="link">` to act as a `<button>` - <a target="_self" href="/story/components-button--kinds">see the story</a>.
11
- *
12
- * Use `<Button href="">` to display as a `<Button>` - <a target="_self" href="/story/components-button--link">see the story</a>.
13
- */
14
- export declare const Link: React.FC<LinkProps>;
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- import { LinkProps } from './Link';
3
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, LinkProps & {
4
- children?: React.ReactNode;
5
- }>;
6
- export default _default;
7
- export declare const Link: {
8
- ({ ...args }: LinkProps): React.ReactElement;
9
- args: {
10
- bold: boolean;
11
- };
12
- };
@@ -1 +0,0 @@
1
- export { Link } from './Link';
@@ -1,20 +0,0 @@
1
- import * as React from 'react';
2
- export interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
3
- /**
4
- * Specify the loader size
5
- */
6
- size?: 'small' | 'medium' | 'large';
7
- /**
8
- * Specify the loader label
9
- */
10
- label?: string;
11
- /**
12
- * Set the loader highlight color
13
- */
14
- primaryColor?: string;
15
- /**
16
- * Set the loader color
17
- */
18
- secondaryColor?: string;
19
- }
20
- export declare const Loader: React.FC<LoaderProps>;
@@ -1 +0,0 @@
1
- export {};
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- import { LoaderProps } from './Loader';
3
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, LoaderProps & {
4
- children?: React.ReactNode;
5
- }>;
6
- export default _default;
7
- export declare const Default: (args: LoaderProps) => React.ReactElement;
8
- export declare const Sizes: () => React.ReactElement;
9
- export declare const Labeled: (args: LoaderProps) => React.ReactElement;
10
- export declare const CustomColors: (args: LoaderProps) => React.ReactElement;
@@ -1 +0,0 @@
1
- export { Loader } from './Loader';
@@ -1,21 +0,0 @@
1
- import * as React from 'react';
2
- import { ModalBaseProps } from './ModalBase';
3
- export interface ModalProps extends ModalBaseProps {
4
- /**
5
- * Header element. For consistent UI use `<ModalHeader/>`
6
- */
7
- heading?: React.ReactNode;
8
- /**
9
- * Header element outside the main container. For consistent UI use `<ModalHeader/>`
10
- */
11
- labelHeading?: React.ReactNode;
12
- /**
13
- * Removes the spacing inside the main container
14
- */
15
- fullSpaceContent?: boolean;
16
- /**
17
- * Footer element
18
- */
19
- footer?: React.ReactNode;
20
- }
21
- export declare const Modal: React.FC<ModalProps>;
@@ -1 +0,0 @@
1
- export {};
@@ -1,14 +0,0 @@
1
- import * as React from 'react';
2
- import { ModalProps, ModalPortalProps } from './index';
3
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ModalProps & {
4
- children?: React.ReactNode;
5
- }>;
6
- export default _default;
7
- export declare const Modal: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalProps>;
8
- export declare const ModalWithCustomHeader: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalProps>;
9
- export declare const ModalWithLabeledHeader: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalProps>;
10
- export declare const ModalWithFullSpaceContent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalProps>;
11
- export declare const ModalPortal: {
12
- ({ children, ...args }: ModalPortalProps): React.ReactElement;
13
- args: ModalPortalProps;
14
- };
@@ -1,20 +0,0 @@
1
- import * as React from 'react';
2
- export interface ModalBaseProps extends React.HTMLAttributes<HTMLDivElement> {
3
- /**
4
- * The event handler for close button
5
- */
6
- onClose(): void;
7
- /**
8
- * Triggers the onClose event on `esc` key press
9
- */
10
- closeOnEscPress?: boolean;
11
- /**
12
- * Triggers the onClose event on overlay click
13
- */
14
- closeOnOverlayPress?: boolean;
15
- /**
16
- * Removes the spacing inside the main container
17
- */
18
- fullSpaceContent?: boolean;
19
- }
20
- export declare const ModalBase: React.FC<React.PropsWithChildren<ModalBaseProps>>;
@@ -1 +0,0 @@
1
- export {};
@@ -1,6 +0,0 @@
1
- import * as React from 'react';
2
- export interface ModalCloseButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
3
- labelType?: boolean;
4
- customColor?: string;
5
- }
6
- export declare const ModalCloseButton: React.FC<ModalCloseButtonProps>;
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- import { IconProps } from '../Icon';
3
- export interface ModalHeaderProps {
4
- title?: React.ReactNode;
5
- iconProps?: IconProps;
6
- children?: React.ReactNode;
7
- className?: 'string';
8
- }
9
- export declare const ModalHeader: React.FC<ModalHeaderProps>;
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- export interface ModalPortalProps extends React.HTMLAttributes<HTMLDivElement> {
3
- children: React.ReactNode;
4
- zIndex: number;
5
- parentElementName?: string;
6
- }
7
- export declare const ModalPortal: React.FC<ModalPortalProps>;
@@ -1,4 +0,0 @@
1
- import * as React from 'react';
2
- export declare const ModalFullSpaceContent: React.FC;
3
- export declare const ModalContent: React.FC;
4
- export declare const ModalFooter: React.FC;
@@ -1,10 +0,0 @@
1
- export { Modal } from './Modal';
2
- export { ModalBase } from './ModalBase';
3
- export { ModalCloseButton } from './ModalCloseButton';
4
- export { ModalPortal } from './ModalPortal';
5
- export { ModalHeader } from './ModalHeader';
6
- export type { ModalProps } from './Modal';
7
- export type { ModalBaseProps } from './ModalBase';
8
- export type { ModalCloseButtonProps } from './ModalCloseButton';
9
- export type { ModalPortalProps } from './ModalPortal';
10
- export type { ModalHeaderProps } from './ModalHeader';
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- export type NumericInputProps = React.InputHTMLAttributes<HTMLInputElement> & {
3
- className?: string;
4
- error?: string;
5
- value: string;
6
- max?: number;
7
- min?: number;
8
- disabled?: boolean;
9
- noControls?: boolean;
10
- onChange: (value: string) => void;
11
- };
12
- export declare const NumericInput: React.FC<NumericInputProps>;
@@ -1 +0,0 @@
1
- export {};