@stihl-design-system/components 1.0.0-RC.3 → 1.0.0-RC.5
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/Klarna.svg +1 -0
- package/Mastercard.svg +2 -0
- package/PayPal.svg +2 -0
- package/Placeholder.svg +1 -0
- package/Visa.svg +2 -0
- package/arialiveregions.BvZhV6hb.js +27 -0
- package/arialiveregions.d.ts +1 -0
- package/assets/CustomReactSelect.Bsphydqt.css +1 -0
- package/assets/Fieldset.D0jHAGRL.css +1 -0
- package/assets/Icon.Duy_0R8w.css +1 -0
- package/assets/InputPassword.VCNO8ANM.css +1 -0
- package/assets/InputSearch.BMRAb95l.css +1 -0
- package/assets/InputStepper.BKjqNi-i.css +1 -0
- package/assets/Notification.Bg63cvs4.css +1 -0
- package/assets/RadioGroup.Bz3_xkZU.css +1 -0
- package/assets/Select.Bz1TImkI.css +1 -0
- package/assets/Textarea.D2h5cW_t.css +1 -0
- package/assets/Toast.BzVaebc0.css +1 -0
- package/assets/arialiveregions.GsGx2USO.css +1 -0
- package/assets/{asterisk.C-o6rbGQ.css → asterisk.JlyPArZu.css} +1 -1
- package/assets/button.BdxtFZKx.css +1 -0
- package/assets/buttonround.pR4StXA7.css +1 -0
- package/assets/checkbox.BjIn2stV.css +1 -0
- package/assets/dialog.CKwM2EBH.css +1 -0
- package/assets/floatingactionbutton.CUvMbEMf.css +1 -0
- package/assets/heading.CCbuI4X-.css +1 -0
- package/assets/input.71tOIrpp.css +1 -0
- package/assets/link.D61tKkSK.css +1 -0
- package/assets/linkstandalone.Bx8Uvo0G.css +1 -0
- package/assets/logo.C05WqGId.css +1 -0
- package/assets/optioncheckbox.BdRJHcSw.css +1 -0
- package/assets/radio.ewRpPo4W.css +1 -0
- package/assets/spinner.LuV09jaU.css +1 -0
- package/assets/switch.Ds-I_ybT.css +1 -0
- package/assets/{systemfeedback.WE3wClZ3.css → systemfeedback.BzJATHDd.css} +1 -1
- package/assets/text.B-CTuGgI.css +1 -0
- package/assets/{title.CE0Dm7PI.css → title.DlhX9K3W.css} +1 -1
- package/asterisk.Cjbk-xZi.js +8 -0
- package/button.DlFWwHuA.js +135 -0
- package/buttonround.eYOQM994.js +118 -0
- package/checkbox.DNHdo6_n.js +113 -0
- package/checkboxgroup.DqWlzAeR.js +9 -0
- package/chunks/AriaLiveRegions.utils.DzWI5KCU.js +31 -0
- package/{checkboxgroup.Cfxz9bk6.js → chunks/CheckboxGroup.DsQ6lI5a.js} +38 -31
- package/chunks/{CustomReactSelect.uzWNynay.js → CustomReactSelect.5dHi6PEO.js} +873 -917
- package/chunks/Fieldset.B1vsrHNv.js +99 -0
- package/chunks/Icon.n4XZrQ4N.js +223 -0
- package/chunks/{Input.utils.Bly6ZzLI.js → Input.utils.AKWCNkpA.js} +12 -8
- package/chunks/InputPassword.DTqI58Z4.js +140 -0
- package/chunks/InputSearch.IwQATLKh.js +189 -0
- package/chunks/InputStepper.Jew1ETB6.js +291 -0
- package/chunks/Notification.DbflCBIL.js +93 -0
- package/chunks/RadioGroup.BO4pbAJw.js +132 -0
- package/chunks/RadioGroup.module.BBZwHDjW.js +11 -0
- package/chunks/Select.COdS787F.js +191 -0
- package/chunks/Textarea.oqCrSopu.js +195 -0
- package/chunks/Toast.BLGKvAvZ.js +89 -0
- package/chunks/{circle-info-colored.DLY6BTL4.js → circle-info-colored.D2pp54gf.js} +3 -3
- package/chunks/{jsx-runtime.C-kxDJ4g.js → jsx-runtime.C115EyI4.js} +3 -7
- package/{combobox.BXHAo4Wx.js → combobox.CRlhqmuO.js} +8 -8
- package/components/AriaLiveRegions/AriaLiveRegions.d.ts +4 -0
- package/components/AriaLiveRegions/AriaLiveRegions.utils.d.ts +5 -0
- package/components/AriaLiveRegions/AriaLiveRegions.utils.test.d.ts +1 -0
- package/components/Checkbox/Checkbox.d.ts +1 -1
- package/components/CheckboxGroup/CheckboxGroup.utils.d.ts +1 -1
- package/components/Dialog/Dialog.d.ts +11 -0
- package/components/Dialog/Dialog.utils.d.ts +0 -0
- package/components/Fieldset/Fieldset.utils.d.ts +1 -1
- package/components/Notification/Notification.d.ts +26 -0
- package/components/Notification/Notification.test.d.ts +1 -0
- package/components/Notification/Notification.utils.d.ts +5 -0
- package/components/Radio/Radio.d.ts +11 -3
- package/components/RadioGroup/RadioGroup.d.ts +6 -3
- package/components/RadioGroup/RadioGroup.utils.d.ts +5 -3
- package/components/RadioGroup/RadioGroup.utils.test.d.ts +1 -0
- package/components/Toast/Toast.d.ts +21 -0
- package/components/Toast/Toast.utils.d.ts +9 -0
- package/components/Toast/ToastManager.d.ts +6 -0
- package/components/Toast/ToastManager.test.d.ts +1 -0
- package/components/Toast/ToastManager.utils.d.ts +2 -0
- package/components/Toast/ToastManager.utils.test.d.ts +1 -0
- package/customreactselect.CD58gwtp.js +13 -0
- package/dialog.d.ts +1 -0
- package/dialog.qd2pOyVc.js +45 -0
- package/fieldset.aY3V2jK2.js +11 -0
- package/floatingactionbutton.CGV3YFQq.js +87 -0
- package/heading.BTNroD1E.js +50 -0
- package/icon.D3RXjzh4.js +8 -0
- package/index.d.ts +24 -0
- package/index.es.js +140 -45
- package/input.BAxvG272.js +236 -0
- package/inputpassword.mn9qFlfs.js +12 -0
- package/inputsearch.qQJj9yFd.js +13 -0
- package/inputstepper.DhbHujiM.js +13 -0
- package/link.SAcKvzJ3.js +115 -0
- package/linkstandalone.DNe0Nydm.js +79 -0
- package/{logo.C_oJ8isW.js → logo.BR_CUXFl.js} +16 -16
- package/notification.CnJOdQza.js +9 -0
- package/notification.d.ts +1 -0
- package/{optioncheckbox.-DRnW_ch.js → optioncheckbox.C4l2UIak.js} +9 -9
- package/package.json +30 -26
- package/partials/index.js +51 -79
- package/radio.epf54-sG.js +115 -0
- package/radiogroup.CiENWRos.js +11 -0
- package/select.DLYav8gw.js +12 -0
- package/spinner.DEtbkdfi.js +58 -0
- package/styles/scss/_index.scss +1 -0
- package/styles/scss/lib/_animation.scss +20 -5
- package/styles/scss/lib/_container-query.scss +3 -3
- package/styles/scss/lib/_grid-sidebar-sidebar.scss +2 -0
- package/styles/scss/lib/_grid-sidebar.scss +14 -7
- package/styles/scss/lib/_link.scss +48 -41
- package/styles/scss/lib/_media-query.scss +3 -3
- package/styles/scss/lib/_shadow.scss +10 -0
- package/styles/scss/lib/_theme.scss +7 -5
- package/styles/scss/lib/_transition.scss +26 -7
- package/switch.BezS5z0Y.js +65 -0
- package/{systemfeedback.C7iXO5A1.js → systemfeedback.CUWch42u.js} +3 -3
- package/text.CrYUewrP.js +57 -0
- package/textarea.hLgeYdsI.js +12 -0
- package/title.Dvp8LKJt.js +36 -0
- package/toast.BR7QuHOG.js +10 -0
- package/toast.d.ts +1 -0
- package/toastmanager.DBp8B1e3.js +96 -0
- package/toastmanager.d.ts +1 -0
- package/utils/index.d.ts +1 -0
- package/utils/remove-spaces.d.ts +6 -0
- package/utils/remove-spaces.test.d.ts +1 -0
- package/utils/vitest.setup.d.ts +2 -0
- package/assets/CustomReactSelect.BdwXfLLO.css +0 -1
- package/assets/RadioGroup.Ur8Ro-XL.css +0 -1
- package/assets/button.DJvR-58w.css +0 -1
- package/assets/buttonround.BlfQkmMV.css +0 -1
- package/assets/checkbox.BsFEWfQe.css +0 -1
- package/assets/fieldset.xazpUXJX.css +0 -1
- package/assets/floatingactionbutton.D7ywURL3.css +0 -1
- package/assets/heading.CGFucb-C.css +0 -1
- package/assets/icon.CB-KQmw4.css +0 -1
- package/assets/input.BcP5kkZ2.css +0 -1
- package/assets/inputpassword.C3Uyj7oA.css +0 -1
- package/assets/inputsearch.tL3e9-Ob.css +0 -1
- package/assets/inputstepper.paPJix5A.css +0 -1
- package/assets/link.V7pJOW1p.css +0 -1
- package/assets/linkstandalone.D3RbBp23.css +0 -1
- package/assets/logo.BbHYgnWo.css +0 -1
- package/assets/optioncheckbox.C-K1FLhc.css +0 -1
- package/assets/radio.CSHQGdpr.css +0 -1
- package/assets/select.D2qBxaHP.css +0 -1
- package/assets/spinner.C5rBmKiF.css +0 -1
- package/assets/switch.sqve8ApJ.css +0 -1
- package/assets/text.DDAveG7E.css +0 -1
- package/assets/textarea.BKbocznb.css +0 -1
- package/asterisk.DU8THnoC.js +0 -8
- package/button.BUUGRxIp.js +0 -135
- package/buttonround.CKc-a-hd.js +0 -118
- package/checkbox.C2Ga9yTK.js +0 -112
- package/chunks/RadioGroup.module.bi3leRes.js +0 -11
- package/customreactselect.CipgVXTR.js +0 -13
- package/fieldset.DGcIKzDI.js +0 -98
- package/floatingactionbutton.DzHD39NY.js +0 -87
- package/heading.DqGbFfj2.js +0 -50
- package/icon.PX9_1kNB.js +0 -215
- package/input.o8OT6rxJ.js +0 -236
- package/inputpassword.-MXq8baU.js +0 -139
- package/inputsearch.CoYTSjox.js +0 -188
- package/inputstepper.BBMQr6kM.js +0 -290
- package/link.BN6AZfhG.js +0 -115
- package/linkstandalone.4-fyRd08.js +0 -79
- package/radio.Bhu9OUY-.js +0 -79
- package/radiogroup.oILRMrX-.js +0 -102
- package/select.OGcreXnT.js +0 -190
- package/spinner.Diy_EeFY.js +0 -58
- package/switch.BjoFKMQC.js +0 -65
- package/text.CPU8IUqY.js +0 -57
- package/textarea.kc_Sfbgr.js +0 -193
- package/title.icX0VDiO.js +0 -36
package/checkbox.C2Ga9yTK.js
DELETED
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { j as c } from "./chunks/jsx-runtime.C-kxDJ4g.js";
|
|
3
|
-
import { c as d } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
-
import { forwardRef as I, useRef as H, useState as M, useEffect as g, useCallback as B } from "react";
|
|
5
|
-
import { u as E } from "./chunks/useBreakpoint.5xBNDiCf.js";
|
|
6
|
-
import { DSIcon as b } from "./icon.PX9_1kNB.js";
|
|
7
|
-
import { DSSystemFeedback as V } from "./systemfeedback.C7iXO5A1.js";
|
|
8
|
-
import './assets/checkbox.BsFEWfQe.css';const w = "_root_10jm0_125", L = "_root--disabled_10jm0_144", O = "_checkbox_10jm0_148", P = "_icon-check_10jm0_162", R = "_icon-minus_10jm0_163", U = "_checkbox--invalid_10jm0_184", q = "_label--hidden_10jm0_189", z = "_input_10jm0_202", A = "_label_10jm0_189", F = "_feedback_10jm0_316", e = {
|
|
9
|
-
root: w,
|
|
10
|
-
"root--disabled": "_root--disabled_10jm0_144",
|
|
11
|
-
rootDisabled: L,
|
|
12
|
-
checkbox: O,
|
|
13
|
-
"icon-check": "_icon-check_10jm0_162",
|
|
14
|
-
iconCheck: P,
|
|
15
|
-
"icon-minus": "_icon-minus_10jm0_163",
|
|
16
|
-
iconMinus: R,
|
|
17
|
-
"checkbox--invalid": "_checkbox--invalid_10jm0_184",
|
|
18
|
-
checkboxInvalid: U,
|
|
19
|
-
"label--hidden": "_label--hidden_10jm0_189",
|
|
20
|
-
labelHidden: q,
|
|
21
|
-
input: z,
|
|
22
|
-
label: A,
|
|
23
|
-
feedback: F
|
|
24
|
-
}, G = I(
|
|
25
|
-
({
|
|
26
|
-
label: _,
|
|
27
|
-
checked: m,
|
|
28
|
-
className: k,
|
|
29
|
-
defaultChecked: f = !1,
|
|
30
|
-
disabled: s = !1,
|
|
31
|
-
hideLabel: x = !1,
|
|
32
|
-
indeterminate: i = !1,
|
|
33
|
-
invalid: l = !1,
|
|
34
|
-
systemFeedback: h,
|
|
35
|
-
onChange: t,
|
|
36
|
-
...j
|
|
37
|
-
}, n) => {
|
|
38
|
-
const a = H(null), [p, C] = M(f), N = E(x);
|
|
39
|
-
g(() => {
|
|
40
|
-
a && a.current && (a.current.indeterminate = i);
|
|
41
|
-
}, [i]);
|
|
42
|
-
const r = m !== void 0, u = r ? m : p, D = d(e.root, {
|
|
43
|
-
[e.rootDisabled]: s
|
|
44
|
-
}), v = d(e.label, {
|
|
45
|
-
// hide label only visually to keep them available for assistive technologies
|
|
46
|
-
[e.labelHidden]: N
|
|
47
|
-
}), S = d(e.checkbox, {
|
|
48
|
-
[e.checkboxInvalid]: l
|
|
49
|
-
}), y = B(
|
|
50
|
-
(o) => {
|
|
51
|
-
if (s) {
|
|
52
|
-
o.preventDefault();
|
|
53
|
-
return;
|
|
54
|
-
}
|
|
55
|
-
r || C(o.target.checked), t && t(o);
|
|
56
|
-
},
|
|
57
|
-
[s, r, t]
|
|
58
|
-
);
|
|
59
|
-
return /* @__PURE__ */ c.jsxs("div", { className: k, children: [
|
|
60
|
-
/* @__PURE__ */ c.jsxs("label", { className: D, children: [
|
|
61
|
-
/* @__PURE__ */ c.jsx(
|
|
62
|
-
"input",
|
|
63
|
-
{
|
|
64
|
-
type: "checkbox",
|
|
65
|
-
className: e.input,
|
|
66
|
-
ref: (o) => {
|
|
67
|
-
typeof n == "function" ? n(o) : n !== null && (n.current = o), a.current = o;
|
|
68
|
-
},
|
|
69
|
-
...j,
|
|
70
|
-
checked: u,
|
|
71
|
-
disabled: s,
|
|
72
|
-
"aria-label": _,
|
|
73
|
-
"aria-invalid": l,
|
|
74
|
-
"aria-checked": i ? "mixed" : u,
|
|
75
|
-
onChange: y
|
|
76
|
-
}
|
|
77
|
-
),
|
|
78
|
-
/* @__PURE__ */ c.jsxs("span", { className: S, children: [
|
|
79
|
-
/* @__PURE__ */ c.jsx(
|
|
80
|
-
b,
|
|
81
|
-
{
|
|
82
|
-
name: "check",
|
|
83
|
-
className: e.iconCheck,
|
|
84
|
-
"aria-hidden": "true"
|
|
85
|
-
}
|
|
86
|
-
),
|
|
87
|
-
/* @__PURE__ */ c.jsx(
|
|
88
|
-
b,
|
|
89
|
-
{
|
|
90
|
-
name: "minus",
|
|
91
|
-
className: e.iconMinus,
|
|
92
|
-
"aria-hidden": "true"
|
|
93
|
-
}
|
|
94
|
-
)
|
|
95
|
-
] }),
|
|
96
|
-
/* @__PURE__ */ c.jsx("span", { className: v, children: _ })
|
|
97
|
-
] }),
|
|
98
|
-
l && h && /* @__PURE__ */ c.jsx(
|
|
99
|
-
V,
|
|
100
|
-
{
|
|
101
|
-
className: e.feedback,
|
|
102
|
-
message: h,
|
|
103
|
-
type: "invalid"
|
|
104
|
-
}
|
|
105
|
-
)
|
|
106
|
-
] });
|
|
107
|
-
}
|
|
108
|
-
);
|
|
109
|
-
G.displayName = "DSCheckbox";
|
|
110
|
-
export {
|
|
111
|
-
G as DSCheckbox
|
|
112
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import '../assets/RadioGroup.Ur8Ro-XL.css';const o = "_root_1c87m_63", t = "_root--horizontal_1c87m_71", r = "_root--invalid_1c87m_74", n = {
|
|
3
|
-
root: o,
|
|
4
|
-
"root--horizontal": "_root--horizontal_1c87m_71",
|
|
5
|
-
rootHorizontal: t,
|
|
6
|
-
"root--invalid": "_root--invalid_1c87m_74",
|
|
7
|
-
rootInvalid: r
|
|
8
|
-
};
|
|
9
|
-
export {
|
|
10
|
-
n as s
|
|
11
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import "./chunks/jsx-runtime.C-kxDJ4g.js";
|
|
3
|
-
import "./chunks/index.CvOaL64Y.js";
|
|
4
|
-
import "react";
|
|
5
|
-
import { C as l } from "./chunks/CustomReactSelect.uzWNynay.js";
|
|
6
|
-
import "./chunks/useBreakpoint.5xBNDiCf.js";
|
|
7
|
-
import "./asterisk.DU8THnoC.js";
|
|
8
|
-
import "./icon.PX9_1kNB.js";
|
|
9
|
-
import "./systemfeedback.C7iXO5A1.js";
|
|
10
|
-
import "./optioncheckbox.-DRnW_ch.js";
|
|
11
|
-
export {
|
|
12
|
-
l as CustomReactSelect
|
|
13
|
-
};
|
package/fieldset.DGcIKzDI.js
DELETED
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { j as e } from "./chunks/jsx-runtime.C-kxDJ4g.js";
|
|
3
|
-
import { c } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
-
import "react";
|
|
5
|
-
import { Asterisk as f } from "./asterisk.DU8THnoC.js";
|
|
6
|
-
import { DSHeading as w } from "./heading.DqGbFfj2.js";
|
|
7
|
-
import { DSSystemFeedback as N } from "./systemfeedback.C7iXO5A1.js";
|
|
8
|
-
import { g as y } from "./chunks/helpers.B1JT5ShS.js";
|
|
9
|
-
import './assets/fieldset.xazpUXJX.css';const v = "_root_189b3_63", E = "_child-wrapper_189b3_69", M = "_legend_189b3_76", q = "_legend--utility--m_189b3_80", C = "_description_189b3_91", P = "_description--small_189b3_104", T = "_system-feedback_189b3_108", i = {
|
|
10
|
-
root: v,
|
|
11
|
-
"child-wrapper": "_child-wrapper_189b3_69",
|
|
12
|
-
childWrapper: E,
|
|
13
|
-
legend: M,
|
|
14
|
-
"legend--utility--m": "_legend--utility--m_189b3_80",
|
|
15
|
-
legendUtilityM: q,
|
|
16
|
-
description: C,
|
|
17
|
-
"description--small": "_description--small_189b3_104",
|
|
18
|
-
descriptionSmall: P,
|
|
19
|
-
"system-feedback": "_system-feedback_189b3_108",
|
|
20
|
-
systemFeedback: T
|
|
21
|
-
}, U = ({
|
|
22
|
-
description: n,
|
|
23
|
-
id: s,
|
|
24
|
-
legend: a,
|
|
25
|
-
systemFeedback: t
|
|
26
|
-
}) => {
|
|
27
|
-
if (!s && (n || t))
|
|
28
|
-
throw new Error(
|
|
29
|
-
y(
|
|
30
|
-
"DSFieldset",
|
|
31
|
-
'A unique "id" prop is required when providing the description or systemFeedback property. Please add an unique "id" prop to the DSFieldset component.'
|
|
32
|
-
)
|
|
33
|
-
);
|
|
34
|
-
if (!a)
|
|
35
|
-
throw new Error(
|
|
36
|
-
y(
|
|
37
|
-
"DSFieldset",
|
|
38
|
-
"The legend prop is required. Please add the legend prop to the DSFieldset component."
|
|
39
|
-
)
|
|
40
|
-
);
|
|
41
|
-
}, H = ({
|
|
42
|
-
children: n,
|
|
43
|
-
legend: s,
|
|
44
|
-
className: a,
|
|
45
|
-
description: t,
|
|
46
|
-
disabled: j = !1,
|
|
47
|
-
id: d,
|
|
48
|
-
invalid: p = !1,
|
|
49
|
-
required: m = !1,
|
|
50
|
-
systemFeedback: o,
|
|
51
|
-
...S
|
|
52
|
-
}) => {
|
|
53
|
-
process.env.NODE_ENV !== "production" && U({ description: t, id: d, legend: s, systemFeedback: o });
|
|
54
|
-
let r, _, b;
|
|
55
|
-
const l = typeof s == "object" && s !== void 0;
|
|
56
|
-
l && ({ headingSize: r, headingTag: _, headingText: b } = s);
|
|
57
|
-
const g = `${d}-feedback`, h = `${d}-description`, u = [
|
|
58
|
-
o && g,
|
|
59
|
-
t && h
|
|
60
|
-
].filter(Boolean).join(" "), x = !l || r === "small" || r === "small-uppercase", D = c(i.root, a), F = c(i.legend, {
|
|
61
|
-
[i.legendUtilityM]: !l
|
|
62
|
-
}), k = c(i.description, {
|
|
63
|
-
[i.descriptionSmall]: x
|
|
64
|
-
});
|
|
65
|
-
return /* @__PURE__ */ e.jsxs(
|
|
66
|
-
"fieldset",
|
|
67
|
-
{
|
|
68
|
-
className: D,
|
|
69
|
-
disabled: j,
|
|
70
|
-
...S,
|
|
71
|
-
"aria-invalid": p,
|
|
72
|
-
"aria-describedby": u || void 0,
|
|
73
|
-
children: [
|
|
74
|
-
/* @__PURE__ */ e.jsx("legend", { className: F, children: l ? /* @__PURE__ */ e.jsxs(w, { tag: _, size: r, children: [
|
|
75
|
-
b,
|
|
76
|
-
m && /* @__PURE__ */ e.jsx(f, {})
|
|
77
|
-
] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
78
|
-
s,
|
|
79
|
-
m && /* @__PURE__ */ e.jsx(f, {})
|
|
80
|
-
] }) }),
|
|
81
|
-
t && /* @__PURE__ */ e.jsx("span", { id: h, className: k, children: t }),
|
|
82
|
-
p && o && /* @__PURE__ */ e.jsx(
|
|
83
|
-
N,
|
|
84
|
-
{
|
|
85
|
-
id: g,
|
|
86
|
-
type: "invalid",
|
|
87
|
-
message: o,
|
|
88
|
-
className: i.systemFeedback
|
|
89
|
-
}
|
|
90
|
-
),
|
|
91
|
-
/* @__PURE__ */ e.jsx("div", { className: i.childWrapper, children: n })
|
|
92
|
-
]
|
|
93
|
-
}
|
|
94
|
-
);
|
|
95
|
-
};
|
|
96
|
-
export {
|
|
97
|
-
H as DSFieldset
|
|
98
|
-
};
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { j as a } from "./chunks/jsx-runtime.C-kxDJ4g.js";
|
|
3
|
-
import { c as t } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
-
import { DSIcon as x } from "./icon.PX9_1kNB.js";
|
|
5
|
-
import { DSSpinner as D } from "./spinner.Diy_EeFY.js";
|
|
6
|
-
import './assets/floatingactionbutton.D7ywURL3.css';const S = "_root_1milf_63", j = "_root--dark_1milf_120", H = "_root--small_1milf_160", y = "_loader_1milf_179", N = "_icon--hidden_1milf_191", C = "_label--hidden_1milf_195", o = {
|
|
7
|
-
root: S,
|
|
8
|
-
"root--dark": "_root--dark_1milf_120",
|
|
9
|
-
rootDark: j,
|
|
10
|
-
"root--small": "_root--small_1milf_160",
|
|
11
|
-
rootSmall: H,
|
|
12
|
-
loader: y,
|
|
13
|
-
"icon--hidden": "_icon--hidden_1milf_191",
|
|
14
|
-
iconHidden: N,
|
|
15
|
-
"label--hidden": "_label--hidden_1milf_195",
|
|
16
|
-
labelHidden: C
|
|
17
|
-
}, E = ({
|
|
18
|
-
aria: m,
|
|
19
|
-
children: c,
|
|
20
|
-
className: _,
|
|
21
|
-
dataTrackingid: f,
|
|
22
|
-
disabled: r = !1,
|
|
23
|
-
iconName: i = "placeholder",
|
|
24
|
-
iconSource: s,
|
|
25
|
-
loading: l = !1,
|
|
26
|
-
size: b = "medium",
|
|
27
|
-
theme: e = "light",
|
|
28
|
-
onClick: n,
|
|
29
|
-
...p
|
|
30
|
-
}) => {
|
|
31
|
-
const u = t(
|
|
32
|
-
o.root,
|
|
33
|
-
o.rootIconOnlySmall,
|
|
34
|
-
_,
|
|
35
|
-
{
|
|
36
|
-
// dark theme
|
|
37
|
-
[o.rootDark]: e === "dark",
|
|
38
|
-
// size
|
|
39
|
-
[o.rootSmall]: b === "small"
|
|
40
|
-
}
|
|
41
|
-
), h = t(o.icon, {
|
|
42
|
-
// set icon opacity to 0 when loading to prevent button size from changing
|
|
43
|
-
[o.iconHidden]: l
|
|
44
|
-
}), k = (d) => {
|
|
45
|
-
if (r || l) {
|
|
46
|
-
d.preventDefault();
|
|
47
|
-
return;
|
|
48
|
-
}
|
|
49
|
-
n && n(d);
|
|
50
|
-
};
|
|
51
|
-
return /* @__PURE__ */ a.jsxs(
|
|
52
|
-
"button",
|
|
53
|
-
{
|
|
54
|
-
className: u,
|
|
55
|
-
"data-trackingid": f,
|
|
56
|
-
type: "button",
|
|
57
|
-
onClick: k,
|
|
58
|
-
...m,
|
|
59
|
-
...p,
|
|
60
|
-
"aria-disabled": r || l,
|
|
61
|
-
"aria-busy": l,
|
|
62
|
-
children: [
|
|
63
|
-
l && /* @__PURE__ */ a.jsx(
|
|
64
|
-
D,
|
|
65
|
-
{
|
|
66
|
-
className: o.loader,
|
|
67
|
-
aria: { "aria-label": "Loading state" }
|
|
68
|
-
}
|
|
69
|
-
),
|
|
70
|
-
/* @__PURE__ */ a.jsx("span", { className: t(o.label, o.labelHidden), children: c }),
|
|
71
|
-
(i || s) && /* @__PURE__ */ a.jsx(
|
|
72
|
-
x,
|
|
73
|
-
{
|
|
74
|
-
name: i,
|
|
75
|
-
theme: e,
|
|
76
|
-
source: s,
|
|
77
|
-
className: h,
|
|
78
|
-
"aria-hidden": "true"
|
|
79
|
-
}
|
|
80
|
-
)
|
|
81
|
-
]
|
|
82
|
-
}
|
|
83
|
-
);
|
|
84
|
-
};
|
|
85
|
-
export {
|
|
86
|
-
E as DSFloatingActionButton
|
|
87
|
-
};
|
package/heading.DqGbFfj2.js
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { j as l } from "./chunks/jsx-runtime.C-kxDJ4g.js";
|
|
3
|
-
import { c } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
-
import './assets/heading.CGFucb-C.css';const d = "_root_d88h5_63", u = "_root--x-large_d88h5_66", g = "_root--x-large-uppercase_d88h5_80", h = "_root--large_d88h5_94", n = "_root--large-uppercase_d88h5_108", i = "_root--medium_d88h5_122", x = "_root--medium-uppercase_d88h5_130", L = "_root--small_d88h5_138", U = "_root--small-uppercase_d88h5_146", k = "_root--theme-dark_d88h5_154", o = {
|
|
5
|
-
root: d,
|
|
6
|
-
"root--x-large": "_root--x-large_d88h5_66",
|
|
7
|
-
rootXLarge: u,
|
|
8
|
-
"root--x-large-uppercase": "_root--x-large-uppercase_d88h5_80",
|
|
9
|
-
rootXLargeUppercase: g,
|
|
10
|
-
"root--large": "_root--large_d88h5_94",
|
|
11
|
-
rootLarge: h,
|
|
12
|
-
"root--large-uppercase": "_root--large-uppercase_d88h5_108",
|
|
13
|
-
rootLargeUppercase: n,
|
|
14
|
-
"root--medium": "_root--medium_d88h5_122",
|
|
15
|
-
rootMedium: i,
|
|
16
|
-
"root--medium-uppercase": "_root--medium-uppercase_d88h5_130",
|
|
17
|
-
rootMediumUppercase: x,
|
|
18
|
-
"root--small": "_root--small_d88h5_138",
|
|
19
|
-
rootSmall: L,
|
|
20
|
-
"root--small-uppercase": "_root--small-uppercase_d88h5_146",
|
|
21
|
-
rootSmallUppercase: U,
|
|
22
|
-
"root--theme-dark": "_root--theme-dark_d88h5_154",
|
|
23
|
-
rootThemeDark: k
|
|
24
|
-
}, X = ({
|
|
25
|
-
children: e,
|
|
26
|
-
className: a,
|
|
27
|
-
size: r = "medium",
|
|
28
|
-
tag: t = "h2",
|
|
29
|
-
// default tag because of SEO reasons (h1 should be used only once per page)
|
|
30
|
-
theme: p = "light",
|
|
31
|
-
...s
|
|
32
|
-
}) => {
|
|
33
|
-
const _ = t, m = c(o.root, a, {
|
|
34
|
-
// sizes
|
|
35
|
-
[o.rootXLarge]: r === "x-large",
|
|
36
|
-
[o.rootXLargeUppercase]: r === "x-large-uppercase",
|
|
37
|
-
[o.rootLarge]: r === "large",
|
|
38
|
-
[o.rootLargeUppercase]: r === "large-uppercase",
|
|
39
|
-
[o.rootMedium]: r == "medium",
|
|
40
|
-
[o.rootMediumUppercase]: r == "medium-uppercase",
|
|
41
|
-
[o.rootSmall]: r == "small",
|
|
42
|
-
[o.rootSmallUppercase]: r == "small-uppercase",
|
|
43
|
-
// dark theme
|
|
44
|
-
[o.rootThemeDark]: p === "dark"
|
|
45
|
-
});
|
|
46
|
-
return /* @__PURE__ */ l.jsx(_, { className: m, ...s, children: e });
|
|
47
|
-
};
|
|
48
|
-
export {
|
|
49
|
-
X as DSHeading
|
|
50
|
-
};
|
package/icon.PX9_1kNB.js
DELETED
|
@@ -1,215 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { j as x } from "./chunks/jsx-runtime.C-kxDJ4g.js";
|
|
3
|
-
import { c as E } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
-
import * as b from "react";
|
|
5
|
-
import { useRef as T, useState as y, useEffect as j } from "react";
|
|
6
|
-
import './assets/icon.CB-KQmw4.css';var z = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new WeakMap(), M = 0, V = void 0;
|
|
7
|
-
function D(s) {
|
|
8
|
-
return s ? (_.has(s) || (M += 1, _.set(s, M.toString())), _.get(s)) : "0";
|
|
9
|
-
}
|
|
10
|
-
function L(s) {
|
|
11
|
-
return Object.keys(s).sort().filter(
|
|
12
|
-
(t) => s[t] !== void 0
|
|
13
|
-
).map((t) => `${t}_${t === "root" ? D(s.root) : s[t]}`).toString();
|
|
14
|
-
}
|
|
15
|
-
function q(s) {
|
|
16
|
-
const t = L(s);
|
|
17
|
-
let i = z.get(t);
|
|
18
|
-
if (!i) {
|
|
19
|
-
const e = /* @__PURE__ */ new Map();
|
|
20
|
-
let a;
|
|
21
|
-
const r = new IntersectionObserver((n) => {
|
|
22
|
-
n.forEach((o) => {
|
|
23
|
-
var c;
|
|
24
|
-
const v = o.isIntersecting && a.some((m) => o.intersectionRatio >= m);
|
|
25
|
-
s.trackVisibility && typeof o.isVisible > "u" && (o.isVisible = v), (c = e.get(o.target)) == null || c.forEach((m) => {
|
|
26
|
-
m(v, o);
|
|
27
|
-
});
|
|
28
|
-
});
|
|
29
|
-
}, s);
|
|
30
|
-
a = r.thresholds || (Array.isArray(s.threshold) ? s.threshold : [s.threshold || 0]), i = {
|
|
31
|
-
id: t,
|
|
32
|
-
observer: r,
|
|
33
|
-
elements: e
|
|
34
|
-
}, z.set(t, i);
|
|
35
|
-
}
|
|
36
|
-
return i;
|
|
37
|
-
}
|
|
38
|
-
function N(s, t, i = {}, e = V) {
|
|
39
|
-
if (typeof window.IntersectionObserver > "u" && e !== void 0) {
|
|
40
|
-
const c = s.getBoundingClientRect();
|
|
41
|
-
return t(e, {
|
|
42
|
-
isIntersecting: e,
|
|
43
|
-
target: s,
|
|
44
|
-
intersectionRatio: typeof i.threshold == "number" ? i.threshold : 0,
|
|
45
|
-
time: 0,
|
|
46
|
-
boundingClientRect: c,
|
|
47
|
-
intersectionRect: c,
|
|
48
|
-
rootBounds: c
|
|
49
|
-
}), () => {
|
|
50
|
-
};
|
|
51
|
-
}
|
|
52
|
-
const { id: a, observer: r, elements: n } = q(i), o = n.get(s) || [];
|
|
53
|
-
return n.has(s) || n.set(s, o), o.push(t), r.observe(s), function() {
|
|
54
|
-
o.splice(o.indexOf(t), 1), o.length === 0 && (n.delete(s), r.unobserve(s)), n.size === 0 && (r.disconnect(), z.delete(a));
|
|
55
|
-
};
|
|
56
|
-
}
|
|
57
|
-
function O({
|
|
58
|
-
threshold: s,
|
|
59
|
-
delay: t,
|
|
60
|
-
trackVisibility: i,
|
|
61
|
-
rootMargin: e,
|
|
62
|
-
root: a,
|
|
63
|
-
triggerOnce: r,
|
|
64
|
-
skip: n,
|
|
65
|
-
initialInView: o,
|
|
66
|
-
fallbackInView: c,
|
|
67
|
-
onChange: v
|
|
68
|
-
} = {}) {
|
|
69
|
-
var m;
|
|
70
|
-
const [d, k] = b.useState(null), h = b.useRef(), [g, l] = b.useState({
|
|
71
|
-
inView: !!o,
|
|
72
|
-
entry: void 0
|
|
73
|
-
});
|
|
74
|
-
h.current = v, b.useEffect(
|
|
75
|
-
() => {
|
|
76
|
-
if (n || !d)
|
|
77
|
-
return;
|
|
78
|
-
let f;
|
|
79
|
-
return f = N(
|
|
80
|
-
d,
|
|
81
|
-
(R, S) => {
|
|
82
|
-
l({
|
|
83
|
-
inView: R,
|
|
84
|
-
entry: S
|
|
85
|
-
}), h.current && h.current(R, S), S.isIntersecting && r && f && (f(), f = void 0);
|
|
86
|
-
},
|
|
87
|
-
{
|
|
88
|
-
root: a,
|
|
89
|
-
rootMargin: e,
|
|
90
|
-
threshold: s,
|
|
91
|
-
// @ts-ignore
|
|
92
|
-
trackVisibility: i,
|
|
93
|
-
// @ts-ignore
|
|
94
|
-
delay: t
|
|
95
|
-
},
|
|
96
|
-
c
|
|
97
|
-
), () => {
|
|
98
|
-
f && f();
|
|
99
|
-
};
|
|
100
|
-
},
|
|
101
|
-
// We break the rule here, because we aren't including the actual `threshold` variable
|
|
102
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
103
|
-
[
|
|
104
|
-
// If the threshold is an array, convert it to a string, so it won't change between renders.
|
|
105
|
-
Array.isArray(s) ? s.toString() : s,
|
|
106
|
-
d,
|
|
107
|
-
a,
|
|
108
|
-
e,
|
|
109
|
-
r,
|
|
110
|
-
n,
|
|
111
|
-
i,
|
|
112
|
-
c,
|
|
113
|
-
t
|
|
114
|
-
]
|
|
115
|
-
);
|
|
116
|
-
const u = (m = g.entry) == null ? void 0 : m.target, I = b.useRef();
|
|
117
|
-
!d && u && !r && !n && I.current !== u && (I.current = u, l({
|
|
118
|
-
inView: !!o,
|
|
119
|
-
entry: void 0
|
|
120
|
-
}));
|
|
121
|
-
const p = [k, g.inView, g.entry];
|
|
122
|
-
return p.ref = p[0], p.inView = p[1], p.entry = p[2], p;
|
|
123
|
-
}
|
|
124
|
-
const A = "_image_109vr_63", C = "_image--theme-dark_109vr_72", X = "_image--size-medium_109vr_75", $ = "_image--size-small_109vr_81", B = "_image--size-x-small_109vr_87", w = {
|
|
125
|
-
image: A,
|
|
126
|
-
"image--theme-dark": "_image--theme-dark_109vr_72",
|
|
127
|
-
imageThemeDark: C,
|
|
128
|
-
"image--size-medium": "_image--size-medium_109vr_75",
|
|
129
|
-
imageSizeMedium: X,
|
|
130
|
-
"image--size-small": "_image--size-small_109vr_81",
|
|
131
|
-
imageSizeSmall: $,
|
|
132
|
-
"image--size-x-small": "_image--size-x-small_109vr_87",
|
|
133
|
-
imageSizeXSmall: B
|
|
134
|
-
}, G = (s, t, i) => {
|
|
135
|
-
const e = s[t];
|
|
136
|
-
return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((a, r) => {
|
|
137
|
-
(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(r.bind(null, new Error("Unknown variable dynamic import: " + t + (t.split("/").length !== i ? ". Note that variables only represent file names one level deep." : ""))));
|
|
138
|
-
});
|
|
139
|
-
}, P = (s) => {
|
|
140
|
-
var n;
|
|
141
|
-
const t = T(), [i, e] = y(!1), [a, r] = y(!0);
|
|
142
|
-
return j(() => {
|
|
143
|
-
i && (r(!0), (async () => {
|
|
144
|
-
try {
|
|
145
|
-
t.current = await G(/* @__PURE__ */ Object.assign({ "../../../../icons/dist/assets/360.svg": () => import("./chunks/360.CfjUtgxq.js"), "../../../../icons/dist/assets/academic-cap.svg": () => import("./chunks/academic-cap.OBigTQQS.js"), "../../../../icons/dist/assets/alarm-clock.svg": () => import("./chunks/alarm-clock.CpK-AEZG.js"), "../../../../icons/dist/assets/arrow-clockwise.svg": () => import("./chunks/arrow-clockwise.BefOjGPg.js"), "../../../../icons/dist/assets/arrow-counterclockwise.svg": () => import("./chunks/arrow-counterclockwise.C7Ov32BZ.js"), "../../../../icons/dist/assets/arrow-down-line.svg": () => import("./chunks/arrow-down-line.RDD2pRZY.js"), "../../../../icons/dist/assets/arrow-down.svg": () => import("./chunks/arrow-down.XpokLh98.js"), "../../../../icons/dist/assets/arrow-edge.svg": () => import("./chunks/arrow-edge.CPA93M81.js"), "../../../../icons/dist/assets/arrow-left.svg": () => import("./chunks/arrow-left.C8NG5I2X.js"), "../../../../icons/dist/assets/arrow-out.svg": () => import("./chunks/arrow-out.CsHHHYN9.js"), "../../../../icons/dist/assets/arrow-outline-left.svg": () => import("./chunks/arrow-outline-left.Bhw_LzfV.js"), "../../../../icons/dist/assets/arrow-right.svg": () => import("./chunks/arrow-right.HNwAz18h.js"), "../../../../icons/dist/assets/arrow-up-arrow-down.svg": () => import("./chunks/arrow-up-arrow-down.BVyuVJP5.js"), "../../../../icons/dist/assets/arrow-up.svg": () => import("./chunks/arrow-up.Ca1GnLaY.js"), "../../../../icons/dist/assets/at.svg": () => import("./chunks/at.BNfdp4M0.js"), "../../../../icons/dist/assets/barcode-scanner.svg": () => import("./chunks/barcode-scanner.D0olxB_m.js"), "../../../../icons/dist/assets/battery.svg": () => import("./chunks/battery.YCg9lYqC.js"), "../../../../icons/dist/assets/bell.svg": () => import("./chunks/bell.DbPxCAUM.js"), "../../../../icons/dist/assets/bin-open.svg": () => import("./chunks/bin-open.DsjIBW00.js"), "../../../../icons/dist/assets/bin.svg": () => import("./chunks/bin.ktpYUJmK.js"), "../../../../icons/dist/assets/bluetooth.svg": () => import("./chunks/bluetooth.dW5tTwby.js"), "../../../../icons/dist/assets/bookmark.svg": () => import("./chunks/bookmark.B7Mbr-d6.js"), "../../../../icons/dist/assets/burger.svg": () => import("./chunks/burger.DLP81BXa.js"), "../../../../icons/dist/assets/calendar.svg": () => import("./chunks/calendar.Cig7yG7m.js"), "../../../../icons/dist/assets/camera.svg": () => import("./chunks/camera.BoCB0Emp.js"), "../../../../icons/dist/assets/cart-check.svg": () => import("./chunks/cart-check.CYH0vTB8.js"), "../../../../icons/dist/assets/cart-plus.svg": () => import("./chunks/cart-plus.DzXXFMZj.js"), "../../../../icons/dist/assets/cart.svg": () => import("./chunks/cart.CoEwMABr.js"), "../../../../icons/dist/assets/catalog.svg": () => import("./chunks/catalog.CwV-J6Kb.js"), "../../../../icons/dist/assets/certificate.svg": () => import("./chunks/certificate.Crs4RohK.js"), "../../../../icons/dist/assets/chain-link.svg": () => import("./chunks/chain-link.BMV2WV6k.js"), "../../../../icons/dist/assets/chainsaw.svg": () => import("./chunks/chainsaw.CI1EYF7a.js"), "../../../../icons/dist/assets/check.svg": () => import("./chunks/check.CuZKWgYj.js"), "../../../../icons/dist/assets/chevron-down.svg": () => import("./chunks/chevron-down.5UkGOwK_.js"), "../../../../icons/dist/assets/chevron-left.svg": () => import("./chunks/chevron-left.DRFQ-efY.js"), "../../../../icons/dist/assets/chevron-line-left.svg": () => import("./chunks/chevron-line-left.SQvDJQ1t.js"), "../../../../icons/dist/assets/chevron-line-right.svg": () => import("./chunks/chevron-line-right.CYQ3b2cQ.js"), "../../../../icons/dist/assets/chevron-right.svg": () => import("./chunks/chevron-right.B_Ew9QUt.js"), "../../../../icons/dist/assets/chevron-up.svg": () => import("./chunks/chevron-up.DqETUWqG.js"), "../../../../icons/dist/assets/circle-check-colored.svg": () => import("./chunks/circle-check-colored.Bye_GwLy.js"), "../../../../icons/dist/assets/circle-check-inverted.svg": () => import("./chunks/circle-check-inverted.Cc2cUmWT.js"), "../../../../icons/dist/assets/circle-info-colored.svg": () => import("./chunks/circle-info-colored.DLY6BTL4.js"), "../../../../icons/dist/assets/circle-info-inverted.svg": () => import("./chunks/circle-info-inverted.D8Z0vTmu.js"), "../../../../icons/dist/assets/circle-pause.svg": () => import("./chunks/circle-pause.DaRfXOff.js"), "../../../../icons/dist/assets/circle-stroke.svg": () => import("./chunks/circle-stroke.CWu_o3Gx.js"), "../../../../icons/dist/assets/circle.svg": () => import("./chunks/circle.471EUzv6.js"), "../../../../icons/dist/assets/clock.svg": () => import("./chunks/clock.Bw5ICIVH.js"), "../../../../icons/dist/assets/coffee-cup.svg": () => import("./chunks/coffee-cup.DIijzKx_.js"), "../../../../icons/dist/assets/compare.svg": () => import("./chunks/compare.BgktBbYD.js"), "../../../../icons/dist/assets/connected-box-mobile.svg": () => import("./chunks/connected-box-mobile.DboMCVxp.js"), "../../../../icons/dist/assets/connected-box-stationary.svg": () => import("./chunks/connected-box-stationary.CAPCPQ1d.js"), "../../../../icons/dist/assets/connected-box.svg": () => import("./chunks/connected-box.DVqJw-ws.js"), "../../../../icons/dist/assets/cross.svg": () => import("./chunks/cross.rEw3TuHs.js"), "../../../../icons/dist/assets/diamond-exclamationmark-colored.svg": () => import("./chunks/diamond-exclamationmark-colored.WNKYwZ8q.js"), "../../../../icons/dist/assets/diamond-exclamationmark-inverted.svg": () => import("./chunks/diamond-exclamationmark-inverted.DzAIb8Nt.js"), "../../../../icons/dist/assets/diamond.svg": () => import("./chunks/diamond.CXZHFpPC.js"), "../../../../icons/dist/assets/diskette.svg": () => import("./chunks/diskette._0C2VZ9v.js"), "../../../../icons/dist/assets/distance.svg": () => import("./chunks/distance.FA6pTjcW.js"), "../../../../icons/dist/assets/dots-connected.svg": () => import("./chunks/dots-connected.ZMYjHeNS.js"), "../../../../icons/dist/assets/download-complete.svg": () => import("./chunks/download-complete.CZVpzrvY.js"), "../../../../icons/dist/assets/envelope-open.svg": () => import("./chunks/envelope-open.CA4cE5lk.js"), "../../../../icons/dist/assets/envelope.svg": () => import("./chunks/envelope.re-RxZVw.js"), "../../../../icons/dist/assets/exclamationmark.svg": () => import("./chunks/exclamationmark.DEbIGqGC.js"), "../../../../icons/dist/assets/exit.svg": () => import("./chunks/exit.Cgb8AB-k.js"), "../../../../icons/dist/assets/eye-closed.svg": () => import("./chunks/eye-closed.CvqozUwK.js"), "../../../../icons/dist/assets/eye.svg": () => import("./chunks/eye.CRQMKZs4.js"), "../../../../icons/dist/assets/facebook.svg": () => import("./chunks/facebook.CVcxa0rV.js"), "../../../../icons/dist/assets/filter.svg": () => import("./chunks/filter.DrPSKpaG.js"), "../../../../icons/dist/assets/finger-double-arrow.svg": () => import("./chunks/finger-double-arrow.DDUZoPh8.js"), "../../../../icons/dist/assets/flash.svg": () => import("./chunks/flash.CgJJ1bUx.js"), "../../../../icons/dist/assets/fullscreen.svg": () => import("./chunks/fullscreen.Be2rBj1i.js"), "../../../../icons/dist/assets/gear.svg": () => import("./chunks/gear.DEltGVSA.js"), "../../../../icons/dist/assets/globe.svg": () => import("./chunks/globe.DG6uw6fi.js"), "../../../../icons/dist/assets/grid.svg": () => import("./chunks/grid.DH1impeF.js"), "../../../../icons/dist/assets/guidance.svg": () => import("./chunks/guidance.BBYB3JpW.js"), "../../../../icons/dist/assets/haircross.svg": () => import("./chunks/haircross.D-whkit9.js"), "../../../../icons/dist/assets/hanger.svg": () => import("./chunks/hanger.Bo8qtNo5.js"), "../../../../icons/dist/assets/headphones.svg": () => import("./chunks/headphones.DjWXOuJJ.js"), "../../../../icons/dist/assets/heart.svg": () => import("./chunks/heart.D-BnHMb-.js"), "../../../../icons/dist/assets/hexagon-arrow-clockwise.svg": () => import("./chunks/hexagon-arrow-clockwise.D0eeDQQx.js"), "../../../../icons/dist/assets/horizontal-ellipsis.svg": () => import("./chunks/horizontal-ellipsis.ChdN6RnG.js"), "../../../../icons/dist/assets/house.svg": () => import("./chunks/house.BohpDQ3q.js"), "../../../../icons/dist/assets/imow.svg": () => import("./chunks/imow.Dh1oMqcW.js"), "../../../../icons/dist/assets/info.svg": () => import("./chunks/info.BZVg9FLA.js"), "../../../../icons/dist/assets/instagram.svg": () => import("./chunks/instagram.CIlKb7xj.js"), "../../../../icons/dist/assets/leave-fullscreen.svg": () => import("./chunks/leave-fullscreen.BC5iwDur.js"), "../../../../icons/dist/assets/lightbulb.svg": () => import("./chunks/lightbulb.DQ7TiRsr.js"), "../../../../icons/dist/assets/linkedin.svg": () => import("./chunks/linkedin.br5zvxco.js"), "../../../../icons/dist/assets/list-three-rows.svg": () => import("./chunks/list-three-rows.Cso4ybs8.js"), "../../../../icons/dist/assets/list-two-rows.svg": () => import("./chunks/list-two-rows.DOsZEv0-.js"), "../../../../icons/dist/assets/loading-spinner.svg": () => import("./chunks/loading-spinner.BukfMaU6.js"), "../../../../icons/dist/assets/lock.svg": () => import("./chunks/lock.Dw_GOpTn.js"), "../../../../icons/dist/assets/magnifying-glass-minus.svg": () => import("./chunks/magnifying-glass-minus.BYztw2P1.js"), "../../../../icons/dist/assets/magnifying-glass-plus.svg": () => import("./chunks/magnifying-glass-plus.BTgviDVh.js"), "../../../../icons/dist/assets/magnifying-glass.svg": () => import("./chunks/magnifying-glass.C8DfRaIO.js"), "../../../../icons/dist/assets/map.svg": () => import("./chunks/map.CXgG1iGz.js"), "../../../../icons/dist/assets/minus.svg": () => import("./chunks/minus.BkhCuIH4.js"), "../../../../icons/dist/assets/mobile.svg": () => import("./chunks/mobile.C1Kj9VnC.js"), "../../../../icons/dist/assets/nine-squares.svg": () => import("./chunks/nine-squares.DVsNAOzz.js"), "../../../../icons/dist/assets/note-check.svg": () => import("./chunks/note-check.CM_kmt0M.js"), "../../../../icons/dist/assets/note-plus.svg": () => import("./chunks/note-plus.Bkn78EyA.js"), "../../../../icons/dist/assets/note.svg": () => import("./chunks/note.CE0ACLn8.js"), "../../../../icons/dist/assets/number-input.svg": () => import("./chunks/number-input.BLhoh5mh.js"), "../../../../icons/dist/assets/paperclip.svg": () => import("./chunks/paperclip.BMerX4rj.js"), "../../../../icons/dist/assets/parcel.svg": () => import("./chunks/parcel.Ve9GL_EG.js"), "../../../../icons/dist/assets/pause.svg": () => import("./chunks/pause.B91Ejn-O.js"), "../../../../icons/dist/assets/pdf.svg": () => import("./chunks/pdf.9kZbElrZ.js"), "../../../../icons/dist/assets/pen.svg": () => import("./chunks/pen.CvKw2PvE.js"), "../../../../icons/dist/assets/percent.svg": () => import("./chunks/percent.BlB6rG-B.js"), "../../../../icons/dist/assets/petrol.svg": () => import("./chunks/petrol.Du6qAgp0.js"), "../../../../icons/dist/assets/phone.svg": () => import("./chunks/phone.DzdXfmNC.js"), "../../../../icons/dist/assets/pin-s.svg": () => import("./chunks/pin-s.DXgYuN9C.js"), "../../../../icons/dist/assets/pin.svg": () => import("./chunks/pin.DZfZr4El.js"), "../../../../icons/dist/assets/pinterest.svg": () => import("./chunks/pinterest.sUPAub_q.js"), "../../../../icons/dist/assets/placeholder.svg": () => import("./chunks/placeholder.Dbb0hT5R.js"), "../../../../icons/dist/assets/play.svg": () => import("./chunks/play.BDiY2JrT.js"), "../../../../icons/dist/assets/plug.svg": () => import("./chunks/plug.DZozve4C.js"), "../../../../icons/dist/assets/plus.svg": () => import("./chunks/plus.zdu17kAe.js"), "../../../../icons/dist/assets/printer.svg": () => import("./chunks/printer.CaFaWfeS.js"), "../../../../icons/dist/assets/prohibition-sign.svg": () => import("./chunks/prohibition-sign.DUFn0QiV.js"), "../../../../icons/dist/assets/questionmark.svg": () => import("./chunks/questionmark.QyDxanQy.js"), "../../../../icons/dist/assets/security.svg": () => import("./chunks/security.DkLw5ym4.js"), "../../../../icons/dist/assets/share.svg": () => import("./chunks/share.C3wwEl8n.js"), "../../../../icons/dist/assets/shirt.svg": () => import("./chunks/shirt.BC8W-yCI.js"), "../../../../icons/dist/assets/shop.svg": () => import("./chunks/shop.DdPV35mK.js"), "../../../../icons/dist/assets/sound-off.svg": () => import("./chunks/sound-off.D4kGcehG.js"), "../../../../icons/dist/assets/sound-on.svg": () => import("./chunks/sound-on.Cynkb0_t.js"), "../../../../icons/dist/assets/speechbubble.svg": () => import("./chunks/speechbubble.87vuoKUp.js"), "../../../../icons/dist/assets/speechbubbles.svg": () => import("./chunks/speechbubbles.CSFhpNJn.js"), "../../../../icons/dist/assets/square.svg": () => import("./chunks/square.D6PgEi_r.js"), "../../../../icons/dist/assets/star-half.svg": () => import("./chunks/star-half.DZTtM5Bw.js"), "../../../../icons/dist/assets/star.svg": () => import("./chunks/star.BkjednvI.js"), "../../../../icons/dist/assets/tag.svg": () => import("./chunks/tag.yO7uMsHj.js"), "../../../../icons/dist/assets/thumbs-down.svg": () => import("./chunks/thumbs-down.DeBD6wnK.js"), "../../../../icons/dist/assets/thumbs-up.svg": () => import("./chunks/thumbs-up.D-44gexH.js"), "../../../../icons/dist/assets/triangle-exclamationmark-colored.svg": () => import("./chunks/triangle-exclamationmark-colored.CbVC3Gzi.js"), "../../../../icons/dist/assets/triangle-exclamationmark-inverted.svg": () => import("./chunks/triangle-exclamationmark-inverted.BiGoK7TV.js"), "../../../../icons/dist/assets/triangle.svg": () => import("./chunks/triangle.ibv6NDnt.js"), "../../../../icons/dist/assets/truck.svg": () => import("./chunks/truck.xIk5wW6T.js"), "../../../../icons/dist/assets/two-people-screen.svg": () => import("./chunks/two-people-screen.BBLouaW4.js"), "../../../../icons/dist/assets/two-sheets.svg": () => import("./chunks/two-sheets.DWFmuL7N.js"), "../../../../icons/dist/assets/upload.svg": () => import("./chunks/upload.ZImTAIgx.js"), "../../../../icons/dist/assets/user.svg": () => import("./chunks/user.BMARueuy.js"), "../../../../icons/dist/assets/vertical-ellipsis.svg": () => import("./chunks/vertical-ellipsis.Bc9eBsDF.js"), "../../../../icons/dist/assets/wc.svg": () => import("./chunks/wc.gmKE1r5l.js"), "../../../../icons/dist/assets/whatsapp.svg": () => import("./chunks/whatsapp.CPpu-7Nn.js"), "../../../../icons/dist/assets/wifi-1bar.svg": () => import("./chunks/wifi-1bar.BcEP-r8w.js"), "../../../../icons/dist/assets/wifi-2bars.svg": () => import("./chunks/wifi-2bars.jDOd4Q3q.js"), "../../../../icons/dist/assets/wifi-off.svg": () => import("./chunks/wifi-off.D9xPqVWn.js"), "../../../../icons/dist/assets/wifi.svg": () => import("./chunks/wifi.CuQykF6X.js"), "../../../../icons/dist/assets/wind-rose.svg": () => import("./chunks/wind-rose.C-XcKdy-.js"), "../../../../icons/dist/assets/wrench.svg": () => import("./chunks/wrench.DMFV2S9u.js"), "../../../../icons/dist/assets/x.svg": () => import("./chunks/x.BqbpXd7O.js"), "../../../../icons/dist/assets/xing.svg": () => import("./chunks/xing.CiKYLbPq.js"), "../../../../icons/dist/assets/youtube.svg": () => import("./chunks/youtube.DrImaRSP.js") }), `../../../../icons/dist/assets/${s}.svg`, 8);
|
|
146
|
-
} catch (c) {
|
|
147
|
-
console.error(c);
|
|
148
|
-
} finally {
|
|
149
|
-
r(!1);
|
|
150
|
-
}
|
|
151
|
-
})());
|
|
152
|
-
}, [s, i]), {
|
|
153
|
-
isLoading: a,
|
|
154
|
-
SVGIcon: (n = t.current) == null ? void 0 : n.default,
|
|
155
|
-
setShouldLoad: e
|
|
156
|
-
};
|
|
157
|
-
}, F = ({
|
|
158
|
-
aria: s,
|
|
159
|
-
className: t,
|
|
160
|
-
name: i = "arrow-left",
|
|
161
|
-
size: e = "large",
|
|
162
|
-
source: a,
|
|
163
|
-
theme: r = "light",
|
|
164
|
-
...n
|
|
165
|
-
}) => {
|
|
166
|
-
const { SVGIcon: o, isLoading: c, setShouldLoad: v } = P(i), [, m] = y(i), d = {
|
|
167
|
-
large: 16,
|
|
168
|
-
medium: 12,
|
|
169
|
-
small: 10,
|
|
170
|
-
"x-small": 8
|
|
171
|
-
};
|
|
172
|
-
j(() => {
|
|
173
|
-
m(i);
|
|
174
|
-
}, [i]);
|
|
175
|
-
const { ref: k } = O({
|
|
176
|
-
rootMargin: "200px 0px",
|
|
177
|
-
triggerOnce: !0,
|
|
178
|
-
fallbackInView: !0,
|
|
179
|
-
skip: !!a,
|
|
180
|
-
onChange: (l) => {
|
|
181
|
-
v(l);
|
|
182
|
-
}
|
|
183
|
-
}), h = (l) => (u) => {
|
|
184
|
-
a && u && (u.src = l);
|
|
185
|
-
}, g = E(w.image, t, {
|
|
186
|
-
// custom icons and colored icons do not have a dark theme
|
|
187
|
-
[w.imageThemeDark]: r === "dark" && !a && !i.includes("-colored"),
|
|
188
|
-
[w.imageSizeMedium]: e === "medium",
|
|
189
|
-
[w.imageSizeSmall]: e === "small",
|
|
190
|
-
[w.imageSizeXSmall]: e === "x-small"
|
|
191
|
-
});
|
|
192
|
-
return a ? /* @__PURE__ */ x.jsx(
|
|
193
|
-
"img",
|
|
194
|
-
{
|
|
195
|
-
className: g,
|
|
196
|
-
ref: h(a),
|
|
197
|
-
width: d[e],
|
|
198
|
-
height: d[e],
|
|
199
|
-
loading: "lazy",
|
|
200
|
-
alt: (s == null ? void 0 : s["aria-label"]) || "",
|
|
201
|
-
...n
|
|
202
|
-
}
|
|
203
|
-
) : !c && o ? /* @__PURE__ */ x.jsx(
|
|
204
|
-
o,
|
|
205
|
-
{
|
|
206
|
-
className: g,
|
|
207
|
-
title: (s == null ? void 0 : s["aria-label"]) || "",
|
|
208
|
-
role: s != null && s["aria-label"] ? "img" : void 0,
|
|
209
|
-
...n
|
|
210
|
-
}
|
|
211
|
-
) : /* @__PURE__ */ x.jsx("div", { className: g, ref: k });
|
|
212
|
-
};
|
|
213
|
-
export {
|
|
214
|
-
F as DSIcon
|
|
215
|
-
};
|