🐛 (rating) Fix icons fill color

Closes #1781
baptisteArno · Sep 12, 2024 · d5484f9 · d5484f9
1 parent c26ab77
commit d5484f9
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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",