whatsapp-ui-react 0.0.4 → 0.0.5
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/README.md +16 -0
- package/dist/components/Chat/Chat.d.ts +6 -0
- package/dist/components/Chat/Chat.d.ts.map +1 -1
- package/dist/index.cjs +3220 -33
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3220 -33
- package/dist/index.js.map +1 -1
- package/dist/style.css +688 -0
- package/dist/utils/cn.d.ts +3 -2
- package/dist/utils/cn.d.ts.map +1 -1
- package/package.json +9 -4
- package/src/css/dark.css +31 -0
- package/src/css/light.css +31 -0
- package/src/css/preset.css +1 -0
package/src/css/dark.css
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
@theme {
|
|
2
|
+
--color-wa-bg: #161717;
|
|
3
|
+
--color-wa-bubble-out: #144d37;
|
|
4
|
+
--color-wa-bubble-in: #202c33;
|
|
5
|
+
--color-wa-avatar: #2a3942;
|
|
6
|
+
--color-wa-input: #242626;
|
|
7
|
+
--color-wa-divider: #182229;
|
|
8
|
+
--color-wa-text: #e9edef;
|
|
9
|
+
--color-wa-text-secondary: #8696a0;
|
|
10
|
+
--color-wa-text-body: #d1d7db;
|
|
11
|
+
--color-wa-icon: #aebac1;
|
|
12
|
+
--color-wa-teal: #53bdeb;
|
|
13
|
+
--color-wa-send: #21c063;
|
|
14
|
+
--color-wa-hover: #00a884;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
[data-wa-theme='light'] {
|
|
18
|
+
--color-wa-bg: #f0f2f5;
|
|
19
|
+
--color-wa-bubble-out: #d9fdd3;
|
|
20
|
+
--color-wa-bubble-in: #ffffff;
|
|
21
|
+
--color-wa-avatar: #dfe5e7;
|
|
22
|
+
--color-wa-input: #ffffff;
|
|
23
|
+
--color-wa-divider: #e9edef;
|
|
24
|
+
--color-wa-text: #111b21;
|
|
25
|
+
--color-wa-text-secondary: #667781;
|
|
26
|
+
--color-wa-text-body: #3b4a54;
|
|
27
|
+
--color-wa-icon: #54656f;
|
|
28
|
+
--color-wa-teal: #0a7040;
|
|
29
|
+
--color-wa-send: #00a884;
|
|
30
|
+
--color-wa-hover: #008f72;
|
|
31
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
@theme {
|
|
2
|
+
--color-wa-bg: #f0f2f5;
|
|
3
|
+
--color-wa-bubble-out: #d9fdd3;
|
|
4
|
+
--color-wa-bubble-in: #ffffff;
|
|
5
|
+
--color-wa-avatar: #dfe5e7;
|
|
6
|
+
--color-wa-input: #ffffff;
|
|
7
|
+
--color-wa-divider: #e9edef;
|
|
8
|
+
--color-wa-text: #111b21;
|
|
9
|
+
--color-wa-text-secondary: #667781;
|
|
10
|
+
--color-wa-text-body: #3b4a54;
|
|
11
|
+
--color-wa-icon: #54656f;
|
|
12
|
+
--color-wa-teal: #0a7040;
|
|
13
|
+
--color-wa-send: #00a884;
|
|
14
|
+
--color-wa-hover: #008f72;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
[data-wa-theme='dark'] {
|
|
18
|
+
--color-wa-bg: #161717;
|
|
19
|
+
--color-wa-bubble-out: #144d37;
|
|
20
|
+
--color-wa-bubble-in: #202c33;
|
|
21
|
+
--color-wa-avatar: #2a3942;
|
|
22
|
+
--color-wa-input: #242626;
|
|
23
|
+
--color-wa-divider: #182229;
|
|
24
|
+
--color-wa-text: #e9edef;
|
|
25
|
+
--color-wa-text-secondary: #8696a0;
|
|
26
|
+
--color-wa-text-body: #d1d7db;
|
|
27
|
+
--color-wa-icon: #aebac1;
|
|
28
|
+
--color-wa-teal: #53bdeb;
|
|
29
|
+
--color-wa-send: #21c063;
|
|
30
|
+
--color-wa-hover: #00a884;
|
|
31
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@source '../dist';
|