@pmate/chat-sdk 0.1.15 → 0.1.17
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.
|
@@ -236,15 +236,21 @@ function MobileInner(props) {
|
|
|
236
236
|
transition: `color ${tokens.motion.stateTransition}, transform ${tokens.motion.pressFeedback}`,
|
|
237
237
|
};
|
|
238
238
|
return (_jsxs("div", { style: {
|
|
239
|
+
boxSizing: "border-box",
|
|
239
240
|
position: "relative",
|
|
240
241
|
width: "100%",
|
|
241
242
|
maxWidth: "min(420px, calc(100vw - 16px))",
|
|
242
|
-
padding: 0,
|
|
243
|
+
padding: "0 0 calc(18px + max(18px, env(safe-area-inset-bottom, 0px)))",
|
|
243
244
|
background: "transparent",
|
|
244
245
|
borderRadius: tokens.radius.inputSurface,
|
|
245
246
|
border: 0,
|
|
246
247
|
boxShadow: "none",
|
|
247
248
|
overflow: "visible",
|
|
249
|
+
overscrollBehavior: "contain",
|
|
250
|
+
touchAction: "manipulation",
|
|
251
|
+
userSelect: "none",
|
|
252
|
+
WebkitUserSelect: "none",
|
|
253
|
+
WebkitTouchCallout: "none",
|
|
248
254
|
}, children: [isRecordingOverlayVisible ? (_jsxs("div", { style: {
|
|
249
255
|
position: "fixed",
|
|
250
256
|
left: "50%",
|
|
@@ -1,6 +1,34 @@
|
|
|
1
|
-
export type ChatInputThemeName = "pmate" | "cli" | "compact";
|
|
1
|
+
export type ChatInputThemeName = "pmate" | "dark" | "cli" | "compact";
|
|
2
2
|
export declare const chatInputThemes: {
|
|
3
3
|
pmate: {};
|
|
4
|
+
dark: {
|
|
5
|
+
color: {
|
|
6
|
+
brandPrimary: string;
|
|
7
|
+
surfaceInputDefault: string;
|
|
8
|
+
surfaceInputFocus: string;
|
|
9
|
+
surfaceInputRecording: string;
|
|
10
|
+
surfaceInputError: string;
|
|
11
|
+
textPrimary: string;
|
|
12
|
+
textSecondary: string;
|
|
13
|
+
iconDefault: string;
|
|
14
|
+
iconActive: string;
|
|
15
|
+
actionSendDefault: string;
|
|
16
|
+
actionSendDisabled: string;
|
|
17
|
+
actionSendTextOnPrimary: string;
|
|
18
|
+
borderDefault: string;
|
|
19
|
+
borderFocus: string;
|
|
20
|
+
borderError: string;
|
|
21
|
+
statusError: string;
|
|
22
|
+
statusWarning: string;
|
|
23
|
+
statusSuccess: string;
|
|
24
|
+
voiceWaveformActive: string;
|
|
25
|
+
voiceWaveformBackground: string;
|
|
26
|
+
};
|
|
27
|
+
shadow: {
|
|
28
|
+
inputElevated: string;
|
|
29
|
+
recordingActive: string;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
4
32
|
cli: {
|
|
5
33
|
color: {
|
|
6
34
|
brandPrimary: string;
|
|
@@ -1,5 +1,33 @@
|
|
|
1
1
|
export const chatInputThemes = {
|
|
2
2
|
pmate: {},
|
|
3
|
+
dark: {
|
|
4
|
+
color: {
|
|
5
|
+
brandPrimary: "#8B7CF6",
|
|
6
|
+
surfaceInputDefault: "#171C23",
|
|
7
|
+
surfaceInputFocus: "#1D242D",
|
|
8
|
+
surfaceInputRecording: "#202839",
|
|
9
|
+
surfaceInputError: "#2B191D",
|
|
10
|
+
textPrimary: "#EEF1F5",
|
|
11
|
+
textSecondary: "#8E98A5",
|
|
12
|
+
iconDefault: "#7E8996",
|
|
13
|
+
iconActive: "#A99FFF",
|
|
14
|
+
actionSendDefault: "#7C6FE6",
|
|
15
|
+
actionSendDisabled: "#343A48",
|
|
16
|
+
actionSendTextOnPrimary: "#FFFFFF",
|
|
17
|
+
borderDefault: "#303844",
|
|
18
|
+
borderFocus: "#665CBF",
|
|
19
|
+
borderError: "#A84D59",
|
|
20
|
+
statusError: "#FF7D87",
|
|
21
|
+
statusWarning: "#E5A85E",
|
|
22
|
+
statusSuccess: "#45D495",
|
|
23
|
+
voiceWaveformActive: "#A99FFF",
|
|
24
|
+
voiceWaveformBackground: "#3B365F",
|
|
25
|
+
},
|
|
26
|
+
shadow: {
|
|
27
|
+
inputElevated: "0 8px 24px rgba(0, 0, 0, 0.24)",
|
|
28
|
+
recordingActive: "0 0 0 4px rgba(139, 124, 246, 0.18)",
|
|
29
|
+
},
|
|
30
|
+
},
|
|
3
31
|
cli: {
|
|
4
32
|
color: {
|
|
5
33
|
brandPrimary: "#25D6A0",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pmate/chat-sdk",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.17",
|
|
4
4
|
"description": "Cross-platform PMate chat input components, voice input primitives, and ASR helpers",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./lib/index.js",
|
|
@@ -29,6 +29,14 @@
|
|
|
29
29
|
"publishConfig": {
|
|
30
30
|
"access": "public"
|
|
31
31
|
},
|
|
32
|
+
"scripts": {
|
|
33
|
+
"build": "tsc -p tsconfig.build.json && cp src/voice/recorder-processor.js lib/voice/recorder-processor.js",
|
|
34
|
+
"prepack": "pnpm run build",
|
|
35
|
+
"npm:publish": "pnpm run build && npm publish --access public --registry https://registry.npmjs.org/",
|
|
36
|
+
"test": "vitest run",
|
|
37
|
+
"storybook": "storybook dev -p 6009",
|
|
38
|
+
"build-storybook": "storybook build --output-dir dist"
|
|
39
|
+
},
|
|
32
40
|
"dependencies": {
|
|
33
41
|
"@emoji-mart/data": "^1.2.1",
|
|
34
42
|
"@emoji-mart/react": "^1.1.1",
|
|
@@ -43,21 +51,14 @@
|
|
|
43
51
|
"devDependencies": {
|
|
44
52
|
"@storybook/addon-docs": "^9.0.17",
|
|
45
53
|
"@storybook/react-vite": "9.0.17",
|
|
46
|
-
"@tailwindcss/vite": "
|
|
47
|
-
"@types/react": "
|
|
48
|
-
"@types/react-dom": "
|
|
49
|
-
"react": "
|
|
50
|
-
"react-dom": "
|
|
54
|
+
"@tailwindcss/vite": "catalog:",
|
|
55
|
+
"@types/react": "catalog:",
|
|
56
|
+
"@types/react-dom": "catalog:",
|
|
57
|
+
"react": "catalog:",
|
|
58
|
+
"react-dom": "catalog:",
|
|
51
59
|
"storybook": "^9.0.17",
|
|
52
|
-
"tailwindcss": "
|
|
60
|
+
"tailwindcss": "catalog:",
|
|
53
61
|
"typescript": "5.9.2",
|
|
54
62
|
"vitest": "^4.0.17"
|
|
55
|
-
},
|
|
56
|
-
"scripts": {
|
|
57
|
-
"build": "tsc -p tsconfig.build.json && cp src/voice/recorder-processor.js lib/voice/recorder-processor.js",
|
|
58
|
-
"npm:publish": "pnpm run build && npm publish --access public --registry https://registry.npmjs.org/",
|
|
59
|
-
"test": "vitest run",
|
|
60
|
-
"storybook": "storybook dev -p 6009",
|
|
61
|
-
"build-storybook": "storybook build --output-dir dist"
|
|
62
63
|
}
|
|
63
|
-
}
|
|
64
|
+
}
|