🐛 (js) Fix container color when empty

packages/embeds/js/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.0.65",
+  "version": "0.0.66",
   "description": "Javascript library to display typebots on your website",
   "type": "module",
   "main": "dist/index.js",

packages/embeds/js/src/utils/setCssVariablesValue.ts

@@ -8,6 +8,7 @@ import {
 } from '@typebot.io/schemas'
 import { BackgroundType } from '@typebot.io/schemas/features/typebot/theme/enums'
 import { isLight, hexToRgb } from '@typebot.io/lib/hexToRgb'
+import { isNotEmpty } from '@typebot.io/lib'
 
 const cssVariableNames = {
   general: {
@@ -37,6 +38,7 @@ const cssVariableNames = {
     },
     checkbox: {
       bgColor: '--typebot-checkbox-bg-color',
+      color: '--typebot-checkbox-color',
     },
   },
 } as const
@@ -155,7 +157,9 @@ const setTypebotBackground = (
     parseBackgroundValue(background)
   )
   const backgroundColor =
-    (BackgroundType.COLOR ? background.content : '#ffffff') ?? '#ffffff'
+    (BackgroundType.COLOR && isNotEmpty(background.content)
+      ? background.content
+      : '#ffffff') ?? '#ffffff'
   documentStyle.setProperty(
     cssVariableNames.chat.checkbox.bgColor,
     (BackgroundType.COLOR ? background.content : '#ffffff') ?? '#ffffff'

packages/embeds/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.0.65",
+  "version": "0.0.66",
   "description": "React library to display typebots on your website",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",