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

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 (149) hide show
  1. package/dist/index.cjs.js +1 -1
  2. package/dist/index.es.js +5231 -120
  3. package/dist/preview-stats.json +1158 -1158
  4. package/dist/style.css +1 -1
  5. package/package.json +2 -2
  6. package/dist/assets/style-ProgressBar.css +0 -1
  7. package/dist/assets/style-Tooltip.css +0 -1
  8. package/dist/assets/style-Typography.css +0 -1
  9. package/dist/assets/style-index.css +0 -1
  10. package/dist/assets/style-index10.css +0 -1
  11. package/dist/assets/style-index11.css +0 -1
  12. package/dist/assets/style-index12.css +0 -1
  13. package/dist/assets/style-index13.css +0 -1
  14. package/dist/assets/style-index14.css +0 -1
  15. package/dist/assets/style-index15.css +0 -1
  16. package/dist/assets/style-index16.css +0 -1
  17. package/dist/assets/style-index17.css +0 -1
  18. package/dist/assets/style-index18.css +0 -1
  19. package/dist/assets/style-index19.css +0 -1
  20. package/dist/assets/style-index2.css +0 -1
  21. package/dist/assets/style-index20.css +0 -1
  22. package/dist/assets/style-index21.css +0 -1
  23. package/dist/assets/style-index22.css +0 -1
  24. package/dist/assets/style-index23.css +0 -1
  25. package/dist/assets/style-index24.css +0 -1
  26. package/dist/assets/style-index25.css +0 -1
  27. package/dist/assets/style-index26.css +0 -1
  28. package/dist/assets/style-index27.css +0 -1
  29. package/dist/assets/style-index28.css +0 -1
  30. package/dist/assets/style-index29.css +0 -1
  31. package/dist/assets/style-index3.css +0 -1
  32. package/dist/assets/style-index30.css +0 -1
  33. package/dist/assets/style-index31.css +0 -1
  34. package/dist/assets/style-index32.css +0 -1
  35. package/dist/assets/style-index33.css +0 -1
  36. package/dist/assets/style-index34.css +0 -1
  37. package/dist/assets/style-index35.css +0 -1
  38. package/dist/assets/style-index36.css +0 -1
  39. package/dist/assets/style-index37.css +0 -1
  40. package/dist/assets/style-index38.css +0 -1
  41. package/dist/assets/style-index39.css +0 -1
  42. package/dist/assets/style-index4.css +0 -1
  43. package/dist/assets/style-index5.css +0 -1
  44. package/dist/assets/style-index6.css +0 -1
  45. package/dist/assets/style-index7.css +0 -1
  46. package/dist/assets/style-index8.css +0 -1
  47. package/dist/assets/style-index9.css +0 -1
  48. package/dist/chunks/Heading-1a31001f.js +0 -64
  49. package/dist/chunks/Heading-597d11a4.js +0 -1
  50. package/dist/chunks/ProgressBar-0e01c602.js +0 -88
  51. package/dist/chunks/ProgressBar-dd89d43a.js +0 -1
  52. package/dist/chunks/Text-78b02609.js +0 -66
  53. package/dist/chunks/Text-dd6930a2.js +0 -1
  54. package/dist/chunks/Tooltip-21230071.js +0 -1
  55. package/dist/chunks/Tooltip-f4d8b8fd.js +0 -182
  56. package/dist/chunks/Typography.module-58a031dc.js +0 -24
  57. package/dist/chunks/Typography.module-8b7171c2.js +0 -1
  58. package/dist/chunks/keyCodes-30323e90.js +0 -15
  59. package/dist/chunks/keyCodes-c4c35e49.js +0 -1
  60. package/dist/components/ActionBar/index.cjs.js +0 -1
  61. package/dist/components/ActionBar/index.es.js +0 -188
  62. package/dist/components/ActionMenu/index.cjs.js +0 -1
  63. package/dist/components/ActionMenu/index.es.js +0 -199
  64. package/dist/components/Alert/index.cjs.js +0 -1
  65. package/dist/components/Alert/index.es.js +0 -128
  66. package/dist/components/Avatar/index.cjs.js +0 -1
  67. package/dist/components/Avatar/index.es.js +0 -190
  68. package/dist/components/Badge/index.cjs.js +0 -1
  69. package/dist/components/Badge/index.es.js +0 -66
  70. package/dist/components/Button/index.cjs.js +0 -1
  71. package/dist/components/Button/index.es.js +0 -142
  72. package/dist/components/Card/index.cjs.js +0 -1
  73. package/dist/components/Card/index.es.js +0 -95
  74. package/dist/components/Checkbox/index.cjs.js +0 -1
  75. package/dist/components/Checkbox/index.es.js +0 -64
  76. package/dist/components/DatePicker/index.cjs.js +0 -1
  77. package/dist/components/DatePicker/index.es.js +0 -517
  78. package/dist/components/DetailsCard/index.cjs.js +0 -1
  79. package/dist/components/DetailsCard/index.es.js +0 -138
  80. package/dist/components/DetailsCardInfo/index.cjs.js +0 -1
  81. package/dist/components/DetailsCardInfo/index.es.js +0 -13
  82. package/dist/components/FieldDescription/index.cjs.js +0 -1
  83. package/dist/components/FieldDescription/index.es.js +0 -41
  84. package/dist/components/FieldError/index.cjs.js +0 -1
  85. package/dist/components/FieldError/index.es.js +0 -51
  86. package/dist/components/FieldGroup/index.cjs.js +0 -1
  87. package/dist/components/FieldGroup/index.es.js +0 -55
  88. package/dist/components/FileUploadProgress/index.cjs.js +0 -1
  89. package/dist/components/FileUploadProgress/index.es.js +0 -109
  90. package/dist/components/Form/index.cjs.js +0 -1
  91. package/dist/components/Form/index.es.js +0 -50
  92. package/dist/components/FormField/index.cjs.js +0 -1
  93. package/dist/components/FormField/index.es.js +0 -114
  94. package/dist/components/FormGroup/index.cjs.js +0 -1
  95. package/dist/components/FormGroup/index.es.js +0 -58
  96. package/dist/components/Icon/index.cjs.js +0 -1
  97. package/dist/components/Icon/index.es.js +0 -104
  98. package/dist/components/Input/index.cjs.js +0 -1
  99. package/dist/components/Input/index.es.js +0 -122
  100. package/dist/components/Link/index.cjs.js +0 -1
  101. package/dist/components/Link/index.es.js +0 -48
  102. package/dist/components/Loader/index.cjs.js +0 -1
  103. package/dist/components/Loader/index.es.js +0 -39
  104. package/dist/components/Modal/index.cjs.js +0 -1
  105. package/dist/components/Modal/index.es.js +0 -248
  106. package/dist/components/NumericInput/index.cjs.js +0 -1
  107. package/dist/components/NumericInput/index.es.js +0 -140
  108. package/dist/components/Picker/index.cjs.js +0 -1
  109. package/dist/components/Picker/index.es.js +0 -738
  110. package/dist/components/Popover/index.cjs.js +0 -1
  111. package/dist/components/Popover/index.es.js +0 -75
  112. package/dist/components/Progress/index.cjs.js +0 -1
  113. package/dist/components/Progress/index.es.js +0 -104
  114. package/dist/components/PromoBanner/index.cjs.js +0 -1
  115. package/dist/components/PromoBanner/index.es.js +0 -73
  116. package/dist/components/PromoBannerV2/index.cjs.js +0 -1
  117. package/dist/components/PromoBannerV2/index.es.js +0 -77
  118. package/dist/components/RadioButton/index.cjs.js +0 -1
  119. package/dist/components/RadioButton/index.es.js +0 -58
  120. package/dist/components/Search/index.cjs.js +0 -1
  121. package/dist/components/Search/index.es.js +0 -117
  122. package/dist/components/SegmentedControl/index.cjs.js +0 -1
  123. package/dist/components/SegmentedControl/index.es.js +0 -53
  124. package/dist/components/Switch/index.cjs.js +0 -1
  125. package/dist/components/Switch/index.es.js +0 -144
  126. package/dist/components/Tab/index.cjs.js +0 -1
  127. package/dist/components/Tab/index.es.js +0 -93
  128. package/dist/components/Tag/index.cjs.js +0 -1
  129. package/dist/components/Tag/index.es.js +0 -143
  130. package/dist/components/TagInput/index.cjs.js +0 -1
  131. package/dist/components/TagInput/index.es.js +0 -241
  132. package/dist/components/Textarea/index.cjs.js +0 -1
  133. package/dist/components/Textarea/index.es.js +0 -55
  134. package/dist/components/Toast/index.cjs.js +0 -1
  135. package/dist/components/Toast/index.es.js +0 -162
  136. package/dist/components/Tooltip/components/UserGuide/index.cjs.js +0 -1
  137. package/dist/components/Tooltip/components/UserGuide/index.es.js +0 -193
  138. package/dist/components/Tooltip/components/index.cjs.js +0 -1
  139. package/dist/components/Tooltip/components/index.es.js +0 -114
  140. package/dist/components/Tooltip/index.cjs.js +0 -1
  141. package/dist/components/Tooltip/index.es.js +0 -11
  142. package/dist/components/Typography/index.cjs.js +0 -1
  143. package/dist/components/Typography/index.es.js +0 -48
  144. package/dist/components/UploadBar/index.cjs.js +0 -1
  145. package/dist/components/UploadBar/index.es.js +0 -111
  146. package/dist/foundations/index.cjs.js +0 -1
  147. package/dist/foundations/index.es.js +0 -353
  148. package/dist/utils/index.cjs.js +0 -1
  149. package/dist/utils/index.es.js +0 -4
