@stihl-design-system/components 1.0.0-RC.48 → 1.0.0-RC.49
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/{actioncard.kDxu01xm.js → actioncard.C-HzRqYB.js} +1 -1
- package/assets/ActionCard.DeWHOXFn.css +1 -0
- package/assets/LinkCard.CqjmRkfO.css +1 -0
- package/assets/progressindicator.BK8L7Bd4.css +1 -0
- package/assets/skeleton.D9MOCUK4.css +1 -0
- package/chunks/ActionCard.HYDpsdai.js +227 -0
- package/chunks/{InputFile.y71Cd5J9.js → InputFile.CkULfdaW.js} +1 -1
- package/chunks/LinkCard.BPvA2tuc.js +200 -0
- package/{filelist.GrEwoM1u.js → filelist.CabPo1pv.js} +1 -1
- package/index.es.js +4 -4
- package/{inputfile.DiZh3GcT.js → inputfile.0CCdkjg5.js} +2 -2
- package/{linkcard.BtM3KnjT.js → linkcard.CrspFGLZ.js} +1 -1
- package/package.json +1 -1
- package/partials/index.js +6 -6
- package/product-card-example-8.webp +0 -0
- package/progressindicator.CAb_O3VK.js +74 -0
- package/skeleton.BmkcNeRD.js +148 -0
- package/styles/js/index.es.js +3 -1
- package/styles/js/lib/animation.d.ts +2 -0
- package/styles/scss/ds/lib/animation.scss +4 -0
- package/assets/ActionCard.viEoC26n.css +0 -1
- package/assets/LinkCard.pJtgJRIh.css +0 -1
- package/assets/progressindicator.tyY_RVQ9.css +0 -1
- package/assets/skeleton.BjozXDiQ.css +0 -1
- package/chunks/ActionCard.Bm-2ewfS.js +0 -227
- package/chunks/LinkCard.DM-5WrSt.js +0 -200
- package/progressindicator.D9CfVD95.js +0 -74
- package/skeleton.CNJdNVav.js +0 -148
|
@@ -1,227 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as K, Fragment as oe, jsx as C } from "react/jsx-runtime";
|
|
3
|
-
import { d as D } from "./index.cKLI89Eg.js";
|
|
4
|
-
import { c as v } from "./index.DQOqod3i.js";
|
|
5
|
-
import le, { isValidElement as te, useRef as re, useEffect as ne, cloneElement as se } from "react";
|
|
6
|
-
import { g as ee } from "./helpers.CexwVao7.js";
|
|
7
|
-
import '../assets/ActionCard.viEoC26n.css';const ie = "ds-action-card_root_1uhpd_1", ce = "ds-action-card_root--elevated_1uhpd_24", de = "ds-action-card_root--clickable_1uhpd_27", pe = "ds-action-card_primary-action_1uhpd_36", me = "ds-action-card_media-wrapper_1uhpd_50", fe = "ds-action-card_header_1uhpd_50", ue = "ds-action-card_footer_1uhpd_50", ye = "ds-action-card_supplementary_1uhpd_50", he = "ds-action-card_root--horizontal_1uhpd_64", _e = "ds-action-card_content_1uhpd_83", Ne = "ds-action-card_content--padding-small_1uhpd_88", be = "ds-action-card_root--horizontal-has-supplementary_1uhpd_96", ge = "ds-action-card_root--padding-small_1uhpd_99", Se = "ds-action-card_primary-action-label_1uhpd_179", d = {
|
|
8
|
-
root: ie,
|
|
9
|
-
rootElevated: ce,
|
|
10
|
-
rootClickable: de,
|
|
11
|
-
primaryAction: pe,
|
|
12
|
-
mediaWrapper: me,
|
|
13
|
-
header: fe,
|
|
14
|
-
footer: ue,
|
|
15
|
-
supplementary: ye,
|
|
16
|
-
rootHorizontal: he,
|
|
17
|
-
content: _e,
|
|
18
|
-
contentPaddingSmall: Ne,
|
|
19
|
-
rootHorizontalHasSupplementary: be,
|
|
20
|
-
rootPaddingSmall: ge,
|
|
21
|
-
primaryActionLabel: Se
|
|
22
|
-
}, Ce = ({
|
|
23
|
-
aria: i,
|
|
24
|
-
cardElement: e
|
|
25
|
-
}) => {
|
|
26
|
-
const t = i?.["aria-labelledby"], a = i?.["aria-label"];
|
|
27
|
-
if (e) {
|
|
28
|
-
if (!t && !a)
|
|
29
|
-
throw new Error(ee("DSActionCard", "The 'aria' prop is required and must include either 'aria-labelledby' or 'aria-label'."));
|
|
30
|
-
if (t && !e.querySelector("#" + t))
|
|
31
|
-
throw new Error(ee("DSActionCard", `The provided 'aria-labelledby' value '${t}' does not match any element ID within the card.`));
|
|
32
|
-
}
|
|
33
|
-
}, P = (i, e) => {
|
|
34
|
-
const t = [];
|
|
35
|
-
return le.Children.forEach(i, (a) => {
|
|
36
|
-
if (!te(a))
|
|
37
|
-
return;
|
|
38
|
-
const l = a.type, o = e, r = o.displayName || o.name, p = l.displayName || l.name;
|
|
39
|
-
(a.type === e || p === r) && t.push(a);
|
|
40
|
-
}), t;
|
|
41
|
-
}, E = (i) => {
|
|
42
|
-
const e = D.c(47);
|
|
43
|
-
let t, a, l, o, r, p, c, m;
|
|
44
|
-
e[0] !== i ? ({
|
|
45
|
-
aria: t,
|
|
46
|
-
className: l,
|
|
47
|
-
classNameContentWrapper: o,
|
|
48
|
-
children: a,
|
|
49
|
-
orientation: p,
|
|
50
|
-
padding: c,
|
|
51
|
-
variant: m,
|
|
52
|
-
...r
|
|
53
|
-
} = i, e[0] = i, e[1] = t, e[2] = a, e[3] = l, e[4] = o, e[5] = r, e[6] = p, e[7] = c, e[8] = m) : (t = e[1], a = e[2], l = e[3], o = e[4], r = e[5], p = e[6], c = e[7], m = e[8]);
|
|
54
|
-
const _ = p === void 0 ? "vertical" : p, f = c === void 0 ? "medium" : c, b = m === void 0 ? "outlined" : m, N = re(null);
|
|
55
|
-
let u;
|
|
56
|
-
e[9] !== a ? (u = P(a, Q), e[9] = a, e[10] = u) : u = e[10];
|
|
57
|
-
const g = u;
|
|
58
|
-
let y;
|
|
59
|
-
e[11] !== a ? (y = P(a, U), e[11] = a, e[12] = y) : y = e[12];
|
|
60
|
-
const h = y;
|
|
61
|
-
let n;
|
|
62
|
-
e[13] !== a ? (n = P(a, Y), e[13] = a, e[14] = n) : n = e[14];
|
|
63
|
-
const s = n;
|
|
64
|
-
let S;
|
|
65
|
-
e[15] !== a ? (S = P(a, X), e[15] = a, e[16] = S) : S = e[16];
|
|
66
|
-
const H = S;
|
|
67
|
-
let z;
|
|
68
|
-
e[17] !== a ? (z = P(a, Z), e[17] = a, e[18] = z) : z = e[18];
|
|
69
|
-
const k = z, F = k.length > 0, M = _ === "horizontal", W = f === "small", R = _ === "horizontal" && s.length > 0, j = b === "elevated";
|
|
70
|
-
let L;
|
|
71
|
-
e[19] !== l || e[20] !== F || e[21] !== W || e[22] !== R || e[23] !== j || e[24] !== M ? (L = v(d.root, l, {
|
|
72
|
-
[d.rootHorizontal]: M,
|
|
73
|
-
[d.rootPaddingSmall]: W,
|
|
74
|
-
[d.rootHorizontalHasSupplementary]: R,
|
|
75
|
-
[d.rootClickable]: F,
|
|
76
|
-
[d.rootElevated]: j
|
|
77
|
-
}), e[19] = l, e[20] = F, e[21] = W, e[22] = R, e[23] = j, e[24] = M, e[25] = L) : L = e[25];
|
|
78
|
-
const q = L, O = f === "small";
|
|
79
|
-
let w;
|
|
80
|
-
e[26] !== o || e[27] !== O ? (w = v(d.content, o, {
|
|
81
|
-
[d.contentPaddingSmall]: O
|
|
82
|
-
}), e[26] = o, e[27] = O, e[28] = w) : w = e[28];
|
|
83
|
-
const V = w;
|
|
84
|
-
let $;
|
|
85
|
-
e[29] !== t ? ($ = () => {
|
|
86
|
-
const ae = N.current;
|
|
87
|
-
process.env.NODE_ENV !== "production" && Ce({
|
|
88
|
-
aria: t,
|
|
89
|
-
cardElement: ae
|
|
90
|
-
});
|
|
91
|
-
}, e[29] = t, e[30] = $) : $ = e[30];
|
|
92
|
-
const B = t?.["aria-labelledby"], I = t?.["aria-label"];
|
|
93
|
-
let T;
|
|
94
|
-
e[31] !== B || e[32] !== I ? (T = [B, I], e[31] = B, e[32] = I, e[33] = T) : T = e[33], ne($, T);
|
|
95
|
-
const G = t?.["aria-labelledby"], J = t?.["aria-label"];
|
|
96
|
-
let A;
|
|
97
|
-
e[34] !== V || e[35] !== h || e[36] !== g ? (A = /* @__PURE__ */ K("div", { className: V, children: [
|
|
98
|
-
g,
|
|
99
|
-
h
|
|
100
|
-
] }), e[34] = V, e[35] = h, e[36] = g, e[37] = A) : A = e[37];
|
|
101
|
-
let x;
|
|
102
|
-
return e[38] !== H || e[39] !== k || e[40] !== r || e[41] !== q || e[42] !== s || e[43] !== G || e[44] !== J || e[45] !== A ? (x = /* @__PURE__ */ K("article", { ...r, "aria-labelledby": G, "aria-label": J, ref: N, className: q, children: [
|
|
103
|
-
k,
|
|
104
|
-
A,
|
|
105
|
-
s,
|
|
106
|
-
H
|
|
107
|
-
] }), e[38] = H, e[39] = k, e[40] = r, e[41] = q, e[42] = s, e[43] = G, e[44] = J, e[45] = A, e[46] = x) : x = e[46], x;
|
|
108
|
-
}, Q = (i) => {
|
|
109
|
-
const e = D.c(5), {
|
|
110
|
-
children: t,
|
|
111
|
-
className: a
|
|
112
|
-
} = i;
|
|
113
|
-
let l;
|
|
114
|
-
e[0] !== a ? (l = v(d.header, a) || void 0, e[0] = a, e[1] = l) : l = e[1];
|
|
115
|
-
const o = l;
|
|
116
|
-
let r;
|
|
117
|
-
return e[2] !== t || e[3] !== o ? (r = /* @__PURE__ */ C("header", { className: o, children: t }), e[2] = t, e[3] = o, e[4] = r) : r = e[4], r;
|
|
118
|
-
};
|
|
119
|
-
Q.displayName = "DSActionCard.Header";
|
|
120
|
-
const U = (i) => {
|
|
121
|
-
const e = D.c(5), {
|
|
122
|
-
children: t,
|
|
123
|
-
className: a
|
|
124
|
-
} = i;
|
|
125
|
-
let l;
|
|
126
|
-
e[0] !== a ? (l = v(d.footer, a) || void 0, e[0] = a, e[1] = l) : l = e[1];
|
|
127
|
-
const o = l;
|
|
128
|
-
let r;
|
|
129
|
-
return e[2] !== t || e[3] !== o ? (r = /* @__PURE__ */ C("footer", { className: o, children: t }), e[2] = t, e[3] = o, e[4] = r) : r = e[4], r;
|
|
130
|
-
};
|
|
131
|
-
U.displayName = "DSActionCard.Footer";
|
|
132
|
-
const X = (i) => {
|
|
133
|
-
const e = D.c(5), {
|
|
134
|
-
children: t,
|
|
135
|
-
className: a
|
|
136
|
-
} = i;
|
|
137
|
-
let l;
|
|
138
|
-
e[0] !== a ? (l = v(d.mediaWrapper, a) || void 0, e[0] = a, e[1] = l) : l = e[1];
|
|
139
|
-
const o = l;
|
|
140
|
-
let r;
|
|
141
|
-
return e[2] !== t || e[3] !== o ? (r = /* @__PURE__ */ C("div", { className: o, children: t }), e[2] = t, e[3] = o, e[4] = r) : r = e[4], r;
|
|
142
|
-
};
|
|
143
|
-
X.displayName = "DSActionCard.Media";
|
|
144
|
-
const Y = (i) => {
|
|
145
|
-
const e = D.c(5), {
|
|
146
|
-
children: t,
|
|
147
|
-
className: a
|
|
148
|
-
} = i;
|
|
149
|
-
let l;
|
|
150
|
-
e[0] !== a ? (l = v(d.supplementary, a) || void 0, e[0] = a, e[1] = l) : l = e[1];
|
|
151
|
-
const o = l;
|
|
152
|
-
let r;
|
|
153
|
-
return e[2] !== t || e[3] !== o ? (r = /* @__PURE__ */ C("div", { className: o, children: t }), e[2] = t, e[3] = o, e[4] = r) : r = e[4], r;
|
|
154
|
-
};
|
|
155
|
-
Y.displayName = "DSActionCard.Supplementary";
|
|
156
|
-
const Z = (i) => {
|
|
157
|
-
const e = D.c(56);
|
|
158
|
-
let t, a, l, o, r, p;
|
|
159
|
-
e[0] !== i ? ({
|
|
160
|
-
children: t,
|
|
161
|
-
className: a,
|
|
162
|
-
href: l,
|
|
163
|
-
linkComponent: o,
|
|
164
|
-
onClick: r,
|
|
165
|
-
...p
|
|
166
|
-
} = i, e[0] = i, e[1] = t, e[2] = a, e[3] = l, e[4] = o, e[5] = r, e[6] = p) : (t = e[1], a = e[2], l = e[3], o = e[4], r = e[5], p = e[6]);
|
|
167
|
-
let c, m, _, f, b, N, u, g, y, h;
|
|
168
|
-
if (e[7] !== t || e[8] !== a || e[9] !== o || e[10] !== p) {
|
|
169
|
-
g = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
|
|
170
|
-
e: {
|
|
171
|
-
f = v(d.primaryAction, a) || void 0;
|
|
172
|
-
const n = p;
|
|
173
|
-
if (e[21] !== n ? ({
|
|
174
|
-
download: m,
|
|
175
|
-
hrefLang: _,
|
|
176
|
-
ping: b,
|
|
177
|
-
referrerPolicy: N,
|
|
178
|
-
rel: u,
|
|
179
|
-
target: y,
|
|
180
|
-
type: h,
|
|
181
|
-
...c
|
|
182
|
-
} = n, e[21] = n, e[22] = c, e[23] = m, e[24] = _, e[25] = b, e[26] = N, e[27] = u, e[28] = y, e[29] = h) : (c = e[22], m = e[23], _ = e[24], b = e[25], N = e[26], u = e[27], y = e[28], h = e[29]), o && te(o)) {
|
|
183
|
-
let s;
|
|
184
|
-
e[30] !== t ? (s = /* @__PURE__ */ C("span", { className: d.primaryActionLabel, children: t }), e[30] = t, e[31] = s) : s = e[31];
|
|
185
|
-
let S;
|
|
186
|
-
e[32] !== o.props.children || e[33] !== s ? (S = /* @__PURE__ */ K(oe, { children: [
|
|
187
|
-
s,
|
|
188
|
-
o.props.children
|
|
189
|
-
] }), e[32] = o.props.children, e[33] = s, e[34] = S) : S = e[34], g = se(o, {
|
|
190
|
-
...o.props,
|
|
191
|
-
className: v(f, o.props.className),
|
|
192
|
-
children: S
|
|
193
|
-
});
|
|
194
|
-
break e;
|
|
195
|
-
}
|
|
196
|
-
}
|
|
197
|
-
e[7] = t, e[8] = a, e[9] = o, e[10] = p, e[11] = c, e[12] = m, e[13] = _, e[14] = f, e[15] = b, e[16] = N, e[17] = u, e[18] = g, e[19] = y, e[20] = h;
|
|
198
|
-
} else
|
|
199
|
-
c = e[11], m = e[12], _ = e[13], f = e[14], b = e[15], N = e[16], u = e[17], g = e[18], y = e[19], h = e[20];
|
|
200
|
-
if (g !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
|
|
201
|
-
return g;
|
|
202
|
-
if (l) {
|
|
203
|
-
let n;
|
|
204
|
-
e[35] !== t ? (n = /* @__PURE__ */ C("span", { className: d.primaryActionLabel, children: t }), e[35] = t, e[36] = n) : n = e[36];
|
|
205
|
-
let s;
|
|
206
|
-
return e[37] !== c || e[38] !== m || e[39] !== l || e[40] !== _ || e[41] !== f || e[42] !== b || e[43] !== N || e[44] !== u || e[45] !== n || e[46] !== y || e[47] !== h ? (s = /* @__PURE__ */ C("a", { href: l, className: f, download: m, hrefLang: _, ping: b, referrerPolicy: N, rel: u, target: y, type: h, ...c, children: n }), e[37] = c, e[38] = m, e[39] = l, e[40] = _, e[41] = f, e[42] = b, e[43] = N, e[44] = u, e[45] = n, e[46] = y, e[47] = h, e[48] = s) : s = e[48], s;
|
|
207
|
-
}
|
|
208
|
-
if (r) {
|
|
209
|
-
let n;
|
|
210
|
-
e[49] !== t ? (n = /* @__PURE__ */ C("span", { className: d.primaryActionLabel, children: t }), e[49] = t, e[50] = n) : n = e[50];
|
|
211
|
-
let s;
|
|
212
|
-
return e[51] !== c || e[52] !== f || e[53] !== r || e[54] !== n ? (s = /* @__PURE__ */ C("button", { type: "button", className: f, onClick: r, ...c, children: n }), e[51] = c, e[52] = f, e[53] = r, e[54] = n, e[55] = s) : s = e[55], s;
|
|
213
|
-
}
|
|
214
|
-
return null;
|
|
215
|
-
};
|
|
216
|
-
Z.displayName = "DSActionCard.PrimaryAction";
|
|
217
|
-
E.Header = Q;
|
|
218
|
-
E.Footer = U;
|
|
219
|
-
E.Media = X;
|
|
220
|
-
E.PrimaryAction = Z;
|
|
221
|
-
E.Supplementary = Y;
|
|
222
|
-
E.displayName = "DSActionCard";
|
|
223
|
-
export {
|
|
224
|
-
E as D,
|
|
225
|
-
P as g,
|
|
226
|
-
Ce as v
|
|
227
|
-
};
|
|
@@ -1,200 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as W, jsx as s, Fragment as je } from "react/jsx-runtime";
|
|
3
|
-
import { d as xe } from "./index.cKLI89Eg.js";
|
|
4
|
-
import { c as r } from "./index.DQOqod3i.js";
|
|
5
|
-
import { isValidElement as Ve, cloneElement as Be } from "react";
|
|
6
|
-
import { b as U } from "./Flag.CbQYBzVC.js";
|
|
7
|
-
import { DSHeading as Me } from "../heading.BHSklXho.js";
|
|
8
|
-
import { D as Oe } from "./Icon.DYtaQgbw.js";
|
|
9
|
-
import { D as qe } from "./LinkButton.BxG7fx1O.js";
|
|
10
|
-
import { g as u } from "./helpers.CexwVao7.js";
|
|
11
|
-
import '../assets/LinkCard.pJtgJRIh.css';const Re = "ds-link-card_root_1tm3t_1", $e = "ds-link-card_root--elevated_1tm3t_26", Ge = "ds-link-card_root--horizontal_1tm3t_66", Je = "ds-link-card_media-wrapper_1tm3t_71", Ke = "ds-link-card_content_1tm3t_81", Qe = "ds-link-card_content--padding-small_1tm3t_86", Ue = "ds-link-card_header_1tm3t_117", Xe = "ds-link-card_footer_1tm3t_118", Ye = "ds-link-card_heading_1tm3t_133", Ze = "ds-link-card_heading--with-icon_1tm3t_136", et = "ds-link-card_link_1tm3t_146", tt = "ds-link-card_description_1tm3t_151", at = "ds-link-card_meta-data_1tm3t_168", it = "ds-link-card_decorative-link_1tm3t_185", ot = "ds-link-card_flags_1tm3t_189", nt = "ds-link-card_brand-flag_1tm3t_198", rt = "ds-link-card_graphic-area_1tm3t_204", t = {
|
|
12
|
-
root: Re,
|
|
13
|
-
rootElevated: $e,
|
|
14
|
-
rootHorizontal: Ge,
|
|
15
|
-
mediaWrapper: Je,
|
|
16
|
-
content: Ke,
|
|
17
|
-
contentPaddingSmall: Qe,
|
|
18
|
-
header: Ue,
|
|
19
|
-
footer: Xe,
|
|
20
|
-
heading: Ye,
|
|
21
|
-
headingWithIcon: Ze,
|
|
22
|
-
link: et,
|
|
23
|
-
description: tt,
|
|
24
|
-
metaData: at,
|
|
25
|
-
decorativeLink: it,
|
|
26
|
-
flags: ot,
|
|
27
|
-
brandFlag: nt,
|
|
28
|
-
graphicArea: rt
|
|
29
|
-
}, st = ({
|
|
30
|
-
href: p,
|
|
31
|
-
linkComponent: e,
|
|
32
|
-
flags: a,
|
|
33
|
-
flagListAriaLabel: d,
|
|
34
|
-
heading: o,
|
|
35
|
-
mediaArea: l,
|
|
36
|
-
img: g,
|
|
37
|
-
brandFlag: c,
|
|
38
|
-
decorativeLinkButtonProps: f
|
|
39
|
-
}) => {
|
|
40
|
-
if (typeof g < "u" && console.warn(u("DSLinkCard", "The 'img' prop is deprecated. Please use 'mediaArea' instead.")), !p && !e)
|
|
41
|
-
throw new Error(u("DSLinkCard", "Please provide either the 'href' prop or a custom 'linkComponent'."));
|
|
42
|
-
if (p && e)
|
|
43
|
-
throw new Error(u("DSLinkCard", "Please provide either the 'href' prop or a custom 'linkComponent', but not both."));
|
|
44
|
-
if (!o)
|
|
45
|
-
throw new Error(u("DSLinkCard", "The 'heading' prop is required and must be provided."));
|
|
46
|
-
a && a.length > 6 && console.warn(u("DSLinkCard", "It is recommended to provide a maximum of 6 flags for optimal display.")), a && a.length > 0 && !d && console.warn(u("DSLinkCard", "When providing flags, please also ensure to add the 'flagListAriaLabel' to describe the list of flags for non sighted screen reader users.")), c && l === void 0 && g === void 0 && console.warn(u("DSLinkCard", "The 'brandFlag' prop is set but no 'mediaArea' prop is provided. The 'brandFlag' will have no effect without a media element.")), typeof o == "object" && o !== null && o.headingIconName && f?.label && console.warn(u("DSLinkCard", "The 'heading.headingIconName' option should not be used when a decorative link label is provided."));
|
|
47
|
-
}, lt = (p) => {
|
|
48
|
-
const e = xe.c(89);
|
|
49
|
-
let a, d, o, l, g, c, f, n, m, L, i, N, k, _, b, C, D, S;
|
|
50
|
-
e[0] !== p ? ({
|
|
51
|
-
heading: n,
|
|
52
|
-
brandFlag: a,
|
|
53
|
-
className: o,
|
|
54
|
-
cardClassNames: d,
|
|
55
|
-
decorativeLinkButtonProps: l,
|
|
56
|
-
description: g,
|
|
57
|
-
flagListAriaLabel: c,
|
|
58
|
-
flags: b,
|
|
59
|
-
href: m,
|
|
60
|
-
mediaArea: N,
|
|
61
|
-
img: L,
|
|
62
|
-
linkComponent: i,
|
|
63
|
-
metaData: k,
|
|
64
|
-
orientation: C,
|
|
65
|
-
padding: D,
|
|
66
|
-
graphicArea: f,
|
|
67
|
-
variant: S,
|
|
68
|
-
..._
|
|
69
|
-
} = p, e[0] = p, e[1] = a, e[2] = d, e[3] = o, e[4] = l, e[5] = g, e[6] = c, e[7] = f, e[8] = n, e[9] = m, e[10] = L, e[11] = i, e[12] = N, e[13] = k, e[14] = _, e[15] = b, e[16] = C, e[17] = D, e[18] = S) : (a = e[1], d = e[2], o = e[3], l = e[4], g = e[5], c = e[6], f = e[7], n = e[8], m = e[9], L = e[10], i = e[11], N = e[12], k = e[13], _ = e[14], b = e[15], C = e[16], D = e[17], S = e[18]);
|
|
70
|
-
let v, w, F, I, P;
|
|
71
|
-
e[19] !== a || e[20] !== l || e[21] !== c || e[22] !== n || e[23] !== m || e[24] !== L || e[25] !== i || e[26] !== N || e[27] !== b || e[28] !== C || e[29] !== D || e[30] !== S ? (v = b === void 0 ? [] : b, F = C === void 0 ? "vertical" : C, I = D === void 0 ? "medium" : D, P = S === void 0 ? "outlined" : S, w = N ?? L, process.env.NODE_ENV !== "production" && st({
|
|
72
|
-
href: m,
|
|
73
|
-
linkComponent: i,
|
|
74
|
-
heading: n,
|
|
75
|
-
flags: v,
|
|
76
|
-
flagListAriaLabel: c,
|
|
77
|
-
mediaArea: N,
|
|
78
|
-
img: L,
|
|
79
|
-
brandFlag: a,
|
|
80
|
-
decorativeLinkButtonProps: l
|
|
81
|
-
}), e[19] = a, e[20] = l, e[21] = c, e[22] = n, e[23] = m, e[24] = L, e[25] = i, e[26] = N, e[27] = b, e[28] = C, e[29] = D, e[30] = S, e[31] = v, e[32] = w, e[33] = F, e[34] = I, e[35] = P) : (v = e[31], w = e[32], F = e[33], I = e[34], P = e[35]);
|
|
82
|
-
let V;
|
|
83
|
-
e[36] !== l ? (V = l || {}, e[36] = l, e[37] = V) : V = e[37];
|
|
84
|
-
const {
|
|
85
|
-
label: x,
|
|
86
|
-
iconName: X,
|
|
87
|
-
iconPosition: se,
|
|
88
|
-
variant: ce,
|
|
89
|
-
hideLabel: Y,
|
|
90
|
-
size: le
|
|
91
|
-
} = V, Z = se === void 0 ? "right" : se, ee = le === void 0 ? "small" : le, B = ce === "ghost" ? "ghost" : "filled", te = k || v.length > 0 || x, ae = typeof n == "object" && n !== null && !!n.headingIconName;
|
|
92
|
-
let M;
|
|
93
|
-
if (e[38] !== B || e[39] !== a || e[40] !== d || e[41] !== o || e[42] !== Y || e[43] !== X || e[44] !== Z || e[45] !== x || e[46] !== ee || e[47] !== g || e[48] !== c || e[49] !== v || e[50] !== f || e[51] !== te || e[52] !== n || e[53] !== ae || e[54] !== m || e[55] !== i || e[56] !== w || e[57] !== k || e[58] !== F || e[59] !== I || e[60] !== _ || e[61] !== P) {
|
|
94
|
-
const {
|
|
95
|
-
brandFlag: me,
|
|
96
|
-
contentWrapper: he,
|
|
97
|
-
descriptionWrapper: pe,
|
|
98
|
-
decorativeLink: ge,
|
|
99
|
-
flagsWrapper: fe,
|
|
100
|
-
footerWrapper: ve,
|
|
101
|
-
headerWrapper: ke,
|
|
102
|
-
heading: _e,
|
|
103
|
-
mediaWrapper: ue,
|
|
104
|
-
imageWrapper: Le,
|
|
105
|
-
metaDataWrapper: Ne,
|
|
106
|
-
graphicAreaWrapper: be
|
|
107
|
-
} = d || {}, ie = F === "horizontal", oe = P === "elevated";
|
|
108
|
-
let O;
|
|
109
|
-
e[63] !== o || e[64] !== oe || e[65] !== ie ? (O = r(t.root, o, {
|
|
110
|
-
[t.rootHorizontal]: ie,
|
|
111
|
-
[t.rootElevated]: oe
|
|
112
|
-
}), e[63] = o, e[64] = oe, e[65] = ie, e[66] = O) : O = e[66];
|
|
113
|
-
const Ce = O, de = r(t.brandFlag, me), De = r(t.content, he, {
|
|
114
|
-
[t.contentPaddingSmall]: I === "small"
|
|
115
|
-
}), Se = r(t.description, pe), we = r(t.decorativeLink, ge), We = r(t.flags, fe), Fe = r(t.footer, ve), Ie = r(t.header, ke), Pe = r(t.heading, _e, {
|
|
116
|
-
[t.headingWithIcon]: ae
|
|
117
|
-
}), ze = ue || Le, ye = r(t.mediaWrapper, ze), Ae = r(t.metaData, Ne), Ee = r(t.graphicArea, be);
|
|
118
|
-
let q, z, y, A, E, H, T, j;
|
|
119
|
-
e[67] !== _ ? ({
|
|
120
|
-
download: z,
|
|
121
|
-
hrefLang: y,
|
|
122
|
-
ping: A,
|
|
123
|
-
referrerPolicy: E,
|
|
124
|
-
rel: H,
|
|
125
|
-
target: T,
|
|
126
|
-
type: j,
|
|
127
|
-
...q
|
|
128
|
-
} = _, e[67] = _, e[68] = q, e[69] = z, e[70] = y, e[71] = A, e[72] = E, e[73] = H, e[74] = T, e[75] = j) : (q = e[68], z = e[69], y = e[70], A = e[71], E = e[72], H = e[73], T = e[74], j = e[75]);
|
|
129
|
-
let R;
|
|
130
|
-
e[76] !== z || e[77] !== m || e[78] !== y || e[79] !== i || e[80] !== A || e[81] !== E || e[82] !== H || e[83] !== T || e[84] !== j ? (R = (h) => i && Ve(i) ? Be(i, {
|
|
131
|
-
...i.props,
|
|
132
|
-
className: r(t.link, i.props.className),
|
|
133
|
-
children: /* @__PURE__ */ W(je, { children: [
|
|
134
|
-
h,
|
|
135
|
-
" ",
|
|
136
|
-
i.props.children
|
|
137
|
-
] })
|
|
138
|
-
}) : /* @__PURE__ */ s("a", { href: m, className: t.link, download: z, hrefLang: y, ping: A, referrerPolicy: E, rel: H, target: T, type: j, children: h }), e[76] = z, e[77] = m, e[78] = y, e[79] = i, e[80] = A, e[81] = E, e[82] = H, e[83] = T, e[84] = j, e[85] = R) : R = e[85];
|
|
139
|
-
const He = R, ne = (h) => {
|
|
140
|
-
const G = typeof h == "object" && h !== void 0, {
|
|
141
|
-
headingText: J,
|
|
142
|
-
headingIconName: K,
|
|
143
|
-
headingSize: Q,
|
|
144
|
-
headingTag: re
|
|
145
|
-
} = G ? h : {
|
|
146
|
-
headingText: h
|
|
147
|
-
};
|
|
148
|
-
return /* @__PURE__ */ W(Me, { tag: re === void 0 ? "h3" : re, size: Q === void 0 ? "medium" : Q, className: Pe, children: [
|
|
149
|
-
He(J),
|
|
150
|
-
K && /* @__PURE__ */ s(Oe, { name: K, "aria-hidden": "true" })
|
|
151
|
-
] });
|
|
152
|
-
}, Te = (h) => {
|
|
153
|
-
if (typeof h == "string")
|
|
154
|
-
return /* @__PURE__ */ s(U, { color: "promo-highlight", className: de, children: h });
|
|
155
|
-
const {
|
|
156
|
-
children: G,
|
|
157
|
-
color: J,
|
|
158
|
-
className: K,
|
|
159
|
-
...Q
|
|
160
|
-
} = h;
|
|
161
|
-
return /* @__PURE__ */ s(U, { color: J === void 0 ? "promo-highlight" : J, className: r(de, K), ...Q, children: G });
|
|
162
|
-
};
|
|
163
|
-
let $;
|
|
164
|
-
e[86] !== ne || e[87] !== n ? ($ = ne(n), e[86] = ne, e[87] = n, e[88] = $) : $ = e[88], M = /* @__PURE__ */ W("div", { ...q, className: Ce, children: [
|
|
165
|
-
/* @__PURE__ */ W("div", { className: De, children: [
|
|
166
|
-
/* @__PURE__ */ W("div", { className: Ie, children: [
|
|
167
|
-
f && /* @__PURE__ */ s("div", { className: Ee, children: f }),
|
|
168
|
-
$,
|
|
169
|
-
g && /* @__PURE__ */ s("div", { className: Se, children: g })
|
|
170
|
-
] }),
|
|
171
|
-
te && /* @__PURE__ */ W("div", { className: Fe, children: [
|
|
172
|
-
k && /* @__PURE__ */ s("div", { className: Ae, children: k }),
|
|
173
|
-
v.length > 0 && /* @__PURE__ */ s("ul", { className: We, "aria-label": c, children: v.map(dt) }),
|
|
174
|
-
x && /* @__PURE__ */ s(qe, { iconName: X, iconPosition: Z, variant: B, hideLabel: Y, size: ee, isFlush: B === "ghost", "aria-hidden": !0, className: we, children: x })
|
|
175
|
-
] })
|
|
176
|
-
] }),
|
|
177
|
-
w && /* @__PURE__ */ W("div", { className: ye, children: [
|
|
178
|
-
a && Te(a),
|
|
179
|
-
w
|
|
180
|
-
] })
|
|
181
|
-
] }), e[38] = B, e[39] = a, e[40] = d, e[41] = o, e[42] = Y, e[43] = X, e[44] = Z, e[45] = x, e[46] = ee, e[47] = g, e[48] = c, e[49] = v, e[50] = f, e[51] = te, e[52] = n, e[53] = ae, e[54] = m, e[55] = i, e[56] = w, e[57] = k, e[58] = F, e[59] = I, e[60] = _, e[61] = P, e[62] = M;
|
|
182
|
-
} else
|
|
183
|
-
M = e[62];
|
|
184
|
-
return M;
|
|
185
|
-
};
|
|
186
|
-
lt.displayName = "DSLinkCard";
|
|
187
|
-
function dt(p, e) {
|
|
188
|
-
if (typeof p == "string")
|
|
189
|
-
return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(U, { color: "status-info", children: p }) }, e);
|
|
190
|
-
const {
|
|
191
|
-
children: a,
|
|
192
|
-
color: d,
|
|
193
|
-
...o
|
|
194
|
-
} = p;
|
|
195
|
-
return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(U, { color: d === void 0 ? "status-info" : d, ...o, children: a }) }, e);
|
|
196
|
-
}
|
|
197
|
-
export {
|
|
198
|
-
lt as D,
|
|
199
|
-
st as v
|
|
200
|
-
};
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as t, Fragment as o, jsxs as g } from "react/jsx-runtime";
|
|
3
|
-
import { d as x } from "./chunks/index.cKLI89Eg.js";
|
|
4
|
-
import { c as l } from "./chunks/index.DQOqod3i.js";
|
|
5
|
-
import { DSSpinner as N } from "./spinner.DtLnsqVV.js";
|
|
6
|
-
import './assets/progressindicator.tyY_RVQ9.css';const v = "ds-input-file_root_1dac7_1", B = "ds-input-file_bar-background_1dac7_7", I = "ds-input-file_bar-background--dark_1dac7_23", T = "ds-input-file_bar-fill_1dac7_27", L = "ds-input-file_bar-fill--dark_1dac7_32", $ = "ds-input-file_bar-fill--error_1dac7_35", w = "ds-input-file_bar-fill-indeterminate_1dac7_46", E = "ds-input-file_bar-fill-indeterminate--dark_1dac7_61", S = "ds-input-file_percent-label_1dac7_70", j = "ds-input-file_percent-label--dark_1dac7_83", y = "ds-input-file_progress-text_1dac7_87", A = "ds-input-file_progress-text--dark_1dac7_102", P = "ds-input-file_progress-bar_1dac7_106", a = {
|
|
7
|
-
root: v,
|
|
8
|
-
barBackground: B,
|
|
9
|
-
barBackgroundDark: I,
|
|
10
|
-
barFill: T,
|
|
11
|
-
barFillDark: L,
|
|
12
|
-
barFillError: $,
|
|
13
|
-
barFillIndeterminate: w,
|
|
14
|
-
barFillIndeterminateDark: E,
|
|
15
|
-
percentLabel: S,
|
|
16
|
-
percentLabelDark: j,
|
|
17
|
-
progressText: y,
|
|
18
|
-
progressTextDark: A,
|
|
19
|
-
progressBar: P
|
|
20
|
-
}, H = (F) => {
|
|
21
|
-
const r = x.c(17), {
|
|
22
|
-
className: c,
|
|
23
|
-
fileName: f,
|
|
24
|
-
id: p,
|
|
25
|
-
percent: n,
|
|
26
|
-
progressStatus: h,
|
|
27
|
-
variant: b,
|
|
28
|
-
theme: D,
|
|
29
|
-
t: e
|
|
30
|
-
} = F, i = (D === void 0 ? "light" : D) === "dark", s = n === "indeterminate";
|
|
31
|
-
let u;
|
|
32
|
-
r[0] !== e ? (u = e("uploadStatus"), r[0] = e, r[1] = u) : u = r[1];
|
|
33
|
-
let _;
|
|
34
|
-
r[2] !== f || r[3] !== s || r[4] !== e ? (_ = s ? `, ${e("fileListIndeterminate", {
|
|
35
|
-
fileName: f
|
|
36
|
-
})}` : "", r[2] = f, r[3] = s, r[4] = e, r[5] = _) : _ = r[5];
|
|
37
|
-
const d = `${u}${_}`, m = s ? void 0 : n;
|
|
38
|
-
let k;
|
|
39
|
-
return r[6] !== m || r[7] !== c || r[8] !== p || r[9] !== i || r[10] !== s || r[11] !== n || r[12] !== h || r[13] !== d || r[14] !== e || r[15] !== b ? (k = b === "text" ? /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t("span", { id: p, className: l(a.root, a.progressText, {
|
|
40
|
-
[a.progressTextDark]: i
|
|
41
|
-
}, c), role: "progressbar", "aria-label": d, "aria-valuenow": m, children: s ? /* @__PURE__ */ g(o, { children: [
|
|
42
|
-
/* @__PURE__ */ t(N, { aria: {
|
|
43
|
-
"aria-label": e("uploading")
|
|
44
|
-
} }),
|
|
45
|
-
/* @__PURE__ */ t("span", { children: e("uploading") })
|
|
46
|
-
] }) : `${d} ${n}%` }) }) : b === "bar" ? /* @__PURE__ */ g(o, { children: [
|
|
47
|
-
/* @__PURE__ */ t("div", { id: p, className: l(a.root, a.progressBar, c), role: "progressbar", "aria-label": d, "aria-valuenow": m, children: s ? /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t("div", { className: l(a.barBackground, {
|
|
48
|
-
[a.barBackgroundDark]: i
|
|
49
|
-
}), "aria-hidden": "true", children: /* @__PURE__ */ t("div", { className: l(a.barFillIndeterminate, {
|
|
50
|
-
[a.barFillIndeterminateDark]: i
|
|
51
|
-
}) }) }) }) : /* @__PURE__ */ g(o, { children: [
|
|
52
|
-
/* @__PURE__ */ t("div", { className: l(a.barBackground, {
|
|
53
|
-
[a.barBackgroundDark]: i
|
|
54
|
-
}), "aria-hidden": "true", children: /* @__PURE__ */ t("div", { className: l(a.barFill, {
|
|
55
|
-
[a.barFillDark]: i,
|
|
56
|
-
[a.barFillError]: h === "error"
|
|
57
|
-
}), style: {
|
|
58
|
-
width: `${n}%`
|
|
59
|
-
} }) }),
|
|
60
|
-
/* @__PURE__ */ g("span", { className: l(a.percentLabel, {
|
|
61
|
-
[a.percentLabelDark]: i
|
|
62
|
-
}), "aria-hidden": "true", children: [
|
|
63
|
-
n,
|
|
64
|
-
"%"
|
|
65
|
-
] })
|
|
66
|
-
] }) }),
|
|
67
|
-
s && /* @__PURE__ */ t("div", { className: l(a.progressText, {
|
|
68
|
-
[a.progressTextDark]: i
|
|
69
|
-
}), children: e("uploading") })
|
|
70
|
-
] }) : null, r[6] = m, r[7] = c, r[8] = p, r[9] = i, r[10] = s, r[11] = n, r[12] = h, r[13] = d, r[14] = e, r[15] = b, r[16] = k) : k = r[16], k;
|
|
71
|
-
};
|
|
72
|
-
export {
|
|
73
|
-
H as ProgressIndicator
|
|
74
|
-
};
|
package/skeleton.CNJdNVav.js
DELETED
|
@@ -1,148 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _ } from "react/jsx-runtime";
|
|
3
|
-
import { d as v } from "./chunks/index.cKLI89Eg.js";
|
|
4
|
-
import { c as h } from "./chunks/index.DQOqod3i.js";
|
|
5
|
-
import './assets/skeleton.BjozXDiQ.css';const M = "ds-skeleton_line_q6f73_26", N = "ds-skeleton_shimmer-slide_q6f73_1", C = "ds-skeleton_line--title-x-large_q6f73_57", z = "ds-skeleton_line--title-large_q6f73_60", W = "ds-skeleton_line--heading-x-large_q6f73_63", w = "ds-skeleton_line--heading-large_q6f73_66", $ = "ds-skeleton_line--heading-medium_q6f73_69", j = "ds-skeleton_line--heading-small_q6f73_72", A = "ds-skeleton_line--text-large_q6f73_75", E = "ds-skeleton_line--text-medium_q6f73_78", b = "ds-skeleton_line--text-small_q6f73_81", B = "ds-skeleton_line--text-x-small_q6f73_84", F = "ds-skeleton_line--text-xx-small_q6f73_87", G = "ds-skeleton_line--utility-large_q6f73_90", I = "ds-skeleton_line--utility-medium_q6f73_93", J = "ds-skeleton_line--utility-small_q6f73_96", K = "ds-skeleton_line--utility-x-small-demi_q6f73_99", O = "ds-skeleton_line--heading-x-large-uppercase_q6f73_106", P = "ds-skeleton_line--heading-large-uppercase_q6f73_109", Q = "ds-skeleton_line--theme-dark_q6f73_113", R = "ds-skeleton_multi-line-wrapper_q6f73_143", V = "ds-skeleton_multi-line_q6f73_143", Y = "ds-skeleton_multi-line--title-x-large_q6f73_182", Z = "ds-skeleton_multi-line--title-large_q6f73_185", ee = "ds-skeleton_multi-line--heading-x-large_q6f73_188", le = "ds-skeleton_multi-line--heading-large_q6f73_191", ie = "ds-skeleton_multi-line--heading-medium_q6f73_194", te = "ds-skeleton_multi-line--heading-small_q6f73_197", ne = "ds-skeleton_multi-line--text-large_q6f73_200", se = "ds-skeleton_multi-line--text-medium_q6f73_203", ae = "ds-skeleton_multi-line--text-small_q6f73_206", me = "ds-skeleton_multi-line--text-x-small_q6f73_209", _e = "ds-skeleton_multi-line--text-xx-small_q6f73_212", de = "ds-skeleton_multi-line--utility-large_q6f73_215", re = "ds-skeleton_multi-line--utility-medium_q6f73_218", ue = "ds-skeleton_multi-line--utility-small_q6f73_221", oe = "ds-skeleton_multi-line--utility-x-small-demi_q6f73_224", ge = "ds-skeleton_multi-line--heading-x-large-uppercase_q6f73_231", ce = "ds-skeleton_multi-line--heading-large-uppercase_q6f73_234", ke = "ds-skeleton_multi-line--theme-dark_q6f73_238", xe = "ds-skeleton_rectangle_q6f73_268", fe = "ds-skeleton_rectangle--theme-dark_q6f73_299", qe = "ds-skeleton_circle_q6f73_329", he = "ds-skeleton_circle--theme-dark_q6f73_361", s = {
|
|
6
|
-
line: M,
|
|
7
|
-
"shimmer-slide": "ds-skeleton_shimmer-slide_q6f73_1",
|
|
8
|
-
shimmerSlide: N,
|
|
9
|
-
"line--title-x-large": "ds-skeleton_line--title-x-large_q6f73_57",
|
|
10
|
-
lineTitleXLarge: C,
|
|
11
|
-
"line--title-large": "ds-skeleton_line--title-large_q6f73_60",
|
|
12
|
-
lineTitleLarge: z,
|
|
13
|
-
"line--heading-x-large": "ds-skeleton_line--heading-x-large_q6f73_63",
|
|
14
|
-
lineHeadingXLarge: W,
|
|
15
|
-
"line--heading-large": "ds-skeleton_line--heading-large_q6f73_66",
|
|
16
|
-
lineHeadingLarge: w,
|
|
17
|
-
"line--heading-medium": "ds-skeleton_line--heading-medium_q6f73_69",
|
|
18
|
-
lineHeadingMedium: $,
|
|
19
|
-
"line--heading-small": "ds-skeleton_line--heading-small_q6f73_72",
|
|
20
|
-
lineHeadingSmall: j,
|
|
21
|
-
"line--text-large": "ds-skeleton_line--text-large_q6f73_75",
|
|
22
|
-
lineTextLarge: A,
|
|
23
|
-
"line--text-medium": "ds-skeleton_line--text-medium_q6f73_78",
|
|
24
|
-
lineTextMedium: E,
|
|
25
|
-
"line--text-small": "ds-skeleton_line--text-small_q6f73_81",
|
|
26
|
-
lineTextSmall: b,
|
|
27
|
-
"line--text-x-small": "ds-skeleton_line--text-x-small_q6f73_84",
|
|
28
|
-
lineTextXSmall: B,
|
|
29
|
-
"line--text-xx-small": "ds-skeleton_line--text-xx-small_q6f73_87",
|
|
30
|
-
lineTextXxSmall: F,
|
|
31
|
-
"line--utility-large": "ds-skeleton_line--utility-large_q6f73_90",
|
|
32
|
-
lineUtilityLarge: G,
|
|
33
|
-
"line--utility-medium": "ds-skeleton_line--utility-medium_q6f73_93",
|
|
34
|
-
lineUtilityMedium: I,
|
|
35
|
-
"line--utility-small": "ds-skeleton_line--utility-small_q6f73_96",
|
|
36
|
-
lineUtilitySmall: J,
|
|
37
|
-
"line--utility-x-small-demi": "ds-skeleton_line--utility-x-small-demi_q6f73_99",
|
|
38
|
-
lineUtilityXSmallDemi: K,
|
|
39
|
-
"line--heading-x-large-uppercase": "ds-skeleton_line--heading-x-large-uppercase_q6f73_106",
|
|
40
|
-
lineHeadingXLargeUppercase: O,
|
|
41
|
-
"line--heading-large-uppercase": "ds-skeleton_line--heading-large-uppercase_q6f73_109",
|
|
42
|
-
lineHeadingLargeUppercase: P,
|
|
43
|
-
"line--theme-dark": "ds-skeleton_line--theme-dark_q6f73_113",
|
|
44
|
-
lineThemeDark: Q,
|
|
45
|
-
"multi-line-wrapper": "ds-skeleton_multi-line-wrapper_q6f73_143",
|
|
46
|
-
multiLineWrapper: R,
|
|
47
|
-
"multi-line": "ds-skeleton_multi-line_q6f73_143",
|
|
48
|
-
multiLine: V,
|
|
49
|
-
"multi-line--title-x-large": "ds-skeleton_multi-line--title-x-large_q6f73_182",
|
|
50
|
-
multiLineTitleXLarge: Y,
|
|
51
|
-
"multi-line--title-large": "ds-skeleton_multi-line--title-large_q6f73_185",
|
|
52
|
-
multiLineTitleLarge: Z,
|
|
53
|
-
"multi-line--heading-x-large": "ds-skeleton_multi-line--heading-x-large_q6f73_188",
|
|
54
|
-
multiLineHeadingXLarge: ee,
|
|
55
|
-
"multi-line--heading-large": "ds-skeleton_multi-line--heading-large_q6f73_191",
|
|
56
|
-
multiLineHeadingLarge: le,
|
|
57
|
-
"multi-line--heading-medium": "ds-skeleton_multi-line--heading-medium_q6f73_194",
|
|
58
|
-
multiLineHeadingMedium: ie,
|
|
59
|
-
"multi-line--heading-small": "ds-skeleton_multi-line--heading-small_q6f73_197",
|
|
60
|
-
multiLineHeadingSmall: te,
|
|
61
|
-
"multi-line--text-large": "ds-skeleton_multi-line--text-large_q6f73_200",
|
|
62
|
-
multiLineTextLarge: ne,
|
|
63
|
-
"multi-line--text-medium": "ds-skeleton_multi-line--text-medium_q6f73_203",
|
|
64
|
-
multiLineTextMedium: se,
|
|
65
|
-
"multi-line--text-small": "ds-skeleton_multi-line--text-small_q6f73_206",
|
|
66
|
-
multiLineTextSmall: ae,
|
|
67
|
-
"multi-line--text-x-small": "ds-skeleton_multi-line--text-x-small_q6f73_209",
|
|
68
|
-
multiLineTextXSmall: me,
|
|
69
|
-
"multi-line--text-xx-small": "ds-skeleton_multi-line--text-xx-small_q6f73_212",
|
|
70
|
-
multiLineTextXxSmall: _e,
|
|
71
|
-
"multi-line--utility-large": "ds-skeleton_multi-line--utility-large_q6f73_215",
|
|
72
|
-
multiLineUtilityLarge: de,
|
|
73
|
-
"multi-line--utility-medium": "ds-skeleton_multi-line--utility-medium_q6f73_218",
|
|
74
|
-
multiLineUtilityMedium: re,
|
|
75
|
-
"multi-line--utility-small": "ds-skeleton_multi-line--utility-small_q6f73_221",
|
|
76
|
-
multiLineUtilitySmall: ue,
|
|
77
|
-
"multi-line--utility-x-small-demi": "ds-skeleton_multi-line--utility-x-small-demi_q6f73_224",
|
|
78
|
-
multiLineUtilityXSmallDemi: oe,
|
|
79
|
-
"multi-line--heading-x-large-uppercase": "ds-skeleton_multi-line--heading-x-large-uppercase_q6f73_231",
|
|
80
|
-
multiLineHeadingXLargeUppercase: ge,
|
|
81
|
-
"multi-line--heading-large-uppercase": "ds-skeleton_multi-line--heading-large-uppercase_q6f73_234",
|
|
82
|
-
multiLineHeadingLargeUppercase: ce,
|
|
83
|
-
"multi-line--theme-dark": "ds-skeleton_multi-line--theme-dark_q6f73_238",
|
|
84
|
-
multiLineThemeDark: ke,
|
|
85
|
-
rectangle: xe,
|
|
86
|
-
"rectangle--theme-dark": "ds-skeleton_rectangle--theme-dark_q6f73_299",
|
|
87
|
-
rectangleThemeDark: fe,
|
|
88
|
-
circle: qe,
|
|
89
|
-
"circle--theme-dark": "ds-skeleton_circle--theme-dark_q6f73_361",
|
|
90
|
-
circleThemeDark: he
|
|
91
|
-
}, Te = (L) => {
|
|
92
|
-
const e = v.c(39);
|
|
93
|
-
let i, t, d, r, u, o;
|
|
94
|
-
e[0] !== L ? ({
|
|
95
|
-
className: i,
|
|
96
|
-
textSize: d,
|
|
97
|
-
textLineCount: r,
|
|
98
|
-
theme: u,
|
|
99
|
-
variant: o,
|
|
100
|
-
...t
|
|
101
|
-
} = L, e[0] = L, e[1] = i, e[2] = t, e[3] = d, e[4] = r, e[5] = u, e[6] = o) : (i = e[1], t = e[2], d = e[3], r = e[4], u = e[5], o = e[6]);
|
|
102
|
-
const g = d === void 0 ? "text-medium" : d, U = r === void 0 ? 3 : r, X = u === void 0 ? "light" : u, k = o === void 0 ? "single-line" : o, p = g.startsWith("title-"), n = X === "dark";
|
|
103
|
-
if (k === "rectangle") {
|
|
104
|
-
let l;
|
|
105
|
-
e[7] !== i || e[8] !== n ? (l = h(s.rectangle, i, {
|
|
106
|
-
[s.rectangleThemeDark]: n
|
|
107
|
-
}), e[7] = i, e[8] = n, e[9] = l) : l = e[9];
|
|
108
|
-
let a;
|
|
109
|
-
return e[10] !== t || e[11] !== l ? (a = /* @__PURE__ */ _("div", { "aria-hidden": "true", className: l, ...t }), e[10] = t, e[11] = l, e[12] = a) : a = e[12], a;
|
|
110
|
-
}
|
|
111
|
-
if (k === "circle") {
|
|
112
|
-
let l;
|
|
113
|
-
e[13] !== i || e[14] !== n ? (l = h(s.circle, i, {
|
|
114
|
-
[s.circleThemeDark]: n
|
|
115
|
-
}), e[13] = i, e[14] = n, e[15] = l) : l = e[15];
|
|
116
|
-
let a;
|
|
117
|
-
return e[16] !== t || e[17] !== l ? (a = /* @__PURE__ */ _("div", { "aria-hidden": "true", className: l, ...t }), e[16] = t, e[17] = l, e[18] = a) : a = e[18], a;
|
|
118
|
-
}
|
|
119
|
-
const y = g ? s[`line--${g}`] : void 0;
|
|
120
|
-
let x;
|
|
121
|
-
e[19] !== i || e[20] !== n || e[21] !== y ? (x = h(s.line, y, i, {
|
|
122
|
-
[s.lineThemeDark]: n
|
|
123
|
-
}), e[19] = i, e[20] = n, e[21] = y, e[22] = x) : x = e[22];
|
|
124
|
-
const T = x;
|
|
125
|
-
if (k === "single-line" && !p) {
|
|
126
|
-
let l;
|
|
127
|
-
return e[23] !== T || e[24] !== t ? (l = /* @__PURE__ */ _("div", { "aria-hidden": "true", className: T, ...t }), e[23] = T, e[24] = t, e[25] = l) : l = e[25], l;
|
|
128
|
-
}
|
|
129
|
-
const c = g ? s[`multi-line--${g}`] : void 0, S = Math.max(2, p && k === "single-line" ? 2 : p ? U + 1 : U);
|
|
130
|
-
let f;
|
|
131
|
-
if (e[26] !== n || e[27] !== S || e[28] !== c) {
|
|
132
|
-
let l;
|
|
133
|
-
e[30] !== n || e[31] !== c ? (l = (a, D) => /* @__PURE__ */ _("div", { className: h(s.multiLine, c, {
|
|
134
|
-
[s.multiLineThemeDark]: n
|
|
135
|
-
}) }, D), e[30] = n, e[31] = c, e[32] = l) : l = e[32], f = Array.from({
|
|
136
|
-
length: S
|
|
137
|
-
}, l), e[26] = n, e[27] = S, e[28] = c, e[29] = f;
|
|
138
|
-
} else
|
|
139
|
-
f = e[29];
|
|
140
|
-
const H = f;
|
|
141
|
-
let m;
|
|
142
|
-
e[33] !== H ? (m = /* @__PURE__ */ _("div", { className: s.multiLineWrapper, children: H }), e[33] = H, e[34] = m) : m = e[34];
|
|
143
|
-
let q;
|
|
144
|
-
return e[35] !== i || e[36] !== t || e[37] !== m ? (q = /* @__PURE__ */ _("div", { "aria-hidden": "true", className: i, ...t, children: m }), e[35] = i, e[36] = t, e[37] = m, e[38] = q) : q = e[38], q;
|
|
145
|
-
};
|
|
146
|
-
export {
|
|
147
|
-
Te as DSSkeleton
|
|
148
|
-
};
|