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

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

@@ -1,55 +0,0 @@
-import * as e from "react";
-import r from "clsx";
-import { Button as N } from "../Button/index.es.js";
-import "../Loader/index.es.js";
-import "../../chunks/Typography.module-93efb34d.js";
-import "../../chunks/Text-b31d1e9a.js";
-function h() {
-}
-const x = "lc-SegmentedControl-module__btn___tfsvL", o = {
-  "segmented-control": "lc-SegmentedControl-module__segmented-control___LHWSk",
-  btn: x,
-  "btn--active": "lc-SegmentedControl-module__btn--active___Za-th",
-  "btn--compact": "lc-SegmentedControl-module__btn--compact___gcSwq",
-  "btn--medium": "lc-SegmentedControl-module__btn--medium___w3UzC",
-  "btn--large": "lc-SegmentedControl-module__btn--large___yHPw4"
-}, H = "segmented-control", R = ({
-  size: a = "medium",
-  buttons: _,
-  className: d,
-  initialId: i,
-  currentId: n,
-  fullWidth: g = !1,
-  onButtonClick: u = h
-}) => {
-  const b = r(o[H], d), [S, c] = e.useState(() => i), m = typeof n == "string";
-  e.useEffect(() => {
-    m && c(n);
-  }, [n]);
-  const p = (t, s) => {
-    m || c(t), u(t, s);
-  }, C = _.map(({ id: t, label: s, loading: f, disabled: y, icon: v }) => {
-    const l = t === S, k = l ? o["btn--active"] : "", w = l ? !1 : f;
-    return /* @__PURE__ */ e.createElement(
-      N,
-      {
-        key: t,
-        fullWidth: g,
-        loading: w,
-        disabled: y,
-        "aria-pressed": l,
-        kind: "secondary",
-        icon: v,
-        className: r(o.btn, o[`btn--${a}`], k),
-        onClick: (E) => {
-          p(t, E);
-        }
-      },
-      s
-    );
-  });
-  return /* @__PURE__ */ e.createElement("div", { role: "group", className: b }, C);
-};
-export {
-  R as SegmentedControl
-};

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

