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.
@@ -130,32 +130,35 @@
130
130
  }
131
131
 
132
132
  .copilot-btn {
133
- background: rgba(255, 255, 255, 0.25) !important;
134
- border: 1px solid rgba(255, 255, 255, 0.4) !important;
135
- color: white !important;
136
- width: 36px;
137
- height: 36px;
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: 18px;
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: blur(10px);
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: rgba(255, 255, 255, 0.35) !important;
156
- border-color: rgba(255, 255, 255, 0.5) !important;
157
+ background: white !important;
158
+ border-color: white !important;
159
+ color: #4f46e5 !important;
157
160
  transform: translateY(-2px);
158
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
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, var(--primary-color, #6366f1) 0%,
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: 600;
310
- font-size: 16px;
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.3);
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 {
@@ -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" }, "\u23CE")),
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" }, "\u23CE")),
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" }, "\u23CE")),
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.0",
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",