@livechat/design-system-react-components 1.17.1-alpha.2 → 1.17.1-alpha.4

package/dist/components/DatePicker/index.es.js

@@ -22,7 +22,7 @@ var A = (e, t) => {
 import * as s from "react";
 import { useReducer as ae, useRef as re, useEffect as P, useCallback as R, useMemo as I } from "react";
 import _e from "react-day-picker";
-import { DoubleArrowLeft as ne, ChevronLeft as ce, ChevronRight as de, DoubleArrowRight as oe } from "@livechat/design-system-icons";
+import { DoubleArrowLeft as ne, ChevronLeft as de, ChevronRight as ce, DoubleArrowRight as oe } from "@livechat/design-system-icons";
 import v from "clsx";
 import { subMonths as S, differenceInCalendarMonths as F, addMonths as H, isSameMonth as g, isSameDay as L, isAfter as Y, differenceInCalendarDays as V } from "date-fns";
 import { Icon as $ } from "../Icon/index.es.js";
@@ -67,7 +67,7 @@ const r = {
     onMonthChange: a,
     onNextClick: _,
     showNextButton: i,
-    showPreviousButton: d,
+    showPreviousButton: c,
     className: l,
     classNames: E,
     numberOfMonths: m,
@@ -88,7 +88,7 @@ const r = {
       !Number.isNaN(o) && o > 12 ? 12 : o
     );
     return a(p);
-  }, c = () => {
+  }, d = () => {
     if (!N) {
       const f = H(u, 12);
       return a(f);
@@ -105,7 +105,7 @@ const r = {
       "data-testid": "date-picker-prev-year-button",
       className: v({
         [E.navButtonPrev]: !0,
-        [E.navButtonInteractionDisabled]: !d
+        [E.navButtonInteractionDisabled]: !c
       }),
       onClick: M
     },
@@ -116,11 +116,11 @@ const r = {
       "data-testid": "date-picker-prev-month-button",
       className: v({
         [E.navButtonPrev]: !0,
-        [E.navButtonInteractionDisabled]: !d
+        [E.navButtonInteractionDisabled]: !c
       }),
       onClick: b
     },
-    /* @__PURE__ */ s.createElement($, { source: ce, kind: "subtle" })
+    /* @__PURE__ */ s.createElement($, { source: de, kind: "subtle" })
   )), /* @__PURE__ */ s.createElement("div", { className: r[`${U}__navbar-buttons-wrapper`] }, /* @__PURE__ */ s.createElement(
     "button",
     {
@@ -131,7 +131,7 @@ const r = {
       }),
       onClick: C
     },
-    /* @__PURE__ */ s.createElement($, { source: de, kind: "subtle" })
+    /* @__PURE__ */ s.createElement($, { source: ce, kind: "subtle" })
   ), /* @__PURE__ */ s.createElement(
     "button",
     {
@@ -140,14 +140,14 @@ const r = {
         [E.navButtonNext]: !0,
         [E.navButtonInteractionDisabled]: !i
       }),
-      onClick: c
+      onClick: d
     },
     /* @__PURE__ */ s.createElement($, { source: oe, kind: "subtle" })
   )));