@@ -1 +0,0 @@
-"use strict";var M=Object.defineProperty;var r=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var $=(_,e,c)=>e in _?M(_,e,{enumerable:!0,configurable:!0,writable:!0,value:c}):_[e]=c,N=(_,e)=>{for(var c in e||(e={}))y.call(e,c)&&$(_,c,e[c]);if(r)for(var c of r(e))E.call(e,c)&&$(_,c,e[c]);return _};var O=(_,e)=>{var c={};for(var i in _)y.call(_,i)&&e.indexOf(i)<0&&(c[i]=_[i]);if(_!=null&&r)for(var i of r(_))e.indexOf(i)<0&&E.call(_,i)&&(c[i]=_[i]);return c};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),I=require("@livechat/design-system-icons"),a=require("clsx"),W=require("../Icon/index.cjs.js"),J=require("../Loader/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");require("../../chunks/Text-df483689.js");function T(_){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(_){for(const c in _)if(c!=="default"){const i=Object.getOwnPropertyDescriptor(_,c);Object.defineProperty(e,c,i.get?i:{enumerable:!0,get:()=>_[c]})}}return e.default=_,Object.freeze(e)}const l=T(P),X="lc-Switch-module__switch__input___NiiOR",z="lc-Switch-module__switch__container___79F7W",B="lc-Switch-module__switch__track___2wr2M",C="lc-Switch-module__switch__slider___WHd--",G="lc-Switch-module__switch__loader___FE-fA",H="lc-Switch-module__switch__icon___-O1qY",s={switch:"lc-Switch-module__switch___AaA2k","switch__track--enabled":"lc-Switch-module__switch__track--enabled___sy4Xl","switch__track--on":"lc-Switch-module__switch__track--on___aOMWe","switch__track--off":"lc-Switch-module__switch__track--off___NAisj","switch--large":"lc-Switch-module__switch--large___pSoJ7","switch--compact":"lc-Switch-module__switch--compact___OGFIX","switch--medium":"lc-Switch-module__switch--medium___EcZwT",switch__input:X,"switch__input--disabled":"lc-Switch-module__switch__input--disabled___Po8gh",switch__container:z,switch__track:B,"switch__track--disabled":"lc-Switch-module__switch__track--disabled___HkDhl",switch__slider:C,"switch__slider--large":"lc-Switch-module__switch__slider--large___WoEgi","switch__slider--large--on":"lc-Switch-module__switch__slider--large--on___7Qp3G","switch__slider--large--off":"lc-Switch-module__switch__slider--large--off___iRMmD","switch__slider--compact":"lc-Switch-module__switch__slider--compact___uZ-lS","switch__slider--compact--on":"lc-Switch-module__switch__slider--compact--on___FykE3","switch__slider--compact--off":"lc-Switch-module__switch__slider--compact--off___s5yR8","switch__slider--medium":"lc-Switch-module__switch__slider--medium___uhptz","switch__slider--medium--on":"lc-Switch-module__switch__slider--medium--on___SfeAV","switch__slider--medium--off":"lc-Switch-module__switch__slider--medium--off___eXJJz",switch__loader:G,"switch__loader--compact":"lc-Switch-module__switch__loader--compact___3imUh","switch__loader--medium":"lc-Switch-module__switch__loader--medium___2zi05","switch__loader--large":"lc-Switch-module__switch__loader--large___vLRFa",switch__icon:H},t="switch",V=Z=>{var u=Z,{className:_="",defaultOn:e=!1,disabled:c=!1,name:i=t,on:d,onChange:n,size:o="large",state:m="regular",innerRef:q,ariaLabel:j}=u,v=O(u,["className","defaultOn","disabled","name","on","onChange","size","state","innerRef","ariaLabel"]);const h=d!==void 0,[A,F]=l.useState(()=>h?d:e),w=h?d:A,S=m==="loading",p=m==="locked",L=o==="large"?"small":"xsmall",f=w?"on":"off",g=c||S||p,k=g?"disabled":"enabled",R=a(s[t],s[`${t}--${o}`],_),x=b=>{n==null||n(b,!w),h||(b.stopPropagation(),F(D=>!D))};return l.createElement("span",{className:R},l.createElement("input",N({type:"checkbox",className:a(s[`${t}__input`],s[`${t}__input--${k}`]),onChange:x,checked:w,name:i,ref:q,disabled:g,"aria-label":j},v)),l.createElement("span",{className:s[`${t}__container`]},l.createElement("span",{className:a(s[`${t}__track`],s[`${t}__track--${f}`],s[`${t}__track--${k}`])}),l.createElement("span",{className:a(s[`${t}__slider`],s[`${t}__slider--${o}`],s[`${t}__slider--${o}--${f}`])},S&&l.createElement(J.Loader,{className:a(s[`${t}__loader`],s[`${t}__loader--${o}`])}),p&&l.createElement(W.Icon,{className:s[`${t}__icon`],"data-testid":"lock-icon",size:L,source:I.LockBlackFilled,kind:"primary"}))))};exports.Switch=V;

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