@@ -1,128 +0,0 @@
1
- var x = Object.defineProperty, z = Object.defineProperties;
2
- var b = Object.getOwnPropertyDescriptors;
3
- var o = Object.getOwnPropertySymbols;
4
- var g = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
5
- var A = (e, t, _) => t in e ? x(e, t, { enumerable: !0, configurable: !0, writable: !0, value: _ }) : e[t] = _, m = (e, t) => {
6
- for (var _ in t || (t = {}))
7
- g.call(t, _) && A(e, _, t[_]);
8
- if (o)
9
- for (var _ of o(t))
10
- E.call(t, _) && A(e, _, t[_]);
11
- return e;
12
- }, C = (e, t) => z(e, b(t));
13
- var $ = (e, t) => {
14
- var _ = {};
15
- for (var r in e)
16
- g.call(e, r) && t.indexOf(r) < 0 && (_[r] = e[r]);
17
- if (e != null && o)
18
- for (var r of o(e))
19
- t.indexOf(r) < 0 && E.call(e, r) && (_[r] = e[r]);
20
- return _;
21
- };
22
- import "../../assets/style-index37.css";
23
- import * as l from "react";
24
- import { Close as I, Info as R, Warning as T, CheckCircle as W, Block as D } from "@livechat/design-system-icons";
25
- import H from "clsx";
26
- import L from "lodash.debounce";
27
- import { Button as u } from "../Button/index.es.js";
28
- import { Icon as h } from "../Icon/index.es.js";
29
- import { T as M } from "../../chunks/Text-78b02609.js";
30
- const P = "lc-Alert-module__alert___HBTns", S = "lc-Alert-module__alert__icon___8TaAH", Z = "lc-Alert-module__alert__content___9nZdf", G = "lc-Alert-module__alert__content__wrapper___aLBkP", F = "lc-Alert-module__alert__content__wrapper__text___HDMbR", K = "lc-Alert-module__alert__content__wrapper__cta___9L-oE", V = "lc-Alert-module__alert__content__wrapper__cta__link___D9Igz", n = {
31
- alert: P,
32
- alert__icon: S,
33
- alert__content: Z,
34
- alert__content__wrapper: G,
35
- alert__content__wrapper__text: F,
36
- alert__content__wrapper__cta: K,
37
- alert__content__wrapper__cta__link: V,
38
- "alert__close-icon": "lc-Alert-module__alert__close-icon___rYxVy",
39
- "alert--small": "lc-Alert-module__alert--small___Fyk-v",
40
- "alert--medium": "lc-Alert-module__alert--medium___ItZWT",
41
- "alert--large": "lc-Alert-module__alert--large___IH9yM",
42
- "alert--info": "lc-Alert-module__alert--info___GmIGN",
43
- "alert--warning": "lc-Alert-module__alert--warning___MubhD",
44
- "alert--success": "lc-Alert-module__alert--success___fPtlZ",
45
- "alert--error": "lc-Alert-module__alert--error___DKPo0"
46
- }, Y = {
47
- info: {
48
- source: R,
49
- kind: "link"
50
- },
51
- warning: {
52
- source: T,
53
- kind: "warning"
54
- },
55
- success: {
56
- source: W,
57
- kind: "success"
58
- },
59
- error: {
60
- source: D,
61
- kind: "error"
62
- }
63
- }, a = "alert", ee = (j) => {
64
- var f = j, {
65
- children: e,
66
- className: t,
67
- primaryButton: _,
68
- secondaryButton: r,
69
- kind: d = "info",
70
- onClose: p
71
- } = f, N = $(f, [
72
- "children",
73
- "className",
74
- "primaryButton",
75
- "secondaryButton",
76
- "kind",
77
- "onClose"
78
- ]);
79
- const c = l.useRef(null), [s, i] = l.useState(null), v = H(
80
- n[a],
81
- n[`${a}--${d}`],
82
- s === "large" && n[`${a}--large`],
83
- s === "medium" && n[`${a}--medium`],
84
- s === "small" && n[`${a}--small`],
85
- t
86
- );
87
- return l.useEffect(() => {
88
- const w = () => c.current && c.current.offsetWidth <= 400 ? i("small") : c.current && c.current.offsetWidth > 400 && c.current.offsetWidth <= 800 ? i("medium") : i("large"), k = L(() => {
89
- w();
90
- }, 500);
91
- return window.addEventListener("resize", k), w(), () => window.removeEventListener("resize", k);
92
- }), /* @__PURE__ */ l.createElement("div", m({ ref: c, className: v }, N), /* @__PURE__ */ l.createElement("div", { className: n[`${a}__content`] }, /* @__PURE__ */ l.createElement("div", { className: n[`${a}__content__wrapper`] }, /* @__PURE__ */ l.createElement(
93
- h,
94
- C(m({}, Y[d]), {
95
- size: "large",
96
- className: n[`${a}__icon`]
97
- })
98
- ), /* @__PURE__ */ l.createElement(
99
- M,
100
- {
101
- as: "div",
102
- className: n[`${a}__content__wrapper__text`]
103
- },
104
- e
105
- )), (_ || r) && /* @__PURE__ */ l.createElement("div", { className: n[`${a}__content__wrapper__cta`] }, _ && /* @__PURE__ */ l.createElement(u, { kind: "high-contrast", onClick: _.handleClick }, _.label), r && /* @__PURE__ */ l.createElement(
106
- u,
107
- {
108
- className: n[`${a}__content__wrapper__cta__link`],
109
- kind: "text",
110
- onClick: r.handleClick
111
- },
112
- r.label
113
- ))), p && /* @__PURE__ */ l.createElement(
114
- u,
115
- {
116
- "aria-label": "Close alert",
117
- type: "button",
118
- className: n[`${a}__close-icon`],
119
- size: "compact",
120
- kind: "plain",
121
- icon: /* @__PURE__ */ l.createElement(h, { source: I }),
122
- onClick: p
123
- }
124
- ));
125
- };
126
- export {
127
- ee as Alert
128
- };
@@ -1 +0,0 @@
1
- var Q=Object.defineProperty;var c=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable;var E=(a,_,t)=>_ in a?Q(a,_,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[_]=t,A=(a,_)=>{for(var t in _||(_={}))S.call(_,t)&&E(a,t,_[t]);if(c)for(var t of c(_))h.call(_,t)&&E(a,t,_[t]);return a};var F=(a,_)=>{var t={};for(var r in a)S.call(a,r)&&_.indexOf(r)<0&&(t[r]=a[r]);if(a!=null&&c)for(var r of c(a))_.indexOf(r)<0&&h.call(a,r)&&(t[r]=a[r]);return t};var la=require("../../assets/style-index36.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),T=require("@livechat/design-system-icons"),u=require("clsx"),V=require("../Icon/index.cjs.js"),G=require("../../chunks/Heading-597d11a4.js"),K=require("polished");function W(a){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(_,t,r.get?r:{enumerable:!0,get:()=>a[t]})}}return _.default=a,Object.freeze(_)}const m=W(R),I=Array.from({length:10},(a,_)=>`--surface-avatar-${_+1}`);function k(a){if(!a)return;const _=a.split("").reduce((t,r)=>t+r.charCodeAt(0),0);return`var(${I[_%I.length]})`}function X(a="",_=2){const t=a.trim().split(/\s+/),r=t.map(o=>[...o][0]);if(_<1)return"";if(t.length<=_)return r.join("").toUpperCase();const s=[r[0]];for(let o=t.length-_+1;o<t.length;o++)s.push(r[o]);return s.join("").toUpperCase()}function J(a){let _=a;if(a.startsWith("var(--")&&a.endsWith(")")){const t=a.slice(4,-1);_=window.getComputedStyle(document.documentElement).getPropertyValue(t).trim()}return _&&K.getContrast(_,"#FFFFFF")>3?"var(--color-white)":"var(--color-black)"}const Y="lc-Avatar-module__avatar___1zTCE",Z="lc-Avatar-module__avatar__status___nX2Ls",z="lc-Avatar-module__avatar__rim___RCQ8Q",aa="lc-Avatar-module__avatar__image___YqfqE",e={avatar:Y,avatar__status:Z,"avatar__status--available":"lc-Avatar-module__avatar__status--available___tcpFg","avatar__status--unavailable":"lc-Avatar-module__avatar__status--unavailable___ciauF","avatar__status--unknown":"lc-Avatar-module__avatar__status--unknown___MBaGB","avatar__status--xxxsmall":"lc-Avatar-module__avatar__status--xxxsmall___8pkEO","avatar__status--circle":"lc-Avatar-module__avatar__status--circle___doV5H","avatar__status--xxsmall":"lc-Avatar-module__avatar__status--xxsmall___M69lx","avatar__status--xsmall":"lc-Avatar-module__avatar__status--xsmall___RKQiI","avatar__status--small":"lc-Avatar-module__avatar__status--small___cVrA7","avatar__status--medium":"lc-Avatar-module__avatar__status--medium___n5z1H","avatar__status--large":"lc-Avatar-module__avatar__status--large___Lt-0p","avatar__status--xlarge":"lc-Avatar-module__avatar__status--xlarge___RWIcJ","avatar__status--xxlarge":"lc-Avatar-module__avatar__status--xxlarge___crG9D","avatar__status--xxxlarge":"lc-Avatar-module__avatar__status--xxxlarge___Iv61X","avatar__status--rounded-square":"lc-Avatar-module__avatar__status--rounded-square___-My1P",avatar__rim:z,"avatar__rim--xxxsmall":"lc-Avatar-module__avatar__rim--xxxsmall___0CH9D","avatar__rim--xxsmall":"lc-Avatar-module__avatar__rim--xxsmall___Mde0K","avatar__rim--xsmall":"lc-Avatar-module__avatar__rim--xsmall___LAN-b","avatar__rim--small":"lc-Avatar-module__avatar__rim--small___FT8LX","avatar__rim--medium":"lc-Avatar-module__avatar__rim--medium___Dy0pr","avatar__rim--large":"lc-Avatar-module__avatar__rim--large___FPvGp","avatar__rim--xlarge":"lc-Avatar-module__avatar__rim--xlarge___CY0kN","avatar__rim--xxlarge":"lc-Avatar-module__avatar__rim--xxlarge___tE053","avatar__rim--xxxlarge":"lc-Avatar-module__avatar__rim--xxxlarge___amlGP",avatar__image:aa,"avatar__icon--xxxsmall":"lc-Avatar-module__avatar__icon--xxxsmall___KaoMa","avatar__icon--xxsmall":"lc-Avatar-module__avatar__icon--xxsmall___NJJNV","avatar__icon--xsmall":"lc-Avatar-module__avatar__icon--xsmall___yHEZK","avatar__icon--small":"lc-Avatar-module__avatar__icon--small___l6lBu","avatar__icon--medium":"lc-Avatar-module__avatar__icon--medium___LF4w2","avatar__icon--large":"lc-Avatar-module__avatar__icon--large___QntBf","avatar__icon--xlarge":"lc-Avatar-module__avatar__icon--xlarge___bcHbI","avatar__icon--xxlarge":"lc-Avatar-module__avatar__icon--xxlarge___sx8Fq","avatar__icon--xxxlarge":"lc-Avatar-module__avatar__icon--xxxlarge___4144S","avatar--circle":"lc-Avatar-module__avatar--circle___XwEz-","avatar--rounded-square":"lc-Avatar-module__avatar--rounded-square___m7-4I","avatar--xxxsmall":"lc-Avatar-module__avatar--xxxsmall___EHzpP","avatar--xxsmall":"lc-Avatar-module__avatar--xxsmall___EDOVp","avatar--xsmall":"lc-Avatar-module__avatar--xsmall___nI348","avatar--small":"lc-Avatar-module__avatar--small___UuQen","avatar--medium":"lc-Avatar-module__avatar--medium___Bt9Eo","avatar--large":"lc-Avatar-module__avatar--large___OU-08","avatar--xlarge":"lc-Avatar-module__avatar--xlarge___zwgeW","avatar--xxlarge":"lc-Avatar-module__avatar--xxlarge___Ur0ul","avatar--xxxlarge":"lc-Avatar-module__avatar--xxxlarge___Z-54U"},l="avatar",_a=ta=>{var b=ta,{alt:a,className:_,color:t,shape:r="circle",size:s="medium",src:o,status:v,text:p,type:n,withRim:f=!1}=b,q=F(b,["alt","className","color","shape","size","src","status","text","type","withRim"]);const i=n==="image"&&!o,[$,y]=m.useState(i),N=n==="image"&&!!o&&!$,C=n==="text",D=["xxxsmall","xxsmall","xsmall"].includes(s)?1:2,w=X(p,D),x=["xxxsmall","xxsmall","xsmall","small"].includes(s),d=t||k(p),O=d?J(d):void 0,P=C?{backgroundColor:d}:{},H=u(A({[e[l]]:!0,[e[`${l}--${r}`]]:!0,[e[`${l}--${s}`]]:!0,[e[`${l}--with-rim`]]:f},_?{[`${_}`]:_}:{})),j=u(e[`${l}__status`],e[`${l}__status--${r}`],e[`${l}__status--${s}`],...v?[e[`${l}__status--${v}`]]:[]),M=u(e[`${l}__icon`],e[`${l}__icon--${s}`]),B=u(e[`${l}__rim`],e[`${l}__rim--${s}`]),U=g=>x?"2xs":["medium"].includes(g)?"xs":["large","xlarge"].includes(g)?"sm":["xxlarge"].includes(g)?"lg":"xl",L=m.useCallback(()=>y(!0),[]);return m.useEffect(()=>{y(i)},[i]),m.createElement("div",A({className:H,style:P},q),f&&m.createElement("div",{"data-testid":`${l}__rim`,className:B}),v&&m.createElement("div",{"data-testid":`${l}__status`,className:j}),N&&m.createElement("img",{className:e[`${l}__image`],src:o,alt:a,onError:L}),C&&m.createElement(G.Heading,{as:"span",size:U(s),style:{color:O},bold:x,uppercase:x},w),$&&m.createElement(V.Icon,{"data-testid":`${l}__icon`,className:M,source:T.Person}))};exports.Avatar=_a;exports.generateAvatarColor=k;
@@ -1,190 +0,0 @@
1
- var V = Object.defineProperty;
2
- var v = Object.getOwnPropertySymbols;
3
- var F = Object.prototype.hasOwnProperty, h = Object.prototype.propertyIsEnumerable;
4
- var y = (_, a, t) => a in _ ? V(_, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : _[a] = t, A = (_, a) => {
5
- for (var t in a || (a = {}))
6
- F.call(a, t) && y(_, t, a[t]);
7
- if (v)
8
- for (var t of v(a))
9
- h.call(a, t) && y(_, t, a[t]);
10
- return _;
11
- };
12
- var I = (_, a) => {
13
- var t = {};
14
- for (var r in _)
15
- F.call(_, r) && a.indexOf(r) < 0 && (t[r] = _[r]);
16
- if (_ != null && v)
17
- for (var r of v(_))
18
- a.indexOf(r) < 0 && h.call(_, r) && (t[r] = _[r]);
19
- return t;
20
- };
21
- import "../../assets/style-index36.css";
22
- import * as o from "react";
23
- import { Person as G } from "@livechat/design-system-icons";
24
- import u from "clsx";
25
- import { Icon as K } from "../Icon/index.es.js";
26
- import { H as R } from "../../chunks/Heading-1a31001f.js";
27
- import { getContrast as W } from "polished";
28
- const k = Array.from(
29
- { length: 10 },
30
- (_, a) => `--surface-avatar-${a + 1}`
31
- );
32
- function X(_) {
33
- if (!_)
34
- return;
35
- const a = _.split("").reduce((t, r) => t + r.charCodeAt(0), 0);
36
- return `var(${k[a % k.length]})`;
37
- }
38
- function J(_ = "", a = 2) {
39
- const t = _.trim().split(/\s+/), r = t.map((m) => [...m][0]);
40
- if (a < 1)
41
- return "";
42
- if (t.length <= a)
43
- return r.join("").toUpperCase();
44
- const s = [r[0]];
45
- for (let m = t.length - a + 1; m < t.length; m++)
46
- s.push(r[m]);
47
- return s.join("").toUpperCase();
48
- }
49
- function O(_) {
50
- let a = _;
51
- if (_.startsWith("var(--") && _.endsWith(")")) {
52
- const t = _.slice(4, -1);
53
- a = window.getComputedStyle(document.documentElement).getPropertyValue(t).trim();
54
- }
55
- return a && W(a, "#FFFFFF") > 3 ? "var(--color-white)" : "var(--color-black)";
56
- }
57
- const T = "lc-Avatar-module__avatar___1zTCE", j = "lc-Avatar-module__avatar__status___nX2Ls", Y = "lc-Avatar-module__avatar__rim___RCQ8Q", Z = "lc-Avatar-module__avatar__image___YqfqE", e = {
58
- avatar: T,
59
- avatar__status: j,
60
- "avatar__status--available": "lc-Avatar-module__avatar__status--available___tcpFg",
61
- "avatar__status--unavailable": "lc-Avatar-module__avatar__status--unavailable___ciauF",
62
- "avatar__status--unknown": "lc-Avatar-module__avatar__status--unknown___MBaGB",
63
- "avatar__status--xxxsmall": "lc-Avatar-module__avatar__status--xxxsmall___8pkEO",
64
- "avatar__status--circle": "lc-Avatar-module__avatar__status--circle___doV5H",
65
- "avatar__status--xxsmall": "lc-Avatar-module__avatar__status--xxsmall___M69lx",
66
- "avatar__status--xsmall": "lc-Avatar-module__avatar__status--xsmall___RKQiI",
67
- "avatar__status--small": "lc-Avatar-module__avatar__status--small___cVrA7",
68
- "avatar__status--medium": "lc-Avatar-module__avatar__status--medium___n5z1H",
69
- "avatar__status--large": "lc-Avatar-module__avatar__status--large___Lt-0p",
70
- "avatar__status--xlarge": "lc-Avatar-module__avatar__status--xlarge___RWIcJ",
71
- "avatar__status--xxlarge": "lc-Avatar-module__avatar__status--xxlarge___crG9D",
72
- "avatar__status--xxxlarge": "lc-Avatar-module__avatar__status--xxxlarge___Iv61X",
73
- "avatar__status--rounded-square": "lc-Avatar-module__avatar__status--rounded-square___-My1P",
74
- avatar__rim: Y,
75
- "avatar__rim--xxxsmall": "lc-Avatar-module__avatar__rim--xxxsmall___0CH9D",
76
- "avatar__rim--xxsmall": "lc-Avatar-module__avatar__rim--xxsmall___Mde0K",
77
- "avatar__rim--xsmall": "lc-Avatar-module__avatar__rim--xsmall___LAN-b",
78
- "avatar__rim--small": "lc-Avatar-module__avatar__rim--small___FT8LX",
79
- "avatar__rim--medium": "lc-Avatar-module__avatar__rim--medium___Dy0pr",
80
- "avatar__rim--large": "lc-Avatar-module__avatar__rim--large___FPvGp",
81
- "avatar__rim--xlarge": "lc-Avatar-module__avatar__rim--xlarge___CY0kN",
82
- "avatar__rim--xxlarge": "lc-Avatar-module__avatar__rim--xxlarge___tE053",
83
- "avatar__rim--xxxlarge": "lc-Avatar-module__avatar__rim--xxxlarge___amlGP",
84
- avatar__image: Z,
85
- "avatar__icon--xxxsmall": "lc-Avatar-module__avatar__icon--xxxsmall___KaoMa",
86
- "avatar__icon--xxsmall": "lc-Avatar-module__avatar__icon--xxsmall___NJJNV",
87
- "avatar__icon--xsmall": "lc-Avatar-module__avatar__icon--xsmall___yHEZK",
88
- "avatar__icon--small": "lc-Avatar-module__avatar__icon--small___l6lBu",
89
- "avatar__icon--medium": "lc-Avatar-module__avatar__icon--medium___LF4w2",
90
- "avatar__icon--large": "lc-Avatar-module__avatar__icon--large___QntBf",
91
- "avatar__icon--xlarge": "lc-Avatar-module__avatar__icon--xlarge___bcHbI",
92
- "avatar__icon--xxlarge": "lc-Avatar-module__avatar__icon--xxlarge___sx8Fq",
93
- "avatar__icon--xxxlarge": "lc-Avatar-module__avatar__icon--xxxlarge___4144S",
94
- "avatar--circle": "lc-Avatar-module__avatar--circle___XwEz-",
95
- "avatar--rounded-square": "lc-Avatar-module__avatar--rounded-square___m7-4I",
96
- "avatar--xxxsmall": "lc-Avatar-module__avatar--xxxsmall___EHzpP",
97
- "avatar--xxsmall": "lc-Avatar-module__avatar--xxsmall___EDOVp",
98
- "avatar--xsmall": "lc-Avatar-module__avatar--xsmall___nI348",
99
- "avatar--small": "lc-Avatar-module__avatar--small___UuQen",
100
- "avatar--medium": "lc-Avatar-module__avatar--medium___Bt9Eo",
101
- "avatar--large": "lc-Avatar-module__avatar--large___OU-08",
102
- "avatar--xlarge": "lc-Avatar-module__avatar--xlarge___zwgeW",
103
- "avatar--xxlarge": "lc-Avatar-module__avatar--xxlarge___Ur0ul",
104
- "avatar--xxxlarge": "lc-Avatar-module__avatar--xxxlarge___Z-54U"
105
- }, l = "avatar", ma = (z) => {
106
- var $ = z, {
107
- alt: _,
108
- className: a,
109
- color: t,
110
- shape: r = "circle",
111
- size: s = "medium",
112
- src: m,
113
- status: c,
114
- text: p,
115
- type: i,
116
- withRim: f = !1
117
- } = $, N = I($, [
118
- "alt",
119
- "className",
120
- "color",
121
- "shape",
122
- "size",
123
- "src",
124
- "status",
125
- "text",
126
- "type",
127
- "withRim"
128
- ]);
129
- const n = i === "image" && !m, [C, E] = o.useState(n), S = i === "image" && !!m && !C, b = i === "text", w = ["xxxsmall", "xxsmall", "xsmall"].includes(s) ? 1 : 2, D = J(p, w), x = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(s), d = t || X(p), H = d ? O(d) : void 0, q = b ? { backgroundColor: d } : {}, B = u(A({
130
- [e[l]]: !0,
131
- [e[`${l}--${r}`]]: !0,
132
- [e[`${l}--${s}`]]: !0,
133
- [e[`${l}--with-rim`]]: f
134
- }, a ? { [`${a}`]: a } : {})), P = u(
135
- e[`${l}__status`],
136
- e[`${l}__status--${r}`],
137
- e[`${l}__status--${s}`],
138
- ...c ? [e[`${l}__status--${c}`]] : []
139
- ), U = u(
140
- e[`${l}__icon`],
141
- e[`${l}__icon--${s}`]
142
- ), L = u(
143
- e[`${l}__rim`],
144
- e[`${l}__rim--${s}`]
145
- ), M = (g) => x ? "2xs" : ["medium"].includes(g) ? "xs" : ["large", "xlarge"].includes(g) ? "sm" : ["xxlarge"].includes(g) ? "lg" : "xl", Q = o.useCallback(() => E(!0), []);
146
- return o.useEffect(() => {
147
- E(n);
148
- }, [n]), /* @__PURE__ */ o.createElement("div", A({ className: B, style: q }, N), f && /* @__PURE__ */ o.createElement(
149
- "div",
150
- {
151
- "data-testid": `${l}__rim`,
152
- className: L
153
- }
154
- ), c && /* @__PURE__ */ o.createElement(
155
- "div",
156
- {
157
- "data-testid": `${l}__status`,
158
- className: P
159
- }
160
- ), S && /* @__PURE__ */ o.createElement(
161
- "img",
162
- {
163
- className: e[`${l}__image`],
164
- src: m,
165
- alt: _,
166
- onError: Q
167
- }
168
- ), b && /* @__PURE__ */ o.createElement(
169
- R,
170
- {
171
- as: "span",
172
- size: M(s),
173
- style: { color: H },
174
- bold: x,
175
- uppercase: x
176
- },
177
- D
178
- ), C && /* @__PURE__ */ o.createElement(
179
- K,
180
- {
181
- "data-testid": `${l}__icon`,
182
- className: U,
183
- source: G
184
- }
185
- ));
186
- };
187
- export {
188
- ma as Avatar,
189
- X as generateAvatarColor
190
- };
@@ -1 +0,0 @@
1
- var B=Object.defineProperty;var _=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var n=(e,a,t)=>a in e?B(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,s=(e,a)=>{for(var t in a||(a={}))g.call(a,t)&&n(e,t,a[t]);if(_)for(var t of _(a))l.call(a,t)&&n(e,t,a[t]);return e};var u=(e,a)=>{var t={};for(var d in e)g.call(e,d)&&a.indexOf(d)<0&&(t[d]=e[d]);if(e!=null&&_)for(var d of _(e))a.indexOf(d)<0&&l.call(e,d)&&(t[d]=e[d]);return t};var J=require("../../assets/style-index35.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),$=require("clsx");function j(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const d=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,d.get?d:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const m=j(O);function N(e,a){return e>a?`${a}+`:`${e}`}const R="lc-Badge-module__badge___GhLnu",S="lc-Badge-module__badge__dot___z6RO6",o={badge:R,badge__dot:S,"badge--large":"lc-Badge-module__badge--large___B131q","badge--medium":"lc-Badge-module__badge--medium___TDU8a","badge--compact":"lc-Badge-module__badge--compact___9xJ4y","badge--primary":"lc-Badge-module__badge--primary___8LRpp","badge--secondary":"lc-Badge-module__badge--secondary___JjNIJ","badge--tertiary":"lc-Badge-module__badge--tertiary___e83wV"},r="badge",q=C=>{var c=C,{className:e,count:a=0,max:t=99,kind:d="primary",size:b="medium",type:i="counter"}=c,p=u(c,["className","count","max","kind","size","type"]);const y=$(e,o[r],o[`${r}--${d}`],o[`${r}--${b}`]),f={counter:N(a,t),alert:"!",dot:m.createElement("span",{className:o[`${r}__dot`]})}[i];return m.createElement("span",s({className:y},p),f)};exports.Badge=q;
@@ -1,66 +0,0 @@
1
- var $ = Object.defineProperty;
2
- var t = Object.getOwnPropertySymbols;
3
- var m = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
4
- var c = (e, a, _) => a in e ? $(e, a, { enumerable: !0, configurable: !0, writable: !0, value: _ }) : e[a] = _, s = (e, a) => {
5
- for (var _ in a || (a = {}))
6
- m.call(a, _) && c(e, _, a[_]);
7
- if (t)
8
- for (var _ of t(a))
9
- l.call(a, _) && c(e, _, a[_]);
10
- return e;
11
- };
12
- var n = (e, a) => {
13
- var _ = {};
14
- for (var d in e)
15
- m.call(e, d) && a.indexOf(d) < 0 && (_[d] = e[d]);
16
- if (e != null && t)
17
- for (var d of t(e))
18
- a.indexOf(d) < 0 && l.call(e, d) && (_[d] = e[d]);
19
- return _;
20
- };
21
- import "../../assets/style-index35.css";
22
- import * as b from "react";
23
- import f from "clsx";
24
- function N(e, a) {
25
- return e > a ? `${a}+` : `${e}`;
26
- }
27
- const C = "lc-Badge-module__badge___GhLnu", J = "lc-Badge-module__badge__dot___z6RO6", o = {
28
- badge: C,
29
- badge__dot: J,
30
- "badge--large": "lc-Badge-module__badge--large___B131q",
31
- "badge--medium": "lc-Badge-module__badge--medium___TDU8a",
32
- "badge--compact": "lc-Badge-module__badge--compact___9xJ4y",
33
- "badge--primary": "lc-Badge-module__badge--primary___8LRpp",
34
- "badge--secondary": "lc-Badge-module__badge--secondary___JjNIJ",
35
- "badge--tertiary": "lc-Badge-module__badge--tertiary___e83wV"
36
- }, g = "badge", h = (R) => {
37
- var r = R, {
38
- className: e,
39
- count: a = 0,
40
- max: _ = 99,
41
- kind: d = "primary",
42
- size: u = "medium",
43
- type: p = "counter"
44
- } = r, i = n(r, [
45
- "className",
46
- "count",
47
- "max",
48
- "kind",
49
- "size",
50
- "type"
51
- ]);
52
- const B = f(
53
- e,
54
- o[g],
55
- o[`${g}--${d}`],
56
- o[`${g}--${u}`]
57
- ), y = {
58
- counter: N(a, _),
59
- alert: "!",
60
- dot: /* @__PURE__ */ b.createElement("span", { className: o[`${g}__dot`] })
61
- }[p];
62
- return /* @__PURE__ */ b.createElement("span", s({ className: B }, i), y);
63
- };
64
- export {
65
- h as Badge
66
- };
@@ -1 +0,0 @@
1
- var N=Object.defineProperty;var r=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var g=(t,_,n)=>_ in t?N(t,_,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[_]=n,a=(t,_)=>{for(var n in _||(_={}))y.call(_,n)&&g(t,n,_[n]);if(r)for(var n of r(_))v.call(_,n)&&g(t,n,_[n]);return t};var h=(t,_)=>{var n={};for(var e in t)y.call(t,e)&&_.indexOf(e)<0&&(n[e]=t[e]);if(t!=null&&r)for(var e of r(t))_.indexOf(e)<0&&v.call(t,e)&&(n[e]=t[e]);return n};var W=require("../../assets/style-index34.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),$=require("clsx"),D=require("../Loader/index.cjs.js");function L(t){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const e=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(_,n,e.get?e:{enumerable:!0,get:()=>t[n]})}}return _.default=t,Object.freeze(_)}const u=L(S),Z=t=>{if(t==="primary"||t==="destructive")return{primaryColor:"var(--action-primary-default)",secondaryColor:"var(--border-invert-primary)"};if(t==="link-inverted")return{primaryColor:"var(--content-invert-primary)",secondaryColor:"var(--surface-invert-secondary)"}},A="lc-Button-module__btn___aijZJ",J="lc-Button-module__btn__loader___c8zZz",M="lc-Button-module__btn__icon___GVExB",o={btn:A,"btn--disabled":"lc-Button-module__btn--disabled___lXBav","btn--full-width":"lc-Button-module__btn--full-width___kdbAr","btn--xcompact":"lc-Button-module__btn--xcompact___s-zG-","btn--with-left-icon":"lc-Button-module__btn--with-left-icon___MOLWC","btn--with-right-icon":"lc-Button-module__btn--with-right-icon___R0Xum","btn--compact":"lc-Button-module__btn--compact___4eptQ","btn--medium":"lc-Button-module__btn--medium___wfUJA","btn--large":"lc-Button-module__btn--large___lb-z6","btn--basic":"lc-Button-module__btn--basic___Jc2gD","btn--primary":"lc-Button-module__btn--primary___ajbjQ","btn--secondary":"lc-Button-module__btn--secondary___iWzE0","btn--destructive":"lc-Button-module__btn--destructive___-kLCl","btn--destructive-outline":"lc-Button-module__btn--destructive-outline___dexc3","btn--text":"lc-Button-module__btn--text___WA8OL","btn--link":"lc-Button-module__btn--link___51ZgF","btn--link-light":"lc-Button-module__btn--link-light___iitZ6","btn--link-inverted":"lc-Button-module__btn--link-inverted___5zdGg","btn--plain":"lc-Button-module__btn--plain___eOPui","btn--float":"lc-Button-module__btn--float___J4lTs","btn--dotted":"lc-Button-module__btn--dotted___y1EEP","btn--high-contrast":"lc-Button-module__btn--high-contrast___zHSVM","btn--loading":"lc-Button-module__btn--loading___ZAgjv",btn__loader:J,btn__icon:M,"btn__icon--left":"lc-Button-module__btn__icon--left___H68zu","btn__icon--right":"lc-Button-module__btn__icon--right___fHr3D","btn--icon-only":"lc-Button-module__btn--icon-only___bF5pW","btn--icon-only--bg":"lc-Button-module__btn--icon-only--bg___X-4V2"},l="btn",P=u.forwardRef((R,j)=>{var f=R,{loading:t=!1,disabled:_=!1,type:n="button",fullWidth:e=!1,kind:b="basic",size:w="medium",icon:c=null,iconPosition:s="left",loaderLabel:x,className:z,children:m,href:B,onClick:C}=f,O=h(f,["loading","disabled","type","fullWidth","kind","size","icon","iconPosition","loaderLabel","className","children","href","onClick"]);const i=t||_,d=!m&&c,p=["text","link","link-light"].includes(b),k=B?"a":"button",E=$(z,o[l],o[`${l}--${b}`],o[`${l}--${w}`],{[o[`${l}--loading`]]:t,[o[`${l}--full-width`]]:e,[o[`${l}--with-${s}-icon`]]:c&&!d&&!p,[o[`${l}--icon-only`]]:d,[o[`${l}--icon-only--bg`]]:d&&p,[o[`${l}--disabled`]]:i});return u.createElement(k,a(a({ref:j,className:E,"aria-disabled":i,type:n,disabled:i},!i&&{href:B,onClick:C}),O),t&&u.createElement(D.Loader,a({size:"small",label:x,className:o[`${l}__loader`]},Z(b))),c&&u.cloneElement(c,{className:$(c.props.className,o[`${l}__icon`],o[`${l}__icon--${s}`]),disabled:_}),u.createElement("div",{className:o[`${l}__content`]},m))});exports.Button=P;
@@ -1,142 +0,0 @@
1
- var j = Object.defineProperty;
2
- var b = Object.getOwnPropertySymbols;
3
- var g = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
4
- var y = (t, _, n) => _ in t ? j(t, _, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[_] = n, r = (t, _) => {
5
- for (var n in _ || (_ = {}))
6
- g.call(_, n) && y(t, n, _[n]);
7
- if (b)
8
- for (var n of b(_))
9
- v.call(_, n) && y(t, n, _[n]);
10
- return t;
11
- };
12
- var h = (t, _) => {
13
- var n = {};
14
- for (var e in t)
15
- g.call(t, e) && _.indexOf(e) < 0 && (n[e] = t[e]);
16
- if (t != null && b)
17
- for (var e of b(t))
18
- _.indexOf(e) < 0 && v.call(t, e) && (n[e] = t[e]);
19
- return n;
20
- };
21
- import "../../assets/style-index34.css";
22
- import * as i from "react";
23
- import $ from "clsx";
24
- import { Loader as A } from "../Loader/index.es.js";
25
- const J = (t) => {
26
- if (t === "primary" || t === "destructive")
27
- return {
28
- primaryColor: "var(--action-primary-default)",
29
- secondaryColor: "var(--border-invert-primary)"
30
- };
31
- if (t === "link-inverted")
32
- return {
33
- primaryColor: "var(--content-invert-primary)",
34
- secondaryColor: "var(--surface-invert-secondary)"
35
- };
36
- }, L = "lc-Button-module__btn___aijZJ", O = "lc-Button-module__btn__loader___c8zZz", W = "lc-Button-module__btn__icon___GVExB", o = {
37
- btn: L,
38
- "btn--disabled": "lc-Button-module__btn--disabled___lXBav",
39
- "btn--full-width": "lc-Button-module__btn--full-width___kdbAr",
40
- "btn--xcompact": "lc-Button-module__btn--xcompact___s-zG-",
41
- "btn--with-left-icon": "lc-Button-module__btn--with-left-icon___MOLWC",
42
- "btn--with-right-icon": "lc-Button-module__btn--with-right-icon___R0Xum",
43
- "btn--compact": "lc-Button-module__btn--compact___4eptQ",
44
- "btn--medium": "lc-Button-module__btn--medium___wfUJA",
45
- "btn--large": "lc-Button-module__btn--large___lb-z6",
46
- "btn--basic": "lc-Button-module__btn--basic___Jc2gD",
47
- "btn--primary": "lc-Button-module__btn--primary___ajbjQ",
48
- "btn--secondary": "lc-Button-module__btn--secondary___iWzE0",
49
- "btn--destructive": "lc-Button-module__btn--destructive___-kLCl",
50
- "btn--destructive-outline": "lc-Button-module__btn--destructive-outline___dexc3",
51
- "btn--text": "lc-Button-module__btn--text___WA8OL",
52
- "btn--link": "lc-Button-module__btn--link___51ZgF",
53
- "btn--link-light": "lc-Button-module__btn--link-light___iitZ6",
54
- "btn--link-inverted": "lc-Button-module__btn--link-inverted___5zdGg",
55
- "btn--plain": "lc-Button-module__btn--plain___eOPui",
56
- "btn--float": "lc-Button-module__btn--float___J4lTs",
57
- "btn--dotted": "lc-Button-module__btn--dotted___y1EEP",
58
- "btn--high-contrast": "lc-Button-module__btn--high-contrast___zHSVM",
59
- "btn--loading": "lc-Button-module__btn--loading___ZAgjv",
60
- btn__loader: O,
61
- btn__icon: W,
62
- "btn__icon--left": "lc-Button-module__btn__icon--left___H68zu",
63
- "btn__icon--right": "lc-Button-module__btn__icon--right___fHr3D",
64
- "btn--icon-only": "lc-Button-module__btn--icon-only___bF5pW",
65
- "btn--icon-only--bg": "lc-Button-module__btn--icon-only--bg___X-4V2"
66
- }, l = "btn", X = i.forwardRef(
67
- (D, k) => {
68
- var p = D, {
69
- loading: t = !1,
70
- disabled: _ = !1,
71
- type: n = "button",
72
- fullWidth: e = !1,
73
- kind: a = "basic",
74
- size: w = "medium",
75
- icon: c = null,
76
- iconPosition: m = "left",
77
- loaderLabel: x,
78
- className: C,
79
- children: s,
80
- href: B,
81
- onClick: z
82
- } = p, E = h(p, [
83
- "loading",
84
- "disabled",
85
- "type",
86
- "fullWidth",
87
- "kind",
88
- "size",
89
- "icon",
90
- "iconPosition",
91
- "loaderLabel",
92
- "className",
93
- "children",
94
- "href",
95
- "onClick"
96
- ]);
97
- const u = t || _, d = !s && c, f = ["text", "link", "link-light"].includes(a), N = B ? "a" : "button", Z = $(
98
- C,
99
- o[l],
100
- o[`${l}--${a}`],
101
- o[`${l}--${w}`],
102
- {
103
- [o[`${l}--loading`]]: t,
104
- [o[`${l}--full-width`]]: e,
105
- [o[`${l}--with-${m}-icon`]]: c && !d && !f,
106
- [o[`${l}--icon-only`]]: d,
107
- [o[`${l}--icon-only--bg`]]: d && f,
108
- [o[`${l}--disabled`]]: u
109
- }
110
- );
111
- return /* @__PURE__ */ i.createElement(
112
- N,
113
- r(r({
114
- ref: k,
115
- className: Z,
116
- "aria-disabled": u,
117
- type: n,
118
- disabled: u
119
- }, !u && { href: B, onClick: z }), E),
120
- t && /* @__PURE__ */ i.createElement(
121
- A,
122
- r({
123
- size: "small",
124
- label: x,
125
- className: o[`${l}__loader`]
126
- }, J(a))
127
- ),
128
- c && i.cloneElement(c, {
129
- className: $(
130
- c.props.className,
131
- o[`${l}__icon`],
132
- o[`${l}__icon--${m}`]
133
- ),
134
- disabled: _
135
- }),
136
- /* @__PURE__ */ i.createElement("div", { className: o[`${l}__content`] }, s)
137
- );
138
- }
139
- );
140
- export {
141
- X as Button
142
- };
@@ -1 +0,0 @@
1
- var H=Object.defineProperty;var o=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable;var v=(e,_,a)=>_ in e?H(e,_,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[_]=a,f=(e,_)=>{for(var a in _||(_={}))b.call(_,a)&&v(e,a,_[a]);if(o)for(var a of o(_))N.call(_,a)&&v(e,a,_[a]);return e};var $=(e,_)=>{var a={};for(var t in e)b.call(e,t)&&_.indexOf(t)<0&&(a[t]=e[t]);if(e!=null&&o)for(var t of o(e))_.indexOf(t)<0&&N.call(e,t)&&(a[t]=e[t]);return a};var te=require("../../assets/style-index33.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),S=require("@livechat/design-system-icons"),q=require("clsx"),T=require("../Button/index.cjs.js"),U=require("../Icon/index.cjs.js"),K=require("../../chunks/Heading-597d11a4.js"),l=require("../../chunks/Text-dd6930a2.js");function L(e){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(_,a,t.get?t:{enumerable:!0,get:()=>e[a]})}}return _.default=e,Object.freeze(_)}const c=L(R),O="lc-Card-module__card___GqMm2",Q="lc-Card-module__card__header___0ptfD",F="lc-Card-module__card__header__image___QMwSu",G="lc-Card-module__card__header__heading___Wkikx",W="lc-Card-module__card__header__heading__title___Uxi8s",Y="lc-Card-module__card__header__heading__description___6LnOK",J="lc-Card-module__card__content___KuDcc",V="lc-Card-module__card__actions___q9sAo",X="lc-Card-module__card__actions__line___TF1bt",Z="lc-Card-module__card__actions__buttons___PDMMR",n={card:O,card__header:Q,card__header__image:F,card__header__heading:G,card__header__heading__title:W,card__header__heading__description:Y,"card__header__no-image":"lc-Card-module__card__header__no-image___UcnNY",card__content:J,"card__expanded-content":"lc-Card-module__card__expanded-content___yB-QL",card__actions:V,card__actions__line:X,card__actions__buttons:Z,"card__actions__buttons-expander":"lc-Card-module__card__actions__buttons-expander___lz4h-"},d="card",i=`${d}__header`,m=`${i}__heading`,s=`${d}__actions`,ee=`${i}__no-image`,_e=ae=>{var p=ae,{alt:e,buttonsOptions:_=[],children:a,className:t,description:y,expandableContent:u,src:h,title:g}=p,I=$(p,["alt","buttonsOptions","children","className","description","expandableContent","src","title"]);const[r,w]=c.useState(!1),z=r?S.ChevronUp:S.ChevronDown,A=r?"Hide":"Show more",C=(_==null?void 0:_.length)>0,x=!!u,k=C||x,B=g,E=h,D=E?"":n[ee];return c.createElement("div",f({className:q(n[d],t)},I),B&&c.createElement("div",{className:q(n[i],D)},E&&c.createElement("img",{alt:e,className:n[`${i}__image`],src:h}),c.createElement("div",{className:n[m]},c.createElement(K.Heading,{size:"sm",className:n[`${m}__title`]},g),c.createElement(l.Text,{size:"sm",className:n[`${m}__description`]},y))),c.createElement(l.Text,{as:"div",size:"md",className:n[`${d}__content`]},a),r&&c.createElement(l.Text,{as:"div",size:"md",className:n[`${d}__expanded-content`]},u),k&&c.createElement("div",{className:n[s]},c.createElement("div",{className:n[`${s}__line`]}),c.createElement("div",{className:n[`${s}__buttons`]},C&&_.map(({kind:M,onClick:j,children:P})=>c.createElement(T.Button,{size:"compact",kind:M,onClick:j},P)),x&&c.createElement(T.Button,{className:n[`${s}__buttons-expander`],kind:"link",iconPosition:"right",icon:c.createElement(U.Icon,{source:z}),onClick:()=>w(!r)},A))))};exports.Card=_e;
@@ -1,95 +0,0 @@
1
- var y = Object.defineProperty;
2
- var o = Object.getOwnPropertySymbols;
3
- var N = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable;
4
- var v = (e, _, a) => _ in e ? y(e, _, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[_] = a, f = (e, _) => {
5
- for (var a in _ || (_ = {}))
6
- N.call(_, a) && v(e, a, _[a]);
7
- if (o)
8
- for (var a of o(_))
9
- $.call(_, a) && v(e, a, _[a]);
10
- return e;
11
- };
12
- var A = (e, _) => {
13
- var a = {};
14
- for (var t in e)
15
- N.call(e, t) && _.indexOf(t) < 0 && (a[t] = e[t]);
16
- if (e != null && o)
17
- for (var t of o(e))
18
- _.indexOf(t) < 0 && $.call(e, t) && (a[t] = e[t]);
19
- return a;
20
- };
21
- import "../../assets/style-index33.css";
22
- import * as c from "react";
23
- import { ChevronUp as K, ChevronDown as L } from "@livechat/design-system-icons";
24
- import b from "clsx";
25
- import { Button as w } from "../Button/index.es.js";
26
- import { Icon as P } from "../Icon/index.es.js";
27
- import { H as Q } from "../../chunks/Heading-1a31001f.js";
28
- import { T as l } from "../../chunks/Text-78b02609.js";
29
- const R = "lc-Card-module__card___GqMm2", F = "lc-Card-module__card__header___0ptfD", G = "lc-Card-module__card__header__image___QMwSu", W = "lc-Card-module__card__header__heading___Wkikx", Y = "lc-Card-module__card__header__heading__title___Uxi8s", j = "lc-Card-module__card__header__heading__description___6LnOK", J = "lc-Card-module__card__content___KuDcc", V = "lc-Card-module__card__actions___q9sAo", X = "lc-Card-module__card__actions__line___TF1bt", Z = "lc-Card-module__card__actions__buttons___PDMMR", d = {
30
- card: R,
31
- card__header: F,
32
- card__header__image: G,
33
- card__header__heading: W,
34
- card__header__heading__title: Y,
35
- card__header__heading__description: j,
36
- "card__header__no-image": "lc-Card-module__card__header__no-image___UcnNY",
37
- card__content: J,
38
- "card__expanded-content": "lc-Card-module__card__expanded-content___yB-QL",
39
- card__actions: V,
40
- card__actions__line: X,
41
- card__actions__buttons: Z,
42
- "card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___lz4h-"
43
- }, n = "card", i = `${n}__header`, m = `${i}__heading`, s = `${n}__actions`, O = `${i}__no-image`, s_ = (__) => {
44
- var p = __, {
45
- alt: e,
46
- buttonsOptions: _ = [],
47
- children: a,
48
- className: t,
49
- description: z,
50
- expandableContent: h,
51
- src: u,
52
- title: g
53
- } = p, I = A(p, [
54
- "alt",
55
- "buttonsOptions",
56
- "children",
57
- "className",
58
- "description",
59
- "expandableContent",
60
- "src",
61
- "title"
62
- ]);
63
- const [r, S] = c.useState(!1), k = r ? K : L, T = r ? "Hide" : "Show more", C = (_ == null ? void 0 : _.length) > 0, E = !!h, B = C || E, D = g, x = u, M = x ? "" : d[O];
64
- return /* @__PURE__ */ c.createElement("div", f({ className: b(d[n], t) }, I), D && /* @__PURE__ */ c.createElement("div", { className: b(d[i], M) }, x && /* @__PURE__ */ c.createElement(
65
- "img",
66
- {
67
- alt: e,
68
- className: d[`${i}__image`],
69
- src: u
70
- }
71
- ), /* @__PURE__ */ c.createElement("div", { className: d[m] }, /* @__PURE__ */ c.createElement(Q, { size: "sm", className: d[`${m}__title`] }, g), /* @__PURE__ */ c.createElement(l, { size: "sm", className: d[`${m}__description`] }, z))), /* @__PURE__ */ c.createElement(l, { as: "div", size: "md", className: d[`${n}__content`] }, a), r && /* @__PURE__ */ c.createElement(
72
- l,
73
- {
74
- as: "div",
75
- size: "md",
76
- className: d[`${n}__expanded-content`]
77
- },
78
- h
79
- ), B && /* @__PURE__ */ c.createElement("div", { className: d[s] }, /* @__PURE__ */ c.createElement("div", { className: d[`${s}__line`] }), /* @__PURE__ */ c.createElement("div", { className: d[`${s}__buttons`] }, C && _.map(
80
- ({ kind: H, onClick: U, children: q }) => /* @__PURE__ */ c.createElement(w, { size: "compact", kind: H, onClick: U }, q)
81
- ), E && /* @__PURE__ */ c.createElement(
82
- w,
83
- {
84
- className: d[`${s}__buttons-expander`],
85
- kind: "link",
86
- iconPosition: "right",
87
- icon: /* @__PURE__ */ c.createElement(P, { source: k }),
88
- onClick: () => S(!r)
89
- },
90
- T
91
- ))));
92
- };
93
- export {
94
- s_ as Card
95
- };