🚑️ Fix opacity-1 invalid className

Author: baptisteArno

packages/embeds/js/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.9.5",
+  "version": "0.9.6",
   "description": "Javascript library to display typebots on your website",
   "license": "FSL-1.1-ALv2",
   "type": "module",

packages/embeds/js/src/features/blocks/inputs/fileUpload/components/SelectedFile.tsx

@@ -32,7 +32,7 @@ export const SelectedFile = (props: {
       </Switch>
 
       <button
-        class="absolute -right-2 p-0.5 -top-2 rounded-full bg-gray-200 text-black border border-gray-400 opacity-1 sm:opacity-0 group-hover:opacity-100 transition-opacity"
+        class="absolute -right-2 p-0.5 -top-2 rounded-full bg-gray-200 text-black border border-gray-400 opacity-100 sm:opacity-0 group-hover:opacity-100 transition-opacity"
         on:click={props.onRemoveClick}
         aria-label="Remove attachment"
       >

packages/embeds/js/src/features/blocks/inputs/textInput/components/VoiceRecorder.tsx

@@ -162,7 +162,7 @@ export const VoiceRecorder = (props: Props) => {
       class={cx(
         "w-full gap-2 items-center transition-opacity px-2 typebot-recorder",
         props.recordingStatus === "started"
-          ? "opacity-1 flex"
+          ? "opacity-100 flex"
           : "opacity-0 hidden",
       )}
     >

packages/embeds/js/src/features/bubble/components/Bubble.tsx

@@ -302,7 +302,7 @@ export const Bubble = (props: BubbleProps) => {
             }}
             class={cx(
               "absolute rounded-lg max-h-[calc(100dvh-var(--container-bottom)-var(--button-gap)-var(--button-size))] shadow-lg bg-(--bot-bg-color) h-(--bot-max-height) max-w-(--bot-max-width) overflow-hidden",
-              isOpen() ? "opacity-1" : "opacity-0 pointer-events-none",
+              isOpen() ? "opacity-100" : "opacity-0 pointer-events-none",
               bubbleProps.theme?.placement === "left"
                 ? "sm:left-0 -left-5"
                 : "sm:right-0 -right-5",

packages/embeds/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.9.5",
+  "version": "0.9.6",
   "description": "Convenient library to display typebots on your React app",
   "license": "FSL-1.1-ALv2",
   "type": "module",