@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.
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +5231 -120
- package/dist/preview-stats.json +1158 -1158
- package/dist/style.css +1 -1
- package/package.json +2 -2
- package/dist/assets/style-ProgressBar.css +0 -1
- package/dist/assets/style-Tooltip.css +0 -1
- package/dist/assets/style-Typography.css +0 -1
- package/dist/assets/style-index.css +0 -1
- package/dist/assets/style-index10.css +0 -1
- package/dist/assets/style-index11.css +0 -1
- package/dist/assets/style-index12.css +0 -1
- package/dist/assets/style-index13.css +0 -1
- package/dist/assets/style-index14.css +0 -1
- package/dist/assets/style-index15.css +0 -1
- package/dist/assets/style-index16.css +0 -1
- package/dist/assets/style-index17.css +0 -1
- package/dist/assets/style-index18.css +0 -1
- package/dist/assets/style-index19.css +0 -1
- package/dist/assets/style-index2.css +0 -1
- package/dist/assets/style-index20.css +0 -1
- package/dist/assets/style-index21.css +0 -1
- package/dist/assets/style-index22.css +0 -1
- package/dist/assets/style-index23.css +0 -1
- package/dist/assets/style-index24.css +0 -1
- package/dist/assets/style-index25.css +0 -1
- package/dist/assets/style-index26.css +0 -1
- package/dist/assets/style-index27.css +0 -1
- package/dist/assets/style-index28.css +0 -1
- package/dist/assets/style-index29.css +0 -1
- package/dist/assets/style-index3.css +0 -1
- package/dist/assets/style-index30.css +0 -1
- package/dist/assets/style-index31.css +0 -1
- package/dist/assets/style-index32.css +0 -1
- package/dist/assets/style-index33.css +0 -1
- package/dist/assets/style-index34.css +0 -1
- package/dist/assets/style-index35.css +0 -1
- package/dist/assets/style-index36.css +0 -1
- package/dist/assets/style-index37.css +0 -1
- package/dist/assets/style-index38.css +0 -1
- package/dist/assets/style-index39.css +0 -1
- package/dist/assets/style-index4.css +0 -1
- package/dist/assets/style-index5.css +0 -1
- package/dist/assets/style-index6.css +0 -1
- package/dist/assets/style-index7.css +0 -1
- package/dist/assets/style-index8.css +0 -1
- package/dist/assets/style-index9.css +0 -1
- package/dist/chunks/Heading-1a31001f.js +0 -64
- package/dist/chunks/Heading-597d11a4.js +0 -1
- package/dist/chunks/ProgressBar-0e01c602.js +0 -88
- package/dist/chunks/ProgressBar-dd89d43a.js +0 -1
- package/dist/chunks/Text-78b02609.js +0 -66
- package/dist/chunks/Text-dd6930a2.js +0 -1
- package/dist/chunks/Tooltip-21230071.js +0 -1
- package/dist/chunks/Tooltip-f4d8b8fd.js +0 -182
- package/dist/chunks/Typography.module-58a031dc.js +0 -24
- package/dist/chunks/Typography.module-8b7171c2.js +0 -1
- package/dist/chunks/keyCodes-30323e90.js +0 -15
- package/dist/chunks/keyCodes-c4c35e49.js +0 -1
- package/dist/components/ActionBar/index.cjs.js +0 -1
- package/dist/components/ActionBar/index.es.js +0 -188
- package/dist/components/ActionMenu/index.cjs.js +0 -1
- package/dist/components/ActionMenu/index.es.js +0 -199
- package/dist/components/Alert/index.cjs.js +0 -1
- package/dist/components/Alert/index.es.js +0 -128
- package/dist/components/Avatar/index.cjs.js +0 -1
- package/dist/components/Avatar/index.es.js +0 -190
- package/dist/components/Badge/index.cjs.js +0 -1
- package/dist/components/Badge/index.es.js +0 -66
- package/dist/components/Button/index.cjs.js +0 -1
- package/dist/components/Button/index.es.js +0 -142
- package/dist/components/Card/index.cjs.js +0 -1
- package/dist/components/Card/index.es.js +0 -95
- package/dist/components/Checkbox/index.cjs.js +0 -1
- package/dist/components/Checkbox/index.es.js +0 -64
- package/dist/components/DatePicker/index.cjs.js +0 -1
- package/dist/components/DatePicker/index.es.js +0 -517
- package/dist/components/DetailsCard/index.cjs.js +0 -1
- package/dist/components/DetailsCard/index.es.js +0 -138
- package/dist/components/DetailsCardInfo/index.cjs.js +0 -1
- package/dist/components/DetailsCardInfo/index.es.js +0 -13
- package/dist/components/FieldDescription/index.cjs.js +0 -1
- package/dist/components/FieldDescription/index.es.js +0 -41
- package/dist/components/FieldError/index.cjs.js +0 -1
- package/dist/components/FieldError/index.es.js +0 -51
- package/dist/components/FieldGroup/index.cjs.js +0 -1
- package/dist/components/FieldGroup/index.es.js +0 -55
- package/dist/components/FileUploadProgress/index.cjs.js +0 -1
- package/dist/components/FileUploadProgress/index.es.js +0 -109
- package/dist/components/Form/index.cjs.js +0 -1
- package/dist/components/Form/index.es.js +0 -50
- package/dist/components/FormField/index.cjs.js +0 -1
- package/dist/components/FormField/index.es.js +0 -114
- package/dist/components/FormGroup/index.cjs.js +0 -1
- package/dist/components/FormGroup/index.es.js +0 -58
- package/dist/components/Icon/index.cjs.js +0 -1
- package/dist/components/Icon/index.es.js +0 -104
- package/dist/components/Input/index.cjs.js +0 -1
- package/dist/components/Input/index.es.js +0 -122
- package/dist/components/Link/index.cjs.js +0 -1
- package/dist/components/Link/index.es.js +0 -48
- package/dist/components/Loader/index.cjs.js +0 -1
- package/dist/components/Loader/index.es.js +0 -39
- package/dist/components/Modal/index.cjs.js +0 -1
- package/dist/components/Modal/index.es.js +0 -248
- package/dist/components/NumericInput/index.cjs.js +0 -1
- package/dist/components/NumericInput/index.es.js +0 -140
- package/dist/components/Picker/index.cjs.js +0 -1
- package/dist/components/Picker/index.es.js +0 -738
- package/dist/components/Popover/index.cjs.js +0 -1
- package/dist/components/Popover/index.es.js +0 -75
- package/dist/components/Progress/index.cjs.js +0 -1
- package/dist/components/Progress/index.es.js +0 -104
- package/dist/components/PromoBanner/index.cjs.js +0 -1
- package/dist/components/PromoBanner/index.es.js +0 -73
- package/dist/components/PromoBannerV2/index.cjs.js +0 -1
- package/dist/components/PromoBannerV2/index.es.js +0 -77
- package/dist/components/RadioButton/index.cjs.js +0 -1
- package/dist/components/RadioButton/index.es.js +0 -58
- package/dist/components/Search/index.cjs.js +0 -1
- package/dist/components/Search/index.es.js +0 -117
- package/dist/components/SegmentedControl/index.cjs.js +0 -1
- package/dist/components/SegmentedControl/index.es.js +0 -53
- package/dist/components/Switch/index.cjs.js +0 -1
- package/dist/components/Switch/index.es.js +0 -144
- package/dist/components/Tab/index.cjs.js +0 -1
- package/dist/components/Tab/index.es.js +0 -93
- package/dist/components/Tag/index.cjs.js +0 -1
- package/dist/components/Tag/index.es.js +0 -143
- package/dist/components/TagInput/index.cjs.js +0 -1
- package/dist/components/TagInput/index.es.js +0 -241
- package/dist/components/Textarea/index.cjs.js +0 -1
- package/dist/components/Textarea/index.es.js +0 -55
- package/dist/components/Toast/index.cjs.js +0 -1
- package/dist/components/Toast/index.es.js +0 -162
- package/dist/components/Tooltip/components/UserGuide/index.cjs.js +0 -1
- package/dist/components/Tooltip/components/UserGuide/index.es.js +0 -193
- package/dist/components/Tooltip/components/index.cjs.js +0 -1
- package/dist/components/Tooltip/components/index.es.js +0 -114
- package/dist/components/Tooltip/index.cjs.js +0 -1
- package/dist/components/Tooltip/index.es.js +0 -11
- package/dist/components/Typography/index.cjs.js +0 -1
- package/dist/components/Typography/index.es.js +0 -48
- package/dist/components/UploadBar/index.cjs.js +0 -1
- package/dist/components/UploadBar/index.es.js +0 -111
- package/dist/foundations/index.cjs.js +0 -1
- package/dist/foundations/index.es.js +0 -353
- package/dist/utils/index.cjs.js +0 -1
- 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
|
-
};
|