@@ -1,145 +0,0 @@
-var M = Object.defineProperty;
-var d = Object.getOwnPropertySymbols;
-var E = Object.prototype.hasOwnProperty, N = Object.prototype.propertyIsEnumerable;
-var b = (_, t, c) => t in _ ? M(_, t, { enumerable: !0, configurable: !0, writable: !0, value: c }) : _[t] = c, y = (_, t) => {
-  for (var c in t || (t = {}))
-    E.call(t, c) && b(_, c, t[c]);
-  if (d)
-    for (var c of d(t))
-      N.call(t, c) && b(_, c, t[c]);
-  return _;
-};
-var A = (_, t) => {
-  var c = {};
-  for (var l in _)
-    E.call(_, l) && t.indexOf(l) < 0 && (c[l] = _[l]);
-  if (_ != null && d)
-    for (var l of d(_))
-      t.indexOf(l) < 0 && N.call(_, l) && (c[l] = _[l]);
-  return c;
-};
-import * as s from "react";
-import { LockBlackFilled as X } from "@livechat/design-system-icons";
-import a from "clsx";
-import { Icon as B } from "../Icon/index.es.js";
-import { Loader as C } from "../Loader/index.es.js";
-import "../../chunks/Typography.module-93efb34d.js";
-import "../../chunks/Text-b31d1e9a.js";
-const G = "lc-Switch-module__switch__input___NiiOR", H = "lc-Switch-module__switch__container___79F7W", I = "lc-Switch-module__switch__track___2wr2M", P = "lc-Switch-module__switch__slider___WHd--", V = "lc-Switch-module__switch__loader___FE-fA", Z = "lc-Switch-module__switch__icon___-O1qY", e = {
-  switch: "lc-Switch-module__switch___AaA2k",
-  "switch__track--enabled": "lc-Switch-module__switch__track--enabled___sy4Xl",
-  "switch__track--on": "lc-Switch-module__switch__track--on___aOMWe",
-  "switch__track--off": "lc-Switch-module__switch__track--off___NAisj",
-  "switch--large": "lc-Switch-module__switch--large___pSoJ7",
-  "switch--compact": "lc-Switch-module__switch--compact___OGFIX",
-  "switch--medium": "lc-Switch-module__switch--medium___EcZwT",
-  switch__input: G,
-  "switch__input--disabled": "lc-Switch-module__switch__input--disabled___Po8gh",
-  switch__container: H,
-  switch__track: I,
-  "switch__track--disabled": "lc-Switch-module__switch__track--disabled___HkDhl",
-  switch__slider: P,
-  "switch__slider--large": "lc-Switch-module__switch__slider--large___WoEgi",
-  "switch__slider--large--on": "lc-Switch-module__switch__slider--large--on___7Qp3G",
-  "switch__slider--large--off": "lc-Switch-module__switch__slider--large--off___iRMmD",
-  "switch__slider--compact": "lc-Switch-module__switch__slider--compact___uZ-lS",
-  "switch__slider--compact--on": "lc-Switch-module__switch__slider--compact--on___FykE3",
-  "switch__slider--compact--off": "lc-Switch-module__switch__slider--compact--off___s5yR8",
-  "switch__slider--medium": "lc-Switch-module__switch__slider--medium___uhptz",
-  "switch__slider--medium--on": "lc-Switch-module__switch__slider--medium--on___SfeAV",
-  "switch__slider--medium--off": "lc-Switch-module__switch__slider--medium--off___eXJJz",
-  switch__loader: V,
-  "switch__loader--compact": "lc-Switch-module__switch__loader--compact___3imUh",
-  "switch__loader--medium": "lc-Switch-module__switch__loader--medium___2zi05",
-  "switch__loader--large": "lc-Switch-module__switch__loader--large___vLRFa",
-  switch__icon: Z
-}, i = "switch", __ = (j) => {
-  var u = j, {
-    className: _ = "",
-    defaultOn: t = !1,
-    disabled: c = !1,
-    name: l = i,
-    on: r,
-    onChange: h,
-    size: o = "large",
-    state: n = "regular",
-    innerRef: F,
-    ariaLabel: L
-  } = u, R = A(u, [
-    "className",
-    "defaultOn",
-    "disabled",
-    "name",
-    "on",
-    "onChange",
-    "size",
-    "state",
-    "innerRef",
-    "ariaLabel"
-  ]);
-  const w = r !== void 0, [v, x] = s.useState(
-    () => w ? r : t
-  ), m = w ? r : v, p = n === "loading", S = n === "locked", O = o === "large" ? "small" : "xsmall", f = m ? "on" : "off", k = c || p || S, $ = k ? "disabled" : "enabled", W = a(
-    e[i],
-    e[`${i}--${o}`],
-    _
-  ), D = (g) => {
-    h == null || h(g, !m), w || (g.stopPropagation(), x((J) => !J));
-  };
-  return /* @__PURE__ */ s.createElement("span", { className: W }, /* @__PURE__ */ s.createElement(
-    "input",
-    y({
-      type: "checkbox",
-      className: a(
-        e[`${i}__input`],
-        e[`${i}__input--${$}`]
-      ),
-      onChange: D,
-      checked: m,
-      name: l,
-      ref: F,
-      disabled: k,
-      "aria-label": L
-    }, R)
-  ), /* @__PURE__ */ s.createElement("span", { className: e[`${i}__container`] }, /* @__PURE__ */ s.createElement(
-    "span",
-    {
-      className: a(
-        e[`${i}__track`],
-        e[`${i}__track--${f}`],
-        e[`${i}__track--${$}`]
-      )
-    }
-  ), /* @__PURE__ */ s.createElement(
-    "span",
-    {
-      className: a(
-        e[`${i}__slider`],
-        e[`${i}__slider--${o}`],
-        e[`${i}__slider--${o}--${f}`]
-      )
-    },
-    p && /* @__PURE__ */ s.createElement(
-      C,
-      {
-        className: a(
-          e[`${i}__loader`],
-          e[`${i}__loader--${o}`]
-        )
-      }
-    ),
-    S && /* @__PURE__ */ s.createElement(
-      B,
-      {
-        className: e[`${i}__icon`],
-        "data-testid": "lock-icon",
-        size: O,
-        source: X,
-        kind: "primary"
-      }
-    )
-  )));
-};
-export {
-  __ as Switch
-};

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

