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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/dist/chunks/{Tooltip-f6f4f9c2.js → Tooltip-1c5cb6fe.js} +5 -4
  2. package/dist/chunks/Tooltip-f9f79274.js +1 -0
  3. package/dist/components/ActionBar/index.cjs.js +1 -1
  4. package/dist/components/ActionBar/index.es.js +2 -2
  5. package/dist/components/ActionMenu/index.cjs.js +1 -1
  6. package/dist/components/ActionMenu/index.es.js +1 -1
  7. package/dist/components/Alert/index.cjs.js +1 -1
  8. package/dist/components/Alert/index.es.js +1 -1
  9. package/dist/components/Avatar/index.cjs.js +1 -1
  10. package/dist/components/Avatar/index.es.js +1 -1
  11. package/dist/components/Button/index.cjs.js +1 -1
  12. package/dist/components/Button/index.es.js +1 -1
  13. package/dist/components/Card/index.cjs.js +1 -1
  14. package/dist/components/Card/index.es.js +1 -1
  15. package/dist/components/Checkbox/index.cjs.js +1 -1
  16. package/dist/components/Checkbox/index.es.js +1 -1
  17. package/dist/components/DatePicker/index.cjs.js +1 -1
  18. package/dist/components/DatePicker/index.es.js +82 -82
  19. package/dist/components/DetailsCard/index.cjs.js +1 -1
  20. package/dist/components/DetailsCard/index.es.js +1 -1
  21. package/dist/components/FieldDescription/index.cjs.js +1 -1
  22. package/dist/components/FieldDescription/index.es.js +1 -1
  23. package/dist/components/FieldError/index.cjs.js +1 -1
  24. package/dist/components/FieldError/index.es.js +1 -1
  25. package/dist/components/FieldGroup/index.cjs.js +1 -1
  26. package/dist/components/FieldGroup/index.es.js +1 -1
  27. package/dist/components/FileUploadProgress/index.cjs.js +1 -1
  28. package/dist/components/FileUploadProgress/index.es.js +2 -2
  29. package/dist/components/FormField/index.cjs.js +1 -1
  30. package/dist/components/FormField/index.es.js +1 -1
  31. package/dist/components/Input/index.cjs.js +1 -1
  32. package/dist/components/Input/index.es.js +1 -1
  33. package/dist/components/Loader/index.cjs.js +1 -1
  34. package/dist/components/Loader/index.es.js +1 -1
  35. package/dist/components/Modal/index.cjs.js +1 -1
  36. package/dist/components/Modal/index.es.js +52 -53
  37. package/dist/components/Picker/index.cjs.js +1 -1
  38. package/dist/components/Picker/index.es.js +1 -1
  39. package/dist/components/Popover/index.cjs.js +1 -1
  40. package/dist/components/Popover/index.es.js +1 -1
  41. package/dist/components/Progress/index.cjs.js +1 -1
  42. package/dist/components/Progress/index.es.js +111 -54
  43. package/dist/components/PromoBanner/index.cjs.js +1 -1
  44. package/dist/components/PromoBanner/index.es.js +1 -1
  45. package/dist/components/PromoBannerV2/index.cjs.js +1 -1
  46. package/dist/components/PromoBannerV2/index.es.js +1 -1
  47. package/dist/components/RadioButton/index.cjs.js +1 -1
  48. package/dist/components/RadioButton/index.es.js +1 -1
  49. package/dist/components/Search/index.cjs.js +1 -1
  50. package/dist/components/Search/index.es.js +1 -1
  51. package/dist/components/SegmentedControl/index.cjs.js +1 -1
  52. package/dist/components/SegmentedControl/index.es.js +1 -1
  53. package/dist/components/Switch/index.cjs.js +1 -1
  54. package/dist/components/Switch/index.es.js +1 -1
  55. package/dist/components/Tab/index.cjs.js +1 -1
  56. package/dist/components/Tab/index.es.js +1 -1
  57. package/dist/components/Tag/index.cjs.js +1 -1
  58. package/dist/components/Tag/index.es.js +1 -1
  59. package/dist/components/TagInput/index.cjs.js +1 -1
  60. package/dist/components/TagInput/index.es.js +1 -1
  61. package/dist/components/Textarea/index.cjs.js +1 -1
  62. package/dist/components/Textarea/index.es.js +1 -1
  63. package/dist/components/Toast/index.cjs.js +1 -1
  64. package/dist/components/Toast/index.es.js +1 -1
  65. package/dist/components/Tooltip/components/UserGuide/index.cjs.js +1 -1
  66. package/dist/components/Tooltip/components/UserGuide/index.es.js +12 -12
  67. package/dist/components/Tooltip/components/index.cjs.js +1 -1
  68. package/dist/components/Tooltip/components/index.es.js +2 -2
  69. package/dist/components/Tooltip/index.cjs.js +1 -1
  70. package/dist/components/Tooltip/index.es.js +2 -2
  71. package/dist/components/UploadBar/index.cjs.js +1 -1
  72. package/dist/components/UploadBar/index.es.js +10 -11
  73. package/dist/index.cjs.js +1 -1
  74. package/dist/index.es.js +116 -118
  75. package/dist/preview-stats.json +897 -903
  76. package/dist/style.css +1 -1
  77. package/package.json +2 -6
  78. package/dist/chunks/ProgressBar-3e0fd769.js +0 -87
  79. package/dist/chunks/ProgressBar-62d36b60.js +0 -1
  80. package/dist/chunks/Tooltip-8c427780.js +0 -1
@@ -1,22 +1,22 @@
1
1
  var C = Object.defineProperty, b = Object.defineProperties;
2
- var S = Object.getOwnPropertyDescriptors;
2
+ var B = Object.getOwnPropertyDescriptors;
3
3
  var f = Object.getOwnPropertySymbols;
4
- var B = Object.prototype.hasOwnProperty, N = Object.prototype.propertyIsEnumerable;
4
+ var N = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
5
5
  var v = (e, t, n) => t in e ? C(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, _ = (e, t) => {
6
6
  for (var n in t || (t = {}))
7
- B.call(t, n) && v(e, n, t[n]);
7
+ N.call(t, n) && v(e, n, t[n]);
8
8
  if (f)
9
9
  for (var n of f(t))
10
- N.call(t, n) && v(e, n, t[n]);
10
+ S.call(t, n) && v(e, n, t[n]);
11
11
  return e;
12
- }, y = (e, t) => b(e, S(t));
12
+ }, y = (e, t) => b(e, B(t));
13
13
  var p = (e, t, n) => (v(e, typeof t != "symbol" ? t + "" : t, n), n);
14
14
  import * as i from "react";
15
15
  import u from "clsx";
16
- import { s as l, T as L } from "../../../../chunks/Tooltip-f6f4f9c2.js";
16
+ import { s as l, T as L } from "../../../../chunks/Tooltip-1c5cb6fe.js";
17
17
  import "@floating-ui/react";
18
- import "../../../../chunks/Text-b31d1e9a.js";
19
18
  import "../../../../chunks/Typography.module-93efb34d.js";
