@livechat/design-system-react-components 1.13.0 → 1.14.0

package/dist/dsrc.es.js

@@ -754,7 +754,6 @@ const Rc = {
   "btn--disabled": "lc-Button-module__btn--disabled___lXBav",
   "btn--full-width": "lc-Button-module__btn--full-width___kdbAr",
   "btn--compact": "lc-Button-module__btn--compact___4eptQ",
-  "btn--icon-only": "lc-Button-module__btn--icon-only___bF5pW",
   "btn--large": "lc-Button-module__btn--large___lb-z6",
   "btn--basic": "lc-Button-module__btn--basic___Jc2gD",
   "btn--primary": "lc-Button-module__btn--primary___ajbjQ",
@@ -774,6 +773,7 @@ const Rc = {
   btn__icon: r_,
   "btn__icon--left": "lc-Button-module__btn__icon--left___H68zu",
   "btn__icon--right": "lc-Button-module__btn__icon--right___fHr3D",
+  "btn--icon-only": "lc-Button-module__btn--icon-only___bF5pW",
   "btn--icon-only--bg": "lc-Button-module__btn--icon-only--bg___X-4V2"
 }, ge = "btn", U = e.forwardRef(
   (g, f) => {
@@ -2340,7 +2340,6 @@ const tl = (t) => {
   "details-card__float-button--open": "lc-DetailsCard-module__details-card__float-button--open___u9Kx2",
   "details-card--with-divider": "lc-DetailsCard-module__details-card--with-divider___xyXvc",
   "details-card__button": "lc-DetailsCard-module__details-card__button___FWUG5",
-  "details-card__button--open": "lc-DetailsCard-module__details-card__button--open___lVmrQ",
   "details-card__button__icon": "lc-DetailsCard-module__details-card__button__icon___iOlKd",
   "details-card__button__icon--open": "lc-DetailsCard-module__details-card__button__icon--open___TI0Xq",
   "details-card__button--hide": "lc-DetailsCard-module__details-card__button--hide___vdQhz",
@@ -2348,7 +2347,7 @@ const tl = (t) => {
   "details-card__label--with-margin": "lc-DetailsCard-module__details-card__label--with-margin___w2S8X",
   "details-card__label__left-node": "lc-DetailsCard-module__details-card__label__left-node___Slmc6",
   "details-card__label__right-node": "lc-DetailsCard-module__details-card__label__right-node___ZrOLh",
-  "details-card__label__text": "lc-DetailsCard-module__details-card__label__text___U074u",
+  "details-card__label__content": "lc-DetailsCard-module__details-card__label__content___Cfip3",
   "details-card__float-button": "lc-DetailsCard-module__details-card__float-button___zHJ-T",
   "details-card__float-button--closed": "lc-DetailsCard-module__details-card__float-button--closed___E2e7C",
   "details-card__float-button__icon": "lc-DetailsCard-module__details-card__float-button__icon___1tKUL",
@@ -2374,16 +2373,16 @@ const tl = (t) => {
     L[O],
     c && L[`${O}--with-divider`],
     a
-  ), b = s && d, k = () => {
-    p((v) => !v), i == null || i();
+  ), b = s && d, k = typeof o == "string", v = () => {
+    p(($) => !$), i == null || i();
   };
   return e.useEffect(() => {
-    const v = !!window.IntersectionObserver;
-    if (f.current && v) {
-      const $ = new ResizeObserver(() => {
+    const $ = !!window.IntersectionObserver;
+    if (f.current && $) {
+      const w = new ResizeObserver(() => {
         f.current && u !== f.current.offsetHeight && h(f.current.offsetHeight);
       });
-      return $.observe(f.current), () => $.disconnect();
+      return w.observe(f.current), () => w.disconnect();
     }
   }, [f]), /* @__PURE__ */ e.createElement("div", { className: g }, /* @__PURE__ */ e.createElement(
     "button",
@@ -2393,7 +2392,7 @@ const tl = (t) => {
         b && L[`${O}__button--hide`],
         d && L[`${O}__button--open`]
       ),
-      onClick: k,
+      onClick: v,
       "aria-expanded": d,
       "aria-hidden": b,
       "data-testid": "details-card-button"
@@ -2407,7 +2406,14 @@ const tl = (t) => {
         )
       },
       r && /* @__PURE__ */ e.createElement("div", { className: L[`${O}__label__left-node`] }, r),
-      /* @__PURE__ */ e.createElement(Ze, { size: "xs", className: L[`${O}__label__text`] }, o),
+      k ? /* @__PURE__ */ e.createElement(
+        Ze,
+        {
+          size: "xs",
+          className: L[`${O}__label__content`]
+        },
+        o
+      ) : /* @__PURE__ */ e.createElement("div", { className: L[`${O}__label__content`] }, o),
       _ && /* @__PURE__ */ e.createElement("div", { className: L[`${O}__label__right-node`] }, _)
     ),
     !s && /* @__PURE__ */ e.createElement(
@@ -2439,7 +2445,7 @@ const tl = (t) => {
         !d && L[`${O}__float-button--closed`],
         d && L[`${O}__float-button--open`]
       ),
-      onClick: k,
+      onClick: v,
       "aria-expanded": d,
       "data-testid": "details-card-floating-button"
     }