botframework-webchat-fluent-theme 4.18.1-main.20241009.ef5bda6 → 4.18.1-main.20241029.4a18bde

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "botframework-webchat-fluent-theme",
-  "version": "4.18.1-main.20241009.ef5bda6",
+  "version": "4.18.1-main.20241029.4a18bde",
   "description": "Fluent theme for Bot Framework Web Chat",
   "main": "./dist/botframework-webchat-fluent-theme.js",
   "types": "./dist/botframework-webchat-fluent-theme.d.ts",
@@ -68,15 +68,15 @@
     "@types/math-random": "^1.0.2",
     "@types/node": "^20.12.11",
     "@types/react": "^16.14.60",
-    "botframework-webchat-base": "4.18.1-main.20241009.ef5bda6",
-    "botframework-webchat-styles": "4.18.1-main.20241009.ef5bda6",
+    "botframework-webchat-base": "4.18.1-main.20241029.4a18bde",
+    "botframework-webchat-styles": "4.18.1-main.20241029.4a18bde",
     "tsup": "^8.0.2",
     "typescript": "^5.4.5"
   },
   "dependencies": {
-    "botframework-webchat-api": "4.18.1-main.20241009.ef5bda6",
-    "botframework-webchat-component": "4.18.1-main.20241009.ef5bda6",
-    "botframework-webchat-core": "4.18.1-main.20241009.ef5bda6",
+    "botframework-webchat-api": "4.18.1-main.20241029.4a18bde",
+    "botframework-webchat-component": "4.18.1-main.20241029.4a18bde",
+    "botframework-webchat-core": "4.18.1-main.20241029.4a18bde",
     "classnames": "2.5.1",
     "inject-meta-tag": "0.0.1",
     "math-random": "2.0.1",

package/src/components/dropZone/DropZone.module.css

@@ -8,11 +8,11 @@
   place-content: center;
   place-items: center;
   position: absolute;
+  transition: all var(--webchat-durationNormal) var(--webchat-curveDecelerateMid);
 }
 
 :global(.webchat-fluent) .sendbox__attachment-drop-zone--droppable {
-  background-color: #e00;
-  color: White;
+  background-color: var(--webchat-colorBrandBackground2Hover);
 }
 
 :global(.webchat-fluent) .sendbox__attachment-drop-zone-icon {

package/src/components/dropZone/DropZone.tsx

@@ -62,12 +62,19 @@ const DropZone = (props: { readonly onFilesAdded: (files: File[]) => void }) =>
 
     const handleDragLeave = () => --entranceCounter <= 0 && setDropZoneState(false);
 
+    const handleDragEnd = () => {
+      entranceCounter = 0;
+      setDropZoneState(false);
+    };
+
     document.addEventListener('dragenter', handleDragEnter, false);
     document.addEventListener('dragleave', handleDragLeave, false);
+    document.addEventListener('dragend', handleDragEnd, false);
 
     return () => {
       document.removeEventListener('dragenter', handleDragEnter);
       document.removeEventListener('dragleave', handleDragLeave);
+      document.removeEventListener('dragend', handleDragEnd);
     };
   }, [setDropZoneState]);
 

package/src/components/theme/Theme.module.css

@@ -1,3 +1,11 @@
+:global {
+  /* biome-ignore format: do not print each class on the new line */
+  .a, .b, .c, .d, .e, .f, .g, .h, .i, .j, .k, .l, .m, .n, .o, .p, .q, .r, .s, .t, .v, .w, .u, .x, .y, .z,
+  .A, .B, .C, .D, .E, .F, .G, .H, .I, .J, .K, .L, .M, .N, .O, .P, .Q, .R, .S, .T, .V, .W, .U, .X, .Y, .Z {
+    /* biome-ignore lint: esbuild considers empty global classes as used and removes them due to lack of rules */
+  }
+}
+
 :global(.webchat-fluent).theme {
   display: contents;