19
+ import "../../../../chunks/Text-b31d1e9a.js";
20
20
  const o = "guide-tooltip", P = ({
21
21
  gap: e,
22
22
  isVisible: t,
@@ -103,8 +103,8 @@ const o = "guide-tooltip", P = ({
103
103
  style: h
104
104
  }
105
105
  ));
106
- }, M = P;
107
- class z {
106
+ };
107
+ class M {
108
108
  constructor(t, n) {
109
109
  p(this, "element");
110
110
  p(this, "padding");
@@ -133,7 +133,7 @@ class z {
133
133
  return this.getBoundingClientRect().height;
134
134
  }
135
135
  }
136
- const E = 8, w = "guide-tooltip", x = (e, t) => new z(e, t), H = (e) => {
136
+ const E = 8, w = "guide-tooltip", x = (e, t) => new M(e, t), G = (e) => {
137
137
  const {
138
138
  className: t,
139
139
  parentElementName: n,
@@ -167,7 +167,7 @@ const E = 8, w = "guide-tooltip", x = (e, t) => new z(e, t), H = (e) => {
167
167
  ).getBoundingClientRect()
168
168
  ), $(!0);
169
169
  }, [r]), r && s ? /* @__PURE__ */ i.createElement("div", null, /* @__PURE__ */ i.createElement(
170
- M,
170
+ P,
171
171
  {
172
172
  gap: a,
173
173
  isVisible: s,
@@ -192,5 +192,5 @@ const E = 8, w = "guide-tooltip", x = (e, t) => new z(e, t), H = (e) => {
192
192
  )) : null;
193
193
  };
194
194
  export {
195
- H as UserGuide
195
+ G as UserGuide
196
196
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./UserGuide/index.cjs.js"),e=require("../../../chunks/Tooltip-8c427780.js"),N=require("react"),v=require("@livechat/design-system-icons"),d=require("clsx"),E=require("../../Icon/index.cjs.js"),$=require("../../../chunks/Heading-617540b6.js"),m=require("../../../chunks/Text-df483689.js"),_=require("../../Button/index.cjs.js");require("@floating-ui/react");require("../../../chunks/Typography.module-2558416b.js");require("../../Loader/index.cjs.js");function x(s){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const n in s)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(s,n);Object.defineProperty(l,n,c.get?c:{enumerable:!0,get:()=>s[n]})}}return l.default=s,Object.freeze(l)}const t=x(N),k=({text:s})=>t.createElement("div",null,s),o="tooltip",C=({className:s,header:l,text:n,closeWithX:c,theme:r,handleCloseAction:u})=>t.createElement("div",{className:s},c&&t.createElement("button",{type:"button","aria-label":"Close tooltip",className:e.styles[`${o}-close`],onClick:u},t.createElement(E.Icon,{source:v.Close,kind:r?e.getIconType(r):"primary"})),l&&t.createElement($.Heading,{as:"div",size:"xs",className:d(e.styles[`${o}-header`],e.styles[`${o}-header--info`])},l),t.createElement(m.Text,{as:"div",className:d(e.styles[`${o}-text`],e.styles[`${o}-text--info`])},n)),a="tooltip",q=({header:s,text:l,image:n,closeWithX:c,theme:r,handleCloseAction:u,primaryButton:y,secondaryButton:p})=>{const f=b=>b==="invert"?"secondary":"high-contrast";return t.createElement("div",{className:e.styles[`${a}__interactive`]},c&&t.createElement("button",{type:"button","aria-label":"Close tooltip",className:e.styles[`${a}-close`],onClick:u},t.createElement(E.Icon,{source:v.Close,kind:r?e.getIconType(r):"primary"})),n&&t.createElement("div",{className:e.styles[`${a}-image-container`]},t.createElement("img",{className:e.styles[`${a}-image`],src:n.src,alt:n.alt})),s&&t.createElement($.Heading,{as:"div",size:"xs",className:e.styles[`${a}-header`]},s),t.createElement("div",{className:e.styles[`${a}-text`]},l),t.createElement("div",{className:d(e.styles[`${a}-footer`],e.styles[`${a}-footer--interactive`])},t.createElement(_.Button,{kind:y.kind||f(r),onClick:y.handleClick},y.label),t.createElement(_.Button,{className:d(e.styles[`${a}-footer-secondary`],{[e.styles[`${a}-footer-secondary-invert`]]:r==="invert"}),kind:p.kind||"text",onClick:p.handleClick},p.label)))},i="reports-tooltip",T=({title:s,description:l,children:n})=>t.createElement("div",{className:e.styles[i]},t.createElement("div",{className:e.styles[`${i}__heading`]},t.createElement(m.Text,{as:"div",className:e.styles[`${i}__heading__title`]},s),t.createElement(m.Text,{as:"div",size:"xs",className:e.styles[`${i}__heading__description`]},l)),t.createElement("div",{className:e.styles[`${i}__content`]},t.createElement(m.Text,{as:"div"},n)));exports.UserGuide=g.UserGuide;exports.Info=C;exports.Interactive=q;exports.Reports=T;exports.Simple=k;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./UserGuide/index.cjs.js"),e=require("../../../chunks/Tooltip-f9f79274.js"),N=require("react"),v=require("@livechat/design-system-icons"),d=require("clsx"),E=require("../../Icon/index.cjs.js"),$=require("../../../chunks/Heading-617540b6.js"),m=require("../../../chunks/Text-df483689.js");require("../../../chunks/Typography.module-2558416b.js");const _=require("../../Button/index.cjs.js");require("@floating-ui/react");require("../../Loader/index.cjs.js");function x(s){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const n in s)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(s,n);Object.defineProperty(l,n,c.get?c:{enumerable:!0,get:()=>s[n]})}}return l.default=s,Object.freeze(l)}const t=x(N),k=({text:s})=>t.createElement("div",null,s),o="tooltip",C=({className:s,header:l,text:n,closeWithX:c,theme:r,handleCloseAction:u})=>t.createElement("div",{className:s},c&&t.createElement("button",{type:"button","aria-label":"Close tooltip",className:e.styles[`${o}-close`],onClick:u},t.createElement(E.Icon,{source:v.Close,kind:r?e.getIconType(r):"primary"})),l&&t.createElement($.Heading,{as:"div",size:"xs",className:d(e.styles[`${o}-header`],e.styles[`${o}-header--info`])},l),t.createElement(m.Text,{as:"div",className:d(e.styles[`${o}-text`],e.styles[`${o}-text--info`])},n)),a="tooltip",q=({header:s,text:l,image:n,closeWithX:c,theme:r,handleCloseAction:u,primaryButton:y,secondaryButton:p})=>{const f=b=>b==="invert"?"secondary":"high-contrast";return t.createElement("div",{className:e.styles[`${a}__interactive`]},c&&t.createElement("button",{type:"button","aria-label":"Close tooltip",className:e.styles[`${a}-close`],onClick:u},t.createElement(E.Icon,{source:v.Close,kind:r?e.getIconType(r):"primary"})),n&&t.createElement("div",{className:e.styles[`${a}-image-container`]},t.createElement("img",{className:e.styles[`${a}-image`],src:n.src,alt:n.alt})),s&&t.createElement($.Heading,{as:"div",size:"xs",className:e.styles[`${a}-header`]},s),t.createElement("div",{className:e.styles[`${a}-text`]},l),t.createElement("div",{className:d(e.styles[`${a}-footer`],e.styles[`${a}-footer--interactive`])},t.createElement(_.Button,{kind:y.kind||f(r),onClick:y.handleClick},y.label),t.createElement(_.Button,{className:d(e.styles[`${a}-footer-secondary`],{[e.styles[`${a}-footer-secondary-invert`]]:r==="invert"}),kind:p.kind||"text",onClick:p.handleClick},p.label)))},i="reports-tooltip",T=({title:s,description:l,children:n})=>t.createElement("div",{className:e.styles[i]},t.createElement("div",{className:e.styles[`${i}__heading`]},t.createElement(m.Text,{as:"div",className:e.styles[`${i}__heading__title`]},s),t.createElement(m.Text,{as:"div",size:"xs",className:e.styles[`${i}__heading__description`]},l)),t.createElement("div",{className:e.styles[`${i}__content`]},t.createElement(m.Text,{as:"div"},n)));exports.UserGuide=g.UserGuide;exports.Info=C;exports.Interactive=q;exports.Reports=T;exports.Simple=k;
@@ -1,14 +1,14 @@
1
1
  import { UserGuide as j } from "./UserGuide/index.es.js";
