floating-copilot-widget 1.3.0 → 1.4.1
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/FloatingCopilot.css +21 -15
- package/dist/FloatingCopilot.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
package/dist/FloatingCopilot.css
CHANGED
|
@@ -130,32 +130,35 @@
|
|
|
130
130
|
}
|
|
131
131
|
|
|
132
132
|
.copilot-btn {
|
|
133
|
-
background: rgba(255, 255, 255, 0.
|
|
134
|
-
border:
|
|
135
|
-
color:
|
|
136
|
-
width:
|
|
137
|
-
height:
|
|
133
|
+
background: rgba(255, 255, 255, 0.9) !important;
|
|
134
|
+
border: 2px solid rgba(255, 255, 255, 0.8) !important;
|
|
135
|
+
color: #6366f1 !important;
|
|
136
|
+
width: 40px;
|
|
137
|
+
height: 40px;
|
|
138
138
|
border-radius: 8px;
|
|
139
139
|
cursor: pointer;
|
|
140
|
-
font-size:
|
|
140
|
+
font-size: 20px;
|
|
141
|
+
font-weight: 700;
|
|
141
142
|
display: flex !important;
|
|
142
143
|
align-items: center !important;
|
|
143
144
|
justify-content: center !important;
|
|
144
145
|
transition: all 0.2s ease !important;
|
|
145
|
-
backdrop-filter:
|
|
146
|
+
backdrop-filter: none !important;
|
|
146
147
|
padding: 0 !important;
|
|
147
148
|
flex-shrink: 0;
|
|
148
149
|
position: relative;
|
|
149
150
|
z-index: 10;
|
|
150
151
|
visibility: visible !important;
|
|
151
152
|
opacity: 1 !important;
|
|
153
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
|
|
152
154
|
}
|
|
153
155
|
|
|
154
156
|
.copilot-btn:hover {
|
|
155
|
-
background:
|
|
156
|
-
border-color:
|
|
157
|
+
background: white !important;
|
|
158
|
+
border-color: white !important;
|
|
159
|
+
color: #4f46e5 !important;
|
|
157
160
|
transform: translateY(-2px);
|
|
158
|
-
box-shadow: 0
|
|
161
|
+
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2) !important;
|
|
159
162
|
}
|
|
160
163
|
|
|
161
164
|
.copilot-btn:active {
|
|
@@ -300,19 +303,22 @@
|
|
|
300
303
|
|
|
301
304
|
.copilot-send-btn {
|
|
302
305
|
padding: 11px 16px;
|
|
303
|
-
background: linear-gradient(135deg,
|
|
304
|
-
rgba(var(--primary-color, 99, 102, 241), 0.8) 100%);
|
|
306
|
+
background: linear-gradient(135deg, #6366f1 0%, #5b5fff 100%);
|
|
305
307
|
color: white;
|
|
306
308
|
border: none;
|
|
307
309
|
border-radius: 10px;
|
|
308
310
|
cursor: pointer;
|
|
309
|
-
font-weight:
|
|
310
|
-
font-size:
|
|
311
|
+
font-weight: 800;
|
|
312
|
+
font-size: 20px;
|
|
311
313
|
transition: var(--transition-smooth);
|
|
312
|
-
box-shadow: 0 4px 12px rgba(99, 102, 241, 0.
|
|
314
|
+
box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4);
|
|
313
315
|
letter-spacing: 0.3px;
|
|
314
316
|
min-width: 50px;
|
|
315
317
|
flex-shrink: 0;
|
|
318
|
+
display: flex;
|
|
319
|
+
align-items: center;
|
|
320
|
+
justify-content: center;
|
|
321
|
+
line-height: 1;
|
|
316
322
|
}
|
|
317
323
|
|
|
318
324
|
.copilot-send-btn:hover {
|
package/dist/FloatingCopilot.js
CHANGED
|
@@ -231,7 +231,7 @@ export const FloatingCopilot = ({ config = {} }) => {
|
|
|
231
231
|
handleSendMessage();
|
|
232
232
|
}
|
|
233
233
|
} }),
|
|
234
|
-
React.createElement("button", { className: "copilot-send-btn", onClick: handleSendMessage, "aria-label": "Send message" }, "\
|
|
234
|
+
React.createElement("button", { className: "copilot-send-btn", onClick: handleSendMessage, "aria-label": "Send message" }, "\u2192")),
|
|
235
235
|
finalConfig.resizable && !isMaximized && (React.createElement("div", { className: "copilot-resize-handle", onMouseDown: handleMouseDownResize, title: "Drag to resize" }))));
|
|
236
236
|
};
|
|
237
237
|
export default FloatingCopilot;
|
package/dist/index.esm.js
CHANGED
|
@@ -253,7 +253,7 @@ const FloatingCopilot = ({ config = {} }) => {
|
|
|
253
253
|
handleSendMessage();
|
|
254
254
|
}
|
|
255
255
|
} }),
|
|
256
|
-
React.createElement("button", { className: "copilot-send-btn", onClick: handleSendMessage, "aria-label": "Send message" }, "\
|
|
256
|
+
React.createElement("button", { className: "copilot-send-btn", onClick: handleSendMessage, "aria-label": "Send message" }, "\u2192")),
|
|
257
257
|
finalConfig.resizable && !isMaximized && (React.createElement("div", { className: "copilot-resize-handle", onMouseDown: handleMouseDownResize, title: "Drag to resize" }))));
|
|
258
258
|
};
|
|
259
259
|
|
package/dist/index.js
CHANGED
|
@@ -257,7 +257,7 @@ const FloatingCopilot = ({ config = {} }) => {
|
|
|
257
257
|
handleSendMessage();
|
|
258
258
|
}
|
|
259
259
|
} }),
|
|
260
|
-
React.createElement("button", { className: "copilot-send-btn", onClick: handleSendMessage, "aria-label": "Send message" }, "\
|
|
260
|
+
React.createElement("button", { className: "copilot-send-btn", onClick: handleSendMessage, "aria-label": "Send message" }, "\u2192")),
|
|
261
261
|
finalConfig.resizable && !isMaximized && (React.createElement("div", { className: "copilot-resize-handle", onMouseDown: handleMouseDownResize, title: "Drag to resize" }))));
|
|
262
262
|
};
|
|
263
263
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "floating-copilot-widget",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.4.1",
|
|
4
4
|
"description": "A highly configurable floating chat widget plugin for React websites. Draggable, resizable, themeable, and production-ready.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.esm.js",
|