From d5484f936675ef49d482f2e895f8ac8668c8fe6f Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <baptiste.arnaud95@gmail.com>
Date: Thu, 12 Sep 2024 19:57:22 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20(rating)=20Fix=20icons=20fill=20?=
 =?UTF-8?q?color?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Closes #1781
---
 packages/embeds/js/package.json         |  2 +-
 packages/embeds/js/src/assets/index.css | 10 ++++++++--
 packages/embeds/nextjs/package.json     |  2 +-
 packages/embeds/react/package.json      |  2 +-
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/packages/embeds/js/package.json b/packages/embeds/js/package.json
index cfe5fc404..f34b671c4 100644
--- a/packages/embeds/js/package.json
+++ b/packages/embeds/js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.3.12",
+  "version": "0.3.13",
   "description": "Javascript library to display typebots on your website",
   "type": "module",
   "main": "dist/index.js",
diff --git a/packages/embeds/js/src/assets/index.css b/packages/embeds/js/src/assets/index.css
index 1fd6eab8c..d2d3f3a30 100644
--- a/packages/embeds/js/src/assets/index.css
+++ b/packages/embeds/js/src/assets/index.css
@@ -306,7 +306,10 @@ pre {
   width: 42px;
   height: 42px;
   stroke: rgb(var(--typebot-button-bg-rgb));
-  fill: var(--typebot-host-bubble-bg-color);
+  fill: rgba(
+    var(--typebot-host-bubble-bg-rgb),
+    var(--typebot-host-bubble-opacity)
+  );
   transition: fill 100ms ease-out;
 }
 
@@ -343,7 +346,10 @@ pre {
 }
 
 .secondary-button {
-  background-color: var(--typebot-host-bubble-bg-color);
+  background-color: rgba(
+    var(--typebot-host-bubble-bg-rgb),
+    var(--typebot-host-bubble-opacity)
+  );
   color: var(--typebot-host-bubble-color);
   border-radius: var(--typebot-button-border-radius);
 }
diff --git a/packages/embeds/nextjs/package.json b/packages/embeds/nextjs/package.json
index bca8effd5..9bd8a600c 100644
--- a/packages/embeds/nextjs/package.json
+++ b/packages/embeds/nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/nextjs",
-  "version": "0.3.12",
+  "version": "0.3.13",
   "description": "Convenient library to display typebots on your Next.js website",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
diff --git a/packages/embeds/react/package.json b/packages/embeds/react/package.json
index 406f76403..9727e43ee 100644
--- a/packages/embeds/react/package.json
+++ b/packages/embeds/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.3.12",
+  "version": "0.3.13",
   "description": "Convenient library to display typebots on your React app",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",