2
- import { s as t, g as f } from "../../../chunks/Tooltip-f6f4f9c2.js";
2
+ import { s as t, g as f } from "../../../chunks/Tooltip-1c5cb6fe.js";
3
3
  import * as e from "react";
4
4
  import { Close as N } from "@livechat/design-system-icons";
5
5
  import m from "clsx";
6
6
  import { Icon as _ } from "../../Icon/index.es.js";
7
7
  import { H as u } from "../../../chunks/Heading-6b95d08b.js";
8
8
  import { T as c } from "../../../chunks/Text-b31d1e9a.js";
9
+ import "../../../chunks/Typography.module-93efb34d.js";
9
10
  import { Button as $ } from "../../Button/index.es.js";
10
11
  import "@floating-ui/react";
11
- import "../../../chunks/Typography.module-93efb34d.js";
12
12
  import "../../Loader/index.es.js";
13
13
  const D = ({ text: s }) => /* @__PURE__ */ e.createElement("div", null, s), i = "tooltip", G = ({ className: s, header: n, text: r, closeWithX: d, theme: l, handleCloseAction: p }) => /* @__PURE__ */ e.createElement("div", { className: s }, d && /* @__PURE__ */ e.createElement(
14
14
  "button",
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../chunks/Tooltip-8c427780.js"),e=require("./components/index.cjs.js"),i=require("./components/UserGuide/index.cjs.js");require("react");require("@floating-ui/react");require("clsx");require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");require("@livechat/design-system-icons");require("../Icon/index.cjs.js");require("../../chunks/Heading-617540b6.js");require("../Button/index.cjs.js");require("../Loader/index.cjs.js");exports.Tooltip=r.Tooltip;exports.Info=e.Info;exports.Interactive=e.Interactive;exports.Reports=e.Reports;exports.Simple=e.Simple;exports.UserGuide=i.UserGuide;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../chunks/Tooltip-f9f79274.js"),e=require("./components/index.cjs.js"),i=require("./components/UserGuide/index.cjs.js");require("react");require("@floating-ui/react");require("clsx");require("../../chunks/Typography.module-2558416b.js");require("../../chunks/Text-df483689.js");require("@livechat/design-system-icons");require("../Icon/index.cjs.js");require("../../chunks/Heading-617540b6.js");require("../Button/index.cjs.js");require("../Loader/index.cjs.js");exports.Tooltip=r.Tooltip;exports.Info=e.Info;exports.Interactive=e.Interactive;exports.Reports=e.Reports;exports.Simple=e.Simple;exports.UserGuide=i.UserGuide;
@@ -1,11 +1,11 @@
1
- import { T as n } from "../../chunks/Tooltip-f6f4f9c2.js";
1
+ import { T as n } from "../../chunks/Tooltip-1c5cb6fe.js";
2
2
  import { Info as T, Interactive as c, Reports as d, Simple as u } from "./components/index.es.js";
3
3
  import { UserGuide as G } from "./components/UserGuide/index.es.js";
4
4
  import "react";
5
5
  import "@floating-ui/react";
6
6
  import "clsx";
7
- import "../../chunks/Text-b31d1e9a.js";
8
7
  import "../../chunks/Typography.module-93efb34d.js";
8
+ import "../../chunks/Text-b31d1e9a.js";
9
9
  import "@livechat/design-system-icons";
10
10
  import "../Icon/index.es.js";
11
11
  import "../../chunks/Heading-6b95d08b.js";
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),p=require("@livechat/design-system-icons"),T=require("clsx"),U=require("react-transition-group"),b=require("../FileUploadProgress/index.cjs.js"),n=require("../Icon/index.cjs.js"),I=require("../Progress/index.cjs.js"),S=require("../../chunks/Text-df483689.js");require("../../chunks/ProgressBar-62d36b60.js");require("../../chunks/Typography.module-2558416b.js");function O(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const c in a)if(c!=="default"){const d=Object.getOwnPropertyDescriptor(a,c);Object.defineProperty(t,c,d.get?d:{enumerable:!0,get:()=>a[c]})}}return t.default=a,Object.freeze(t)}const e=O(q),_={"upload-bar":"lc-UploadBar-module__upload-bar___6Or8h","upload-bar__loader-test":"lc-UploadBar-module__upload-bar__loader-test___aZb2J","upload-bar--error":"lc-UploadBar-module__upload-bar--error___MzvhT","upload-bar__wrapper":"lc-UploadBar-module__upload-bar__wrapper___MAUeH","upload-bar__wrapper__header":"lc-UploadBar-module__upload-bar__wrapper__header___x9fen","upload-bar__wrapper__header__icon":"lc-UploadBar-module__upload-bar__wrapper__header__icon___Aetm5","upload-bar__wrapper__header__title":"lc-UploadBar-module__upload-bar__wrapper__header__title___BNuDu","upload-bar__wrapper__header__collapse-button":"lc-UploadBar-module__upload-bar__wrapper__header__collapse-button___3khMy","upload-bar__wrapper__header__actions-container":"lc-UploadBar-module__upload-bar__wrapper__header__actions-container___5Pj4y","upload-bar__wrapper__header__success-icon":"lc-UploadBar-module__upload-bar__wrapper__header__success-icon___ZLCdw","upload-bar__wrapper__header__error-icon":"lc-UploadBar-module__upload-bar__wrapper__header__error-icon___q-sZo","upload-bar__wrapper__header__loader":"lc-UploadBar-module__upload-bar__wrapper__header__loader___DKHu3","upload-bar__files":"lc-UploadBar-module__upload-bar__files___3W4nx","upload-bar__files--enter":"lc-UploadBar-module__upload-bar__files--enter___zGq19","upload-bar__files--enter-active":"lc-UploadBar-module__upload-bar__files--enter-active___-dMVb","upload-bar__files--exit":"lc-UploadBar-module__upload-bar__files--exit___MXBRY","upload-bar__files--exit-active":"lc-UploadBar-module__upload-bar__files--exit-active___krGW5","upload-bar__files--exit-done":"lc-UploadBar-module__upload-bar__files--exit-done___2I72G","upload-bar__files-wrapper":"lc-UploadBar-module__upload-bar__files-wrapper___93bs8","upload-bar__files__list":"lc-UploadBar-module__upload-bar__files__list___QJFEq"},r="upload-bar",l=`${r}__wrapper__header`,P=300,y=(a,t)=>a==="success"?e.createElement("div",{className:_[`${l}__success-icon`]},e.createElement(n.Icon,{source:p.Check})):a==="error"?e.createElement("div",{className:_[`${l}__error-icon`]},e.createElement(n.Icon,{source:p.Error})):e.createElement(I.ProgressCircle,{className:_[`${l}__loader`],status:a,progressValue:t}),A=({children:a,className:t,progressValue:c,title:d,isExpanded:h,errorMessage:f,status:o="normal",icon:v,size:x,mode:N="multiple",onCloseButtonClick:i,onRetryButtonClick:u})=>{const[m,$]=e.useState(h||!1),s=o==="error",B=o==="success",w=T(_[r],t,{[_[`${r}--error`]]:s,[_[`${r}--success`]]:B}),g=!(s&&(u||i)),E=()=>$(!m);return N==="single"?e.createElement("div",{className:w},e.createElement("div",{className:_[`${r}__wrapper`]},e.createElement("div",{className:_[`${l}`]},e.createElement(b.FileUploadProgress,{title:s&&f||d,progressValue:c,status:o,icon:v,size:x})),o==="error"&&e.createElement(b.FileUploadProgressActions,{status:o,onCloseButtonClick:i,onRetryButtonClick:u}))):e.createElement("div",{className:w},e.createElement("div",{className:_[`${r}__wrapper`],onClick:E},e.createElement("div",{className:_[`${l}`]},e.createElement("div",{className:_[`${l}__icon`]},y(o,c)),e.createElement("div",{className:_[`${l}__title`]},e.createElement(S.Text,{size:"sm",as:"div"},s?f:d)),g&&e.createElement("button",{className:_[`${l}__collapse-button`],type:"button",onClick:E},m?e.createElement(n.Icon,{source:p.ChevronUp}):e.createElement(n.Icon,{source:p.ChevronDown})),o==="error"&&e.createElement("div",{className:_[`${l}__actions-container`]},e.createElement(b.FileUploadProgressActions,{status:o,onCloseButtonClick:i,onRetryButtonClick:u})))),e.createElement(U.TransitionGroup,{component:null},m&&e.createElement(U.CSSTransition,{timeout:P,classNames:{enter:_[`${r}__files--enter`],enterActive:_[`${r}__files--enter-active`],exit:_[`${r}__files--exit`],exitActive:_[`${r}__files--exit-active`],exitDone:_[`${r}__files--exit-done`]}},e.createElement("div",{className:_[`${r}__files`]},e.createElement("div",{className:_[`${r}__files-wrapper`]},e.createElement("div",{className:_[`${r}__files__list`]},a))))))};exports.UploadBar=A;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),p=require("@livechat/design-system-icons"),T=require("clsx"),U=require("react-transition-group"),b=require("../FileUploadProgress/index.cjs.js"),n=require("../Icon/index.cjs.js"),I=require("../Progress/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");const S=require("../../chunks/Text-df483689.js");function O(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const c in a)if(c!=="default"){const d=Object.getOwnPropertyDescriptor(a,c);Object.defineProperty(t,c,d.get?d:{enumerable:!0,get:()=>a[c]})}}return t.default=a,Object.freeze(t)}const e=O(q),_={"upload-bar":"lc-UploadBar-module__upload-bar___6Or8h","upload-bar__loader-test":"lc-UploadBar-module__upload-bar__loader-test___aZb2J","upload-bar--error":"lc-UploadBar-module__upload-bar--error___MzvhT","upload-bar__wrapper":"lc-UploadBar-module__upload-bar__wrapper___MAUeH","upload-bar__wrapper__header":"lc-UploadBar-module__upload-bar__wrapper__header___x9fen","upload-bar__wrapper__header__icon":"lc-UploadBar-module__upload-bar__wrapper__header__icon___Aetm5","upload-bar__wrapper__header__title":"lc-UploadBar-module__upload-bar__wrapper__header__title___BNuDu","upload-bar__wrapper__header__collapse-button":"lc-UploadBar-module__upload-bar__wrapper__header__collapse-button___3khMy","upload-bar__wrapper__header__actions-container":"lc-UploadBar-module__upload-bar__wrapper__header__actions-container___5Pj4y","upload-bar__wrapper__header__success-icon":"lc-UploadBar-module__upload-bar__wrapper__header__success-icon___ZLCdw","upload-bar__wrapper__header__error-icon":"lc-UploadBar-module__upload-bar__wrapper__header__error-icon___q-sZo","upload-bar__wrapper__header__loader":"lc-UploadBar-module__upload-bar__wrapper__header__loader___DKHu3","upload-bar__files":"lc-UploadBar-module__upload-bar__files___3W4nx","upload-bar__files--enter":"lc-UploadBar-module__upload-bar__files--enter___zGq19","upload-bar__files--enter-active":"lc-UploadBar-module__upload-bar__files--enter-active___-dMVb","upload-bar__files--exit":"lc-UploadBar-module__upload-bar__files--exit___MXBRY","upload-bar__files--exit-active":"lc-UploadBar-module__upload-bar__files--exit-active___krGW5","upload-bar__files--exit-done":"lc-UploadBar-module__upload-bar__files--exit-done___2I72G","upload-bar__files-wrapper":"lc-UploadBar-module__upload-bar__files-wrapper___93bs8","upload-bar__files__list":"lc-UploadBar-module__upload-bar__files__list___QJFEq"},r="upload-bar",l=`${r}__wrapper__header`,P=300,y=(a,t)=>a==="success"?e.createElement("div",{className:_[`${l}__success-icon`]},e.createElement(n.Icon,{source:p.Check})):a==="error"?e.createElement("div",{className:_[`${l}__error-icon`]},e.createElement(n.Icon,{source:p.Error})):e.createElement(I.ProgressCircle,{className:_[`${l}__loader`],status:a,progressValue:t}),A=({children:a,className:t,progressValue:c,title:d,isExpanded:h,errorMessage:f,status:o="normal",icon:v,size:x,mode:N="multiple",onCloseButtonClick:i,onRetryButtonClick:u})=>{const[m,$]=e.useState(h||!1),s=o==="error",B=o==="success",w=T(_[r],t,{[_[`${r}--error`]]:s,[_[`${r}--success`]]:B}),g=!(s&&(u||i)),E=()=>$(!m);return N==="single"?e.createElement("div",{className:w},e.createElement("div",{className:_[`${r}__wrapper`]},e.createElement("div",{className:_[`${l}`]},e.createElement(b.FileUploadProgress,{title:s&&f||d,progressValue:c,status:o,icon:v,size:x})),o==="error"&&e.createElement(b.FileUploadProgressActions,{status:o,onCloseButtonClick:i,onRetryButtonClick:u}))):e.createElement("div",{className:w},e.createElement("div",{className:_[`${r}__wrapper`],onClick:E},e.createElement("div",{className:_[`${l}`]},e.createElement("div",{className:_[`${l}__icon`]},y(o,c)),e.createElement("div",{className:_[`${l}__title`]},e.createElement(S.Text,{size:"sm",as:"div"},s?f:d)),g&&e.createElement("button",{className:_[`${l}__collapse-button`],type:"button",onClick:E},m?e.createElement(n.Icon,{source:p.ChevronUp}):e.createElement(n.Icon,{source:p.ChevronDown})),o==="error"&&e.createElement("div",{className:_[`${l}__actions-container`]},e.createElement(b.FileUploadProgressActions,{status:o,onCloseButtonClick:i,onRetryButtonClick:u})))),e.createElement(U.TransitionGroup,{component:null},m&&e.createElement(U.CSSTransition,{timeout:P,classNames:{enter:_[`${r}__files--enter`],enterActive:_[`${r}__files--enter-active`],exit:_[`${r}__files--exit`],exitActive:_[`${r}__files--exit-active`],exitDone:_[`${r}__files--exit-done`]}},e.createElement("div",{className:_[`${r}__files`]},e.createElement("div",{className:_[`${r}__files-wrapper`]},e.createElement("div",{className:_[`${r}__files__list`]},a))))))};exports.UploadBar=A;
@@ -5,9 +5,8 @@ import { TransitionGroup as S, CSSTransition as M } from "react-transition-group
5
5
  import { FileUploadProgress as g, FileUploadProgressActions as E } from "../FileUploadProgress/index.es.js";
