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

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 (109) hide show
  1. package/dist/components/Tag/Tag.d.ts +17 -3
  2. package/dist/components/Tag/constants.d.ts +2 -0
  3. package/dist/components/Tag/index.d.ts +1 -0
  4. package/dist/components/Tag/types.d.ts +3 -0
  5. package/dist/index.cjs.js +1 -1
  6. package/dist/index.es.js +5252 -133
  7. package/dist/preview-stats.json +1204 -1204
  8. package/dist/style.css +1 -1
  9. package/package.json +3 -4
  10. package/dist/chunks/Heading-617540b6.js +0 -1
  11. package/dist/chunks/Heading-6b95d08b.js +0 -64
  12. package/dist/chunks/Text-b31d1e9a.js +0 -66
  13. package/dist/chunks/Text-df483689.js +0 -1
  14. package/dist/chunks/Tooltip-1c5cb6fe.js +0 -182
  15. package/dist/chunks/Tooltip-f9f79274.js +0 -1
  16. package/dist/chunks/Typography.module-2558416b.js +0 -1
  17. package/dist/chunks/Typography.module-93efb34d.js +0 -23
  18. package/dist/chunks/keyCodes-30323e90.js +0 -15
  19. package/dist/chunks/keyCodes-c4c35e49.js +0 -1
  20. package/dist/components/ActionBar/index.cjs.js +0 -1
  21. package/dist/components/ActionBar/index.es.js +0 -192
  22. package/dist/components/ActionMenu/index.cjs.js +0 -1
  23. package/dist/components/ActionMenu/index.es.js +0 -199
  24. package/dist/components/Alert/index.cjs.js +0 -1
  25. package/dist/components/Alert/index.es.js +0 -129
  26. package/dist/components/Avatar/index.cjs.js +0 -1
  27. package/dist/components/Avatar/index.es.js +0 -190
  28. package/dist/components/Badge/index.cjs.js +0 -1
  29. package/dist/components/Badge/index.es.js +0 -65
  30. package/dist/components/Button/index.cjs.js +0 -1
  31. package/dist/components/Button/index.es.js +0 -143
  32. package/dist/components/Card/index.cjs.js +0 -1
  33. package/dist/components/Card/index.es.js +0 -96
  34. package/dist/components/Checkbox/index.cjs.js +0 -1
  35. package/dist/components/Checkbox/index.es.js +0 -64
  36. package/dist/components/DatePicker/index.cjs.js +0 -1
  37. package/dist/components/DatePicker/index.es.js +0 -516
  38. package/dist/components/DetailsCard/index.cjs.js +0 -1
  39. package/dist/components/DetailsCard/index.es.js +0 -140
  40. package/dist/components/DetailsCardInfo/index.cjs.js +0 -1
  41. package/dist/components/DetailsCardInfo/index.es.js +0 -12
  42. package/dist/components/FieldDescription/index.cjs.js +0 -1
  43. package/dist/components/FieldDescription/index.es.js +0 -41
  44. package/dist/components/FieldError/index.cjs.js +0 -1
  45. package/dist/components/FieldError/index.es.js +0 -51
  46. package/dist/components/FieldGroup/index.cjs.js +0 -1
  47. package/dist/components/FieldGroup/index.es.js +0 -58
  48. package/dist/components/FileUploadProgress/index.cjs.js +0 -1
  49. package/dist/components/FileUploadProgress/index.es.js +0 -109
  50. package/dist/components/Form/index.cjs.js +0 -1
  51. package/dist/components/Form/index.es.js +0 -50
  52. package/dist/components/FormField/index.cjs.js +0 -1
  53. package/dist/components/FormField/index.es.js +0 -116
  54. package/dist/components/FormGroup/index.cjs.js +0 -1
  55. package/dist/components/FormGroup/index.es.js +0 -58
  56. package/dist/components/Icon/index.cjs.js +0 -1
  57. package/dist/components/Icon/index.es.js +0 -103
  58. package/dist/components/Input/index.cjs.js +0 -1
  59. package/dist/components/Input/index.es.js +0 -123
  60. package/dist/components/Link/index.cjs.js +0 -1
  61. package/dist/components/Link/index.es.js +0 -47
  62. package/dist/components/Loader/index.cjs.js +0 -1
  63. package/dist/components/Loader/index.es.js +0 -39
  64. package/dist/components/Modal/index.cjs.js +0 -1
  65. package/dist/components/Modal/index.es.js +0 -249
  66. package/dist/components/NumericInput/index.cjs.js +0 -1
  67. package/dist/components/NumericInput/index.es.js +0 -139
  68. package/dist/components/Picker/index.cjs.js +0 -1
  69. package/dist/components/Picker/index.es.js +0 -740
  70. package/dist/components/Popover/index.cjs.js +0 -1
  71. package/dist/components/Popover/index.es.js +0 -75
  72. package/dist/components/Progress/index.cjs.js +0 -1
  73. package/dist/components/Progress/index.es.js +0 -160
  74. package/dist/components/PromoBanner/index.cjs.js +0 -1
  75. package/dist/components/PromoBanner/index.es.js +0 -74
  76. package/dist/components/PromoBannerV2/index.cjs.js +0 -1
  77. package/dist/components/PromoBannerV2/index.es.js +0 -79
  78. package/dist/components/RadioButton/index.cjs.js +0 -1
  79. package/dist/components/RadioButton/index.es.js +0 -58
  80. package/dist/components/Search/index.cjs.js +0 -1
  81. package/dist/components/Search/index.es.js +0 -117
  82. package/dist/components/SegmentedControl/index.cjs.js +0 -1
  83. package/dist/components/SegmentedControl/index.es.js +0 -55
  84. package/dist/components/Switch/index.cjs.js +0 -1
  85. package/dist/components/Switch/index.es.js +0 -145
  86. package/dist/components/Tab/index.cjs.js +0 -1
  87. package/dist/components/Tab/index.es.js +0 -93
  88. package/dist/components/Tag/index.cjs.js +0 -1
  89. package/dist/components/Tag/index.es.js +0 -143
  90. package/dist/components/TagInput/index.cjs.js +0 -1
  91. package/dist/components/TagInput/index.es.js +0 -244
  92. package/dist/components/Textarea/index.cjs.js +0 -1
  93. package/dist/components/Textarea/index.es.js +0 -55
  94. package/dist/components/Toast/index.cjs.js +0 -1
  95. package/dist/components/Toast/index.es.js +0 -163
  96. package/dist/components/Tooltip/components/UserGuide/index.cjs.js +0 -1
  97. package/dist/components/Tooltip/components/UserGuide/index.es.js +0 -196
  98. package/dist/components/Tooltip/components/index.cjs.js +0 -1
  99. package/dist/components/Tooltip/components/index.es.js +0 -117
  100. package/dist/components/Tooltip/index.cjs.js +0 -1
  101. package/dist/components/Tooltip/index.es.js +0 -21
  102. package/dist/components/Typography/index.cjs.js +0 -1
  103. package/dist/components/Typography/index.es.js +0 -48
  104. package/dist/components/UploadBar/index.cjs.js +0 -1
  105. package/dist/components/UploadBar/index.es.js +0 -111
  106. package/dist/foundations/index.cjs.js +0 -1
  107. package/dist/foundations/index.es.js +0 -353
  108. package/dist/utils/index.cjs.js +0 -1
  109. package/dist/utils/index.es.js +0 -4