@@ -1 +0,0 @@
-"use strict";var x=Object.defineProperty,N=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var l=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var i=(e,t,a)=>t in e?x(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,T=(e,t)=>{for(var a in t||(t={}))u.call(t,a)&&i(e,a,t[a]);if(l)for(var a of l(t))m.call(t,a)&&i(e,a,t[a]);return e},p=(e,t)=>N(e,j(t));var g=(e,t)=>{var a={};for(var s in e)u.call(e,s)&&t.indexOf(s)<0&&(a[s]=e[s]);if(e!=null&&l)for(var s of l(e))t.indexOf(s)<0&&m.call(e,s)&&(a[s]=e[s]);return a};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react"),n=require("clsx"),W=require("../Badge/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");const f=require("../../chunks/Text-df483689.js");function h(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const b=h(D),z="lc-Tab-module__tab___fME7u",L="lc-Tab-module__tab__count___gc8tA",A="lc-Tab-module__tab__badge___W9c-T",_={tab:z,tab__count:L,"tab--compact":"lc-Tab-module__tab--compact___4qead","tab--medium":"lc-Tab-module__tab--medium___bHnGV","tab--large":"lc-Tab-module__tab--large___JL30g",tab__badge:A,"tab--selected":"lc-Tab-module__tab--selected___c0EkL","tab--disabled":"lc-Tab-module__tab--disabled___URdTh"},c="tab",C=B=>{var r=B,{children:e,className:t,count:a,isSelected:s,asBadge:d,size:E="medium"}=r,o=g(r,["children","className","count","isSelected","asBadge","size"]);const{disabled:O}=o,q=a!==void 0&&!d,v=a!==void 0&&d;return b.createElement(f.Text,p(T({},o),{as:o.href?"a":"button",size:"md",bold:s,className:n(t,_[c],_[`${c}--${E}`],s&&_[`${c}--selected`],O&&_[`${c}--disabled`])}),e,q&&b.createElement(f.Text,{as:"span",size:"md",className:_[`${c}__count`]},"(",a,")"),v&&b.createElement(W.Badge,{"data-testid":"tab-badge",count:a,size:"compact",className:_[`${c}__badge`]}))},M="lc-TabsWrapper-module__tabs___Y2xyD",R="lc-TabsWrapper-module__tabs__list___i6tVO",y={tabs:M,tabs__list:R},$="tabs",S=({className:e,children:t})=>b.createElement("div",{className:n(y[$],e)},t),k=({className:e,children:t})=>b.createElement("div",{className:n(y[`${$}__list`],e)},t);exports.Tab=C;exports.TabsList=k;exports.TabsWrapper=S;

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

@@ -1,93 +0,0 @@
-var x = Object.defineProperty, W = Object.defineProperties;
-var z = Object.getOwnPropertyDescriptors;
-var c = Object.getOwnPropertySymbols;
-var r = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
-var i = (a, t, e) => t in a ? x(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e, T = (a, t) => {
-  for (var e in t || (t = {}))
-    r.call(t, e) && i(a, e, t[e]);
-  if (c)
-    for (var e of c(t))
-      u.call(t, e) && i(a, e, t[e]);
-  return a;
-}, p = (a, t) => W(a, z(t));
-var g = (a, t) => {
-  var e = {};
-  for (var _ in a)
-    r.call(a, _) && t.indexOf(_) < 0 && (e[_] = a[_]);
-  if (a != null && c)
-    for (var _ of c(a))
-      t.indexOf(_) < 0 && u.call(a, _) && (e[_] = a[_]);
-  return e;
-};
-import * as l from "react";
-import d from "clsx";
-import { Badge as A } from "../Badge/index.es.js";
-import "../../chunks/Typography.module-93efb34d.js";
-import { T as $ } from "../../chunks/Text-b31d1e9a.js";
-const C = "lc-Tab-module__tab___fME7u", D = "lc-Tab-module__tab__count___gc8tA", L = "lc-Tab-module__tab__badge___W9c-T", s = {
-  tab: C,
-  tab__count: D,
-  "tab--compact": "lc-Tab-module__tab--compact___4qead",
-  "tab--medium": "lc-Tab-module__tab--medium___bHnGV",
-  "tab--large": "lc-Tab-module__tab--large___JL30g",
-  tab__badge: L,
-  "tab--selected": "lc-Tab-module__tab--selected___c0EkL",
-  "tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
-}, b = "tab", M = (k) => {
-  var n = k, {
-    children: a,
-    className: t,
-    count: e,
-    isSelected: _,
-    asBadge: m,
-    size: y = "medium"
-  } = n, o = g(n, [
-    "children",
-    "className",
-    "count",
-    "isSelected",
-    "asBadge",
-    "size"
-  ]);
-  const { disabled: N } = o, h = e !== void 0 && !m, v = e !== void 0 && m;
-  return /* @__PURE__ */ l.createElement(
-    $,
-    p(T({}, o), {
-      as: o.href ? "a" : "button",
-      size: "md",
-      bold: _,
-      className: d(
-        t,
-        s[b],
-        s[`${b}--${y}`],
-        _ && s[`${b}--selected`],
-        N && s[`${b}--disabled`]
-      )
-    }),
-    a,
-    h && /* @__PURE__ */ l.createElement($, { as: "span", size: "md", className: s[`${b}__count`] }, "(", e, ")"),
-    v && /* @__PURE__ */ l.createElement(
-      A,
-      {
-        "data-testid": "tab-badge",
-        count: e,
-        size: "compact",
-        className: s[`${b}__badge`]
-      }
-    )
-  );
-}, R = "lc-TabsWrapper-module__tabs___Y2xyD", V = "lc-TabsWrapper-module__tabs__list___i6tVO", E = {
-  tabs: R,
-  tabs__list: V
-}, f = "tabs", O = ({
-  className: a,
-  children: t
-}) => /* @__PURE__ */ l.createElement("div", { className: d(E[f], a) }, t), U = ({
-  className: a,
-  children: t
-}) => /* @__PURE__ */ l.createElement("div", { className: d(E[`${f}__list`], a) }, t);
-export {
-  M as Tab,
-  U as TabsList,
-  O as TabsWrapper
-};

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

@@ -1 +0,0 @@
-"use strict";var S=Object.defineProperty,E=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var r=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var T=(e,a,t)=>a in e?S(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,i=(e,a)=>{for(var t in a||(a={}))b.call(a,t)&&T(e,t,a[t]);if(r)for(var t of r(a))f.call(a,t)&&T(e,t,a[t]);return e},x=(e,a)=>E(e,I(a));var F=(e,a)=>{var t={};for(var _ in e)b.call(e,_)&&a.indexOf(_)<0&&(t[_]=e[_]);if(e!=null&&r)for(var _ of r(e))a.indexOf(_)<0&&f.call(e,_)&&(t[_]=e[_]);return t};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),O=require("@livechat/design-system-icons"),R=require("clsx"),p=require("polished"),h=require("../Icon/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");const D=require("../../chunks/Text-df483689.js");function P(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const _=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,_.get?_:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const c=P(w),z="lc-Tag-module__tag___1QRVY",N="lc-Tag-module__tag__remove___UmtrW",K="lc-Tag-module__icon___2Z-35",M="lc-Tag-module__tag__node___rZTzB",Q="lc-Tag-module__tag__content___q6vKK",n={tag:z,"tag--success":"lc-Tag-module__tag--success___P2hXQ",tag__remove:N,"tag--error":"lc-Tag-module__tag--error___1cjsm","tag--warning":"lc-Tag-module__tag--warning___PstMG","tag--info":"lc-Tag-module__tag--info___RTH0C","tag--purple":"lc-Tag-module__tag--purple___a0xaE","tag--black":"lc-Tag-module__tag--black___qWjfD","tag--outline":"lc-Tag-module__tag--outline___aZXtr","tag--small":"lc-Tag-module__tag--small___xfcC5","tag--medium":"lc-Tag-module__tag--medium___l5-KI","tag--large":"lc-Tag-module__tag--large___ytC6Y","tag--xlarge":"lc-Tag-module__tag--xlarge___2jj1d",icon:K,"tag--text-white":"lc-Tag-module__tag--text-white___x0fnD","tag--text-black":"lc-Tag-module__tag--text-black___dUvmD","tag--dismissible":"lc-Tag-module__tag--dismissible___Qobyr",tag__node:M,tag__content:Q},o="tag",Z=e=>e?p.getContrast(e,"#FFFFFF")>4.5?"text-white":"text-black":"",U=W=>{var u=W,{className:e="",children:a,dismissible:t=!1,size:_="medium",kind:v="default",onRemove:y,outline:g=!1,leftNode:m,rightNode:d,customColor:l}=u,$=F(u,["className","children","dismissible","size","kind","onRemove","outline","leftNode","rightNode","customColor"]);const C=R(n[o],e,n[`${o}--${_}`],n[`${o}--${v}`],{[n[`${o}--dismissible`]]:t,[n[`${o}--outline`]]:g,[n[`${o}--${Z(l)}`]]:!!l}),j=_==="small"?"small":"medium",k=_==="small"?"sm":"md",q=()=>l?g?{style:{backgroundColor:"transparent",color:l,borderColor:l}}:{style:{backgroundColor:l}}:{},s=()=>{if(l)return g?l:p.getContrast(l,"#FFFFFF")>4.5?"#FFFFFF":"#000000"};return c.createElement(D.Text,x(i(i({className:C},$),q()),{as:"div",size:k}),m&&c.createElement("div",{"data-testid":"lc-tag-left-node",className:n[`${o}__node`],style:{color:s()}},m),c.createElement("div",{className:n[`${o}__content`]},a),d&&c.createElement("div",{"data-testid":"lc-tag-right-node",style:{color:s()}},d),t&&c.createElement("button",{tabIndex:-1,title:"Remove",onClick:y,type:"button","aria-label":"Remove tag",className:n[`${o}__remove`]},c.createElement(h.Icon,{"data-dismiss-icon":!0,source:O.Close,size:j,customColor:s()})))};exports.Tag=U;

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

@@ -1,143 +0,0 @@
-var I = Object.defineProperty, R = Object.defineProperties;
-var h = Object.getOwnPropertyDescriptors;
-var c = Object.getOwnPropertySymbols;
-var f = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
-var T = (t, e, a) => e in t ? I(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a, m = (t, e) => {
-  for (var a in e || (e = {}))
-    f.call(e, a) && T(t, a, e[a]);
-  if (c)
-    for (var a of c(e))
-      F.call(e, a) && T(t, a, e[a]);
-  return t;
-}, x = (t, e) => R(t, h(e));
-var b = (t, e) => {
-  var a = {};
-  for (var _ in t)
-    f.call(t, _) && e.indexOf(_) < 0 && (a[_] = t[_]);
-  if (t != null && c)
-    for (var _ of c(t))
-      e.indexOf(_) < 0 && F.call(t, _) && (a[_] = t[_]);
-  return a;
-};
-import * as r from "react";
-import { Close as j } from "@livechat/design-system-icons";
-import z from "clsx";
-import { getContrast as p } from "polished";
-import { Icon as D } from "../Icon/index.es.js";
-import "../../chunks/Typography.module-93efb34d.js";
-import { T as K } from "../../chunks/Text-b31d1e9a.js";
-const N = "lc-Tag-module__tag___1QRVY", Q = "lc-Tag-module__tag__remove___UmtrW", S = "lc-Tag-module__icon___2Z-35", Z = "lc-Tag-module__tag__node___rZTzB", q = "lc-Tag-module__tag__content___q6vKK", o = {
-  tag: N,
-  "tag--success": "lc-Tag-module__tag--success___P2hXQ",
-  tag__remove: Q,
-  "tag--error": "lc-Tag-module__tag--error___1cjsm",
-  "tag--warning": "lc-Tag-module__tag--warning___PstMG",
-  "tag--info": "lc-Tag-module__tag--info___RTH0C",
-  "tag--purple": "lc-Tag-module__tag--purple___a0xaE",
-  "tag--black": "lc-Tag-module__tag--black___qWjfD",
-  "tag--outline": "lc-Tag-module__tag--outline___aZXtr",
-  "tag--small": "lc-Tag-module__tag--small___xfcC5",
-  "tag--medium": "lc-Tag-module__tag--medium___l5-KI",
-  "tag--large": "lc-Tag-module__tag--large___ytC6Y",
-  "tag--xlarge": "lc-Tag-module__tag--xlarge___2jj1d",
-  icon: S,
-  "tag--text-white": "lc-Tag-module__tag--text-white___x0fnD",
-  "tag--text-black": "lc-Tag-module__tag--text-black___dUvmD",
-  "tag--dismissible": "lc-Tag-module__tag--dismissible___Qobyr",
-  tag__node: Z,
-  tag__content: q
-}, g = "tag", P = (t) => t ? p(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", V = (U) => {
-  var u = U, {
-    className: t = "",
-    children: e,
-    dismissible: a = !1,
-    size: _ = "medium",
-    kind: v = "default",
-    onRemove: $,
-    outline: n = !1,
-    leftNode: d,
-    rightNode: i,
-    customColor: l
-  } = u, y = b(u, [
-    "className",
-    "children",
-    "dismissible",
-    "size",
-    "kind",
-    "onRemove",
-    "outline",
-    "leftNode",
-    "rightNode",
-    "customColor"
-  ]);
-  const C = z(
-    o[g],
-    t,
-    o[`${g}--${_}`],
-    o[`${g}--${v}`],
-    {
-      [o[`${g}--dismissible`]]: a,
-      [o[`${g}--outline`]]: n,
-      [o[`${g}--${P(l)}`]]: !!l
-    }
-  ), k = _ === "small" ? "small" : "medium", E = _ === "small" ? "sm" : "md", w = () => l ? n ? {
-    style: {
-      backgroundColor: "transparent",
-      color: l,
-      borderColor: l
-    }
-  } : { style: { backgroundColor: l } } : {}, s = () => {
-    if (l)
-      return n ? l : p(l, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
-  };
-  return /* @__PURE__ */ r.createElement(
-    K,
-    x(m(m({
-      className: C
-    }, y), w()), {
-      as: "div",
-      size: E
-    }),
-    d && /* @__PURE__ */ r.createElement(
-      "div",
-      {
-        "data-testid": "lc-tag-left-node",
-        className: o[`${g}__node`],
-        style: { color: s() }
-      },
-      d
-    ),
-    /* @__PURE__ */ r.createElement("div", { className: o[`${g}__content`] }, e),
-    i && /* @__PURE__ */ r.createElement(
-      "div",
-      {
-        "data-testid": "lc-tag-right-node",
-        style: { color: s() }
-      },
-      i
-    ),
-    a && /* @__PURE__ */ r.createElement(
-      "button",
-      {
-        tabIndex: -1,
-        title: "Remove",
-        onClick: $,
-        type: "button",
-        "aria-label": "Remove tag",
-        className: o[`${g}__remove`]
-      },
-      /* @__PURE__ */ r.createElement(
-        D,
-        {
-          "data-dismiss-icon": !0,
-          source: j,
-          size: k,
-          customColor: s()
-        }
-      )
-    )
-  );
-};
-export {
-  V as Tag
-};

package/dist/components/TagInput/EmailTagInput.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { TagInputProps } from './TagInput';
-export type EmailTagInputProps = Omit<TagInputProps, 'validator'>;
-export declare const emailRegex: RegExp;
-export declare const EmailTagInput: React.FC<EmailTagInputProps>;

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

@@ -1 +0,0 @@
-"use strict";var G=Object.defineProperty,X=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var R=(t,e,n)=>e in t?G(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,I=(t,e)=>{for(var n in e||(e={}))S.call(e,n)&&R(t,n,e[n]);if(b)for(var n of b(e))P.call(e,n)&&R(t,n,e[n]);return t},D=(t,e)=>X(t,A(e));var K=(t,e)=>{var n={};for(var a in t)S.call(t,a)&&e.indexOf(a)<0&&(n[a]=t[a]);if(t!=null&&b)for(var a of b(t))e.indexOf(a)<0&&P.call(t,a)&&(n[a]=t[a]);return n};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),V=require("clsx"),i=require("../../chunks/keyCodes-c4c35e49.js"),Q=require("../FieldError/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");const U=require("../../chunks/Text-df483689.js"),W=require("../Tag/index.cjs.js"),w=require("lodash.escape");require("@livechat/design-system-icons");require("../Icon/index.cjs.js");require("polished");function Z(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const c=Z(J),ee=({className:t="",innerEditableRef:e,inputRef:n,change:a,remove:o,value:m})=>{const[_,d]=c.useState(!1),s=()=>e.current,p=()=>{const u=s();return u?u.innerText:""},x=()=>{n&&n.current&&n.current.focus()},v=u=>{if(u.key===i.KeyCodes.enter){u.preventDefault(),x();return}u.key===i.KeyCodes.backspace&&p()===""&&(d(!0),o(),x())},q=()=>{const u=s();if(!(_||!u)){if(u.innerText===""){o();return}a(u.innerText)}},y=u=>{u.preventDefault();const C=u.clipboardData.getData("text/plain");document.execCommand("insertHTML",!1,w(C))};return c.createElement("div",{ref:e,className:t,contentEditable:!0,onPaste:y,onBlur:q,onKeyDown:v,dangerouslySetInnerHTML:{__html:w(m)}})},T={"tag-input":"lc-TagInput-module__tag-input___CLVY-","tag-input--error":"lc-TagInput-module__tag-input--error___RP0SB","tag-input__input":"lc-TagInput-module__tag-input__input___dgEYB","tag-input__input--medium":"lc-TagInput-module__tag-input__input--medium___DYF7X","tag-input__input--large":"lc-TagInput-module__tag-input__input--large___G6iEO","tag-input__tag__content":"lc-TagInput-module__tag-input__tag__content___x95-M"},te="tag-input__tag",ne=({children:t,index:e,remove:n,validator:a,inputRef:o,update:m,size:_})=>{const d=c.useMemo(()=>a!==void 0?a(t):!0,[t,a]),s=c.useRef(null),p=()=>n(e);return c.createElement(W.Tag,{kind:d?"default":"error",dismissible:!0,size:_,onRemove:p},c.createElement(ee,{value:t,inputRef:o,innerEditableRef:s,className:T[`${te}__content`],change:x=>m(e,x),remove:p,validator:a}))},E="tag-input",ae=[i.KeyCodes.enter,i.KeyCodes.spacebar,i.KeyCodes.tab,i.KeyCodes.semicolon,i.KeyCodes.comma],re=[i.KeyCodes.backspace,i.KeyCodes.delete],h=q=>{var y=q,{id:t,tags:e,onChange:n,validator:a,error:o,placeholder:m,size:_="medium",className:d,inputClassName:s,onBlur:p,addOnBlur:x=!0}=y,v=K(y,["id","tags","onChange","validator","error","placeholder","size","className","inputClassName","onBlur","addOnBlur"]);const u=V(T[E],{[T[`${E}--error`]]:o},d),C=V(s,T[`${E}__input`],T[`${E}__input--${_}`]),[f,O]=c.useState(""),$=c.useRef(null),k=r=>{n([...e||[],r]),O("")},z=r=>{const l=[...e||[]];l.splice(r,1),n(l)},M=r=>O(r.target.value),N=r=>{if(ae.includes(r.key)){if(r.preventDefault(),f==="")return;k(f)}else if(re.includes(r.key)){if(f!==""||!(e!=null&&e.length))return;z(e.length-1)}},j=r=>{x&&k(f),p==null||p(r)},F=(r,l)=>{const g=[...e||[]];g.reduce((Y,H,B)=>Y+(H===l&&B!==r?1:0),0)>0?g.splice(r,1):g[r]=l,n(g)},L=r=>{r.preventDefault();const g=r.clipboardData.getData("text/plain").split(/[\s,;\n]+/);n([...e||[],...g])};return c.createElement(c.Fragment,null,c.createElement(U.Text,{as:"div",className:u},e==null?void 0:e.map((r,l)=>c.createElement(ne,{index:l,key:`${l}${r}`,update:F,remove:z,inputRef:$,validator:a,size:_},r)),c.createElement("input",D(I({},v),{id:t,ref:$,className:C,placeholder:m,value:f,onChange:M,onKeyDown:N,onPaste:L,onBlur:j}))),o&&c.createElement(Q.FieldError,null,o))},ue=/^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/i,ce="name@company.com",oe=t=>ue.test(t),se=d=>{var s=d,{id:t,tags:e,onChange:n,error:a,placeholder:o=ce,size:m}=s,_=K(s,["id","tags","onChange","error","placeholder","size"]);return c.createElement(h,D(I({},_),{id:t,tags:e,error:a,onChange:n,placeholder:o,validator:oe,size:m}))};exports.EmailTagInput=se;exports.TagInput=h;