6
6
  import { Icon as d } from "../Icon/index.es.js";
7
7
  import { ProgressCircle as D } from "../Progress/index.es.js";
8
- import { T as G } from "../../chunks/Text-b31d1e9a.js";
9
- import "../../chunks/ProgressBar-3e0fd769.js";
10
8
  import "../../chunks/Typography.module-93efb34d.js";
9
+ import { T as G } from "../../chunks/Text-b31d1e9a.js";
11
10
  const _ = {
12
11
  "upload-bar": "lc-UploadBar-module__upload-bar___6Or8h",
13
12
  "upload-bar__loader-test": "lc-UploadBar-module__upload-bar__loader-test___aZb2J",
@@ -29,18 +28,18 @@ const _ = {
29
28
  "upload-bar__files--exit-done": "lc-UploadBar-module__upload-bar__files--exit-done___2I72G",
30
29
  "upload-bar__files-wrapper": "lc-UploadBar-module__upload-bar__files-wrapper___93bs8",
31
30
  "upload-bar__files__list": "lc-UploadBar-module__upload-bar__files__list___QJFEq"
32
- }, a = "upload-bar", r = `${a}__wrapper__header`, H = 300, O = (o, t) => o === "success" ? /* @__PURE__ */ e.createElement("div", { className: _[`${r}__success-icon`] }, /* @__PURE__ */ e.createElement(d, { source: C })) : o === "error" ? /* @__PURE__ */ e.createElement("div", { className: _[`${r}__error-icon`] }, /* @__PURE__ */ e.createElement(d, { source: A })) : /* @__PURE__ */ e.createElement(
31
+ }, a = "upload-bar", r = `${a}__wrapper__header`, H = 300, O = (o, c) => o === "success" ? /* @__PURE__ */ e.createElement("div", { className: _[`${r}__success-icon`] }, /* @__PURE__ */ e.createElement(d, { source: C })) : o === "error" ? /* @__PURE__ */ e.createElement("div", { className: _[`${r}__error-icon`] }, /* @__PURE__ */ e.createElement(d, { source: A })) : /* @__PURE__ */ e.createElement(
33
32
  D,
34
33
  {
35
34
  className: _[`${r}__loader`],
36
35
  status: o,
37
- progressValue: t
36
+ progressValue: c
38
37
  }
39
- ), j = ({
38
+ ), J = ({
40
39
  children: o,
41
- className: t,
40
+ className: c,
42
41
  progressValue: m,
43
- title: c,
42
+ title: t,
44
43
  isExpanded: w,
45
44
  errorMessage: u,
46
45
  status: l = "normal",
@@ -50,14 +49,14 @@ const _ = {
50
49
  onCloseButtonClick: s,
51
50
  onRetryButtonClick: i
52
51
  }) => {
53
- const [n, $] = e.useState(w || !1), p = l === "error", N = l === "success", b = I(_[a], t, {
52
+ const [n, $] = e.useState(w || !1), p = l === "error", N = l === "success", b = I(_[a], c, {
54
53
  [_[`${a}--error`]]: p,
55
54
  [_[`${a}--success`]]: N
56
55
  }), B = !(p && (i || s)), f = () => $(!n);
57
56
  return U === "single" ? /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement("div", { className: _[`${a}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: _[`${r}`] }, /* @__PURE__ */ e.createElement(
58
57
  g,
59
58
  {
60
- title: p && u || c,
59
+ title: p && u || t,
61
60
  progressValue: m,
62
61
  status: l,
63
62
  icon: h,
@@ -76,7 +75,7 @@ const _ = {
76
75
  className: _[`${a}__wrapper`],
77
76
  onClick: f
78
77
  },
79
- /* @__PURE__ */ e.createElement("div", { className: _[`${r}`] }, /* @__PURE__ */ e.createElement("div", { className: _[`${r}__icon`] }, O(l, m)), /* @__PURE__ */ e.createElement("div", { className: _[`${r}__title`] }, /* @__PURE__ */ e.createElement(G, { size: "sm", as: "div" }, p ? u : c)), B && /* @__PURE__ */ e.createElement(
78
+ /* @__PURE__ */ e.createElement("div", { className: _[`${r}`] }, /* @__PURE__ */ e.createElement("div", { className: _[`${r}__icon`] }, O(l, m)), /* @__PURE__ */ e.createElement("div", { className: _[`${r}__title`] }, /* @__PURE__ */ e.createElement(G, { size: "sm", as: "div" }, p ? u : t)), B && /* @__PURE__ */ e.createElement(
80
79
  "button",
81
80
  {
82
81
  className: _[`${r}__collapse-button`],
@@ -108,5 +107,5 @@ const _ = {
108
107
  )));
109
108
  };
110
109
  export {
111
- j as UploadBar
110
+ J as UploadBar
112
111
  };
package/dist/index.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./foundations/index.cjs.js"),p=require("./utils/index.cjs.js"),_=require("./components/ActionBar/index.cjs.js"),s=require("./components/ActionMenu/index.cjs.js"),l=require("./components/Alert/index.cjs.js"),a=require("./components/Avatar/index.cjs.js"),m=require("./components/Badge/index.cjs.js"),q=require("./components/Button/index.cjs.js"),T=require("./components/SegmentedControl/index.cjs.js"),x=require("./components/Card/index.cjs.js"),g=require("./components/Checkbox/index.cjs.js"),r=require("./components/DatePicker/index.cjs.js"),P=require("./components/DetailsCard/index.cjs.js"),k=require("./components/DetailsCardInfo/index.cjs.js"),I=require("./components/FieldDescription/index.cjs.js"),B=require("./components/FieldError/index.cjs.js"),D=require("./components/FieldGroup/index.cjs.js"),F=require("./components/Form/index.cjs.js"),C=require("./components/FormField/index.cjs.js"),A=require("./components/FormGroup/index.cjs.js"),M=require("./components/Icon/index.cjs.js"),S=require("./components/Input/index.cjs.js"),h=require("./components/Link/index.cjs.js"),b=require("./components/Loader/index.cjs.js"),n=require("./components/Modal/index.cjs.js"),v=require("./components/NumericInput/index.cjs.js"),c=require("./components/Picker/index.cjs.js"),R=require("./components/Popover/index.cjs.js"),U=require("./components/Progress/index.cjs.js"),y=require("./chunks/ProgressBar-62d36b60.js"),L=require("./components/PromoBanner/index.cjs.js"),G=require("./components/PromoBannerV2/index.cjs.js"),W=require("./components/RadioButton/index.cjs.js"),f=require("./components/Search/index.cjs.js"),E=require("./components/Switch/index.cjs.js"),i=require("./components/Tab/index.cjs.js"),N=require("./components/Tag/index.cjs.js"),d=require("./components/TagInput/index.cjs.js"),t=require("./components/Toast/index.cjs.js"),w=require("./chunks/Tooltip-8c427780.js"),o=require("./components/Tooltip/components/index.cjs.js"),H=require("./components/Tooltip/components/UserGuide/index.cjs.js"),O=require("./chunks/Heading-617540b6.js"),V=require("./chunks/Text-df483689.js"),j=require("./components/Typography/index.cjs.js"),z=require("./components/Textarea/index.cjs.js"),u=require("./components/FileUploadProgress/index.cjs.js"),J=require("./components/UploadBar/index.cjs.js");require("react");require("@livechat/design-system-icons");require("clsx");require("@floating-ui/react");require("./chunks/keyCodes-c4c35e49.js");require("lodash.debounce");require("polished");require("react-day-picker");require("date-fns");require("react-dom");require("@emotion/css");require("react-virtuoso");require("lodash.escape");require("react-transition-group");require("./chunks/Typography.module-2558416b.js");exports.DesignToken=e.DesignToken;exports.RadiusToken=e.RadiusToken;exports.ShadowToken=e.ShadowToken;exports.SpacingToken=e.SpacingToken;exports.TransitionDelayToken=e.TransitionDelayToken;exports.TransitionDurationToken=e.TransitionDurationToken;exports.TransitionTimingToken=e.TransitionTimingToken;exports.getDesignTokenWithOpacity=p.getDesignTokenWithOpacity;exports.ActionBar=_.ActionBar;exports.ActionMenu=s.ActionMenu;exports.ActionMenuItem=s.ActionMenuItem;exports.Alert=l.Alert;exports.Avatar=a.Avatar;exports.generateAvatarColor=a.generateAvatarColor;exports.Badge=m.Badge;exports.Button=q.Button;exports.SegmentedControl=T.SegmentedControl;exports.Card=x.Card;exports.Checkbox=g.Checkbox;exports.DatePicker=r.DatePicker;exports.DatePickerRangeCalendarsWrapper=r.DatePickerRangeCalendarsWrapper;exports.RangeDatePicker=r.RangeDatePicker;exports.DetailsCard=P.DetailsCard;exports.DetailsCardInfo=k.DetailsCardInfo;exports.FieldDescription=I.FieldDescription;exports.FieldError=B.FieldError;exports.FieldGroup=D.FieldGroup;exports.Form=F.Form;exports.FormField=C.FormField;exports.FormGroup=A.FormGroup;exports.Icon=M.Icon;exports.Input=S.Input;exports.Link=h.Link;exports.Loader=b.Loader;exports.Modal=n.Modal;exports.ModalBase=n.ModalBase;exports.ModalCloseButton=n.ModalCloseButton;exports.ModalHeader=n.ModalHeader;exports.ModalPortal=n.ModalPortal;exports.NumericInput=v.NumericInput;exports.Picker=c.Picker;exports.PickerList=c.PickerList;exports.Popover=R.Popover;exports.ProgressCircle=U.ProgressCircle;exports.ProgressBar=y.ProgressBar;exports.PromoBanner=L.PromoBanner;exports.PromoBannerV2=G.PromoBannerV2;exports.RadioButton=W.RadioButton;exports.SearchInput=f.SearchInput;exports.Switch=E.Switch;exports.Tab=i.Tab;exports.TabsList=i.TabsList;exports.TabsWrapper=i.TabsWrapper;exports.Tag=N.Tag;exports.EmailTagInput=d.EmailTagInput;exports.TagInput=d.TagInput;exports.ANIMATION_TIME=t.ANIMATION_TIME;exports.Toast=t.Toast;exports.ToastWrapper=t.ToastWrapper;exports.Tooltip=w.Tooltip;exports.Info=o.Info;exports.Interactive=o.Interactive;exports.Reports=o.Reports;exports.Simple=o.Simple;exports.UserGuide=H.UserGuide;exports.Heading=O.Heading;exports.Text=V.Text;exports.Display=j.Display;exports.Textarea=z.Textarea;exports.FileUploadProgress=u.FileUploadProgress;exports.FileUploadProgressActions=u.FileUploadProgressActions;exports.UploadBar=J.UploadBar;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./foundations/index.cjs.js"),_=require("./utils/index.cjs.js"),l=require("./components/ActionBar/index.cjs.js"),s=require("./components/ActionMenu/index.cjs.js"),m=require("./components/Alert/index.cjs.js"),a=require("./components/Avatar/index.cjs.js"),q=require("./components/Badge/index.cjs.js"),T=require("./components/Button/index.cjs.js"),x=require("./components/SegmentedControl/index.cjs.js"),g=require("./components/Card/index.cjs.js"),k=require("./components/Checkbox/index.cjs.js"),r=require("./components/DatePicker/index.cjs.js"),P=require("./components/DetailsCard/index.cjs.js"),I=require("./components/DetailsCardInfo/index.cjs.js"),B=require("./components/FieldDescription/index.cjs.js"),D=require("./components/FieldError/index.cjs.js"),F=require("./components/FieldGroup/index.cjs.js"),C=require("./components/Form/index.cjs.js"),A=require("./components/FormField/index.cjs.js"),M=require("./components/FormGroup/index.cjs.js"),S=require("./components/Icon/index.cjs.js"),h=require("./components/Input/index.cjs.js"),b=require("./components/Link/index.cjs.js"),v=require("./components/Loader/index.cjs.js"),n=require("./components/Modal/index.cjs.js"),R=require("./components/NumericInput/index.cjs.js"),c=require("./components/Picker/index.cjs.js"),U=require("./components/Popover/index.cjs.js"),d=require("./components/Progress/index.cjs.js"),y=require("./components/PromoBanner/index.cjs.js"),L=require("./components/PromoBannerV2/index.cjs.js"),G=require("./components/RadioButton/index.cjs.js"),W=require("./components/Search/index.cjs.js"),f=require("./components/Switch/index.cjs.js"),i=require("./components/Tab/index.cjs.js"),E=require("./components/Tag/index.cjs.js"),u=require("./components/TagInput/index.cjs.js"),t=require("./components/Toast/index.cjs.js"),N=require("./chunks/Tooltip-f9f79274.js"),o=require("./components/Tooltip/components/index.cjs.js"),w=require("./components/Tooltip/components/UserGuide/index.cjs.js"),H=require("./chunks/Heading-617540b6.js"),O=require("./chunks/Text-df483689.js"),V=require("./components/Typography/index.cjs.js"),j=require("./components/Textarea/index.cjs.js"),p=require("./components/FileUploadProgress/index.cjs.js"),z=require("./components/UploadBar/index.cjs.js");require("react");require("@livechat/design-system-icons");require("clsx");require("./chunks/Typography.module-2558416b.js");require("@floating-ui/react");require("./chunks/keyCodes-c4c35e49.js");require("lodash.debounce");require("polished");require("react-day-picker");require("date-fns");require("react-dom");require("react-virtuoso");require("lodash.escape");require("react-transition-group");exports.DesignToken=e.DesignToken;exports.RadiusToken=e.RadiusToken;exports.ShadowToken=e.ShadowToken;exports.SpacingToken=e.SpacingToken;exports.TransitionDelayToken=e.TransitionDelayToken;exports.TransitionDurationToken=e.TransitionDurationToken;exports.TransitionTimingToken=e.TransitionTimingToken;exports.getDesignTokenWithOpacity=_.getDesignTokenWithOpacity;exports.ActionBar=l.ActionBar;exports.ActionMenu=s.ActionMenu;exports.ActionMenuItem=s.ActionMenuItem;exports.Alert=m.Alert;exports.Avatar=a.Avatar;exports.generateAvatarColor=a.generateAvatarColor;exports.Badge=q.Badge;exports.Button=T.Button;exports.SegmentedControl=x.SegmentedControl;exports.Card=g.Card;exports.Checkbox=k.Checkbox;exports.DatePicker=r.DatePicker;exports.DatePickerRangeCalendarsWrapper=r.DatePickerRangeCalendarsWrapper;exports.RangeDatePicker=r.RangeDatePicker;exports.DetailsCard=P.DetailsCard;exports.DetailsCardInfo=I.DetailsCardInfo;exports.FieldDescription=B.FieldDescription;exports.FieldError=D.FieldError;exports.FieldGroup=F.FieldGroup;exports.Form=C.Form;exports.FormField=A.FormField;exports.FormGroup=M.FormGroup;exports.Icon=S.Icon;exports.Input=h.Input;exports.Link=b.Link;exports.Loader=v.Loader;exports.Modal=n.Modal;exports.ModalBase=n.ModalBase;exports.ModalCloseButton=n.ModalCloseButton;exports.ModalHeader=n.ModalHeader;exports.ModalPortal=n.ModalPortal;exports.NumericInput=R.NumericInput;exports.Picker=c.Picker;exports.PickerList=c.PickerList;exports.Popover=U.Popover;exports.ProgressBar=d.ProgressBar;exports.ProgressCircle=d.ProgressCircle;exports.PromoBanner=y.PromoBanner;exports.PromoBannerV2=L.PromoBannerV2;exports.RadioButton=G.RadioButton;exports.SearchInput=W.SearchInput;exports.Switch=f.Switch;exports.Tab=i.Tab;exports.TabsList=i.TabsList;exports.TabsWrapper=i.TabsWrapper;exports.Tag=E.Tag;exports.EmailTagInput=u.EmailTagInput;exports.TagInput=u.TagInput;exports.ANIMATION_TIME=t.ANIMATION_TIME;exports.Toast=t.Toast;exports.ToastWrapper=t.ToastWrapper;exports.Tooltip=N.Tooltip;exports.Info=o.Info;exports.Interactive=o.Interactive;exports.Reports=o.Reports;exports.Simple=o.Simple;exports.UserGuide=w.UserGuide;exports.Heading=H.Heading;exports.Text=O.Text;exports.Display=V.Display;exports.Textarea=j.Textarea;exports.FileUploadProgress=p.FileUploadProgress;exports.FileUploadProgressActions=p.FileUploadProgressActions;exports.UploadBar=z.UploadBar;
package/dist/index.es.js CHANGED
@@ -1,54 +1,54 @@
1
- import { DesignToken as u, RadiusToken as k, ShadowToken as P, SpacingToken as I, TransitionDelayToken as D, TransitionDurationToken as B, TransitionTimingToken as A } from "./foundations/index.es.js";
2
- import { getDesignTokenWithOpacity as F } from "./utils/index.es.js";
3
- import { ActionBar as S } from "./components/ActionBar/index.es.js";
4
- import { ActionMenu as R, ActionMenuItem as b } from "./components/ActionMenu/index.es.js";
5
- import { Alert as L } from "./components/Alert/index.es.js";
6
- import { Avatar as W, generateAvatarColor as y } from "./components/Avatar/index.es.js";
7
- import { Badge as G } from "./components/Badge/index.es.js";
8
- import { Button as N } from "./components/Button/index.es.js";
9
- import { SegmentedControl as O } from "./components/SegmentedControl/index.es.js";
10
- import { Card as _ } from "./components/Card/index.es.js";
11
- import { Checkbox as q } from "./components/Checkbox/index.es.js";
12
- import { DatePicker as J, DatePickerRangeCalendarsWrapper as K, RangeDatePicker as Q } from "./components/DatePicker/index.es.js";
13
- import { DetailsCard as Y } from "./components/DetailsCard/index.es.js";
14
- import { DetailsCardInfo as $ } from "./components/DetailsCardInfo/index.es.js";
15
- import { FieldDescription as ro } from "./components/FieldDescription/index.es.js";
16
- import { FieldError as to } from "./components/FieldError/index.es.js";
17
- import { FieldGroup as mo } from "./components/FieldGroup/index.es.js";
18
- import { Form as io } from "./components/Form/index.es.js";
19
- import { FormField as xo } from "./components/FormField/index.es.js";
20
- import { FormGroup as so } from "./components/FormGroup/index.es.js";
21
- import { Icon as To } from "./components/Icon/index.es.js";
22
- import { Input as go } from "./components/Input/index.es.js";
23
- import { Link as ko } from "./components/Link/index.es.js";
1
+ import { DesignToken as g, RadiusToken as u, ShadowToken as k, SpacingToken as I, TransitionDelayToken as P, TransitionDurationToken as D, TransitionTimingToken as B } from "./foundations/index.es.js";
2
+ import { getDesignTokenWithOpacity as C } from "./utils/index.es.js";
3
+ import { ActionBar as M } from "./components/ActionBar/index.es.js";
4
+ import { ActionMenu as h, ActionMenuItem as R } from "./components/ActionMenu/index.es.js";
5
+ import { Alert as v } from "./components/Alert/index.es.js";
6
+ import { Avatar as U, generateAvatarColor as W } from "./components/Avatar/index.es.js";
7
+ import { Badge as E } from "./components/Badge/index.es.js";
8
+ import { Button as H } from "./components/Button/index.es.js";
9
+ import { SegmentedControl as w } from "./components/SegmentedControl/index.es.js";
10
+ import { Card as V } from "./components/Card/index.es.js";
11
+ import { Checkbox as j } from "./components/Checkbox/index.es.js";
12
+ import { DatePicker as z, DatePickerRangeCalendarsWrapper as J, RangeDatePicker as K } from "./components/DatePicker/index.es.js";
13
+ import { DetailsCard as X } from "./components/DetailsCard/index.es.js";
14
+ import { DetailsCardInfo as Z } from "./components/DetailsCardInfo/index.es.js";
15
+ import { FieldDescription as oo } from "./components/FieldDescription/index.es.js";
16
+ import { FieldError as eo } from "./components/FieldError/index.es.js";
17
+ import { FieldGroup as po } from "./components/FieldGroup/index.es.js";
18
+ import { Form as ao } from "./components/Form/index.es.js";
19
+ import { FormField as no } from "./components/FormField/index.es.js";
20
+ import { FormGroup as fo } from "./components/FormGroup/index.es.js";
21
+ import { Icon as lo } from "./components/Icon/index.es.js";
22
+ import { Input as co } from "./components/Input/index.es.js";
23
+ import { Link as uo } from "./components/Link/index.es.js";
24
24
  import { Loader as Io } from "./components/Loader/index.es.js";
25
- import { Modal as Bo, ModalBase as Ao, ModalCloseButton as Co, ModalHeader as Fo, ModalPortal as Mo } from "./components/Modal/index.es.js";
26
- import { NumericInput as ho } from "./components/NumericInput/index.es.js";
27
- import { Picker as bo, PickerList as vo } from "./components/Picker/index.es.js";
28
- import { Popover as Uo } from "./components/Popover/index.es.js";
29
- import { ProgressCircle as yo } from "./components/Progress/index.es.js";
30
- import { P as Go } from "./chunks/ProgressBar-3e0fd769.js";
31
- import { PromoBanner as No } from "./components/PromoBanner/index.es.js";
32
- import { PromoBannerV2 as Oo } from "./components/PromoBannerV2/index.es.js";
33
- import { RadioButton as _o } from "./components/RadioButton/index.es.js";
34
- import { SearchInput as qo } from "./components/Search/index.es.js";
35
- import { Switch as Jo } from "./components/Switch/index.es.js";
36
- import { Tab as Qo, TabsList as Xo, TabsWrapper as Yo } from "./components/Tab/index.es.js";
37
- import { Tag as $o } from "./components/Tag/index.es.js";
38
- import { EmailTagInput as rr, TagInput as er } from "./components/TagInput/index.es.js";
39
- import { ANIMATION_TIME as pr, Toast as mr, ToastWrapper as ar } from "./components/Toast/index.es.js";
40
- import { T as nr } from "./chunks/Tooltip-f6f4f9c2.js";
41
- import { Info as fr, Interactive as sr, Reports as lr, Simple as Tr } from "./components/Tooltip/components/index.es.js";
42
- import { UserGuide as cr } from "./components/Tooltip/components/UserGuide/index.es.js";
43
- import { H as ur } from "./chunks/Heading-6b95d08b.js";
44
- import { T as Pr } from "./chunks/Text-b31d1e9a.js";
45
- import { Display as Dr } from "./components/Typography/index.es.js";
46
- import { Textarea as Ar } from "./components/Textarea/index.es.js";
47
- import { FileUploadProgress as Fr, FileUploadProgressActions as Mr } from "./components/FileUploadProgress/index.es.js";
48
- import { UploadBar as hr } from "./components/UploadBar/index.es.js";
25
+ import { Modal as Do, ModalBase as Bo, ModalCloseButton as Ao, ModalHeader as Co, ModalPortal as Fo } from "./components/Modal/index.es.js";
26
+ import { NumericInput as So } from "./components/NumericInput/index.es.js";
27
+ import { Picker as Ro, PickerList as bo } from "./components/Picker/index.es.js";
28
+ import { Popover as Lo } from "./components/Popover/index.es.js";
29
+ import { ProgressBar as Wo, ProgressCircle as yo } from "./components/Progress/index.es.js";
30
+ import { PromoBanner as Go } from "./components/PromoBanner/index.es.js";
31
+ import { PromoBannerV2 as No } from "./components/PromoBannerV2/index.es.js";
32
+ import { RadioButton as Oo } from "./components/RadioButton/index.es.js";
33
+ import { SearchInput as _o } from "./components/Search/index.es.js";
34
+ import { Switch as qo } from "./components/Switch/index.es.js";
35
+ import { Tab as Jo, TabsList as Ko, TabsWrapper as Qo } from "./components/Tab/index.es.js";
36
+ import { Tag as Yo } from "./components/Tag/index.es.js";
37
+ import { EmailTagInput as $o, TagInput as or } from "./components/TagInput/index.es.js";
38
+ import { ANIMATION_TIME as er, Toast as tr, ToastWrapper as pr } from "./components/Toast/index.es.js";
39
+ import { T as ar } from "./chunks/Tooltip-1c5cb6fe.js";
40
+ import { Info as nr, Interactive as xr, Reports as fr, Simple as sr } from "./components/Tooltip/components/index.es.js";
41
+ import { UserGuide as Tr } from "./components/Tooltip/components/UserGuide/index.es.js";
42
+ import { H as cr } from "./chunks/Heading-6b95d08b.js";
43
+ import { T as ur } from "./chunks/Text-b31d1e9a.js";
44
+ import { Display as Ir } from "./components/Typography/index.es.js";
45
+ import { Textarea as Dr } from "./components/Textarea/index.es.js";
46
+ import { FileUploadProgress as Ar, FileUploadProgressActions as Cr } from "./components/FileUploadProgress/index.es.js";
47
+ import { UploadBar as Mr } from "./components/UploadBar/index.es.js";
49
48
  import "react";
50
49
  import "@livechat/design-system-icons";
51
50
  import "clsx";
51
+ import "./chunks/Typography.module-93efb34d.js";
52
52
  import "@floating-ui/react";
53
53
  import "./chunks/keyCodes-30323e90.js";
54
54
  import "lodash.debounce";
@@ -56,82 +56,80 @@ import "polished";
56
56
  import "react-day-picker";
57
57
  import "date-fns";
58
58
  import "react-dom";
59
- import "@emotion/css";
60
59
  import "react-virtuoso";
61
60
  import "lodash.escape";
62
61
  import "react-transition-group";
63
- import "./chunks/Typography.module-93efb34d.js";
64
62
  export {
65
- pr as ANIMATION_TIME,
66
- S as ActionBar,
67
- R as ActionMenu,
68
- b as ActionMenuItem,
69
- L as Alert,
70
- W as Avatar,
71
- G as Badge,
72
- N as Button,
73
- _ as Card,
74
- q as Checkbox,
75
- J as DatePicker,
76
- K as DatePickerRangeCalendarsWrapper,
77
- u as DesignToken,
78
- Y as DetailsCard,
79
- $ as DetailsCardInfo,
80
- Dr as Display,
81
- rr as EmailTagInput,
82
- ro as FieldDescription,
83
- to as FieldError,
84
- mo as FieldGroup,
85
- Fr as FileUploadProgress,
86
- Mr as FileUploadProgressActions,
87
- io as Form,
88
- xo as FormField,
89
- so as FormGroup,
90
- ur as Heading,
91
- To as Icon,
92
- fr as Info,
93
- go as Input,
94
- sr as Interactive,
95
- ko as Link,
63
+ er as ANIMATION_TIME,
64
+ M as ActionBar,
65
+ h as ActionMenu,
66
+ R as ActionMenuItem,
67
+ v as Alert,
68
+ U as Avatar,
69
+ E as Badge,
70
+ H as Button,
71
+ V as Card,
72
+ j as Checkbox,
73
+ z as DatePicker,
74
+ J as DatePickerRangeCalendarsWrapper,
75
+ g as DesignToken,
76
+ X as DetailsCard,
77
+ Z as DetailsCardInfo,
78
+ Ir as Display,
79
+ $o as EmailTagInput,
80
+ oo as FieldDescription,
81
+ eo as FieldError,
82
+ po as FieldGroup,
83
+ Ar as FileUploadProgress,
84
+ Cr as FileUploadProgressActions,
85
+ ao as Form,
86
+ no as FormField,
87
+ fo as FormGroup,
88
+ cr as Heading,
89
+ lo as Icon,
90
+ nr as Info,
91
+ co as Input,
92
+ xr as Interactive,
93
+ uo as Link,
96
94
  Io as Loader,
97
- Bo as Modal,
98
- Ao as ModalBase,
99
- Co as ModalCloseButton,
100
- Fo as ModalHeader,
101
- Mo as ModalPortal,
102
- ho as NumericInput,
103
- bo as Picker,
104
- vo as PickerList,
105
- Uo as Popover,
106
- Go as ProgressBar,
95
+ Do as Modal,
96
+ Bo as ModalBase,
97
+ Ao as ModalCloseButton,
98
+ Co as ModalHeader,
99
+ Fo as ModalPortal,
100
+ So as NumericInput,
101
+ Ro as Picker,
102
+ bo as PickerList,
103
+ Lo as Popover,
104
+ Wo as ProgressBar,
107
105
  yo as ProgressCircle,
108
- No as PromoBanner,
109
- Oo as PromoBannerV2,
110
- _o as RadioButton,
111
- k as RadiusToken,
112
- Q as RangeDatePicker,
113
- lr as Reports,
114
- qo as SearchInput,
115
- O as SegmentedControl,
116
- P as ShadowToken,
117
- Tr as Simple,
106
+ Go as PromoBanner,
107
+ No as PromoBannerV2,
108
+ Oo as RadioButton,
109
+ u as RadiusToken,
110
+ K as RangeDatePicker,
111
+ fr as Reports,
112
+ _o as SearchInput,
113
+ w as SegmentedControl,
114
+ k as ShadowToken,
115
+ sr as Simple,
118
116
  I as SpacingToken,
119
- Jo as Switch,
120
- Qo as Tab,
121
- Xo as TabsList,
122
- Yo as TabsWrapper,
123
- $o as Tag,
124
- er as TagInput,
125
- Pr as Text,
126
- Ar as Textarea,
127
- mr as Toast,
128
- ar as ToastWrapper,
129
- nr as Tooltip,
130
- D as TransitionDelayToken,
131
- B as TransitionDurationToken,
132
- A as TransitionTimingToken,
133
- hr as UploadBar,
134
- cr as UserGuide,
135
- y as generateAvatarColor,
136
- F as getDesignTokenWithOpacity
117
+ qo as Switch,
118
+ Jo as Tab,
119
+ Ko as TabsList,
120
+ Qo as TabsWrapper,
121
+ Yo as Tag,
122
+ or as TagInput,
123
+ ur as Text,
124
+ Dr as Textarea,
125
+ tr as Toast,
126
+ pr as ToastWrapper,
127
+ ar as Tooltip,
128
+ P as TransitionDelayToken,
129
+ D as TransitionDurationToken,
130
+ B as TransitionTimingToken,
131
+ Mr as UploadBar,
132
+ Tr as UserGuide,
133
+ W as generateAvatarColor,
134
+ C as getDesignTokenWithOpacity
137
135
  };