@livechat/design-system-react-components 2.25.0 → 2.26.0

package/dist/index.js

@@ -9498,7 +9498,7 @@ const ft = {
   cursorTiming: o = "fast2",
   parentElementName: _,
   isVisible: l = !1,
-  elementStyles: i,
+  elementClassName: i,
   zIndex: n,
   isFirstStep: s,
   isLastStep: u
@@ -9531,12 +9531,12 @@ const ft = {
     if (c && g.current) {
       g.current.innerHTML = "";
       const x = c.cloneNode(!0);
-      Object.assign(x.style, i), g.current.appendChild(x);
+      i && (x.className += ` ${i}`), g.current.appendChild(x);
     }
     return () => {
       g.current && (g.current.innerHTML = "");
     };
-  }, [c, g.current]), V(() => (l ? document.body.classList.add("user-guide-visible") : document.body.classList.remove("user-guide-visible"), () => {
+  }, [c, g.current, i]), V(() => (l ? document.body.classList.add("user-guide-visible") : document.body.classList.remove("user-guide-visible"), () => {
     document.body.classList.remove("user-guide-visible");
   }), [l]);
   const I = () => m ? /* @__PURE__ */ t(
@@ -9740,15 +9740,16 @@ const ft = {
   stepMax: l,
   typingAnimation: i = !1,
   handleCloseAction: n,
-  handleClickPrimary: s
+  handleClickPrimary: s,
+  className: u
 }) => {
-  const [u, c] = ce(!1);
+  const [c, p] = ce(!1);
   return V(() => {
     if (n)
       return document.addEventListener("keydown", n), () => {
         document.removeEventListener("keydown", n);
       };
-  }, [n]), /* @__PURE__ */ h("div", { className: d("lc-light-theme", ot[`${_t}`]), children: [
+  }, [n]), /* @__PURE__ */ h("div", { className: d("lc-light-theme", ot[`${_t}`], u), children: [
     /* @__PURE__ */ h("span", { className: ot[`${_t}__heading`], children: [
       /* @__PURE__ */ t(M, { size: "large", source: y_ }),
       /* @__PURE__ */ t(O, { size: "lg", bold: !0, as: "span", children: e })
@@ -9785,12 +9786,12 @@ const ft = {
           {
             text: a,
             typingAnimation: i,
-            onTypingEnd: () => c(!0)
+            onTypingEnd: () => p(!0)
           }
         )
       }
     ),
-    u && /* @__PURE__ */ h("div", { className: ot[`${_t}__footer`], children: [
+    c && /* @__PURE__ */ h("div", { className: ot[`${_t}__footer`], children: [
       /* @__PURE__ */ t(
         z,
         {