@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.
- package/dist/components/ActionMenu/ActionMenu.d.ts +27 -0
- package/dist/components/ActionMenu/ActionMenu.spec.d.ts +1 -0
- package/dist/components/ActionMenu/ActionMenu.stories.d.ts +6 -0
- package/dist/components/ActionMenu/ActionMenuItem.d.ts +6 -0
- package/dist/components/ActionMenu/constants.d.ts +21 -0
- package/dist/components/ActionMenu/index.d.ts +1 -0
- package/dist/components/Alert/Alert.d.ts +32 -0
- package/dist/components/Alert/Alert.spec.d.ts +1 -0
- package/dist/components/Alert/Alert.stories.d.ts +9 -0
- package/dist/components/Avatar/Avatar.d.ts +49 -0
- package/dist/components/Avatar/Avatar.helpers.d.ts +2 -0
- package/dist/components/Avatar/Avatar.spec.d.ts +1 -0
- package/dist/components/Avatar/Avatar.stories.d.ts +22 -0
- package/dist/components/Avatar/index.d.ts +1 -0
- package/dist/components/Badge/Badge.d.ts +24 -0
- package/dist/components/Badge/Badge.helpers.d.ts +1 -0
- package/dist/components/Badge/Badge.spec.d.ts +1 -0
- package/dist/components/Badge/Badge.stories.d.ts +12 -0
- package/dist/components/Button/Button.d.ts +63 -0
- package/dist/components/Button/Button.spec.d.ts +1 -0
- package/dist/components/Button/Button.stories.d.ts +42 -0
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Card/Card.d.ts +30 -0
- package/dist/components/Card/Card.spec.d.ts +1 -0
- package/dist/components/Card/Card.stories.d.ts +11 -0
- package/dist/{src/components → components}/Checkbox/Checkbox.d.ts +3 -3
- package/dist/components/Checkbox/Checkbox.spec.d.ts +1 -0
- package/dist/components/Checkbox/Checkbox.stories.d.ts +12 -0
- package/dist/components/Checkbox/index.d.ts +1 -0
- package/dist/components/DatePicker/DatePicker.d.ts +4 -0
- package/dist/components/DatePicker/DatePicker.spec.d.ts +1 -0
- package/dist/components/DatePicker/DatePicker.stories.d.ts +7 -0
- package/dist/components/DatePicker/DatePickerNavbar.d.ts +4 -0
- package/dist/components/DatePicker/DatePickerRangeCalendarsWrapper.d.ts +2 -0
- package/dist/components/DatePicker/RangeDatePicker.d.ts +16 -0
- package/dist/components/DatePicker/RangeDatePicker.spec.d.ts +1 -0
- package/dist/components/DatePicker/RangeDatePicker.stories.d.ts +4 -0
- package/dist/components/DatePicker/helpers.d.ts +39 -0
- package/dist/components/DatePicker/hooks.d.ts +6 -0
- package/dist/components/DatePicker/index.d.ts +2 -0
- package/dist/components/DatePicker/types.d.ts +100 -0
- package/dist/{src/components → components}/FieldDescription/FieldDescription.d.ts +1 -1
- package/dist/{src/components → components}/FieldError/FieldError.d.ts +1 -1
- package/dist/{src/components → components}/FieldGroup/FieldGroup.d.ts +1 -1
- package/dist/components/FieldGroup/FieldGroup.spec.d.ts +1 -0
- package/dist/components/FieldGroup/FieldGroup.stories.d.ts +10 -0
- package/dist/components/FileUploadProgress/FileUploadProgress.d.ts +42 -0
- package/dist/components/FileUploadProgress/FileUploadProgress.stories.d.ts +7 -0
- package/dist/components/FileUploadProgress/FileUploadProgressActions.d.ts +9 -0
- package/dist/components/FileUploadProgress/index.d.ts +2 -0
- package/dist/{src/components → components}/Form/Form.d.ts +1 -1
- package/dist/components/Form/Form.spec.d.ts +1 -0
- package/dist/components/Form/Form.stories.d.ts +8 -0
- package/dist/components/FormField/FormField.d.ts +40 -0
- package/dist/components/FormField/FormField.spec.d.ts +1 -0
- package/dist/components/FormField/FormField.stories.d.ts +9 -0
- package/dist/components/FormField/index.d.ts +1 -0
- package/dist/{src/components → components}/FormGroup/FormGroup.d.ts +1 -1
- package/dist/components/FormGroup/FormGroup.spec.d.ts +1 -0
- package/dist/components/FormGroup/FormGroup.stories.d.ts +10 -0
- package/dist/components/Icon/Icon.d.ts +14 -0
- package/dist/components/Icon/Icon.stories.d.ts +15 -0
- package/dist/components/Icon/index.d.ts +1 -0
- package/dist/components/Input/Input.d.ts +25 -0
- package/dist/components/Input/Input.spec.d.ts +1 -0
- package/dist/components/Input/Input.stories.d.ts +10 -0
- package/dist/components/Input/index.d.ts +1 -0
- package/dist/components/Link/Link.stories.d.ts +12 -0
- package/dist/{src/components → components}/Loader/Loader.d.ts +12 -2
- package/dist/components/Loader/Loader.spec.d.ts +1 -0
- package/dist/components/Loader/Loader.stories.d.ts +10 -0
- package/dist/{src/components → components}/Modal/Modal.d.ts +2 -0
- package/dist/components/Modal/Modal.spec.d.ts +1 -0
- package/dist/components/Modal/Modal.stories.d.ts +14 -0
- package/dist/{src/components → components}/Modal/ModalBase.d.ts +2 -1
- package/dist/components/Modal/ModalBase.spec.d.ts +1 -0
- package/dist/components/Modal/ModalCloseButton.d.ts +6 -0
- package/dist/components/Modal/ModalHeader.d.ts +9 -0
- package/dist/{src/components → components}/Modal/ModalPortal.d.ts +1 -1
- package/dist/components/Modal/StoriesComponents.d.ts +4 -0
- package/dist/{src/components → components}/Modal/index.d.ts +2 -2
- package/dist/{src/components → components}/NumericInput/NumericInput.d.ts +1 -1
- package/dist/components/NumericInput/NumericInput.spec.d.ts +1 -0
- package/dist/components/NumericInput/index.d.ts +1 -0
- package/dist/components/Picker/Picker.d.ts +80 -0
- package/dist/components/Picker/Picker.spec.d.ts +1 -0
- package/dist/components/Picker/Picker.stories.d.ts +10 -0
- package/dist/components/Picker/PickerList.d.ts +23 -0
- package/dist/components/Picker/PickerList.spec.d.ts +1 -0
- package/dist/components/Picker/Trigger.d.ts +17 -0
- package/dist/components/Picker/Trigger.spec.d.ts +1 -0
- package/dist/components/Picker/TriggerBody.d.ts +16 -0
- package/dist/components/Picker/TriggerBody.spec.d.ts +1 -0
- package/dist/components/Picker/constants.d.ts +21 -0
- package/dist/components/Picker/index.d.ts +2 -0
- package/dist/components/Popover/Popover.d.ts +34 -0
- package/dist/components/Popover/Popover.spec.d.ts +1 -0
- package/dist/components/Popover/Popover.stories.d.ts +13 -0
- package/dist/components/Progress/ProgressBar.d.ts +21 -0
- package/dist/components/Progress/ProgressBar.spec.d.ts +1 -0
- package/dist/components/Progress/ProgressBar.stories.d.ts +12 -0
- package/dist/{src/components → components}/Progress/ProgressCircle.d.ts +13 -1
- package/dist/components/Progress/ProgressCircle.spec.d.ts +1 -0
- package/dist/components/Progress/ProgressCircle.stories.d.ts +12 -0
- package/dist/components/Progress/constants.d.ts +4 -0
- package/dist/{src/components → components}/Progress/index.d.ts +1 -0
- package/dist/components/PromoBanner/PromoBanner.d.ts +40 -0
- package/dist/components/PromoBanner/PromoBanner.spec.d.ts +1 -0
- package/dist/components/PromoBanner/PromoBanner.stories.d.ts +11 -0
- package/dist/{src/components → components}/RadioButton/RadioButton.d.ts +2 -2
- package/dist/components/RadioButton/RadioButton.spec.d.ts +1 -0
- package/dist/components/RadioButton/RadioButton.stories.d.ts +13 -0
- package/dist/components/Search/Search.d.ts +36 -0
- package/dist/components/Search/Search.spec.d.ts +1 -0
- package/dist/components/Search/Search.stories.d.ts +19 -0
- package/dist/components/Search/index.d.ts +1 -0
- package/dist/components/SegmentedControl/SegmentedControl.d.ts +39 -0
- package/dist/components/SegmentedControl/SegmentedControl.spec.d.ts +1 -0
- package/dist/components/SegmentedControl/SegmentedControl.stories.d.ts +9 -0
- package/dist/components/SegmentedControl/index.d.ts +2 -0
- package/dist/{src/components → components}/Switch/Switch.d.ts +5 -8
- package/dist/components/Switch/Switch.spec.d.ts +1 -0
- package/dist/components/Switch/Switch.stories.d.ts +11 -0
- package/dist/components/Tab/Tab.d.ts +15 -0
- package/dist/components/Tab/Tab.spec.d.ts +1 -0
- package/dist/components/Tab/Tab.stories.d.ts +29 -0
- package/dist/components/Tab/TabsWrapper.spec.d.ts +1 -0
- package/dist/components/Tab/TabsWrapper.stories.d.ts +18 -0
- package/dist/components/Tag/Tag.d.ts +41 -0
- package/dist/components/Tag/Tag.spec.d.ts +1 -0
- package/dist/components/Tag/Tag.stories.d.ts +24 -0
- package/dist/{src/components → components}/TagInput/EmailTagInput.d.ts +1 -1
- package/dist/components/TagInput/TagInput.d.ts +32 -0
- package/dist/components/TagInput/TagInput.spec.d.ts +1 -0
- package/dist/components/TagInput/TagInput.stories.d.ts +10 -0
- package/dist/components/Textarea/Textarea.d.ts +6 -0
- package/dist/components/Textarea/Textarea.spec.d.ts +1 -0
- package/dist/components/Textarea/Textarea.stories.d.ts +7 -0
- package/dist/components/Textarea/index.d.ts +1 -0
- package/dist/components/Toast/Toast.d.ts +16 -0
- package/dist/components/Toast/Toast.spec.d.ts +1 -0
- package/dist/components/Toast/Toast.stories.d.ts +14 -0
- package/dist/{src/components → components}/Toast/ToastWrapper.d.ts +3 -10
- package/dist/components/Toast/ToastWrapper.spec.d.ts +1 -0
- package/dist/components/Toast/ToastWrapper.stories.d.ts +40 -0
- package/dist/components/Tooltip/Tooltip.d.ts +3 -0
- package/dist/components/Tooltip/Tooltip.spec.d.ts +1 -0
- package/dist/components/Tooltip/Tooltip.stories.d.ts +41 -0
- package/dist/components/Tooltip/components/FloatingComponent.d.ts +18 -0
- package/dist/components/Tooltip/components/Info.d.ts +8 -0
- package/dist/components/Tooltip/components/Interactive.d.ts +23 -0
- package/dist/components/Tooltip/components/Reports.d.ts +7 -0
- package/dist/components/Tooltip/components/Simple.d.ts +4 -0
- package/dist/components/Tooltip/components/UserGuide/SpotlightOverlay.d.ts +7 -0
- package/dist/components/Tooltip/components/UserGuide/UserGuide.d.ts +12 -0
- package/dist/components/Tooltip/components/UserGuide/UserGuideStep.d.ts +15 -0
- package/dist/components/Tooltip/components/UserGuide/index.d.ts +1 -0
- package/dist/components/Tooltip/components/UserGuide/virtualElementReference.d.ts +9 -0
- package/dist/components/Tooltip/components/index.d.ts +5 -0
- package/dist/components/Tooltip/helpers.d.ts +3 -0
- package/dist/components/Tooltip/index.d.ts +3 -0
- package/dist/components/Tooltip/types.d.ts +22 -0
- package/dist/{src/components → components}/Typography/Heading.d.ts +2 -2
- package/dist/{src/components → components}/Typography/Text.d.ts +2 -2
- package/dist/components/UploadBar/UploadBar.d.ts +49 -0
- package/dist/components/UploadBar/UploadBar.stories.d.ts +7 -0
- package/dist/components/UploadBar/index.d.ts +1 -0
- package/dist/dsrc.cjs.js +18 -1
- package/dist/dsrc.es.js +3845 -1817
- package/dist/dsrc.umd.js +18 -1
- package/dist/foundations/shadow-token.d.ts +5 -0
- package/dist/foundations/spacing-token.d.ts +17 -0
- package/dist/{src/index.d.ts → index.d.ts} +17 -4
- package/dist/preview-stats.json +2266 -0
- package/dist/stories/components/ColorTokens.d.ts +2 -0
- package/dist/stories/components/IconsShowcase.d.ts +6 -0
- package/dist/stories/components/Spacing.d.ts +2 -0
- package/dist/stories/components/SpacingExamples.d.ts +2 -0
- package/dist/stories/components/StoryDescriptor.d.ts +6 -0
- package/dist/stories/components/TablerIconsShowcase.d.ts +6 -0
- package/dist/style.css +1 -1
- package/dist/test/setup.d.ts +0 -0
- package/dist/test/utils.d.ts +3 -0
- package/dist/themes/design-token.d.ts +228 -0
- package/dist/utils/PdfIcon.d.ts +2 -0
- package/dist/utils/constants.d.ts +1 -0
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/story-parameters.d.ts +2 -0
- package/package.json +35 -21
- package/dist/src/components/Alert/Alert.d.ts +0 -19
- package/dist/src/components/Badge/Badge.d.ts +0 -5
- package/dist/src/components/Button/Button.d.ts +0 -13
- package/dist/src/components/Button/index.d.ts +0 -2
- package/dist/src/components/ButtonGroup/ButtonGroup.d.ts +0 -11
- package/dist/src/components/ButtonGroup/index.d.ts +0 -1
- package/dist/src/components/Card/Card.d.ts +0 -6
- package/dist/src/components/Checkbox/CheckboxField.d.ts +0 -7
- package/dist/src/components/Checkbox/index.d.ts +0 -2
- package/dist/src/components/Icon/Icon.d.ts +0 -70
- package/dist/src/components/Icon/index.d.ts +0 -1
- package/dist/src/components/InputField/InputField.d.ts +0 -15
- package/dist/src/components/InputField/index.d.ts +0 -1
- package/dist/src/components/Modal/ActionModal.d.ts +0 -8
- package/dist/src/components/Modal/ModalCloseButton.d.ts +0 -3
- package/dist/src/components/NumericInput/NumericInputField.d.ts +0 -19
- package/dist/src/components/NumericInput/index.d.ts +0 -2
- package/dist/src/components/Popover/Popover.d.ts +0 -15
- package/dist/src/components/Progress/constants.d.ts +0 -12
- package/dist/src/components/PromoBanner/PromoBanner.d.ts +0 -19
- package/dist/src/components/Tab/Tab.d.ts +0 -12
- package/dist/src/components/Tag/Tag.d.ts +0 -12
- package/dist/src/components/TagInput/TagInput.d.ts +0 -12
- package/dist/src/components/TextField/TextField.d.ts +0 -13
- package/dist/src/components/TextField/index.d.ts +0 -1
- package/dist/src/components/Toast/Toast.d.ts +0 -22
- package/dist/src/themes/designTokens.d.ts +0 -126
- package/dist/src/vite-env.d.ts +0 -1
- /package/dist/{src/components → components}/Alert/index.d.ts +0 -0
- /package/dist/{src/components → components}/Badge/index.d.ts +0 -0
- /package/dist/{src/components → components}/Card/index.d.ts +0 -0
- /package/dist/{src/components → components}/FieldDescription/index.d.ts +0 -0
- /package/dist/{src/components → components}/FieldError/index.d.ts +0 -0
- /package/dist/{src/components → components}/FieldGroup/index.d.ts +0 -0
- /package/dist/{src/components → components}/Form/index.d.ts +0 -0
- /package/dist/{src/components → components}/FormGroup/index.d.ts +0 -0
- /package/dist/{src/components → components}/Link/Link.d.ts +0 -0
- /package/dist/{src/components → components}/Link/index.d.ts +0 -0
- /package/dist/{src/components → components}/Loader/index.d.ts +0 -0
- /package/dist/{src/components → components}/Popover/index.d.ts +0 -0
- /package/dist/{src/components → components}/Progress/helpers.d.ts +0 -0
- /package/dist/{src/components → components}/PromoBanner/index.d.ts +0 -0
- /package/dist/{src/components → components}/RadioButton/index.d.ts +0 -0
- /package/dist/{src/components → components}/Switch/index.d.ts +0 -0
- /package/dist/{src/components → components}/Tab/TabsWrapper.d.ts +0 -0
- /package/dist/{src/components → components}/Tab/index.d.ts +0 -0
- /package/dist/{src/components → components}/Tag/index.d.ts +0 -0
- /package/dist/{src/components → components}/TagInput/EditableTag.d.ts +0 -0
- /package/dist/{src/components → components}/TagInput/EditableTagContent.d.ts +0 -0
- /package/dist/{src/components → components}/TagInput/index.d.ts +0 -0
- /package/dist/{src/components → components}/Toast/index.d.ts +0 -0
- /package/dist/{src/components → components}/Typography/index.d.ts +0 -0
- /package/dist/{src/utils → utils}/keyCodes.d.ts +0 -0
- /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 @@
|
|
|
1
|
+
export type Size = 'compact' | 'medium' | 'large';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type { Size } from './constants';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@livechat/design-system-react-components",
|
|
3
|
-
"version": "1.0.0-alpha.
|
|
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/
|
|
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": "
|
|
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": "
|
|
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": "
|
|
34
|
-
"react-dom": "
|
|
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-
|
|
39
|
-
"@storybook/addon-
|
|
40
|
-
"@storybook/addon-
|
|
41
|
-
"@storybook/
|
|
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": "^
|
|
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-
|
|
63
|
+
"storybook-mock-date-decorator": "^1.0.1",
|
|
58
64
|
"typescript": "^4.5.4",
|
|
59
|
-
"vite": "^
|
|
60
|
-
"vite-plugin-dts": "^0.
|
|
61
|
-
"
|
|
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
|
-
"@
|
|
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-
|
|
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,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,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,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,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,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>;
|