@@ -1 +0,0 @@
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,117 +0,0 @@
1
- import { UserGuide as j } from "./UserGuide/index.es.js";
2
- import { s as t, g as f } from "../../../chunks/Tooltip-1c5cb6fe.js";
3
- import * as e from "react";
4
- import { Close as N } from "@livechat/design-system-icons";
5
- import m from "clsx";
6
- import { Icon as _ } from "../../Icon/index.es.js";
7
- import { H as u } from "../../../chunks/Heading-6b95d08b.js";
8
- import { T as c } from "../../../chunks/Text-b31d1e9a.js";
9
- import "../../../chunks/Typography.module-93efb34d.js";
10
- import { Button as $ } from "../../Button/index.es.js";
11
- import "@floating-ui/react";
12
- import "../../Loader/index.es.js";
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
- "button",
15
- {
16
- type: "button",
17
- "aria-label": "Close tooltip",
18
- className: t[`${i}-close`],
19
- onClick: p
20
- },
21
- /* @__PURE__ */ e.createElement(_, { source: N, kind: l ? f(l) : "primary" })
22
- ), n && /* @__PURE__ */ e.createElement(
23
- u,
24
- {
25
- as: "div",
26
- size: "xs",
27
- className: m(
28
- t[`${i}-header`],
29
- t[`${i}-header--info`]
30
- )
31
- },
32
- n
33
- ), /* @__PURE__ */ e.createElement(
34
- c,
35
- {
36
- as: "div",
37
- className: m(
38
- t[`${i}-text`],
39
- t[`${i}-text--info`]
40
- )
41
- },
42
- r
43
- )), a = "tooltip", K = ({
44
- header: s,
45
- text: n,
46
- image: r,
47
- closeWithX: d,
48
- theme: l,
49
- handleCloseAction: p,
50
- primaryButton: E,
51
- secondaryButton: v
52
- }) => {
53
- const k = (C) => C === "invert" ? "secondary" : "high-contrast";
54
- return /* @__PURE__ */ e.createElement("div", { className: t[`${a}__interactive`] }, d && /* @__PURE__ */ e.createElement(
55
- "button",
56
- {
57
- type: "button",
58
- "aria-label": "Close tooltip",
59
- className: t[`${a}-close`],
60
- onClick: p
61
- },
62
- /* @__PURE__ */ e.createElement(_, { source: N, kind: l ? f(l) : "primary" })
63
- ), r && /* @__PURE__ */ e.createElement("div", { className: t[`${a}-image-container`] }, /* @__PURE__ */ e.createElement(
64
- "img",
65
- {
66
- className: t[`${a}-image`],
67
- src: r.src,
68
- alt: r.alt
69
- }
70
- )), s && /* @__PURE__ */ e.createElement(u, { as: "div", size: "xs", className: t[`${a}-header`] }, s), /* @__PURE__ */ e.createElement("div", { className: t[`${a}-text`] }, n), /* @__PURE__ */ e.createElement(
71
- "div",
72
- {
73
- className: m(
74
- t[`${a}-footer`],
75
- t[`${a}-footer--interactive`]
76
- )
77
- },
78
- /* @__PURE__ */ e.createElement(
79
- $,
80
- {
81
- kind: E.kind || k(l),
82
- onClick: E.handleClick
83
- },
84
- E.label
85
- ),
86
- /* @__PURE__ */ e.createElement(
87
- $,
88
- {
89
- className: m(t[`${a}-footer-secondary`], {
90
- [t[`${a}-footer-secondary-invert`]]: l === "invert"
91
- }),
92
- kind: v.kind || "text",
93
- onClick: v.handleClick
94
- },
95
- v.label
96
- )
97
- ));
98
- }, o = "reports-tooltip", P = ({
99
- title: s,
100
- description: n,
101
- children: r
102
- }) => /* @__PURE__ */ e.createElement("div", { className: t[o] }, /* @__PURE__ */ e.createElement("div", { className: t[`${o}__heading`] }, /* @__PURE__ */ e.createElement(c, { as: "div", className: t[`${o}__heading__title`] }, s), /* @__PURE__ */ e.createElement(
103
- c,
104
- {
105
- as: "div",
106
- size: "xs",
107
- className: t[`${o}__heading__description`]
108
- },
109
- n
110
- )), /* @__PURE__ */ e.createElement("div", { className: t[`${o}__content`] }, /* @__PURE__ */ e.createElement(c, { as: "div" }, r)));
111
- export {
112
- G as Info,
113
- K as Interactive,
114
- P as Reports,
115
- D as Simple,
116
- j as UserGuide
117
- };
@@ -1 +0,0 @@
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,21 +0,0 @@
1
- import { T as n } from "../../chunks/Tooltip-1c5cb6fe.js";
2
- import { Info as T, Interactive as c, Reports as d, Simple as u } from "./components/index.es.js";
3
- import { UserGuide as G } from "./components/UserGuide/index.es.js";
4
- import "react";
5
- import "@floating-ui/react";
6
- import "clsx";
7
- import "../../chunks/Typography.module-93efb34d.js";
8
- import "../../chunks/Text-b31d1e9a.js";
9
- import "@livechat/design-system-icons";
10
- import "../Icon/index.es.js";
11
- import "../../chunks/Heading-6b95d08b.js";
12
- import "../Button/index.es.js";
13
- import "../Loader/index.es.js";
14
- export {
15
- T as Info,
16
- c as Interactive,
17
- d as Reports,
18
- u as Simple,
19
- n as Tooltip,
20
- G as UserGuide
21
- };
@@ -1 +0,0 @@
1
- "use strict";var p=Object.defineProperty;var c=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var o=(e,r,t)=>r in e?p(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,u=(e,r)=>{for(var t in r||(r={}))i.call(r,t)&&o(e,t,r[t]);if(c)for(var t of c(r))s.call(r,t)&&o(e,t,r[t]);return e};var l=(e,r)=>{var t={};for(var n in e)i.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(e!=null&&c)for(var n of c(e))r.indexOf(n)<0&&s.call(e,n)&&(t[n]=e[n]);return t};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../chunks/Heading-617540b6.js"),y=require("../../chunks/Text-df483689.js"),f=require("react"),m=require("clsx"),b=require("../../chunks/Typography.module-2558416b.js");function O(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const T=O(f),j=q=>{var a=q,{as:e="div",size:r="md",children:t,className:n}=a,d=l(a,["as","size","children","className"]);return T.createElement(e,u({className:m(b.styles[`display-${r}`],n)},d),t)};exports.Heading=g.Heading;exports.Text=y.Text;exports.Display=j;
@@ -1,48 +0,0 @@
1
- var x = Object.defineProperty;
2
- var s = Object.getOwnPropertySymbols;
3
- var p = Object.prototype.hasOwnProperty, i = Object.prototype.propertyIsEnumerable;
4
- var m = (r, t, e) => t in r ? x(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, c = (r, t) => {
5
- for (var e in t || (t = {}))
6
- p.call(t, e) && m(r, e, t[e]);
7
- if (s)
8
- for (var e of s(t))
9
- i.call(t, e) && m(r, e, t[e]);
10
- return r;
11
- };
12
- var f = (r, t) => {
13
- var e = {};
14
- for (var o in r)
15
- p.call(r, o) && t.indexOf(o) < 0 && (e[o] = r[o]);
16
- if (r != null && s)
17
- for (var o of s(r))
18
- t.indexOf(o) < 0 && i.call(r, o) && (e[o] = r[o]);
19
- return e;
20
- };
21
- import { H as N } from "../../chunks/Heading-6b95d08b.js";
22
- import { T as $ } from "../../chunks/Text-b31d1e9a.js";
23
- import * as d from "react";
24
- import n from "clsx";
25
- import { s as y } from "../../chunks/Typography.module-93efb34d.js";
26
- const v = (H) => {
27
- var a = H, {
28
- as: r = "div",
29
- size: t = "md",
30
- children: e,
31
- className: o
32
- } = a, l = f(a, [
33
- "as",
34
- "size",
35
- "children",
36
- "className"
37
- ]);
38
- return d.createElement(
39
- r,
40
- c({ className: n(y[`display-${t}`], o) }, l),
41
- e
42
- );
43
- };
44
- export {
45
- v as Display,
46
- N as Heading,
47
- $ as Text
48
- };
@@ -1 +0,0 @@
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;
@@ -1,111 +0,0 @@
1
- import * as e from "react";
2
- import { ChevronUp as x, ChevronDown as T, Check as C, Error as A } from "@livechat/design-system-icons";
3
- import I from "clsx";
4
- import { TransitionGroup as S, CSSTransition as M } from "react-transition-group";
5
- import { FileUploadProgress as g, FileUploadProgressActions as E } from "../FileUploadProgress/index.es.js";
6
- import { Icon as d } from "../Icon/index.es.js";
7
- import { ProgressCircle as D } from "../Progress/index.es.js";
8
- import "../../chunks/Typography.module-93efb34d.js";
9
- import { T as G } from "../../chunks/Text-b31d1e9a.js";
10
- const _ = {
11
- "upload-bar": "lc-UploadBar-module__upload-bar___6Or8h",
12
- "upload-bar__loader-test": "lc-UploadBar-module__upload-bar__loader-test___aZb2J",
13
- "upload-bar--error": "lc-UploadBar-module__upload-bar--error___MzvhT",
14
- "upload-bar__wrapper": "lc-UploadBar-module__upload-bar__wrapper___MAUeH",
15
- "upload-bar__wrapper__header": "lc-UploadBar-module__upload-bar__wrapper__header___x9fen",
16
- "upload-bar__wrapper__header__icon": "lc-UploadBar-module__upload-bar__wrapper__header__icon___Aetm5",
17
- "upload-bar__wrapper__header__title": "lc-UploadBar-module__upload-bar__wrapper__header__title___BNuDu",
18
- "upload-bar__wrapper__header__collapse-button": "lc-UploadBar-module__upload-bar__wrapper__header__collapse-button___3khMy",
19
- "upload-bar__wrapper__header__actions-container": "lc-UploadBar-module__upload-bar__wrapper__header__actions-container___5Pj4y",
20
- "upload-bar__wrapper__header__success-icon": "lc-UploadBar-module__upload-bar__wrapper__header__success-icon___ZLCdw",
21
- "upload-bar__wrapper__header__error-icon": "lc-UploadBar-module__upload-bar__wrapper__header__error-icon___q-sZo",
22
- "upload-bar__wrapper__header__loader": "lc-UploadBar-module__upload-bar__wrapper__header__loader___DKHu3",
23
- "upload-bar__files": "lc-UploadBar-module__upload-bar__files___3W4nx",
24
- "upload-bar__files--enter": "lc-UploadBar-module__upload-bar__files--enter___zGq19",
25
- "upload-bar__files--enter-active": "lc-UploadBar-module__upload-bar__files--enter-active___-dMVb",
26
- "upload-bar__files--exit": "lc-UploadBar-module__upload-bar__files--exit___MXBRY",
27
- "upload-bar__files--exit-active": "lc-UploadBar-module__upload-bar__files--exit-active___krGW5",
28
- "upload-bar__files--exit-done": "lc-UploadBar-module__upload-bar__files--exit-done___2I72G",
29
- "upload-bar__files-wrapper": "lc-UploadBar-module__upload-bar__files-wrapper___93bs8",
30
- "upload-bar__files__list": "lc-UploadBar-module__upload-bar__files__list___QJFEq"
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(
32
- D,
33
- {
34
- className: _[`${r}__loader`],
35
- status: o,
36
- progressValue: c
37
- }
38
- ), J = ({
39
- children: o,
40
- className: c,
41
- progressValue: m,
42
- title: t,
43
- isExpanded: w,
44
- errorMessage: u,
45
- status: l = "normal",
46
- icon: h,
47
- size: v,
48
- mode: U = "multiple",
49
- onCloseButtonClick: s,
50
- onRetryButtonClick: i
51
- }) => {
52
- const [n, $] = e.useState(w || !1), p = l === "error", N = l === "success", b = I(_[a], c, {
53
- [_[`${a}--error`]]: p,
54
- [_[`${a}--success`]]: N
55
- }), B = !(p && (i || s)), f = () => $(!n);
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(
57
- g,
58
- {
59
- title: p && u || t,
60
- progressValue: m,
61
- status: l,
62
- icon: h,
63
- size: v
64
- }
65
- )), l === "error" && /* @__PURE__ */ e.createElement(
66
- E,
67
- {
68
- status: l,
69
- onCloseButtonClick: s,
70
- onRetryButtonClick: i
71
- }
72
- ))) : /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement(
73
- "div",
74
- {
75
- className: _[`${a}__wrapper`],
76
- onClick: f
77
- },
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(
79
- "button",
80
- {
81
- className: _[`${r}__collapse-button`],
82
- type: "button",
83
- onClick: f
84
- },
85
- n ? /* @__PURE__ */ e.createElement(d, { source: x }) : /* @__PURE__ */ e.createElement(d, { source: T })
86
- ), l === "error" && /* @__PURE__ */ e.createElement("div", { className: _[`${r}__actions-container`] }, /* @__PURE__ */ e.createElement(
87
- E,
88
- {
89
- status: l,
90
- onCloseButtonClick: s,
91
- onRetryButtonClick: i
92
- }
93
- )))
94
- ), /* @__PURE__ */ e.createElement(S, { component: null }, n && /* @__PURE__ */ e.createElement(
95
- M,
96
- {
97
- timeout: H,
98
- classNames: {
99
- enter: _[`${a}__files--enter`],
100
- enterActive: _[`${a}__files--enter-active`],
101
- exit: _[`${a}__files--exit`],
102
- exitActive: _[`${a}__files--exit-active`],
103
- exitDone: _[`${a}__files--exit-done`]
104
- }
105
- },
106
- /* @__PURE__ */ e.createElement("div", { className: _[`${a}__files`] }, /* @__PURE__ */ e.createElement("div", { className: _[`${a}__files-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: _[`${a}__files__list`] }, o)))
107
- )));
108
- };
109
- export {
110
- J as UploadBar
111
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={Background:"--background",Background01:"--background-01",Background02:"--background-02",Background03:"--background-03",SurfaceBasicDefault:"--surface-basic-default",SurfacePrimaryDefault:"--surface-primary-default",SurfaceBasicSubtle:"--surface-basic-subtle",SurfaceSecondaryDefault:"--surface-secondary-default",SurfaceSecondaryHover:"--surface-secondary-hover",SurfaceSecondaryActive:"--surface-secondary-active",SurfaceSecondaryDisabled:"--surface-secondary-disabled",SurfacePrimaryHoverOpacity:"--surface-primary-hover-opacity",SurfaceBasicHover:"--surface-basic-hover",SurfacePrimaryHover:"--surface-primary-hover",SurfaceBasicActive:"--surface-basic-active",SurfacePrimaryActive:"--surface-primary-active",SurfacePrimaryActiveColored:"--surface-primary-active-colored",SurfaceBasicDisabled:"--surface-basic-disabled",SurfacePrimaryDisabled:"--surface-primary-disabled",SurfaceTertiaryDefault:"--surface-tertiary-default",SurfaceSecondarySubtle:"--surface-secondary-subtle",SurfaceModerateDefault:"--surface-moderate-default",SurfaceModerateHover:"--surface-moderate-hover",SurfaceModerateActive:"--surface-moderate-active",SurfaceTertiaryHover:"--surface-tertiary-hover",SurfaceTertiaryActive:"--surface-tertiary-active",SurfaceTertiaryDisabled:"--surface-tertiary-disabled",SurfaceFeedbackInfo:"--surface-feedback-info",SurfaceAccentEmphasisLowInfo:"--surface-accent-emphasis-low-info",SurfaceFeedbackNegative:"--surface-feedback-negative",SurfaceAccentEmphasisLowNegative:"--surface-accent-emphasis-low-negative",SurfaceFeedbackWarning:"--surface-feedback-warning",SurfaceAccentEmphasisLowWarning:"--surface-accent-emphasis-low-warning",SurfaceFeedbackPositive:"--surface-feedback-positive",SurfaceAccentEmphasisLowPositive:"--surface-accent-emphasis-low-positive",SurfaceAccentEmphasisLowPurple:"--surface-accent-emphasis-low-purple",SurfaceAccentEmphasisMinInfo:"--surface-accent-emphasis-min-info",SurfaceAccentEmphasisMinNegative:"--surface-accent-emphasis-min-negative",SurfaceAccentEmphasisMinWarning:"--surface-accent-emphasis-min-warning",SurfaceAccentEmphasisMinPositive:"--surface-accent-emphasis-min-positive",SurfaceAccentEmphasisMinPurple:"--surface-accent-emphasis-min-purple",SurfaceInvertDefault:"--surface-invert-default",SurfaceInvertPrimary:"--surface-invert-primary",SurfaceInvertSubtle:"--surface-invert-subtle",SurfaceInvertSecondary:"--surface-invert-secondary",SurfaceInvertDisabled:"--surface-invert-disabled",SurfaceLockedDefault:"--surface-locked-default",SurfaceLockedHover:"--surface-locked-hover",SurfaceLockedActive:"--surface-locked-active",SurfaceLockedDisabled:"--surface-locked-disabled",SurfaceLockedWhite:"--surface-locked-white",SurfaceLockedBlack:"--surface-locked-black",SurfaceAccentEmphasisMediumNegative:"--surface-accent-emphasis-medium-negative",SurfaceAccentEmphasisMediumPositive:"--surface-accent-emphasis-medium-positive",SurfaceAccentEmphasisHighInfo:"--surface-accent-emphasis-high-info",SurfaceAccentEmphasisHighNegative:"--surface-accent-emphasis-high-negative",SurfaceAccentEmphasisHighWarning:"--surface-accent-emphasis-high-warning",SurfaceAccentEmphasisHighPositive:"--surface-accent-emphasis-high-positive",SurfaceAccentEmphasisHighPurple:"--surface-accent-emphasis-high-purple",SurfaceOverlay:"--surface-overlay",SurfaceGradient01:"--surface-gradient-01",SurfaceGradient02:"--surface-gradient-02",SurfaceGradient03:"--surface-gradient-03",SurfaceGradient04:"--surface-gradient-04",SurfaceGradient05:"--surface-gradient-05",SurfaceGradient06:"--surface-gradient-06",SurfaceGradient07:"--surface-gradient-07",SurfaceGradient08:"--surface-gradient-08",SurfaceGradient09:"--surface-gradient-09",SurfaceGradient10:"--surface-gradient-10",SurfaceGradient11:"--surface-gradient-11",SurfaceOtherOverlay:"--surface-other-overlay",SurfaceOtherAgent:"--surface-other-agent",SurfaceOtherAgentHover:"--surface-other-agent-hover",SurfaceOtherSkeleton:"--surface-other-skeleton",ContentDefault:"--content-default",ContentBasicPrimary:"--content-basic-primary",ContentSubtle:"--content-subtle",ContentBasicSecondary:"--content-basic-secondary",ContentDisabled:"--content-disabled",ContentBasicDisabled:"--content-basic-disabled",ContentBasicNegative:"--content-basic-negative",ContentBasicWarning:"--content-basic-warning",ContentBasicPositive:"--content-basic-positive",ContentBasicInfo:"--content-basic-info",ContentBasicPurple:"--content-basic-purple",ContentBasicGradient01:"--content-basic-gradient-01",ContentWhiteLocked:"--content-white-locked",ContentLockedWhite:"--content-locked-white",ContentBlackLocked:"--content-black-locked",ContentLockedBlack:"--content-locked-black",ContentLockedDefault:"--content-locked-default",ContentLockedHover:"--content-locked-hover",ContentLockedActive:"--content-locked-active",ContentLockedDisabled:"--content-locked-disabled",ContentInvertDefault:"--content-invert-default",ContentInvertPrimary:"--content-invert-primary",ContentInvertSubtle:"--content-invert-subtle",ContentInvertSecondary:"--content-invert-secondary",ContentInvertDisabled:"--content-invert-disabled",ContentInvertGradient01:"--content-invert-gradient-01",BorderDefault:"--border-default",BorderBasicPrimary:"--border-basic-primary",BorderBasicSecondary:"--border-basic-secondary",BorderSubtle:"--border-subtle",BorderBasicTertiary:"--border-basic-tertiary",BorderHover:"--border-hover",BorderBasicHover:"--border-basic-hover",BorderDisabled:"--border-disabled",BorderBasicDisabled:"--border-basic-disabled",BorderBasicNegative:"--border-basic-negative",BorderBasicWarning:"--border-basic-warning",BorderBasicPositive:"--border-basic-positive",BorderBasicInfo:"--border-basic-info",BorderBasicPurple:"--border-basic-purple",BorderBasicContrast:"--border-basic-contrast",BorderInvertDefault:"--border-invert-default",BorderInvertPrimary:"--border-invert-primary",BorderInvertSubtle:"--border-invert-subtle",BorderInvertSecondary:"--border-invert-secondary",BorderInvertHover:"--border-invert-hover",BorderInvertDisabled:"--border-invert-disabled",ColorActionActive:"--color-action-active",ActionPrimaryActive:"--action-primary-active",ColorActionHover:"--color-action-hover",ActionPrimaryHover:"--action-primary-hover",ColorActionDefault:"--color-action-default",ActionPrimaryDefault:"--action-primary-default",ColorActionDefaultRgb:"--color-action-default-rgb",ColorActionDisabled:"--color-action-disabled",ActionPrimaryDisabled:"--action-primary-disabled",ColorNegativeActive:"--color-negative-active",ActionNegativeActive:"--action-negative-active",ColorNegativeHover:"--color-negative-hover",ActionNegativeHover:"--action-negative-hover",ColorNegativeDefault:"--color-negative-default",ActionNegativeDefault:"--action-negative-default",ColorNegativeDisabled:"--color-negative-disabled",ActionNegativeDisabled:"--action-negative-disabled",ColorWarningDefault:"--color-warning-default",ActionWarningDefault:"--action-warning-default",ColorWarningHover:"--color-warning-hover",ActionWarningHover:"--action-warning-hover",ActionWarningDisabled:"--action-warning-disabled",ColorPositiveDefault:"--color-positive-default",ActionPositiveDefault:"--action-positive-default",ColorPositiveHover:"--color-positive-hover",ActionPositiveHover:"--action-positive-hover",ColorPositiveDisabled:"--color-positive-disabled",ActionPositiveDisabled:"--action-positive-disabled",ActionNeutralDefault:"--action-neutral-default",ActionNeutralHover:"--action-neutral-hover",ActionNeutralDisabled:"--action-neutral-disabled",ActionHighContrastDefault:"--action-high-contrast-default",ActionHighContrastHover:"--action-high-contrast-hover",ActionHighContrastActive:"--action-high-contrast-active",ActionHighContrastDisabled:"--action-high-contrast-disabled",ColorBot:"--color-bot",SurfaceOtherBot:"--surface-other-bot",SurfaceOtherBotHover:"--surface-other-bot-hover",ColorBlack:"--color-black",ColorWhite:"--color-white",DecorBlue900:"--decor-blue900",DecorBlue800:"--decor-blue800",DecorBlue700:"--decor-blue700",DecorBlue600:"--decor-blue600",DecorBlue500:"--decor-blue500",DecorBlue400:"--decor-blue400",DecorBlue300:"--decor-blue300",DecorBlue200:"--decor-blue200",DecorBlue100:"--decor-blue100",DecorBlue50:"--decor-blue50",DecorOrange900:"--decor-orange900",DecorOrange800:"--decor-orange800",DecorOrange700:"--decor-orange700",DecorOrange600:"--decor-orange600",DecorOrange500:"--decor-orange500",DecorOrange400:"--decor-orange400",DecorOrange300:"--decor-orange300",DecorOrange200:"--decor-orange200",DecorOrange100:"--decor-orange100",DecorOrange50:"--decor-orange50",DecorYellow900:"--decor-yellow900",DecorYellow800:"--decor-yellow800",DecorYellow700:"--decor-yellow700",DecorYellow600:"--decor-yellow600",DecorYellow500:"--decor-yellow500",DecorYellow400:"--decor-yellow400",DecorYellow300:"--decor-yellow300",DecorYellow200:"--decor-yellow200",DecorYellow100:"--decor-yellow100",DecorYellow50:"--decor-yellow50",DecorGray950:"--decor-gray950",DecorGray900:"--decor-gray900",DecorGray800:"--decor-gray800",DecorGray700:"--decor-gray700",DecorGray600:"--decor-gray600",DecorGray500:"--decor-gray500",DecorGray400:"--decor-gray400",DecorGray300:"--decor-gray300",DecorGray200:"--decor-gray200",DecorGray150:"--decor-gray150",DecorGray100:"--decor-gray100",DecorGray75:"--decor-gray75",DecorGray50:"--decor-gray50",DecorGray40:"--decor-gray40",DecorGray20:"--decor-gray20",DecorGreen900:"--decor-green900",DecorGreen800:"--decor-green800",DecorGreen700:"--decor-green700",DecorGreen600:"--decor-green600",DecorGreen500:"--decor-green500",DecorGreen400:"--decor-green400",DecorGreen300:"--decor-green300",DecorGreen200:"--decor-green200",DecorGreen100:"--decor-green100",DecorGreen50:"--decor-green50",DecorRed900:"--decor-red900",DecorRed800:"--decor-red800",DecorRed700:"--decor-red700",DecorRed600:"--decor-red600",DecorRed500:"--decor-red500",DecorRed400:"--decor-red400",DecorRed300:"--decor-red300",DecorRed200:"--decor-red200",DecorRed100:"--decor-red100",DecorRed50:"--decor-red50",DecorPurple900:"--decor-purple900",DecorPurple800:"--decor-purple800",DecorPurple700:"--decor-purple700",DecorPurple600:"--decor-purple600",DecorPurple500:"--decor-purple500",DecorPurple400:"--decor-purple400",DecorPurple300:"--decor-purple300",DecorPurple200:"--decor-purple200",DecorPurple100:"--decor-purple100",DecorPurple50:"--decor-purple50",ProductsLivechat:"--products-livechat",ProductsHelpdesk:"--products-helpdesk",ProductsChatbot:"--products-chatbot",ProductsKnowledgebase:"--products-knowledgebase",IllustrationsPrimary:"--illustrations-primary",IllustrationsSecondary:"--illustrations-secondary",IllustrationsStroke:"--illustrations-stroke",TagSurface01:"--tag-surface-01",TagContent01:"--tag-content-01",BtnBasicBackgroundEnabled:"--btn-basic-background-enabled",BtnBasicBackgroundHover:"--btn-basic-background-hover",BtnBasicBackgroundDisabled:"--btn-basic-background-disabled",BtnBasicBackgroundActive:"--btn-basic-background-active",BtnBasicBackgroundLoading:"--btn-basic-background-loading",BtnSecondaryBackgroundEnabled:"--btn-secondary-background-enabled",BtnSecondaryBackgroundHover:"--btn-secondary-background-hover",BtnSecondaryBackgroundDisabled:"--btn-secondary-background-disabled",BtnSecondaryBackgroundActive:"--btn-secondary-background-active",BtnSecondaryBackgroundLoading:"--btn-secondary-background-loading",BtnPlainIconBackgroundHover:"--btn-plain-icon-background-hover",BtnPlainIconBackgroundActive:"--btn-plain-icon-background-active",PickerListBackground:"--picker-list-background",PickerListGroupBackground:"--picker-list-group-background",PickerListOptionBackgroundHover:"--picker-list-option-background-hover",PickerListOptionBackgroundActiveHover:"--picker-list-option-background-active-hover",PickerListOptionBackgroundFocus:"--picker-list-option-background-focus",PickerListOptionBackgroundActive:"--picker-list-option-background-active",PopoverBackground:"--popover-background",SurfaceAvatar1:"--surface-avatar-1",SurfaceAvatar2:"--surface-avatar-2",SurfaceAvatar3:"--surface-avatar-3",SurfaceAvatar4:"--surface-avatar-4",SurfaceAvatar5:"--surface-avatar-5",SurfaceAvatar6:"--surface-avatar-6",SurfaceAvatar7:"--surface-avatar-7",SurfaceAvatar8:"--surface-avatar-8",SurfaceAvatar9:"--surface-avatar-9",SurfaceAvatar10:"--surface-avatar-10",NavbarBackground:"--navbar-background",TooltipBorder:"--tooltip-border"},r={Spacing0:"--spacing-0",Spacing05:"--spacing-05",Spacing1:"--spacing-1",Spacing2:"--spacing-2",Spacing3:"--spacing-3",Spacing4:"--spacing-4",Spacing5:"--spacing-5",Spacing6:"--spacing-6",Spacing7:"--spacing-7",Spacing8:"--spacing-8",Spacing9:"--spacing-9",Spacing10:"--spacing-10",Spacing11:"--spacing-11",Spacing12:"--spacing-12",Spacing14:"--spacing-14",Spacing16:"--spacing-16",Spacing18:"--spacing-18",Spacing20:"--spacing-20",Spacing24:"--spacing-24"},a={Float:"--shadow-float",PopOver:"--shadow-pop-over",Modal:"--shadow-modal",Tooltip:"--shadow-tooltip",TooltipArrowBottom:"--shadow-tooltip-arrow-bottom",TooltipArrowTop:"--shadow-tooltip-arrow-top",TooltipArrowRight:"--shadow-tooltip-arrow-right",TooltipArrowLeft:"--shadow-tooltip-arrow-left",TooltipArrow:"--shadow-tooltip-arrow",Focus:"--shadow-focus",DividerBottom:"--shadow-divider-bottom",DividerTop:"--shadow-divider-top",DividerBottomLeft:"--shadow-divider-bottom-left",DividerTopLeft:"--shadow-divider-top-left",DividerTopRight:"--shadow-divider-top-right",DividerBottomRight:"--shadow-divider-bottom-right",MessageBox:"--shadow-message-box"},o={Radius0:"--radius-0",Radius1:"--radius-1",Radius2:"--radius-2",Radius3:"--radius-3",Radius4:"--radius-4",0:"--radius-0",1:"--radius-1",2:"--radius-2",3:"--radius-3",4:"--radius-4"},c={Fast1:"--transition-duration-fast-1",Fast2:"--transition-duration-fast-2",Moderate1:"--transition-duration-moderate-1"},t={EaseIn:"--transition-timing-ease-in",EaseOut:"--transition-timing-ease-out"},i={Instant:"--delay-instant",Moderate:"--delay-moderate",Slow:"--delay-slow"};exports.DesignToken=e;exports.RadiusToken=o;exports.ShadowToken=a;exports.SpacingToken=r;exports.TransitionDelayToken=i;exports.TransitionDurationToken=c;exports.TransitionTimingToken=t;