@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.
@@ -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
- };
@@ -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
- };