-}, se = ie, n = "date-picker", Z = (e, t) => {
+}, n = "date-picker", Z = (e, t) => {
   const { from: a, to: _ } = t;
   return !(_ && !L(e, _) && Y(e, _) || a && !L(e, a) && !Y(e, a));
-}, X = (e, t, a) => t ? e && !g(e, t) || a && g(t, a) ? S(t, 1) : t : S(a || /* @__PURE__ */ new Date(), 1), le = (e, t) => {
+}, X = (e, t, a) => t ? e && !g(e, t) || a && g(t, a) ? S(t, 1) : t : S(a || /* @__PURE__ */ new Date(), 1), se = (e, t) => {
   const a = {
     [r[`${n}__day--monday`]]: { daysOfWeek: [1] },
     [r[`${n}__day--sunday`]]: { daysOfWeek: [0] },
@@ -165,7 +165,7 @@ const r = {
 }, h = (e, t) => {
   const a = t.find((_) => _.id === e);
   return a || void 0;
-}, G = (e, t) => !!(!e || e && t), ue = (e) => {
+}, G = (e, t) => !!(!e || e && t), le = (e) => {
   const t = {};
   if (!e.initialSelectedItemKey)
     return t;
@@ -174,7 +174,7 @@ const r = {
     e.options
   );
   return a ? (t.selectedItem = e.initialSelectedItemKey, a.isManual && (e.initialFromDate && (t.from = e.initialFromDate), e.initialToDate && (t.to = e.initialToDate, t.temporaryTo = e.initialToDate)), t) : {};
-}, pe = (e, t) => y({
+}, ue = (e, t) => y({
   container: v({
     [r[`${n}`]]: !0,
     [r[`${n}--range`]]: e
@@ -209,16 +209,16 @@ const r = {
   outside: r[`${n}__day--outside`],
   start: r[`${n}__day--start`],
   end: r[`${n}__day--end`]
-}, t), J = "date-picker", ke = (e) => {
+}, t), J = "date-picker", pe = (e) => {
   const t = e.getDate();
   return /* @__PURE__ */ s.createElement("div", { className: r[`${J}__day-wrapper`] }, /* @__PURE__ */ s.createElement("div", { className: r[`${J}__day-content`] }, t));
-}, me = (e) => {
+}, ke = (e) => {
   const p = e, {
     classNames: t,
     range: a,
     toMonth: _,
     month: i,
-    fromMonth: d,
+    fromMonth: c,
     firstDayOfWeek: l,
     numberOfMonths: E,
     navbarElement: m,
@@ -239,7 +239,7 @@ const r = {
   s.useEffect(() => {
     i && i !== b && C(i);
   }, [i, b]), s.useEffect(() => {
-    _ && (Z(b, { from: d, to: _ }) || C(_));
+    _ && (Z(b, { from: c, to: _ }) || C(_));
   }, [b, e.toMonth, e.fromMonth]);
   const M = s.useCallback(
     (f) => {
@@ -251,42 +251,42 @@ const r = {
     },
     [i, e.onMonthChange]
   );
-  let c = 1;
-  (l === 0 || l && l < 7) && (c = l);
+  let d = 1;
+  (l === 0 || l && l < 7) && (d = l);
   const o = s.useMemo(
-    () => pe(a, t),
+    () => ue(a, t),
     [a, t]
   );
   return /* @__PURE__ */ s.createElement(
     _e,
     y({
       navbarElement: m || /* @__PURE__ */ s.createElement(
-        se,
+        ie,
         {
           month: b,
           classNames: o,
           numberOfMonths: E,
           onMonthChange: M,
           toMonth: _,
-          fromMonth: d
+          fromMonth: c
         }
       ),
       ref: T,
       classNames: o,
       numberOfMonths: E,
       toMonth: _,
-      fromMonth: d,
-      firstDayOfWeek: c,
+      fromMonth: c,
+      firstDayOfWeek: d,
       month: b,
-      renderDay: u || ke
+      renderDay: u || pe
     }, N)
   );
-}, ye = s.forwardRef(
-  (e, t) => /* @__PURE__ */ s.createElement(me, y({ innerRef: t }, e))
+}, me = s.forwardRef(
+  (e, t) => /* @__PURE__ */ s.createElement(ke, y({ innerRef: t }, e))
 );
-ye.displayName = "DatePicker";
+me.displayName = "DatePicker";
 var k = /* @__PURE__ */ ((e) => (e.NEW_SELECTED_ITEM = "NEW_SELECTED_ITEM", e.NEW_TEMPORARY_TO_VALUE = "NEW_TEMPORARY_TO_VALUE", e.CLEAR = "CLEAR", e.SET_FROM = "SET_FROM", e.SET_TO = "SET_TO", e.SELECT_FIRST_DAY = "SELECT_FIRST_DAY", e.SELECT_SECOND_DAY_AS_FROM = "SELECT_SECOND_DAY_AS_FROM", e.SELECT_SECOND_DAY_AS_TO = "SELECT_SECOND_DAY_AS_TO", e.CURRENT_MONTH_CHANGE = "CURRENT_MONTH_CHANGE", e))(k || {});
-const fe = (e) => {
+const ye = (e) => {
   const t = X(
     e.initialFromDate,
     e.initialToDate,
@@ -297,8 +297,8 @@ const fe = (e) => {
     to: void 0,
     temporaryTo: void 0,
     currentMonth: t
-  }), ue(e));
-  function i(d, l) {
+  }), le(e));
+  function i(c, l) {
     switch (l.type) {
       case k.NEW_SELECTED_ITEM:
         return {
@@ -309,61 +309,61 @@ const fe = (e) => {
           currentMonth: t
         };
       case k.NEW_TEMPORARY_TO_VALUE:
-        return D(y({}, d), {
+        return D(y({}, c), {
           temporaryTo: l.payload.date
         });
       case k.SELECT_FIRST_DAY:
-        return D(y({}, d), {
+        return D(y({}, c), {
           from: l.payload.date,
           to: void 0,
           temporaryTo: void 0
         });
       case k.SELECT_SECOND_DAY_AS_FROM:
-        return D(y({}, d), {
+        return D(y({}, c), {
           from: l.payload.date,
-          to: d.from,
-          temporaryTo: d.from
+          to: c.from,
+          temporaryTo: c.from
         });
       case k.SELECT_SECOND_DAY_AS_TO:
-        return D(y({}, d), {
+        return D(y({}, c), {
           to: l.payload.date,
           temporaryTo: l.payload.date
         });
       case k.CURRENT_MONTH_CHANGE:
-        return D(y({}, d), {
+        return D(y({}, c), {
           currentMonth: l.payload.date
         });
       case k.SET_FROM:
-        return D(y({}, d), {
+        return D(y({}, c), {
           from: l.payload.date
         });
       case k.SET_TO:
-        return D(y({}, d), {
+        return D(y({}, c), {
           to: l.payload.date
         });
       default:
-        return d;
+        return c;
     }
   }
   return ae(i, _);
-}, Ee = ({
+}, fe = ({
   options: e,
   initialSelectedItemKey: t,
   initialFromDate: a,
   initialToDate: _,
   toMonth: i,
-  onChange: d,
+  onChange: c,
   children: l
 }) => {
   const E = re(
     t || null
-  ), [m, u] = fe({
+  ), [m, u] = ye({
     options: e,
     initialSelectedItemKey: t,
     initialFromDate: a,
     initialToDate: _,
     toMonth: i,
-    onChange: d,
+    onChange: c,
     children: l
   });
   P(() => {
@@ -377,90 +377,90 @@ const fe = (e) => {
       payload: { date: _ }
     });
   }, [_]), P(() => {
-    const c = X(
+    const d = X(
       a,
       _,
       i
     );
     u({
       type: k.CURRENT_MONTH_CHANGE,
-      payload: { date: c }
+      payload: { date: d }
     });
   }, [i, a, _]), P(() => {
-    const { from: c, selectedItem: o, to: p } = m;
-    if (!(c && p))
+    const { from: d, selectedItem: o, to: p } = m;
+    if (!(d && p))
       return;
     const f = h(o, e);
-    f && (d == null || d(D(y({}, f), {
+    f && (c == null || c(D(y({}, f), {
       value: {
-        from: c,
+        from: d,
         to: p
       }
     })));
-  }, [m.from, m.to, m.selectedItem, e, d]), P(() => {
-    const { selectedItem: c } = m;
-    if (c === E.current)
+  }, [m.from, m.to, m.selectedItem, e, c]), P(() => {
+    const { selectedItem: d } = m;
+    if (d === E.current)
       return;
-    if (!c) {
-      d(null);
+    if (!d) {
+      c(null);
       return;
     }
-    if (!h(c, e))
+    if (!h(d, e))
       return;
     const p = e.reduce(
       (f, O) => D(y({}, f), { [O.id]: O }),
       {}
     );
-    d(p[c]);
-  }, [d, m.selectedItem, e]);
+    c(p[d]);
+  }, [c, m.selectedItem, e]);
   const T = R(
-    (c) => {
-      const o = i ? V(i, c) >= 0 : !0;
+    (d) => {
+      const o = i ? V(i, d) >= 0 : !0;
       !G(m.from, m.to) && o && u({
         type: k.NEW_TEMPORARY_TO_VALUE,
-        payload: { date: c }
+        payload: { date: d }
       });
     },
     [i, m.from, m.to]
   ), N = R(
-    (c) => {
+    (d) => {
       const { from: o, to: p } = m;
-      Z(c, { to: i }) && (G(o, p) ? u({
+      Z(d, { to: i }) && (G(o, p) ? u({
         type: k.SELECT_FIRST_DAY,
-        payload: { date: c }
-      }) : o && L(c, o) || o && Y(c, o) ? u({
+        payload: { date: d }
+      }) : o && L(d, o) || o && Y(d, o) ? u({
         type: k.SELECT_SECOND_DAY_AS_TO,
-        payload: { date: c }
+        payload: { date: d }
       }) : u({
         type: k.SELECT_SECOND_DAY_AS_FROM,
-        payload: { date: c }
+        payload: { date: d }
       }));
     },
     [i, m.from, m.to]
   ), b = R(
-    (c) => {
-      if (c === null) {
+    (d) => {
+      if (d === null) {
         u({
           type: k.NEW_SELECTED_ITEM,
           payload: { selectedItem: null }
         });
         return;
       }
-      h(c, e) && u({
+      h(d, e) && u({
         type: k.NEW_SELECTED_ITEM,
-        payload: { selectedItem: c }
+        payload: { selectedItem: d }
       });
     },
     [e]
-  ), C = R((c) => {
+  ), C = R((d) => {
     u({
       type: k.CURRENT_MONTH_CHANGE,
-      payload: { date: c }
+      payload: { date: d }
     });
   }, []);
   return l((() => {
-    const { currentMonth: c, from: o, selectedItem: p, temporaryTo: f, to: O } = m, j = I(
-      () => le(o, f),
+    const { currentMonth: d, from: o, selectedItem: p, temporaryTo: f, to: O } = m, j = I(
+      () => se(o, f),
       [o, f]
     ), q = I(() => h(p, e), [e, p]), Q = I(() => [o, { from: o, to: f }], [o, f]), z = I(() => i ? { after: i } : void 0, [i]);
     return {
@@ -474,7 +474,7 @@ const fe = (e) => {
       },
       datepicker: {
         range: !0,
-        month: c,
+        month: d,
         numberOfMonths: 2,
         onDayClick: N,
         selectedDays: Q,
@@ -489,7 +489,7 @@ const fe = (e) => {
     };
   })());
 };
-Ee.defaultProps = {
+fe.defaultProps = {
   options: [
     {
       id: "default",
@@ -502,15 +502,15 @@ Ee.defaultProps = {
     }
   ]
 };
-const Pe = (e) => {
-  const d = e, { className: t, children: a } = d, _ = A(d, ["className", "children"]), i = v(
+const Se = (e) => {
+  const c = e, { className: t, children: a } = c, _ = A(c, ["className", "children"]), i = v(
     t,
     r["date-picker--range__calendars-wrapper"]
   );
   return /* @__PURE__ */ s.createElement("div", D(y({}, _), { className: i }), a);
 };
 export {
-  ye as DatePicker,
-  Pe as DatePickerRangeCalendarsWrapper,
-  Ee as RangeDatePicker
+  me as DatePicker,
+  Se as DatePickerRangeCalendarsWrapper,
+  fe as RangeDatePicker
 };

package/dist/components/DetailsCard/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),N=require("@livechat/design-system-icons"),c=require("clsx"),x=require("../Button/index.cjs.js"),y=require("../Icon/index.cjs.js"),q=require("../../chunks/Heading-617540b6.js");require("../Loader/index.cjs.js");require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");function I(l){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const r in l)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(l,r);Object.defineProperty(s,r,i.get?i:{enumerable:!0,get:()=>l[r]})}}return s.default=l,Object.freeze(s)}const a=I(S),e={"details-card":"lc-DetailsCard-module__details-card___cVoS7","details-card__button--fading":"lc-DetailsCard-module__details-card__button--fading___tQA02","details-card--with-divider":"lc-DetailsCard-module__details-card--with-divider___xyXvc","details-card__label-wrapper":"lc-DetailsCard-module__details-card__label-wrapper___7W-BY","details-card__label-wrapper--hide":"lc-DetailsCard-module__details-card__label-wrapper--hide___H-U4O","details-card__label-wrapper--fading":"lc-DetailsCard-module__details-card__label-wrapper--fading___yiAoB","details-card__label":"lc-DetailsCard-module__details-card__label___nhDQE","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__content":"lc-DetailsCard-module__details-card__label__content___Cfip3","details-card__button":"lc-DetailsCard-module__details-card__button___FWUG5","details-card__button--closed":"lc-DetailsCard-module__details-card__button--closed___TkMaQ","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__content-wrapper":"lc-DetailsCard-module__details-card__content-wrapper___2UOlE","details-card__content-wrapper--open":"lc-DetailsCard-module__details-card__content-wrapper--open___ESQxg","details-card__content":"lc-DetailsCard-module__details-card__content___RNVd2","details-card__content--spacing":"lc-DetailsCard-module__details-card__content--spacing___QecUa","details-card__content--full-space":"lc-DetailsCard-module__details-card__content--full-space___2ms8I"},t="details-card",H=({children:l,className:s,leftNode:r,rightNode:i,label:u,withDivider:g,fullSpaceContent:w,openOnInit:C=!1,hideLabelOnOpen:n,onClick:m})=>{const[_,D]=a.useState(C),[b,$]=a.useState(0),d=a.useRef(null),v=c(e[t],g&&e[`${t}--with-divider`],s),f=n&&_,h=typeof u=="string",E=p=>{D(o=>!o),p.currentTarget.blur(),m==null||m()};return a.useEffect(()=>{const p=!!window.IntersectionObserver;if(d.current&&p){const o=new ResizeObserver(()=>{d.current&&b!==d.current.offsetHeight&&$(d.current.offsetHeight)});return o.observe(d.current),()=>o.disconnect()}},[d]),a.createElement("div",{className:v},a.createElement("div",{className:c(e[`${t}__label-wrapper`],n&&e[`${t}__label-wrapper--fading`],f&&e[`${t}__label-wrapper--hide`],_&&e[`${t}__label-wrapper--open`]),"aria-expanded":_,"aria-hidden":f,"data-testid":"details-card-label"},a.createElement("div",{className:c(e[`${t}__label`],n&&e[`${t}__label--with-margin`])},r&&a.createElement("div",{className:e[`${t}__label__left-node`]},r),h?a.createElement(q.Heading,{size:"xs",className:e[`${t}__label__content`]},u):a.createElement("div",{className:e[`${t}__label__content`]},u),i&&a.createElement("div",{className:e[`${t}__label__right-node`]},i))),a.createElement(x.Button,{kind:_&&n?"float":"text",icon:a.createElement(y.Icon,{source:N.ChevronRight,className:c(e[`${t}__button__icon`],_&&e[`${t}__button__icon--open`])}),className:c(e[`${t}__button`],!_&&e[`${t}__button--closed`],_&&e[`${t}__button--open`],n&&e[`${t}__button--fading`]),onClick:E,"aria-expanded":_}),a.createElement("div",null,a.createElement("div",{className:c(e[`${t}__content-wrapper`],_&&e[`${t}__content-wrapper--open`]),style:{maxHeight:_?b:0}},a.createElement("div",{ref:d,className:c(e[`${t}__content`],w&&e[`${t}__content--full-space`],n&&e[`${t}__content--spacing`])},l))))};exports.DetailsCard=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),N=require("@livechat/design-system-icons"),c=require("clsx"),x=require("../Button/index.cjs.js"),y=require("../Icon/index.cjs.js"),q=require("../../chunks/Heading-617540b6.js");require("../../chunks/Typography.module-2558416b.js");require("../Loader/index.cjs.js");require("../../chunks/Text-df483689.js");function I(l){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const r in l)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(l,r);Object.defineProperty(s,r,i.get?i:{enumerable:!0,get:()=>l[r]})}}return s.default=l,Object.freeze(s)}const a=I(S),e={"details-card":"lc-DetailsCard-module__details-card___cVoS7","details-card__button--fading":"lc-DetailsCard-module__details-card__button--fading___tQA02","details-card--with-divider":"lc-DetailsCard-module__details-card--with-divider___xyXvc","details-card__label-wrapper":"lc-DetailsCard-module__details-card__label-wrapper___7W-BY","details-card__label-wrapper--hide":"lc-DetailsCard-module__details-card__label-wrapper--hide___H-U4O","details-card__label-wrapper--fading":"lc-DetailsCard-module__details-card__label-wrapper--fading___yiAoB","details-card__label":"lc-DetailsCard-module__details-card__label___nhDQE","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__content":"lc-DetailsCard-module__details-card__label__content___Cfip3","details-card__button":"lc-DetailsCard-module__details-card__button___FWUG5","details-card__button--closed":"lc-DetailsCard-module__details-card__button--closed___TkMaQ","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__content-wrapper":"lc-DetailsCard-module__details-card__content-wrapper___2UOlE","details-card__content-wrapper--open":"lc-DetailsCard-module__details-card__content-wrapper--open___ESQxg","details-card__content":"lc-DetailsCard-module__details-card__content___RNVd2","details-card__content--spacing":"lc-DetailsCard-module__details-card__content--spacing___QecUa","details-card__content--full-space":"lc-DetailsCard-module__details-card__content--full-space___2ms8I"},t="details-card",H=({children:l,className:s,leftNode:r,rightNode:i,label:u,withDivider:g,fullSpaceContent:w,openOnInit:C=!1,hideLabelOnOpen:n,onClick:m})=>{const[_,D]=a.useState(C),[b,$]=a.useState(0),d=a.useRef(null),v=c(e[t],g&&e[`${t}--with-divider`],s),f=n&&_,h=typeof u=="string",E=p=>{D(o=>!o),p.currentTarget.blur(),m==null||m()};return a.useEffect(()=>{const p=!!window.IntersectionObserver;if(d.current&&p){const o=new ResizeObserver(()=>{d.current&&b!==d.current.offsetHeight&&$(d.current.offsetHeight)});return o.observe(d.current),()=>o.disconnect()}},[d]),a.createElement("div",{className:v},a.createElement("div",{className:c(e[`${t}__label-wrapper`],n&&e[`${t}__label-wrapper--fading`],f&&e[`${t}__label-wrapper--hide`],_&&e[`${t}__label-wrapper--open`]),"aria-expanded":_,"aria-hidden":f,"data-testid":"details-card-label"},a.createElement("div",{className:c(e[`${t}__label`],n&&e[`${t}__label--with-margin`])},r&&a.createElement("div",{className:e[`${t}__label__left-node`]},r),h?a.createElement(q.Heading,{size:"xs",className:e[`${t}__label__content`]},u):a.createElement("div",{className:e[`${t}__label__content`]},u),i&&a.createElement("div",{className:e[`${t}__label__right-node`]},i))),a.createElement(x.Button,{kind:_&&n?"float":"text",icon:a.createElement(y.Icon,{source:N.ChevronRight,className:c(e[`${t}__button__icon`],_&&e[`${t}__button__icon--open`])}),className:c(e[`${t}__button`],!_&&e[`${t}__button--closed`],_&&e[`${t}__button--open`],n&&e[`${t}__button--fading`]),onClick:E,"aria-expanded":_}),a.createElement("div",null,a.createElement("div",{className:c(e[`${t}__content-wrapper`],_&&e[`${t}__content-wrapper--open`]),style:{maxHeight:_?b:0}},a.createElement("div",{ref:d,className:c(e[`${t}__content`],w&&e[`${t}__content--full-space`],n&&e[`${t}__content--spacing`])},l))))};exports.DetailsCard=H;

package/dist/components/DetailsCard/index.es.js

@@ -4,9 +4,9 @@ import d from "clsx";
 import { Button as x } from "../Button/index.es.js";
 import { Icon as S } from "../Icon/index.es.js";
 import { H } from "../../chunks/Heading-6b95d08b.js";
+import "../../chunks/Typography.module-93efb34d.js";
 import "../Loader/index.es.js";
 import "../../chunks/Text-b31d1e9a.js";
-import "../../chunks/Typography.module-93efb34d.js";
 const e = {
   "details-card": "lc-DetailsCard-module__details-card___cVoS7",
   "details-card__button--fading": "lc-DetailsCard-module__details-card__button--fading___tQA02",

package/dist/components/FieldDescription/index.cjs.js

@@ -1 +1 @@
-"use strict";var f=Object.defineProperty,m=Object.defineProperties;var b=Object.getOwnPropertyDescriptors;var c=Object.getOwnPropertySymbols;var o=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var n=(e,t,r)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,a=(e,t)=>{for(var r in t||(t={}))o.call(t,r)&&n(e,r,t[r]);if(c)for(var r of c(t))l.call(t,r)&&n(e,r,t[r]);return e},u=(e,t)=>m(e,b(t));var d=(e,t)=>{var r={};for(var s in e)o.call(e,s)&&t.indexOf(s)<0&&(r[s]=e[s]);if(e!=null&&c)for(var s of c(e))t.indexOf(s)<0&&l.call(e,s)&&(r[s]=e[s]);return r};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),_=require("clsx"),y=require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");function D(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const O=D(g),j={"field-description":"lc-FieldDescription-module__field-description___IcRDH"},q="field-description",S=s=>{var i=s,{children:e,className:t=""}=i,r=d(i,["children","className"]);const p=_(j[q],t);return O.createElement(y.Text,u(a({as:"span",size:"sm"},r),{className:p}),e)};exports.FieldDescription=S;
+"use strict";var f=Object.defineProperty,m=Object.defineProperties;var b=Object.getOwnPropertyDescriptors;var c=Object.getOwnPropertySymbols;var o=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var n=(e,t,r)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,a=(e,t)=>{for(var r in t||(t={}))o.call(t,r)&&n(e,r,t[r]);if(c)for(var r of c(t))l.call(t,r)&&n(e,r,t[r]);return e},u=(e,t)=>m(e,b(t));var d=(e,t)=>{var r={};for(var s in e)o.call(e,s)&&t.indexOf(s)<0&&(r[s]=e[s]);if(e!=null&&c)for(var s of c(e))t.indexOf(s)<0&&l.call(e,s)&&(r[s]=e[s]);return r};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),_=require("clsx");require("../../chunks/Typography.module-2558416b.js");const y=require("../../chunks/Text-df483689.js");function D(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const O=D(g),j={"field-description":"lc-FieldDescription-module__field-description___IcRDH"},q="field-description",S=s=>{var i=s,{children:e,className:t=""}=i,r=d(i,["children","className"]);const p=_(j[q],t);return O.createElement(y.Text,u(a({as:"span",size:"sm"},r),{className:p}),e)};exports.FieldDescription=S;

package/dist/components/FieldDescription/index.es.js

@@ -21,8 +21,8 @@ var p = (e, s) => {
 };
 import * as D from "react";
 import u from "clsx";
-import { T as C } from "../../chunks/Text-b31d1e9a.js";
 import "../../chunks/Typography.module-93efb34d.js";
+import { T as C } from "../../chunks/Text-b31d1e9a.js";
 const F = {
   "field-description": "lc-FieldDescription-module__field-description___IcRDH"
 }, N = "field-description", y = (t) => {

package/dist/components/FieldError/index.cjs.js

@@ -1 +1 @@
-"use strict";var g=Object.defineProperty,p=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var n=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var s=(e,r,t)=>r in e?g(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,a=(e,r)=>{for(var t in r||(r={}))l.call(r,t)&&s(e,t,r[t]);if(n)for(var t of n(r))i.call(r,t)&&s(e,t,r[t]);return e},u=(e,r)=>p(e,y(r));var d=(e,r)=>{var t={};for(var o in e)l.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&n)for(var o of n(e))r.indexOf(o)<0&&i.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),E=require("@livechat/design-system-icons"),O=require("clsx"),j=require("../Icon/index.cjs.js"),I=require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");function N(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const _=N(q),m={"field-error":"lc-FieldError-module__field-error___IDkPT","field-error__icon":"lc-FieldError-module__field-error__icon___D4UNC"},f="field-error",S=o=>{var c=o,{children:e,className:r=""}=c,t=d(c,["children","className"]);const b=O(m[f],r);return _.createElement(I.Text,u(a({as:"span",size:"sm"},t),{className:b}),_.createElement(j.Icon,{source:E.Info,className:m[`${f}__icon`],size:"small"}),e)};exports.FieldError=S;
+"use strict";var g=Object.defineProperty,p=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var n=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var s=(e,r,t)=>r in e?g(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,a=(e,r)=>{for(var t in r||(r={}))l.call(r,t)&&s(e,t,r[t]);if(n)for(var t of n(r))i.call(r,t)&&s(e,t,r[t]);return e},u=(e,r)=>p(e,y(r));var d=(e,r)=>{var t={};for(var o in e)l.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&n)for(var o of n(e))r.indexOf(o)<0&&i.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),E=require("@livechat/design-system-icons"),O=require("clsx"),j=require("../Icon/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");const I=require("../../chunks/Text-df483689.js");function N(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const _=N(q),m={"field-error":"lc-FieldError-module__field-error___IDkPT","field-error__icon":"lc-FieldError-module__field-error__icon___D4UNC"},f="field-error",S=o=>{var c=o,{children:e,className:r=""}=c,t=d(c,["children","className"]);const b=O(m[f],r);return _.createElement(I.Text,u(a({as:"span",size:"sm"},t),{className:b}),_.createElement(j.Icon,{source:E.Info,className:m[`${f}__icon`],size:"small"}),e)};exports.FieldError=S;

package/dist/components/FieldError/index.es.js

@@ -23,8 +23,8 @@ import * as d from "react";
 import { Info as C } from "@livechat/design-system-icons";
 import F from "clsx";
 import { Icon as I } from "../Icon/index.es.js";
-import { T } from "../../chunks/Text-b31d1e9a.js";
 import "../../chunks/Typography.module-93efb34d.js";
+import { T } from "../../chunks/Text-b31d1e9a.js";
 const f = {
   "field-error": "lc-FieldError-module__field-error___IDkPT",
   "field-error__icon": "lc-FieldError-module__field-error__icon___D4UNC"

package/dist/components/FieldGroup/index.cjs.js

@@ -1 +1 @@
-"use strict";var F=Object.defineProperty,y=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var o=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;var s=(e,t,r)=>t in e?F(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,p=(e,t)=>{for(var r in t||(t={}))d.call(t,r)&&s(e,r,t[r]);if(o)for(var r of o(t))a.call(t,r)&&s(e,r,t[r]);return e},_=(e,t)=>y(e,O(t));var f=(e,t)=>{var r={};for(var l in e)d.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(e!=null&&o)for(var l of o(e))t.indexOf(l)<0&&a.call(e,l)&&(r[l]=e[l]);return r};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),E=require("clsx"),G=require("../FieldDescription/index.cjs.js"),D=require("../FieldError/index.cjs.js");require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");require("@livechat/design-system-icons");require("../Icon/index.cjs.js");function S(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=S(j),n={"field-group":"lc-FieldGroup-module__field-group___gy8lp","field-group--inline":"lc-FieldGroup-module__field-group--inline___or4qf","field-group--stretched":"lc-FieldGroup-module__field-group--stretched___6rkuO"},u="field-group",h=v=>{var c=v,{className:e="",children:t,description:r,error:l,inline:g,stretch:m}=c,b=f(c,["className","children","description","error","inline","stretch"]);const q=E(n[u],e,{[n[`${u}--inline`]]:g,[n[`${u}--stretched`]]:m});return i.createElement("div",_(p({},b),{className:q}),t,l&&i.createElement(D.FieldError,null,l),r&&i.createElement(G.FieldDescription,null,r))};exports.FieldGroup=h;
+"use strict";var F=Object.defineProperty,y=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var o=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;var s=(e,t,r)=>t in e?F(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,p=(e,t)=>{for(var r in t||(t={}))d.call(t,r)&&s(e,r,t[r]);if(o)for(var r of o(t))a.call(t,r)&&s(e,r,t[r]);return e},_=(e,t)=>y(e,O(t));var f=(e,t)=>{var r={};for(var l in e)d.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(e!=null&&o)for(var l of o(e))t.indexOf(l)<0&&a.call(e,l)&&(r[l]=e[l]);return r};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),E=require("clsx"),G=require("../FieldDescription/index.cjs.js"),D=require("../FieldError/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");require("../../chunks/Text-df483689.js");require("@livechat/design-system-icons");require("../Icon/index.cjs.js");function S(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=S(j),n={"field-group":"lc-FieldGroup-module__field-group___gy8lp","field-group--inline":"lc-FieldGroup-module__field-group--inline___or4qf","field-group--stretched":"lc-FieldGroup-module__field-group--stretched___6rkuO"},u="field-group",h=v=>{var c=v,{className:e="",children:t,description:r,error:l,inline:g,stretch:m}=c,b=f(c,["className","children","description","error","inline","stretch"]);const q=E(n[u],e,{[n[`${u}--inline`]]:g,[n[`${u}--stretched`]]:m});return i.createElement("div",_(p({},b),{className:q}),t,l&&i.createElement(D.FieldError,null,l),r&&i.createElement(G.FieldDescription,null,r))};exports.FieldGroup=h;

package/dist/components/FieldGroup/index.es.js

@@ -23,8 +23,8 @@ import * as t from "react";
 import y from "clsx";
 import { FieldDescription as C } from "../FieldDescription/index.es.js";
 import { FieldError as N } from "../FieldError/index.es.js";
-import "../../chunks/Text-b31d1e9a.js";
 import "../../chunks/Typography.module-93efb34d.js";
+import "../../chunks/Text-b31d1e9a.js";
 import "@livechat/design-system-icons";
 import "../Icon/index.es.js";
 const m = {

package/dist/components/FileUploadProgress/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),n=require("@livechat/design-system-icons"),p=require("clsx"),u=require("../Icon/index.cjs.js"),E=require("../../chunks/ProgressBar-62d36b60.js"),F=require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");function U(r){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const c=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(_,s,c.get?c:{enumerable:!0,get:()=>r[s]})}}return _.default=r,Object.freeze(_)}const e=U(b),t={"file-upload-progress-actions":"lc-FileUploadProgressActions-module__file-upload-progress-actions___qOBr2","file-upload-progress-actions__close-button":"lc-FileUploadProgressActions-module__file-upload-progress-actions__close-button___Eh4um","file-upload-progress-actions__retry-button":"lc-FileUploadProgressActions-module__file-upload-progress-actions__retry-button___DqFEo"},i="file-upload-progress-actions",g=({status:r,onCloseButtonClick:_,onRetryButtonClick:s})=>e.createElement("div",{className:t[`${i}`]},s&&r==="error"&&e.createElement("button",{type:"button",className:t[`${i}__retry-button`],"aria-label":"Retry",onClick:s},e.createElement(u.Icon,{size:"small",source:n.Refresh})),_&&r!=="success"&&e.createElement("button",{type:"button",className:t[`${i}__close-button`],"aria-label":"Close",onClick:_},e.createElement(u.Icon,{size:"small",source:n.Close}))),o={"file-upload-progress":"lc-FileUploadProgress-module__file-upload-progress___xw8h8","file-upload-progress__icon":"lc-FileUploadProgress-module__file-upload-progress__icon___p8Rfz","file-upload-progress__icon--success":"lc-FileUploadProgress-module__file-upload-progress__icon--success___X40uH","file-upload-progress__wrapper":"lc-FileUploadProgress-module__file-upload-progress__wrapper___01Nkq","file-upload-progress__wrapper--with-icon":"lc-FileUploadProgress-module__file-upload-progress__wrapper--with-icon___GSXmA","file-upload-progress__wrapper__header":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header___mYBGK","file-upload-progress__wrapper__header__actions":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header__actions___tvhB3","file-upload-progress__wrapper__header__title":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title___2IVuv","file-upload-progress__wrapper__header__title--success":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--success___E6DQl","file-upload-progress__wrapper__header__title--error":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--error___5BPpI"},l="file-upload-progress",d=`${l}__wrapper__header__title`,$=e.forwardRef(({actionsVisibility:r="hidden",className:_,icon:s,title:c,progressValue:m,size:f,status:a="normal",onCloseButtonClick:w,onRetryButtonClick:h},P)=>e.createElement("div",{className:o[l],ref:P},s&&a!=="success"&&e.createElement("div",{className:o[`${l}__icon`]},s),a==="success"&&e.createElement("div",{className:p(o[`${l}__icon`],o[`${l}__icon--success`])},e.createElement(u.Icon,{source:n.Check})),e.createElement("div",{className:p(o[`${l}__wrapper`],{[o[`${l}__wrapper--with-icon`]]:s})},e.createElement("div",{className:o[`${l}__wrapper__header`]},c&&e.createElement("div",{className:p(o[d],{[o[`${d}--success`]]:a==="success",[o[`${d}--error`]]:a==="error"})},e.createElement(F.Text,{size:"sm",as:"div"},c),"="," "),r!=="hidden"&&e.createElement("div",{className:p({[o[`${l}__wrapper__header__actions`]]:r==="hover"})},e.createElement(g,{status:a,onCloseButtonClick:w,onRetryButtonClick:h}))),a!=="success"&&e.createElement(E.ProgressBar,{className:_,percent:m,status:a,size:f}))));exports.FileUploadProgress=$;exports.FileUploadProgressActions=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),n=require("@livechat/design-system-icons"),p=require("clsx"),u=require("../Icon/index.cjs.js"),E=require("../Progress/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");const F=require("../../chunks/Text-df483689.js");function U(r){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const c=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(l,s,c.get?c:{enumerable:!0,get:()=>r[s]})}}return l.default=r,Object.freeze(l)}const e=U(b),t={"file-upload-progress-actions":"lc-FileUploadProgressActions-module__file-upload-progress-actions___qOBr2","file-upload-progress-actions__close-button":"lc-FileUploadProgressActions-module__file-upload-progress-actions__close-button___Eh4um","file-upload-progress-actions__retry-button":"lc-FileUploadProgressActions-module__file-upload-progress-actions__retry-button___DqFEo"},i="file-upload-progress-actions",g=({status:r,onCloseButtonClick:l,onRetryButtonClick:s})=>e.createElement("div",{className:t[`${i}`]},s&&r==="error"&&e.createElement("button",{type:"button",className:t[`${i}__retry-button`],"aria-label":"Retry",onClick:s},e.createElement(u.Icon,{size:"small",source:n.Refresh})),l&&r!=="success"&&e.createElement("button",{type:"button",className:t[`${i}__close-button`],"aria-label":"Close",onClick:l},e.createElement(u.Icon,{size:"small",source:n.Close}))),o={"file-upload-progress":"lc-FileUploadProgress-module__file-upload-progress___xw8h8","file-upload-progress__icon":"lc-FileUploadProgress-module__file-upload-progress__icon___p8Rfz","file-upload-progress__icon--success":"lc-FileUploadProgress-module__file-upload-progress__icon--success___X40uH","file-upload-progress__wrapper":"lc-FileUploadProgress-module__file-upload-progress__wrapper___01Nkq","file-upload-progress__wrapper--with-icon":"lc-FileUploadProgress-module__file-upload-progress__wrapper--with-icon___GSXmA","file-upload-progress__wrapper__header":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header___mYBGK","file-upload-progress__wrapper__header__actions":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header__actions___tvhB3","file-upload-progress__wrapper__header__title":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title___2IVuv","file-upload-progress__wrapper__header__title--success":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--success___E6DQl","file-upload-progress__wrapper__header__title--error":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--error___5BPpI"},_="file-upload-progress",d=`${_}__wrapper__header__title`,$=e.forwardRef(({actionsVisibility:r="hidden",className:l,icon:s,title:c,progressValue:m,size:f,status:a="normal",onCloseButtonClick:w,onRetryButtonClick:h},P)=>e.createElement("div",{className:o[_],ref:P},s&&a!=="success"&&e.createElement("div",{className:o[`${_}__icon`]},s),a==="success"&&e.createElement("div",{className:p(o[`${_}__icon`],o[`${_}__icon--success`])},e.createElement(u.Icon,{source:n.Check})),e.createElement("div",{className:p(o[`${_}__wrapper`],{[o[`${_}__wrapper--with-icon`]]:s})},e.createElement("div",{className:o[`${_}__wrapper__header`]},c&&e.createElement("div",{className:p(o[d],{[o[`${d}--success`]]:a==="success",[o[`${d}--error`]]:a==="error"})},e.createElement(F.Text,{size:"sm",as:"div"},c),"="," "),r!=="hidden"&&e.createElement("div",{className:p({[o[`${_}__wrapper__header__actions`]]:r==="hover"})},e.createElement(g,{status:a,onCloseButtonClick:w,onRetryButtonClick:h}))),a!=="success"&&e.createElement(E.ProgressBar,{className:l,percent:m,status:a,size:f}))));exports.FileUploadProgress=$;exports.FileUploadProgressActions=g;

package/dist/components/FileUploadProgress/index.es.js

@@ -2,9 +2,9 @@ import * as e from "react";
 import { Refresh as h, Close as E, Check as P } from "@livechat/design-system-icons";
 import p from "clsx";
 import { Icon as d } from "../Icon/index.es.js";
-import { P as F } from "../../chunks/ProgressBar-3e0fd769.js";
-import { T as U } from "../../chunks/Text-b31d1e9a.js";
+import { ProgressBar as F } from "../Progress/index.es.js";
 import "../../chunks/Typography.module-93efb34d.js";
+import { T as U } from "../../chunks/Text-b31d1e9a.js";
 const c = {
   "file-upload-progress-actions": "lc-FileUploadProgressActions-module__file-upload-progress-actions___qOBr2",
   "file-upload-progress-actions__close-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__close-button___Eh4um",

package/dist/components/FormField/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),i=require("clsx"),$=require("../FieldDescription/index.cjs.js"),g=require("../FieldError/index.cjs.js"),w=require("../../chunks/Text-df483689.js");require("@livechat/design-system-icons");require("../Icon/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");function v(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return o.default=r,Object.freeze(o)}const e=v(E),l={"form-field":"lc-FormField-module__form-field___JqnX6","form-field--inline":"lc-FormField-module__form-field--inline___4DgIq","form-field__wrapper--inline":"lc-FormField-module__form-field__wrapper--inline___Ubvrn","form-field__label":"lc-FormField-module__form-field__label___hNCFS","form-field__label--inline":"lc-FormField-module__form-field__label--inline___QxyM6","form-field__label--no-text":"lc-FormField-module__form-field__label--no-text___Ohs-I","form-field__label-wrapper":"lc-FormField-module__form-field__label-wrapper___61-NO","form-field__label-wrapper--inline":"lc-FormField-module__form-field__label-wrapper--inline___YVYza","form-field__label-adornment":"lc-FormField-module__form-field__label-adornment___HB0z7","form-field__label-adornment--inline":"lc-FormField-module__form-field__label-adornment--inline___pwRXm","form-field__label-left-node":"lc-FormField-module__form-field__label-left-node___dvipB","form-field__label-right-node":"lc-FormField-module__form-field__label-right-node___LR-03","form-field__label-right-node--inline":"lc-FormField-module__form-field__label-right-node--inline___BkiPG","form-field__row-break":"lc-FormField-module__form-field__row-break___DCBjC","form-field__content":"lc-FormField-module__form-field__content___XaOx3","form-field__content__description":"lc-FormField-module__form-field__content__description___NpVw4"},_="form-field",h=({inline:r,error:o,description:t,labelText:n,labelAdornment:a,className:s,labelFor:u,children:F,labelRightNode:m})=>{const d=e.useRef(null),[b,c]=e.useState("auto"),p=i(l[_],{[l[`${_}--inline`]]:r},s);return e.useEffect(()=>{const f=d;return r&&f.current?c(`${f.current.clientHeight}px`):c("auto")}),e.createElement("div",{className:p},m&&r&&e.createElement(e.Fragment,null,e.createElement("div",{className:i(l[`${_}__label-right-node`],l[`${_}__label-right-node--inline`])},m),e.createElement("div",{className:l[`${_}__row-break`]})),e.createElement("div",{className:i(l[`${_}__wrapper`],r&&l[`${_}__wrapper--inline`])},(n||m)&&e.createElement("div",{className:i(l[`${_}__label`],r&&l[`${_}__label--inline`],!n&&l[`${_}__label--no-text`])},n&&e.createElement("div",{className:i(l[`${_}__label-wrapper`],r&&l[`${_}__label-wrapper--inline`]),style:{height:b}},e.createElement("label",{className:l[`${_}__label-left-node`],htmlFor:u},e.createElement(w.Text,{as:"span",size:"sm"},n)),a&&e.createElement("div",{className:i(l[`${_}__label-adornment`],r&&l[`${_}__label-adornment--inline`])},a)),m&&!r&&e.createElement("div",{className:i(l[`${_}__label-right-node`])},m)),e.createElement("div",{className:i(l[`${_}__content`])},e.createElement("div",{ref:d},F),o&&e.createElement(g.FieldError,null,o),!o&&t&&e.createElement($.FieldDescription,{className:i(l[`${_}__content__description`])},t))))};exports.FormField=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),i=require("clsx"),$=require("../FieldDescription/index.cjs.js"),g=require("../FieldError/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");const w=require("../../chunks/Text-df483689.js");require("@livechat/design-system-icons");require("../Icon/index.cjs.js");function v(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return o.default=r,Object.freeze(o)}const e=v(E),l={"form-field":"lc-FormField-module__form-field___JqnX6","form-field--inline":"lc-FormField-module__form-field--inline___4DgIq","form-field__wrapper--inline":"lc-FormField-module__form-field__wrapper--inline___Ubvrn","form-field__label":"lc-FormField-module__form-field__label___hNCFS","form-field__label--inline":"lc-FormField-module__form-field__label--inline___QxyM6","form-field__label--no-text":"lc-FormField-module__form-field__label--no-text___Ohs-I","form-field__label-wrapper":"lc-FormField-module__form-field__label-wrapper___61-NO","form-field__label-wrapper--inline":"lc-FormField-module__form-field__label-wrapper--inline___YVYza","form-field__label-adornment":"lc-FormField-module__form-field__label-adornment___HB0z7","form-field__label-adornment--inline":"lc-FormField-module__form-field__label-adornment--inline___pwRXm","form-field__label-left-node":"lc-FormField-module__form-field__label-left-node___dvipB","form-field__label-right-node":"lc-FormField-module__form-field__label-right-node___LR-03","form-field__label-right-node--inline":"lc-FormField-module__form-field__label-right-node--inline___BkiPG","form-field__row-break":"lc-FormField-module__form-field__row-break___DCBjC","form-field__content":"lc-FormField-module__form-field__content___XaOx3","form-field__content__description":"lc-FormField-module__form-field__content__description___NpVw4"},_="form-field",h=({inline:r,error:o,description:t,labelText:n,labelAdornment:a,className:s,labelFor:u,children:F,labelRightNode:m})=>{const d=e.useRef(null),[b,c]=e.useState("auto"),p=i(l[_],{[l[`${_}--inline`]]:r},s);return e.useEffect(()=>{const f=d;return r&&f.current?c(`${f.current.clientHeight}px`):c("auto")}),e.createElement("div",{className:p},m&&r&&e.createElement(e.Fragment,null,e.createElement("div",{className:i(l[`${_}__label-right-node`],l[`${_}__label-right-node--inline`])},m),e.createElement("div",{className:l[`${_}__row-break`]})),e.createElement("div",{className:i(l[`${_}__wrapper`],r&&l[`${_}__wrapper--inline`])},(n||m)&&e.createElement("div",{className:i(l[`${_}__label`],r&&l[`${_}__label--inline`],!n&&l[`${_}__label--no-text`])},n&&e.createElement("div",{className:i(l[`${_}__label-wrapper`],r&&l[`${_}__label-wrapper--inline`]),style:{height:b}},e.createElement("label",{className:l[`${_}__label-left-node`],htmlFor:u},e.createElement(w.Text,{as:"span",size:"sm"},n)),a&&e.createElement("div",{className:i(l[`${_}__label-adornment`],r&&l[`${_}__label-adornment--inline`])},a)),m&&!r&&e.createElement("div",{className:i(l[`${_}__label-right-node`])},m)),e.createElement("div",{className:i(l[`${_}__content`])},e.createElement("div",{ref:d},F),o&&e.createElement(g.FieldError,null,o),!o&&t&&e.createElement($.FieldDescription,{className:i(l[`${_}__content__description`])},t))))};exports.FormField=h;

package/dist/components/FormField/index.es.js

@@ -2,10 +2,10 @@ import * as e from "react";
 import r from "clsx";
 import { FieldDescription as $ } from "../FieldDescription/index.es.js";
 import { FieldError as E } from "../FieldError/index.es.js";
+import "../../chunks/Typography.module-93efb34d.js";
 import { T as w } from "../../chunks/Text-b31d1e9a.js";
 import "@livechat/design-system-icons";
 import "../Icon/index.es.js";
-import "../../chunks/Typography.module-93efb34d.js";
 const l = {
   "form-field": "lc-FormField-module__form-field___JqnX6",
   "form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",

package/dist/components/Input/index.cjs.js

@@ -1 +1 @@
-"use strict";var D=Object.defineProperty,Q=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var s=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var I=(e,n,t)=>n in e?D(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,g=(e,n)=>{for(var t in n||(n={}))b.call(n,t)&&I(e,t,n[t]);if(s)for(var t of s(n))y.call(n,t)&&I(e,t,n[t]);return e},$=(e,n)=>Q(e,T(n));var S=(e,n)=>{var t={};for(var u in e)b.call(e,u)&&n.indexOf(u)<0&&(t[u]=e[u]);if(e!=null&&s)for(var u of s(e))n.indexOf(u)<0&&y.call(e,u)&&(t[u]=e[u]);return t};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("react"),O=require("@livechat/design-system-icons"),x=require("clsx"),k=require("../Button/index.cjs.js"),z=require("../Icon/index.cjs.js"),K=require("../../chunks/Text-df483689.js");require("../Loader/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");function M(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const u=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,u.get?u:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const _=M(X),P="lc-Input-module__input___qeMAQ",o={input:P,"input--focused":"lc-Input-module__input--focused___wQH5-","input--disabled":"lc-Input-module__input--disabled___HidXX","input--crop":"lc-Input-module__input--crop___uzJS8","input--read-only":"lc-Input-module__input--read-only___4O-G3","input--error":"lc-Input-module__input--error___DlDbC","input--xsmall":"lc-Input-module__input--xsmall___9u99K","input--compact":"lc-Input-module__input--compact___iKSQZ","input--medium":"lc-Input-module__input--medium___3BjqQ","input--large":"lc-Input-module__input--large___jX5RW","input__icon--disabled":"lc-Input-module__input__icon--disabled___XO3dc","input__icon--left":"lc-Input-module__input__icon--left___BcySs","input__icon--right":"lc-Input-module__input__icon--right___VefSK","input__visibility-button":"lc-Input-module__input__visibility-button___eWrVe"},i="input",q=(e,n)=>_.cloneElement(e.source,{"data-testid":`input-icon-${e.place}`,className:x(o[`${i}__icon`],o[`${i}__icon--${e.place}`],{[o[`${i}__icon--disabled`]]:n})}),F=_.forwardRef((H,w)=>{var d=H,{inputSize:e="medium",error:n=!1,disabled:t,icon:u=null,className:v,cropOnBlur:j=!0}=d,r=S(d,["inputSize","error","disabled","icon","className","cropOnBlur"]);const[C,m]=_.useState(!1),[f,R]=_.useState(!1),{type:l,onFocus:p,onBlur:a}=r,h=x(v,o[i],o[`${i}--${e}`],{[o[`${i}--disabled`]]:t,[o[`${i}--focused`]]:C,[o[`${i}--error`]]:n,[o[`${i}--crop`]]:j,[o[`${i}--read-only`]]:r.readOnly}),V=t?"var(--content-disabled)":"var(--content-default)",E=f?O.VisibilityOn:O.VisibilityOff,N=u&&u.place==="left",B=u&&l!=="password"&&u.place==="right";return _.createElement(K.Text,{as:"div",className:h,"aria-disabled":t,"tab-index":"0"},N&&q(u,t),_.createElement("input",$(g({},r),{ref:w,onFocus:c=>{m(!0),p==null||p(c)},onBlur:c=>{m(!1),a==null||a(c)},disabled:t,type:l&&!f?l:"text"})),B&&q(u,t),l==="password"&&_.createElement(k.Button,{disabled:t,kind:"text",size:"compact",icon:_.createElement(z.Icon,{customColor:V,source:E}),onClick:()=>R(c=>!c),className:o[`${i}__visibility-button`]}))});exports.Input=F;
+"use strict";var D=Object.defineProperty,Q=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var s=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var I=(e,n,t)=>n in e?D(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,g=(e,n)=>{for(var t in n||(n={}))b.call(n,t)&&I(e,t,n[t]);if(s)for(var t of s(n))y.call(n,t)&&I(e,t,n[t]);return e},$=(e,n)=>Q(e,T(n));var S=(e,n)=>{var t={};for(var u in e)b.call(e,u)&&n.indexOf(u)<0&&(t[u]=e[u]);if(e!=null&&s)for(var u of s(e))n.indexOf(u)<0&&y.call(e,u)&&(t[u]=e[u]);return t};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("react"),O=require("@livechat/design-system-icons"),x=require("clsx"),k=require("../Button/index.cjs.js"),z=require("../Icon/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");const K=require("../../chunks/Text-df483689.js");require("../Loader/index.cjs.js");function M(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const u=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,u.get?u:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const _=M(X),P="lc-Input-module__input___qeMAQ",o={input:P,"input--focused":"lc-Input-module__input--focused___wQH5-","input--disabled":"lc-Input-module__input--disabled___HidXX","input--crop":"lc-Input-module__input--crop___uzJS8","input--read-only":"lc-Input-module__input--read-only___4O-G3","input--error":"lc-Input-module__input--error___DlDbC","input--xsmall":"lc-Input-module__input--xsmall___9u99K","input--compact":"lc-Input-module__input--compact___iKSQZ","input--medium":"lc-Input-module__input--medium___3BjqQ","input--large":"lc-Input-module__input--large___jX5RW","input__icon--disabled":"lc-Input-module__input__icon--disabled___XO3dc","input__icon--left":"lc-Input-module__input__icon--left___BcySs","input__icon--right":"lc-Input-module__input__icon--right___VefSK","input__visibility-button":"lc-Input-module__input__visibility-button___eWrVe"},i="input",q=(e,n)=>_.cloneElement(e.source,{"data-testid":`input-icon-${e.place}`,className:x(o[`${i}__icon`],o[`${i}__icon--${e.place}`],{[o[`${i}__icon--disabled`]]:n})}),F=_.forwardRef((H,w)=>{var d=H,{inputSize:e="medium",error:n=!1,disabled:t,icon:u=null,className:v,cropOnBlur:j=!0}=d,r=S(d,["inputSize","error","disabled","icon","className","cropOnBlur"]);const[C,m]=_.useState(!1),[f,R]=_.useState(!1),{type:l,onFocus:p,onBlur:a}=r,h=x(v,o[i],o[`${i}--${e}`],{[o[`${i}--disabled`]]:t,[o[`${i}--focused`]]:C,[o[`${i}--error`]]:n,[o[`${i}--crop`]]:j,[o[`${i}--read-only`]]:r.readOnly}),V=t?"var(--content-disabled)":"var(--content-default)",E=f?O.VisibilityOn:O.VisibilityOff,N=u&&u.place==="left",B=u&&l!=="password"&&u.place==="right";return _.createElement(K.Text,{as:"div",className:h,"aria-disabled":t,"tab-index":"0"},N&&q(u,t),_.createElement("input",$(g({},r),{ref:w,onFocus:c=>{m(!0),p==null||p(c)},onBlur:c=>{m(!1),a==null||a(c)},disabled:t,type:l&&!f?l:"text"})),B&&q(u,t),l==="password"&&_.createElement(k.Button,{disabled:t,kind:"text",size:"compact",icon:_.createElement(z.Icon,{customColor:V,source:E}),onClick:()=>R(c=>!c),className:o[`${i}__visibility-button`]}))});exports.Input=F;

package/dist/components/Input/index.es.js

@@ -24,9 +24,9 @@ import { VisibilityOn as k, VisibilityOff as q } from "@livechat/design-system-i
 import S from "clsx";
 import { Button as z } from "../Button/index.es.js";
 import { Icon as D } from "../Icon/index.es.js";
+import "../../chunks/Typography.module-93efb34d.js";
 import { T as F } from "../../chunks/Text-b31d1e9a.js";
 import "../Loader/index.es.js";
-import "../../chunks/Typography.module-93efb34d.js";
 const H = "lc-Input-module__input___qeMAQ", o = {
   input: H,
   "input--focused": "lc-Input-module__input--focused___wQH5-",