@botpress/webchat 1.0.22 → 1.0.23

package/dist/index.js

@@ -45387,7 +45387,7 @@ const GW = {
           className: "aspect-square h-8 rounded-full"
         },
         fallback: {
-          className: "flex h-full w-full items-center justify-center rounded-full"
+          className: "flex h-8 w-8 items-center justify-center rounded-full"
         }
       },
       actions: {
@@ -45456,7 +45456,7 @@ const GW = {
         className: "aspect-square h-full w-full"
       },
       fallback: {
-        className: "flex h-full w-full items-center justify-center rounded-full"
+        className: "flex h-7 w-7 items-center justify-center rounded-full"
       }
     },
     blocks: {
@@ -45480,9 +45480,6 @@ const GW = {
           className: "list-decimal list-inside"
         }
       },
-      button: {
-        className: ""
-      },
       image: {
         image: {
           className: It(
@@ -45575,13 +45572,13 @@ const GW = {
       dropdown: {
         button: {
           container: {
-            className: "flex max-w-[80%] cursor-pointer items-center justify-between rounded-md p-2 truncate data-[disabled]:cursor-not-allowed"
+            className: "group/dropdown flex max-w-[80%] cursor-pointer items-center justify-between rounded-md p-2 truncate data-[disabled]:cursor-not-allowed data-[disabled]:outline-none"
           },
           text: {
             className: "truncate"
           },
           icon: {
-            className: "ml-2 inline-block h-4 w-4"
+            className: "ml-2 inline-block h-4 w-4 group-data-[disabled]/dropdown:hidden"
           }
         },
         content: {
@@ -47760,6 +47757,24 @@ const _Z = US({
             "group-hover:bg-opacity-80 group-hover:text-zinc-100"
           )
         }
+      },
+      dropdown: {
+        button: {
+          container: {
+            className: "border border-zinc-600 bg-zinc-600 hover:border-zinc-500 data-[disabled]:text-zinc-400 text-zinc-50 data-[disabled]:hover:border-zinc-600"
+          },
+          icon: {
+            className: "text-zinc-200"
+          }
+        },
+        content: {
+          container: {
+            className: " bg-zinc-600 text-zinc-100"
+          },
+          item: {
+            className: "transition-colors data-[active]:bg-zinc-500 data-[active]:text-zinc-50"
+          }
+        }
       }
     }
   },
@@ -48216,7 +48231,7 @@ const _Z = US({
         }
       },
       button: {
-        className: "bg-blue-500 rounded-md p-2 text-sm px-3 text-white  data-[activated]:hidden data-[group-activated]:hidden"
+        className: "bg-blue-200 hover:bg-blue-100 rounded-md p-1 text-sm px-3 text-blue-800  data-[activated]:hidden data-[group-activated]:hidden"
       },
       location: {
         container: {
@@ -48253,6 +48268,24 @@ const _Z = US({
             "group-hover:bg-opacity-80 group-hover:text-neutral-100"
           )
         }
+      },
+      dropdown: {
+        button: {
+          container: {
+            className: "border border-neutral-600 bg-neutral-600 hover:border-neutral-500 data-[disabled]:text-neutral-400 text-neutral-50 data-[disabled]:hover:border-neutral-600"
+          },
+          icon: {
+            className: "text-neutral-200"
+          }
+        },
+        content: {
+          container: {
+            className: " bg-neutral-600 text-neutral-100"
+          },
+          item: {
+            className: "transition-colors data-[active]:bg-neutral-500 data-[active]:text-neutral-50"
+          }
+        }
       }
     }
   },
@@ -48439,7 +48472,7 @@ const _Z = US({
         }
       },
       button: {
-        className: "bg-blue-500 rounded-md p-2 text-sm px-3 text-white  data-[activated]:hidden data-[group-activated]:hidden"
+        className: "bg-blue-200 hover:bg-blue-300 rounded-md p-1 text-sm px-3 text-blue-800  data-[activated]:hidden data-[group-activated]:hidden"
       },
       image: {
         image: {
@@ -48477,8 +48510,8 @@ const _Z = US({
       bubble: {
         className: It(
           "rounded-3xl",
-          "group-data-[direction=outgoing]:bg-blue-100",
-          "group-data-[direction=outgoing]:text-blue-800",
+          "group-data-[direction=outgoing]:bg-blue-600",
+          "group-data-[direction=outgoing]:text-white",
           "group-data-[direction=outgoing]:rounded-br-md",
           "group-data-[direction=incoming]:rounded-bl-md",
           "group-data-[direction=incoming]:bg-gray-100",
@@ -48503,7 +48536,10 @@ const _Z = US({
       dropdown: {
         button: {
           container: {
-            className: "border border-gray-200 bg-white hover:border-gray-300 data-[disabled]:bg-gray-50 data-[disabled]:hover:border-gray-200"
+            className: "border border-gray-200 bg-white hover:border-gray-300 data-[disabled]:text-gray-400 text-gray-800 data-[disabled]:hover:border-gray-200"
+          },
+          icon: {
+            className: "text-gray-700"
           }
         },
         content: {