@livechat/design-system-react-components 1.17.1 → 1.19.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.
- package/dist/components/ActionMenu/ActionMenu.d.ts +2 -55
- package/dist/components/ActionMenu/types.d.ts +57 -0
- package/dist/components/Button/Button.d.ts +1 -1
- package/dist/components/Search/Search.d.ts +4 -0
- package/dist/components/Skeleton/SkeletonAvatar.d.ts +16 -0
- package/dist/components/Skeleton/SkeletonText.d.ts +16 -0
- package/dist/components/Skeleton/SkeletonWrapper.d.ts +16 -0
- package/dist/components/Skeleton/index.d.ts +3 -0
- package/dist/components/Tag/Tag.d.ts +1 -48
- package/dist/components/Tag/index.d.ts +1 -1
- package/dist/components/Tag/types.d.ts +52 -0
- package/dist/components/TagInput/TagInput.d.ts +2 -39
- package/dist/components/TagInput/{EditableTag.d.ts → components/EditableTag.d.ts} +2 -0
- package/dist/components/TagInput/components/EmailTagInput.d.ts +5 -0
- package/dist/components/TagInput/index.d.ts +3 -3
- package/dist/components/TagInput/types.d.ts +41 -0
- package/dist/components/Typography/Display.d.ts +5 -1
- package/dist/components/Typography/Heading.d.ts +5 -1
- package/dist/components/Typography/Text.d.ts +5 -1
- package/dist/components/Typography/types.d.ts +1 -0
- package/dist/foundations/design-token.d.ts +69 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +1845 -1748
- package/dist/preview-stats.json +399 -396
- package/dist/style.css +1 -1
- package/package.json +5 -4
- package/dist/components/TagInput/EmailTagInput.d.ts +0 -5
- /package/dist/components/TagInput/{EditableTagContent.d.ts → components/EditableTagContent.d.ts} +0 -0
|
@@ -1,24 +1,32 @@
|
|
|
1
1
|
export declare const DesignToken: {
|
|
2
|
+
/** @deprecated */
|
|
2
3
|
Background: string;
|
|
3
4
|
Background01: string;
|
|
4
5
|
Background02: string;
|
|
5
6
|
Background03: string;
|
|
7
|
+
/** @deprecated */
|
|
6
8
|
SurfaceBasicDefault: string;
|
|
7
9
|
SurfacePrimaryDefault: string;
|
|
10
|
+
/** @deprecated */
|
|
8
11
|
SurfaceBasicSubtle: string;
|
|
9
12
|
SurfaceSecondaryDefault: string;
|
|
10
13
|
SurfaceSecondaryHover: string;
|
|
11
14
|
SurfaceSecondaryActive: string;
|
|
12
15
|
SurfaceSecondaryDisabled: string;
|
|
16
|
+
/** @deprecated */
|
|
13
17
|
SurfacePrimaryHoverOpacity: string;
|
|
18
|
+
/** @deprecated */
|
|
14
19
|
SurfaceBasicHover: string;
|
|
15
20
|
SurfacePrimaryHover: string;
|
|
21
|
+
/** @deprecated */
|
|
16
22
|
SurfaceBasicActive: string;
|
|
17
23
|
SurfacePrimaryActive: string;
|
|
18
24
|
SurfacePrimaryActiveColored: string;
|
|
25
|
+
/** @deprecated */
|
|
19
26
|
SurfaceBasicDisabled: string;
|
|
20
27
|
SurfacePrimaryDisabled: string;
|
|
21
28
|
SurfaceTertiaryDefault: string;
|
|
29
|
+
/** @deprecated */
|
|
22
30
|
SurfaceSecondarySubtle: string;
|
|
23
31
|
SurfaceModerateDefault: string;
|
|
24
32
|
SurfaceModerateHover: string;
|
|
@@ -26,12 +34,16 @@ export declare const DesignToken: {
|
|
|
26
34
|
SurfaceTertiaryHover: string;
|
|
27
35
|
SurfaceTertiaryActive: string;
|
|
28
36
|
SurfaceTertiaryDisabled: string;
|
|
37
|
+
/** @deprecated */
|
|
29
38
|
SurfaceFeedbackInfo: string;
|
|
30
39
|
SurfaceAccentEmphasisLowInfo: string;
|
|
40
|
+
/** @deprecated */
|
|
31
41
|
SurfaceFeedbackNegative: string;
|
|
32
42
|
SurfaceAccentEmphasisLowNegative: string;
|
|
43
|
+
/** @deprecated */
|
|
33
44
|
SurfaceFeedbackWarning: string;
|
|
34
45
|
SurfaceAccentEmphasisLowWarning: string;
|
|
46
|
+
/** @deprecated */
|
|
35
47
|
SurfaceFeedbackPositive: string;
|
|
36
48
|
SurfaceAccentEmphasisLowPositive: string;
|
|
37
49
|
SurfaceAccentEmphasisLowPurple: string;
|
|
@@ -40,8 +52,22 @@ export declare const DesignToken: {
|
|
|
40
52
|
SurfaceAccentEmphasisMinWarning: string;
|
|
41
53
|
SurfaceAccentEmphasisMinPositive: string;
|
|
42
54
|
SurfaceAccentEmphasisMinPurple: string;
|
|
55
|
+
SurfaceAccentOndarkNegativeDefault: string;
|
|
56
|
+
SurfaceAccentOndarkNegativeHover: string;
|
|
57
|
+
SurfaceAccentOndarkWarningDefault: string;
|
|
58
|
+
SurfaceAccentOndarkWarningHover: string;
|
|
59
|
+
SurfaceAccentOndarkInfoDefault: string;
|
|
60
|
+
SurfaceAccentOndarkInfoHover: string;
|
|
61
|
+
SurfaceAccentOndarkPositiveDefault: string;
|
|
62
|
+
SurfaceAccentOndarkPositiveHover: string;
|
|
63
|
+
SurfaceAccentEmphasisSubtleNegative: string;
|
|
64
|
+
SurfaceAccentEmphasisSubtleWarning: string;
|
|
65
|
+
SurfaceAccentEmphasisSubtleInfo: string;
|
|
66
|
+
SurfaceAccentEmphasisSubtlePositive: string;
|
|
67
|
+
/** @deprecated */
|
|
43
68
|
SurfaceInvertDefault: string;
|
|
44
69
|
SurfaceInvertPrimary: string;
|
|
70
|
+
/** @deprecated */
|
|
45
71
|
SurfaceInvertSubtle: string;
|
|
46
72
|
SurfaceInvertSecondary: string;
|
|
47
73
|
SurfaceInvertDisabled: string;
|
|
@@ -58,6 +84,11 @@ export declare const DesignToken: {
|
|
|
58
84
|
SurfaceAccentEmphasisHighWarning: string;
|
|
59
85
|
SurfaceAccentEmphasisHighPositive: string;
|
|
60
86
|
SurfaceAccentEmphasisHighPurple: string;
|
|
87
|
+
SurfaceOpacityBasicHover: string;
|
|
88
|
+
SurfaceOpacityBasicActive: string;
|
|
89
|
+
SurfaceOpacityInvertHover: string;
|
|
90
|
+
SurfaceOpacityInvertActive: string;
|
|
91
|
+
/** @deprecated */
|
|
61
92
|
SurfaceOverlay: string;
|
|
62
93
|
SurfaceGradient01: string;
|
|
63
94
|
SurfaceGradient02: string;
|
|
@@ -70,14 +101,23 @@ export declare const DesignToken: {
|
|
|
70
101
|
SurfaceGradient09: string;
|
|
71
102
|
SurfaceGradient10: string;
|
|
72
103
|
SurfaceGradient11: string;
|
|
104
|
+
SurfaceGradient12: string;
|
|
105
|
+
SurfaceGradient13: string;
|
|
73
106
|
SurfaceOtherOverlay: string;
|
|
74
107
|
SurfaceOtherAgent: string;
|
|
75
108
|
SurfaceOtherAgentHover: string;
|
|
76
109
|
SurfaceOtherSkeleton: string;
|
|
110
|
+
SurfaceOtherInternalNote: string;
|
|
111
|
+
SurfaceOtherInternalNoteHover: string;
|
|
112
|
+
SurfaceOtherVisitor: string;
|
|
113
|
+
SurfaceOtherVisitorHover: string;
|
|
114
|
+
/** @deprecated */
|
|
77
115
|
ContentDefault: string;
|
|
78
116
|
ContentBasicPrimary: string;
|
|
117
|
+
/** @deprecated */
|
|
79
118
|
ContentSubtle: string;
|
|
80
119
|
ContentBasicSecondary: string;
|
|
120
|
+
/** @deprecated */
|
|
81
121
|
ContentDisabled: string;
|
|
82
122
|
ContentBasicDisabled: string;
|
|
83
123
|
ContentBasicNegative: string;
|
|
@@ -86,27 +126,35 @@ export declare const DesignToken: {
|
|
|
86
126
|
ContentBasicInfo: string;
|
|
87
127
|
ContentBasicPurple: string;
|
|
88
128
|
ContentBasicGradient01: string;
|
|
129
|
+
/** @deprecated */
|
|
89
130
|
ContentWhiteLocked: string;
|
|
90
131
|
ContentLockedWhite: string;
|
|
132
|
+
/** @deprecated */
|
|
91
133
|
ContentBlackLocked: string;
|
|
92
134
|
ContentLockedBlack: string;
|
|
93
135
|
ContentLockedDefault: string;
|
|
94
136
|
ContentLockedHover: string;
|
|
95
137
|
ContentLockedActive: string;
|
|
96
138
|
ContentLockedDisabled: string;
|
|
139
|
+
/** @deprecated */
|
|
97
140
|
ContentInvertDefault: string;
|
|
98
141
|
ContentInvertPrimary: string;
|
|
142
|
+
/** @deprecated */
|
|
99
143
|
ContentInvertSubtle: string;
|
|
100
144
|
ContentInvertSecondary: string;
|
|
101
145
|
ContentInvertDisabled: string;
|
|
102
146
|
ContentInvertGradient01: string;
|
|
147
|
+
/** @deprecated */
|
|
103
148
|
BorderDefault: string;
|
|
104
149
|
BorderBasicPrimary: string;
|
|
105
150
|
BorderBasicSecondary: string;
|
|
151
|
+
/** @deprecated */
|
|
106
152
|
BorderSubtle: string;
|
|
107
153
|
BorderBasicTertiary: string;
|
|
154
|
+
/** @deprecated */
|
|
108
155
|
BorderHover: string;
|
|
109
156
|
BorderBasicHover: string;
|
|
157
|
+
/** @deprecated */
|
|
110
158
|
BorderDisabled: string;
|
|
111
159
|
BorderBasicDisabled: string;
|
|
112
160
|
BorderBasicNegative: string;
|
|
@@ -115,38 +163,53 @@ export declare const DesignToken: {
|
|
|
115
163
|
BorderBasicInfo: string;
|
|
116
164
|
BorderBasicPurple: string;
|
|
117
165
|
BorderBasicContrast: string;
|
|
166
|
+
/** @deprecated */
|
|
118
167
|
BorderInvertDefault: string;
|
|
119
168
|
BorderInvertPrimary: string;
|
|
169
|
+
/** @deprecated */
|
|
120
170
|
BorderInvertSubtle: string;
|
|
121
171
|
BorderInvertSecondary: string;
|
|
122
172
|
BorderInvertHover: string;
|
|
123
173
|
BorderInvertDisabled: string;
|
|
174
|
+
/** @deprecated */
|
|
124
175
|
ColorActionActive: string;
|
|
125
176
|
ActionPrimaryActive: string;
|
|
177
|
+
/** @deprecated */
|
|
126
178
|
ColorActionHover: string;
|
|
127
179
|
ActionPrimaryHover: string;
|
|
180
|
+
/** @deprecated */
|
|
128
181
|
ColorActionDefault: string;
|
|
129
182
|
ActionPrimaryDefault: string;
|
|
130
183
|
ColorActionDefaultRgb: string;
|
|
184
|
+
/** @deprecated */
|
|
131
185
|
ColorActionDisabled: string;
|
|
132
186
|
ActionPrimaryDisabled: string;
|
|
187
|
+
/** @deprecated */
|
|
133
188
|
ColorNegativeActive: string;
|
|
134
189
|
ActionNegativeActive: string;
|
|
190
|
+
/** @deprecated */
|
|
135
191
|
ColorNegativeHover: string;
|
|
136
192
|
ActionNegativeHover: string;
|
|
193
|
+
/** @deprecated */
|
|
137
194
|
ColorNegativeDefault: string;
|
|
138
195
|
ActionNegativeDefault: string;
|
|
196
|
+
/** @deprecated */
|
|
139
197
|
ColorNegativeDisabled: string;
|
|
140
198
|
ActionNegativeDisabled: string;
|
|
199
|
+
/** @deprecated */
|
|
141
200
|
ColorWarningDefault: string;
|
|
142
201
|
ActionWarningDefault: string;
|
|
202
|
+
/** @deprecated */
|
|
143
203
|
ColorWarningHover: string;
|
|
144
204
|
ActionWarningHover: string;
|
|
145
205
|
ActionWarningDisabled: string;
|
|
206
|
+
/** @deprecated */
|
|
146
207
|
ColorPositiveDefault: string;
|
|
147
208
|
ActionPositiveDefault: string;
|
|
209
|
+
/** @deprecated */
|
|
148
210
|
ColorPositiveHover: string;
|
|
149
211
|
ActionPositiveHover: string;
|
|
212
|
+
/** @deprecated */
|
|
150
213
|
ColorPositiveDisabled: string;
|
|
151
214
|
ActionPositiveDisabled: string;
|
|
152
215
|
ActionNeutralDefault: string;
|
|
@@ -156,6 +219,7 @@ export declare const DesignToken: {
|
|
|
156
219
|
ActionHighContrastHover: string;
|
|
157
220
|
ActionHighContrastActive: string;
|
|
158
221
|
ActionHighContrastDisabled: string;
|
|
222
|
+
/** @deprecated */
|
|
159
223
|
ColorBot: string;
|
|
160
224
|
SurfaceOtherBot: string;
|
|
161
225
|
SurfaceOtherBotHover: string;
|
|
@@ -236,6 +300,8 @@ export declare const DesignToken: {
|
|
|
236
300
|
DecorPurple200: string;
|
|
237
301
|
DecorPurple100: string;
|
|
238
302
|
DecorPurple50: string;
|
|
303
|
+
DecorBrown50: string;
|
|
304
|
+
DecorBrown300: string;
|
|
239
305
|
ProductsLivechat: string;
|
|
240
306
|
ProductsHelpdesk: string;
|
|
241
307
|
ProductsChatbot: string;
|
|
@@ -276,5 +342,8 @@ export declare const DesignToken: {
|
|
|
276
342
|
SurfaceAvatar10: string;
|
|
277
343
|
NavbarBackground: string;
|
|
278
344
|
TooltipBorder: string;
|
|
345
|
+
AnimatedGradientValue1: string;
|
|
346
|
+
AnimatedGradientValue2: string;
|
|
347
|
+
AnimatedGradientValue3: string;
|
|
279
348
|
};
|
|
280
349
|
export type DesignTokenKey = keyof typeof DesignToken;
|