@livechat/design-system-react-components 1.0.0-alpha.31 → 1.0.0-alpha.33
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/dsrc.cjs.js +9 -9
- package/dist/dsrc.es.js +347 -241
- package/dist/dsrc.umd.js +9 -9
- package/dist/src/components/Modal/Modal.d.ts +2 -0
- package/dist/src/components/Modal/ModalCloseButton.d.ts +4 -1
- package/dist/src/components/Modal/index.d.ts +0 -2
- package/dist/src/components/Picker/TriggerBody.d.ts +1 -0
- package/dist/src/themes/design-token.d.ts +101 -3
- package/dist/style.css +1 -1
- package/dist/themes/dark.css +100 -4
- package/dist/themes/dark.css.map +1 -1
- package/dist/themes/legacy.css +99 -3
- package/dist/themes/legacy.css.map +1 -1
- package/dist/themes/light.css +99 -3
- package/dist/themes/light.css.map +1 -1
- package/package.json +3 -3
- package/dist/src/components/Modal/ActionModal.d.ts +0 -8
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
export { ActionModal } from './ActionModal';
|
|
2
1
|
export { Modal } from './Modal';
|
|
3
2
|
export { ModalBase } from './ModalBase';
|
|
4
3
|
export { ModalCloseButton } from './ModalCloseButton';
|
|
5
4
|
export { ModalPortal } from './ModalPortal';
|
|
6
|
-
export type { ActionModalProps } from './ActionModal';
|
|
7
5
|
export type { ModalProps } from './Modal';
|
|
8
6
|
export type { ModalBaseProps } from './ModalBase';
|
|
9
7
|
export type { ModalCloseButtonProps } from './ModalCloseButton';
|
|
@@ -1,51 +1,140 @@
|
|
|
1
1
|
export declare const DesignToken: {
|
|
2
2
|
Background: string;
|
|
3
|
+
Background01: string;
|
|
4
|
+
Background02: string;
|
|
5
|
+
Background03: string;
|
|
3
6
|
SurfaceBasicDefault: string;
|
|
7
|
+
SurfacePrimaryDefault: string;
|
|
4
8
|
SurfaceBasicSubtle: string;
|
|
9
|
+
SurfaceSecondaryDefault: string;
|
|
10
|
+
SurfaceSecondaryHover: string;
|
|
11
|
+
SurfaceSecondaryActive: string;
|
|
12
|
+
SurfaceSecondaryDisabled: string;
|
|
5
13
|
SurfaceBasicHover: string;
|
|
14
|
+
SurfacePrimaryHover: string;
|
|
6
15
|
SurfaceBasicActive: string;
|
|
16
|
+
SurfacePrimaryActive: string;
|
|
17
|
+
SurfacePrimaryActiveColored: string;
|
|
7
18
|
SurfaceBasicDisabled: string;
|
|
8
|
-
|
|
19
|
+
SurfacePrimaryDisabled: string;
|
|
20
|
+
SurfaceTertiaryDefault: string;
|
|
9
21
|
SurfaceSecondarySubtle: string;
|
|
10
|
-
|
|
11
|
-
|
|
22
|
+
SurfaceModerateDefault: string;
|
|
23
|
+
SurfaceModerateHover: string;
|
|
24
|
+
SurfaceModerateActive: string;
|
|
25
|
+
SurfaceTertiaryHover: string;
|
|
26
|
+
SurfaceTertiaryActive: string;
|
|
27
|
+
SurfaceTertiaryDisabled: string;
|
|
12
28
|
SurfaceFeedbackInfo: string;
|
|
29
|
+
SurfaceAccentEmphasisLowInfo: string;
|
|
13
30
|
SurfaceFeedbackNegative: string;
|
|
31
|
+
SurfaceAccentEmphasisLowNegative: string;
|
|
14
32
|
SurfaceFeedbackWarning: string;
|
|
33
|
+
SurfaceAccentEmphasisLowWarning: string;
|
|
15
34
|
SurfaceFeedbackPositive: string;
|
|
35
|
+
SurfaceAccentEmphasisLowPositive: string;
|
|
36
|
+
SurfaceAccentEmphasisLowPurple: string;
|
|
37
|
+
SurfaceAccentEmphasisMinInfo: string;
|
|
38
|
+
SurfaceAccentEmphasisMinNegative: string;
|
|
39
|
+
SurfaceAccentEmphasisMinWarning: string;
|
|
40
|
+
SurfaceAccentEmphasisMinPositive: string;
|
|
41
|
+
SurfaceAccentEmphasisMinPurple: string;
|
|
16
42
|
SurfaceInvertDefault: string;
|
|
43
|
+
SurfaceInvertPrimary: string;
|
|
17
44
|
SurfaceInvertSubtle: string;
|
|
45
|
+
SurfaceInvertSecondary: string;
|
|
18
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;
|
|
19
58
|
SurfaceOverlay: string;
|
|
59
|
+
SurfaceOtherOverlay: string;
|
|
60
|
+
SurfaceOtherAgent: string;
|
|
61
|
+
SurfaceOtherSkeleton: string;
|
|
20
62
|
ContentDefault: string;
|
|
63
|
+
ContentBasicPrimary: string;
|
|
21
64
|
ContentSubtle: string;
|
|
65
|
+
ContentBasicSecondary: string;
|
|
22
66
|
ContentDisabled: string;
|
|
67
|
+
ContentBasicDisabled: string;
|
|
68
|
+
ContentBasicNegative: string;
|
|
69
|
+
ContentBasicWarning: string;
|
|
70
|
+
ContentBasicPositive: string;
|
|
71
|
+
ContentBasicInfo: string;
|
|
72
|
+
ContentBasicPurple: string;
|
|
23
73
|
ContentWhiteLocked: string;
|
|
74
|
+
ContentLockedWhite: string;
|
|
75
|
+
ContentBlackLocked: string;
|
|
76
|
+
ContentLockedBlack: string;
|
|
77
|
+
ContentLockedDefault: string;
|
|
78
|
+
ContentLockedHover: string;
|
|
79
|
+
ContentLockedActive: string;
|
|
80
|
+
ContentLockedDisabled: string;
|
|
24
81
|
ContentInvertDefault: string;
|
|
82
|
+
ContentInvertPrimary: string;
|
|
25
83
|
ContentInvertSubtle: string;
|
|
84
|
+
ContentInvertSecondary: string;
|
|
26
85
|
ContentInvertDisabled: string;
|
|
27
86
|
BorderDefault: string;
|
|
87
|
+
BorderBasicPrimary: string;
|
|
88
|
+
BorderBasicSecondary: string;
|
|
28
89
|
BorderSubtle: string;
|
|
90
|
+
BorderBasicTertiary: string;
|
|
29
91
|
BorderHover: string;
|
|
92
|
+
BorderBasicHover: string;
|
|
30
93
|
BorderDisabled: string;
|
|
94
|
+
BorderBasicDisabled: string;
|
|
95
|
+
BorderBasicNegative: string;
|
|
96
|
+
BorderBasicWarning: string;
|
|
97
|
+
BorderBasicPositive: string;
|
|
98
|
+
BorderBasicInfo: string;
|
|
99
|
+
BorderBasicPurple: string;
|
|
31
100
|
BorderInvertDefault: string;
|
|
101
|
+
BorderInvertPrimary: string;
|
|
32
102
|
BorderInvertSubtle: string;
|
|
103
|
+
BorderInvertSecondary: string;
|
|
33
104
|
BorderInvertHover: string;
|
|
34
105
|
BorderInvertDisabled: string;
|
|
35
106
|
ColorActionActive: string;
|
|
107
|
+
ActionPrimaryActive: string;
|
|
36
108
|
ColorActionHover: string;
|
|
109
|
+
ActionPrimaryHover: string;
|
|
37
110
|
ColorActionDefault: string;
|
|
111
|
+
ActionPrimaryDefault: string;
|
|
112
|
+
ColorActionDefaultRgb: string;
|
|
38
113
|
ColorActionDisabled: string;
|
|
114
|
+
ActionPrimaryDisabled: string;
|
|
39
115
|
ColorNegativeActive: string;
|
|
116
|
+
ActionNegativeActive: string;
|
|
40
117
|
ColorNegativeHover: string;
|
|
118
|
+
ActionNegativeHover: string;
|
|
41
119
|
ColorNegativeDefault: string;
|
|
120
|
+
ActionNegativeDefault: string;
|
|
42
121
|
ColorNegativeDisabled: string;
|
|
122
|
+
ActionNegativeDisabled: string;
|
|
43
123
|
ColorWarningDefault: string;
|
|
124
|
+
ActionWarningDefault: string;
|
|
44
125
|
ColorWarningHover: string;
|
|
126
|
+
ActionWarningHover: string;
|
|
45
127
|
ColorPositiveDefault: string;
|
|
128
|
+
ActionPositiveDefault: string;
|
|
46
129
|
ColorPositiveHover: string;
|
|
130
|
+
ActionPositiveHover: string;
|
|
47
131
|
ColorPositiveDisabled: string;
|
|
132
|
+
ActionPositiveDisabled: string;
|
|
133
|
+
ActionNeutralDefault: string;
|
|
134
|
+
ActionNeutralHover: string;
|
|
135
|
+
ActionNeutralDisabled: string;
|
|
48
136
|
ColorBot: string;
|
|
137
|
+
SurfaceOtherBot: string;
|
|
49
138
|
ColorBlack: string;
|
|
50
139
|
ColorWhite: string;
|
|
51
140
|
DecorBlue900: string;
|
|
@@ -123,4 +212,13 @@ export declare const DesignToken: {
|
|
|
123
212
|
DecorPurple200: string;
|
|
124
213
|
DecorPurple100: string;
|
|
125
214
|
DecorPurple50: string;
|
|
215
|
+
ProductsLivechat: string;
|
|
216
|
+
ProductsHelpdesk: string;
|
|
217
|
+
ProductsChatbot: string;
|
|
218
|
+
ProductsKnowledgebase: string;
|
|
219
|
+
IllustrationsPrimary: string;
|
|
220
|
+
IllustrationsSecondary: string;
|
|
221
|
+
IllustrationsStroke: string;
|
|
222
|
+
TagSurface01: string;
|
|
223
|
+
TagContent01: string;
|
|
126
224
|
};
|