@stihl-design-system/components 1.0.0-RC.25 → 1.0.0-RC.27
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/{accordion.Dw3qTPN8.js → accordion.CBaDU14g.js} +2 -2
- package/{actionbutton.wYg4A5a2.js → actionbutton.DEJsLxnQ.js} +2 -2
- package/{actionlink.BoWrs0Mo.js → actionlink.Cs6BTCA3.js} +2 -2
- package/{arialiveregions.DVsA5OTR.js → arialiveregions.Fgcshs5k.js} +1 -1
- package/assets/ActionButton.Ewi0i1hW.css +1 -0
- package/assets/ActionLink.BdPEvuGm.css +1 -0
- package/assets/CustomReactSelect.B9f_KYFg.css +1 -0
- package/assets/Icon.QeJ7TxZs.css +1 -0
- package/assets/InputFile.Dqjz53mb.css +1 -0
- package/assets/InputPassword.BuVQ9dRy.css +1 -0
- package/assets/InputSearch.Dwtb3Mhw.css +1 -0
- package/assets/InputStepper.CBt99L83.css +1 -0
- package/assets/Popover.BDTDsPAt.css +1 -0
- package/assets/Select.CghDnBUQ.css +1 -0
- package/assets/Textarea.BgtH-TTe.css +1 -0
- package/assets/banner.D9EiZqqR.css +1 -0
- package/assets/input.DFwunFjw.css +1 -0
- package/assets/radio.BCB51D_y.css +1 -0
- package/assets/scroller.Hszs1Yq4.css +1 -0
- package/banner.CgQdUb_c.js +55 -0
- package/banner.d.ts +2 -0
- package/{breadcrumb.C07HDyGp.js → breadcrumb.x78HJy5P.js} +3 -3
- package/{button.BBqDvwVm.js → button.BD_04tIG.js} +3 -3
- package/{buttonround.Vy1EygFm.js → buttonround.BT3OfowK.js} +2 -2
- package/{checkbox.CvWI1Jrx.js → checkbox.BktYXQmJ.js} +3 -3
- package/{checkboxgroup.BLpSLo9t.js → checkboxgroup.YK8H0YoX.js} +2 -2
- package/{chip.BsDriMfL.js → chip.BKtNbt4y.js} +2 -2
- package/chipgroup.BWpqUzXF.js +209 -0
- package/chunks/{Accordion.Cjc_1Bu1.js → Accordion.eVOD7J_8.js} +2 -2
- package/chunks/ActionButton.Ck1rGqgm.js +165 -0
- package/chunks/ActionLink.DnUNjoAT.js +138 -0
- package/chunks/{AriaLiveRegions.utils.zSFFD3SF.js → AriaLiveRegions.utils.Cb327d_2.js} +1 -1
- package/chunks/{Breadcrumb.QhD6byzd.js → Breadcrumb.B7g30dIO.js} +3 -3
- package/chunks/{Button.DZNUuPKC.js → Button.CC0qEsuR.js} +4 -4
- package/chunks/{Checkbox.Ch8DBzws.js → Checkbox.BIQAKBVy.js} +3 -3
- package/chunks/{CheckboxGroup.C8D6tjVI.js → CheckboxGroup.DHzpgOWp.js} +3 -3
- package/chunks/{Chip.CHy8cZJz.js → Chip.DifLxHH7.js} +3 -3
- package/chunks/{CustomReactSelect.hdDSE0ON.js → CustomReactSelect.BPnzhvw1.js} +1356 -1593
- package/chunks/{Dialog.DPeGj8-T.js → Dialog.BuEEJ199.js} +2 -2
- package/chunks/{Drawer.BMibxANc.js → Drawer.BXUGmpJI.js} +2 -2
- package/chunks/{Fieldset.DHccz6TP.js → Fieldset.BX46NuLh.js} +2 -2
- package/chunks/Header.Djs1adPW.js +361 -0
- package/chunks/{Icon.CAXZUNWo.js → Icon.C0161Glk.js} +70 -67
- package/chunks/{Input.utils.CCYTBWD_.js → Input.utils.Cnnzvuk4.js} +1 -1
- package/chunks/{InputFile.fltVIulD.js → InputFile.vkkg5Pab.js} +32 -32
- package/chunks/InputPassword.D42uUEGy.js +136 -0
- package/chunks/InputSearch.aIbUXVQU.js +174 -0
- package/chunks/InputStepper.DFEdUWm7.js +263 -0
- package/chunks/{LinkButton.DyTU9sfN.js → LinkButton.DmXVHeyZ.js} +3 -3
- package/chunks/{NavigationTabList.D2NVVTjK.js → NavigationTabList.IQM074Vb.js} +1 -1
- package/chunks/{NavigationTabs.TfdsA8GX.js → NavigationTabs.BofhX8bD.js} +2 -2
- package/chunks/{Notification.BRg1qlng.js → Notification.B-3dPVUE.js} +2 -2
- package/chunks/Popover.hXQTvwwd.js +1685 -0
- package/chunks/{RadioGroup.D9mECdMK.js → RadioGroup.c7YYJdUe.js} +3 -3
- package/chunks/{Select.DCxMPsCm.js → Select.B_EHpk22.js} +25 -25
- package/chunks/{Slider.Cljc14kS.js → Slider.DMSwmGwD.js} +2 -2
- package/chunks/{Tabs.GvcCCCFT.js → Tabs.Bl4K3Kjn.js} +2 -2
- package/chunks/{Text.TS4XdA9e.js → Text.DGWeWF1y.js} +1 -1
- package/chunks/{Textarea.Bs4-nzu8.js → Textarea.Ce26v6ht.js} +54 -54
- package/chunks/{Toast.DawJ9OSY.js → Toast.BHz0vlGz.js} +2 -2
- package/chunks/floating-ui.dom.C9TD1WpB.js +950 -0
- package/chunks/helpers.BbWkXTr3.js +37 -0
- package/chunks/is-animation-disabled.CUl4N3LI.js +20 -0
- package/{combobox.DW_ey38o.js → combobox.AaK6QjRl.js} +1 -1
- package/components/ActionButton/ActionButton.d.ts +9 -5
- package/components/ActionButton/ActionButton.utils.d.ts +4 -2
- package/components/ActionLink/ActionLink.d.ts +9 -5
- package/components/ActionLink/ActionLink.utils.d.ts +4 -2
- package/components/Banner/Banner.d.ts +32 -0
- package/components/Banner/Banner.utils.d.ts +2 -0
- package/components/Button/Button.utils.d.ts +1 -1
- package/components/Header/Header.utils.d.ts +0 -2
- package/components/Icon/Icon.d.ts +1 -1
- package/components/Icon/Icon.utils.d.ts +1 -1
- package/components/Popover/Popover.d.ts +40 -0
- package/components/Popover/Popover.test.d.ts +1 -0
- package/components/Popover/Popover.utils.d.ts +53 -0
- package/components/Popover/Popover.utils.test.d.ts +1 -0
- package/components/Scroller/Scroller.d.ts +20 -0
- package/components/Scroller/Scroller.utils.d.ts +3 -0
- package/components/Tabs/TabList/TabList.d.ts +1 -1
- package/components/Tabs/TabList/TabList.utils.d.ts +0 -4
- package/connected-icon.svg +1 -0
- package/{customreactselect.DcH7h1mb.js → customreactselect.Bu1i8wkh.js} +4 -4
- package/{dialog.D6d_WXOM.js → dialog.CGsUCqhR.js} +2 -2
- package/{drawer.BmQWFOuF.js → drawer.BcAo4TO0.js} +2 -2
- package/{fieldset.D6q9YXrO.js → fieldset.DM9ELUJa.js} +2 -2
- package/{filelist.Dnd5nOdw.js → filelist.Cj9U-Jx8.js} +3 -3
- package/{flag.BR312AU-.js → flag.BHaAfp6B.js} +1 -1
- package/{floatingactionbutton.Do6eNSHq.js → floatingactionbutton.DSZXUHB_.js} +2 -2
- package/{header.5iwPmK5V.js → header.WhQHSuB1.js} +2 -2
- package/{icon.HkVs68n_.js → icon.DwfGhFCd.js} +1 -1
- package/icon.svg +1 -1
- package/imow-icon.svg +1 -0
- package/index.d.ts +6 -0
- package/index.es.js +201 -188
- package/{input.mPceLGnf.js → input.DhxUW3zc.js} +37 -37
- package/{inputfile.CIpE9i-3.js → inputfile.Cmkxf4Vq.js} +6 -6
- package/{inputpassword.DkiyI-yo.js → inputpassword.CaJBCMA0.js} +3 -3
- package/{inputsearch.DcOp_VUd.js → inputsearch.B06DhYzo.js} +4 -4
- package/{inputstepper.D7TpDXst.js → inputstepper.DNY7nzP8.js} +4 -4
- package/{link.B5NZ1QKr.js → link.DGuYGfh2.js} +2 -2
- package/{linkbutton.CMVcQVxI.js → linkbutton.B3q0B_yb.js} +3 -3
- package/{logo.B9taqlZR.js → logo.C96KaG1P.js} +1 -1
- package/mystihl-icon.svg +1 -0
- package/{navigationtablist.BMJTC9qo.js → navigationtablist.CS9yEGdP.js} +2 -2
- package/{navigationtabs.BQeKKIFy.js → navigationtabs.DQ1kE-h4.js} +2 -2
- package/{notification.Bzli8Qlq.js → notification.D8BDaU5x.js} +3 -3
- package/{optioncheckbox.DYKRBTy0.js → optioncheckbox.CEEPAq0u.js} +1 -1
- package/package.json +4 -2
- package/partials/assets.const.js +2 -0
- package/partials/copyAssets.js +4 -2
- package/partials/index.js +109 -81
- package/partials/lib/partials.d.ts +1 -1
- package/popover.BFx99cHg.js +10 -0
- package/popover.d.ts +2 -0
- package/radio.Be4pFOLf.js +134 -0
- package/{radiogroup.BnMkpjvV.js → radiogroup.BRjwP01C.js} +3 -3
- package/scroller.CCA6kFR6.js +123 -0
- package/scroller.d.ts +2 -0
- package/{select.BSvjDIVC.js → select.3zE96eWc.js} +3 -3
- package/{skiptocontent.CQ4aARqd.js → skiptocontent.D1UkPmhD.js} +2 -2
- package/{slider.LRlFFlYL.js → slider.CTCf7Xdm.js} +2 -2
- package/{spinner.t5FHjIEK.js → spinner.CeGt8DxU.js} +1 -1
- package/{switch.QUUSE9ZF.js → switch.CtULjgZq.js} +2 -2
- package/{systemfeedback.BpKZEv4U.js → systemfeedback.CLQCbTF6.js} +1 -1
- package/tablist.Dzwe0_J4.js +256 -0
- package/{tabs.CXkSN2kd.js → tabs.yudjJk9d.js} +2 -2
- package/{text.CPwbk8Gy.js → text.ZOUuesnU.js} +2 -2
- package/{textarea.D0ADOdR6.js → textarea.B_3fPtmd.js} +3 -3
- package/{toast.CYYvK4DJ.js → toast.Bhpwj1NF.js} +3 -3
- package/{toastmanager.k9iGb7MN.js → toastmanager.BHk65ynQ.js} +3 -3
- package/topbar.2b8fjmA4.js +11 -0
- package/utils/get-rect.d.ts +4 -0
- package/utils/get-rect.test.d.ts +1 -0
- package/utils/helpers.d.ts +10 -0
- package/utils/index.d.ts +2 -1
- package/utils/is-animation-disabled.d.ts +14 -0
- package/utils/is-animation-disabled.test.d.ts +1 -0
- package/assets/ActionButton.DZVAnm-p.css +0 -1
- package/assets/ActionLink.DuklSL3c.css +0 -1
- package/assets/CustomReactSelect.B8l6al4B.css +0 -1
- package/assets/Icon.ZNrKuqgu.css +0 -1
- package/assets/InputFile.Dx_CULYq.css +0 -1
- package/assets/InputPassword.CkHF5zCh.css +0 -1
- package/assets/InputSearch.BV8Q2EUL.css +0 -1
- package/assets/InputStepper.DzzrAdma.css +0 -1
- package/assets/Select.e1fTfWmm.css +0 -1
- package/assets/Textarea.BGV7Z0Z9.css +0 -1
- package/assets/input.Cj4tF_F7.css +0 -1
- package/assets/radio.CqaNn1Gz.css +0 -1
- package/chipgroup.D1Km301k.js +0 -186
- package/chunks/ActionButton.DFI8P9-f.js +0 -159
- package/chunks/ActionLink.CLQ1yQZF.js +0 -132
- package/chunks/Header.DPafHEKw.js +0 -384
- package/chunks/InputPassword.C4QhwijC.js +0 -136
- package/chunks/InputSearch.DdWBmEmu.js +0 -174
- package/chunks/InputStepper.BRzbuEho.js +0 -263
- package/chunks/helpers.CcqWV-wZ.js +0 -8
- package/radio.Dm9bDBzM.js +0 -134
- package/tablist.DGGeFOi1.js +0 -266
- package/topbar.BPSDyH0N.js +0 -10
- package/utils/isAnimationDisabled.d.ts +0 -1
- /package/components/{Tabs/TabList/TabList.utils.test.d.ts → Banner/Banner.test.d.ts} +0 -0
|
@@ -0,0 +1,209 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as ce, jsx as le } from "react/jsx-runtime";
|
|
3
|
+
import { useState as Z, useRef as ne, useEffect as q, createElement as ae } from "react";
|
|
4
|
+
import { d as ue } from "./chunks/index.CgTHIF3K.js";
|
|
5
|
+
import { c as se } from "./chunks/index.CEyLAtio.js";
|
|
6
|
+
import { u as de } from "./chunks/useBreakpoint.CMOR9ZOB.js";
|
|
7
|
+
import { g as fe } from "./chunks/AriaLiveRegions.utils.Cb327d_2.js";
|
|
8
|
+
import { v as me, e as pe, a as he } from "./chunks/Chip.DifLxHH7.js";
|
|
9
|
+
import './assets/chipgroup.BGxjdSDX.css';const ge = "ds-chip-group_label--hidden_3zmt2_1", be = "ds-chip-group_root_3zmt2_14", ie = {
|
|
10
|
+
labelHidden: ge,
|
|
11
|
+
root: be
|
|
12
|
+
}, Re = (i) => {
|
|
13
|
+
const e = ue.c(61);
|
|
14
|
+
let d, b, p, g, c, v, S, D, E, L, I, y;
|
|
15
|
+
e[0] !== i ? ({
|
|
16
|
+
chips: d,
|
|
17
|
+
id: p,
|
|
18
|
+
label: g,
|
|
19
|
+
className: b,
|
|
20
|
+
hideLabel: S,
|
|
21
|
+
isRemovable: D,
|
|
22
|
+
lang: E,
|
|
23
|
+
selectionMode: L,
|
|
24
|
+
size: I,
|
|
25
|
+
translations: y,
|
|
26
|
+
onChipsChange: c,
|
|
27
|
+
...v
|
|
28
|
+
} = i, e[0] = i, e[1] = d, e[2] = b, e[3] = p, e[4] = g, e[5] = c, e[6] = v, e[7] = S, e[8] = D, e[9] = E, e[10] = L, e[11] = I, e[12] = y) : (d = e[1], b = e[2], p = e[3], g = e[4], c = e[5], v = e[6], S = e[7], D = e[8], E = e[9], L = e[10], I = e[11], y = e[12]);
|
|
29
|
+
const oe = S === void 0 ? !1 : S, u = D === void 0 ? !1 : D, x = E === void 0 ? "en" : E, f = L === void 0 ? "single" : L, J = I === void 0 ? "medium" : I;
|
|
30
|
+
process.env.NODE_ENV !== "production" && me({
|
|
31
|
+
chips: d,
|
|
32
|
+
id: p,
|
|
33
|
+
label: g
|
|
34
|
+
});
|
|
35
|
+
const [t, w] = Z(null);
|
|
36
|
+
let K;
|
|
37
|
+
e[13] !== d ? (K = () => d.map(ve), e[13] = d, e[14] = K) : K = e[14];
|
|
38
|
+
const [s, $] = Z(K), ee = ne(null), [a, P] = Z();
|
|
39
|
+
let N;
|
|
40
|
+
e[15] === Symbol.for("react.memo_cache_sentinel") ? (N = [], e[15] = N) : N = e[15];
|
|
41
|
+
const _ = ne(N);
|
|
42
|
+
let R, M;
|
|
43
|
+
e[16] !== d ? (R = () => {
|
|
44
|
+
$(d.map(ye));
|
|
45
|
+
}, M = [d], e[16] = d, e[17] = R, e[18] = M) : (R = e[17], M = e[18]), q(R, M);
|
|
46
|
+
let T, z;
|
|
47
|
+
e[19] === Symbol.for("react.memo_cache_sentinel") ? (T = () => {
|
|
48
|
+
he();
|
|
49
|
+
const o = () => P("keydown"), r = () => P(null), h = () => P(null);
|
|
50
|
+
return document.addEventListener("keydown", o), document.addEventListener("mousedown", r), document.addEventListener("touchstart", h), () => {
|
|
51
|
+
document.removeEventListener("keydown", o), document.removeEventListener("mousedown", r), document.removeEventListener("touchstart", h);
|
|
52
|
+
};
|
|
53
|
+
}, z = [], e[19] = T, e[20] = z) : (T = e[19], z = e[20]), q(T, z);
|
|
54
|
+
let B;
|
|
55
|
+
e[21] !== t || e[22] !== a ? (B = () => {
|
|
56
|
+
var o;
|
|
57
|
+
t !== null && _.current[t] && a === "keydown" && ((o = _.current[t]) == null || o.focus());
|
|
58
|
+
}, e[21] = t, e[22] = a, e[23] = B) : B = e[23];
|
|
59
|
+
let F;
|
|
60
|
+
e[24] !== t ? (F = [t], e[24] = t, e[25] = F) : F = e[25], q(B, F);
|
|
61
|
+
let G;
|
|
62
|
+
e[26] !== s.length || e[27] !== t || e[28] !== a ? (G = () => {
|
|
63
|
+
a === "keydown" && t !== null && s.length > 0 && _.current.forEach((o, r) => {
|
|
64
|
+
o && (o.tabIndex = r === t ? 0 : -1, r === t && o.focus());
|
|
65
|
+
});
|
|
66
|
+
}, e[26] = s.length, e[27] = t, e[28] = a, e[29] = G) : G = e[29];
|
|
67
|
+
let H;
|
|
68
|
+
e[30] !== s ? (H = [s], e[30] = s, e[31] = H) : H = e[31], q(G, H);
|
|
69
|
+
let k, C;
|
|
70
|
+
if (e[32] !== s || e[33] !== t || e[34] !== a || e[35] !== u || e[36] !== c || e[37] !== f) {
|
|
71
|
+
C = (l) => {
|
|
72
|
+
if (t === null)
|
|
73
|
+
return;
|
|
74
|
+
let n = t;
|
|
75
|
+
e: switch (l.key) {
|
|
76
|
+
case "a": {
|
|
77
|
+
(l.metaKey || l.ctrlKey) && (l.preventDefault(), o());
|
|
78
|
+
break e;
|
|
79
|
+
}
|
|
80
|
+
case "ArrowRight":
|
|
81
|
+
case "ArrowDown": {
|
|
82
|
+
l.shiftKey && f === "multiple" && !u ? (n = t + 1 > s.length - 1 ? s.length - 1 : t + 1, t !== n ? (r(t), r(n)) : s[t].isSelected || r(t)) : (n = (t + 1) % s.length, l.preventDefault());
|
|
83
|
+
break e;
|
|
84
|
+
}
|
|
85
|
+
case "ArrowLeft":
|
|
86
|
+
case "ArrowUp": {
|
|
87
|
+
l.shiftKey && f === "multiple" && !u ? (n = t - 1 < 0 ? 0 : t - 1, t !== n ? (r(t), r(n)) : s[0].isSelected || r(0)) : (n = (t - 1 + s.length) % s.length, l.preventDefault());
|
|
88
|
+
break e;
|
|
89
|
+
}
|
|
90
|
+
case "Enter":
|
|
91
|
+
case " ": {
|
|
92
|
+
if (l.preventDefault(), u) {
|
|
93
|
+
Y(n);
|
|
94
|
+
return;
|
|
95
|
+
} else
|
|
96
|
+
h(n);
|
|
97
|
+
break e;
|
|
98
|
+
}
|
|
99
|
+
case "Backspace": {
|
|
100
|
+
u && Y(n), l.preventDefault();
|
|
101
|
+
return;
|
|
102
|
+
}
|
|
103
|
+
default:
|
|
104
|
+
return;
|
|
105
|
+
}
|
|
106
|
+
w(n);
|
|
107
|
+
};
|
|
108
|
+
const o = () => {
|
|
109
|
+
if (f !== "multiple")
|
|
110
|
+
return;
|
|
111
|
+
const l = s.map(we);
|
|
112
|
+
$(l), A(`${l.length} items selected`), c && c(l);
|
|
113
|
+
}, r = (l) => {
|
|
114
|
+
if (u)
|
|
115
|
+
return;
|
|
116
|
+
const n = s.map(ke);
|
|
117
|
+
n[l].disabled || (n[l].isSelected = !0, A(`${n[l].label} selected, ${n.filter(Ce).length} items selected`), $(n), c && c(n));
|
|
118
|
+
}, h = (l) => {
|
|
119
|
+
if (u)
|
|
120
|
+
return;
|
|
121
|
+
const n = [...s];
|
|
122
|
+
n[l].disabled || (f === "single" ? n.forEach((m, U) => {
|
|
123
|
+
U === l ? (m.isSelected = !m.isSelected, A(`${m.label} ${m.isSelected ? "selected" : "not selected"}`)) : m.isSelected = !1;
|
|
124
|
+
}) : f === "multiple" && (n[l].isSelected = !n[l].isSelected, A(`${n[l].label} ${n[l].isSelected ? "selected" : "not selected"}, ${n.filter(Se).length} items selected`)), $(n), c && c(n));
|
|
125
|
+
}, Y = (l) => {
|
|
126
|
+
var U;
|
|
127
|
+
const n = s[l], m = s.filter((te, re) => re !== l).map(De);
|
|
128
|
+
if ($(m), A(`${n.label} removed, ${m.length} items remaining`), a === "keydown")
|
|
129
|
+
if (m.length > 0) {
|
|
130
|
+
const te = Math.min(l, m.length - 1);
|
|
131
|
+
w(te);
|
|
132
|
+
} else
|
|
133
|
+
(U = ee.current) == null || U.focus(), w(null);
|
|
134
|
+
c && c(m);
|
|
135
|
+
};
|
|
136
|
+
k = (l) => {
|
|
137
|
+
u ? Y(l) : s[l].disabled || h(l);
|
|
138
|
+
};
|
|
139
|
+
const A = Ee;
|
|
140
|
+
e[32] = s, e[33] = t, e[34] = a, e[35] = u, e[36] = c, e[37] = f, e[38] = k, e[39] = C;
|
|
141
|
+
} else
|
|
142
|
+
k = e[38], C = e[39];
|
|
143
|
+
let V;
|
|
144
|
+
e[40] !== t ? (V = (o) => t === null || t === o ? 0 : -1, e[40] = t, e[41] = V) : V = e[41];
|
|
145
|
+
const Q = V, W = de(oe);
|
|
146
|
+
let j;
|
|
147
|
+
e[42] !== b ? (j = se(ie.root, b), e[42] = b, e[43] = j) : j = e[43];
|
|
148
|
+
const X = j;
|
|
149
|
+
let O;
|
|
150
|
+
return e[44] !== s || e[45] !== t || e[46] !== Q || e[47] !== k || e[48] !== C || e[49] !== W || e[50] !== p || e[51] !== a || e[52] !== u || e[53] !== g || e[54] !== x || e[55] !== v || e[56] !== X || e[57] !== f || e[58] !== J || e[59] !== y ? (O = s.length === 0 ? null : /* @__PURE__ */ ce("div", { children: [
|
|
151
|
+
/* @__PURE__ */ le("div", { id: p, className: se({
|
|
152
|
+
[ie.labelHidden]: W
|
|
153
|
+
}), children: g }),
|
|
154
|
+
s.length > 0 && /* @__PURE__ */ le("div", { ref: ee, role: "grid", "aria-labelledby": p, "aria-multiselectable": f === "multiple", tabIndex: -1, onKeyDown: C, onFocus: () => {
|
|
155
|
+
t === null ? (_.current[0].focus(), a === "keydown" && w(0)) : a === "keydown" && w(t);
|
|
156
|
+
}, onBlur: () => w(null), className: X, ...v, children: s.map((o, r) => /* @__PURE__ */ ae(pe, { ...o, key: `${o.id}-${r}`, groupId: p, tabIndex: Q(r), onClick: (h) => {
|
|
157
|
+
k(r), o.onClick && o.onClick(h);
|
|
158
|
+
}, "data-focused": t === r, isRemovable: u, lang: x, selectionMode: f, size: J, translations: y, ref: (h) => {
|
|
159
|
+
_.current[r] = h;
|
|
160
|
+
} })) })
|
|
161
|
+
] }), e[44] = s, e[45] = t, e[46] = Q, e[47] = k, e[48] = C, e[49] = W, e[50] = p, e[51] = a, e[52] = u, e[53] = g, e[54] = x, e[55] = v, e[56] = X, e[57] = f, e[58] = J, e[59] = y, e[60] = O) : O = e[60], O;
|
|
162
|
+
};
|
|
163
|
+
function ve(i) {
|
|
164
|
+
return {
|
|
165
|
+
...i
|
|
166
|
+
};
|
|
167
|
+
}
|
|
168
|
+
function ye(i) {
|
|
169
|
+
return {
|
|
170
|
+
...i
|
|
171
|
+
};
|
|
172
|
+
}
|
|
173
|
+
function we(i) {
|
|
174
|
+
return {
|
|
175
|
+
...i,
|
|
176
|
+
selected: !i.disabled
|
|
177
|
+
};
|
|
178
|
+
}
|
|
179
|
+
function ke(i) {
|
|
180
|
+
return {
|
|
181
|
+
...i
|
|
182
|
+
};
|
|
183
|
+
}
|
|
184
|
+
function Ce(i) {
|
|
185
|
+
const {
|
|
186
|
+
isSelected: e
|
|
187
|
+
} = i;
|
|
188
|
+
return e;
|
|
189
|
+
}
|
|
190
|
+
function Se(i) {
|
|
191
|
+
const {
|
|
192
|
+
isSelected: e
|
|
193
|
+
} = i;
|
|
194
|
+
return e;
|
|
195
|
+
}
|
|
196
|
+
function De(i) {
|
|
197
|
+
return {
|
|
198
|
+
...i
|
|
199
|
+
};
|
|
200
|
+
}
|
|
201
|
+
function Ee(i) {
|
|
202
|
+
const e = fe();
|
|
203
|
+
e && (e.innerText = i, setTimeout(() => {
|
|
204
|
+
e.innerText = "";
|
|
205
|
+
}, 350));
|
|
206
|
+
}
|
|
207
|
+
export {
|
|
208
|
+
Re as DSChipGroup
|
|
209
|
+
};
|
|
@@ -4,9 +4,9 @@ import { d as ce } from "./index.CgTHIF3K.js";
|
|
|
4
4
|
import { c as O } from "./index.CEyLAtio.js";
|
|
5
5
|
import { forwardRef as ie, useRef as me, useState as pe, useImperativeHandle as de, useEffect as oe } from "react";
|
|
6
6
|
import { DSHeading as ue } from "../heading.BXFBZhKv.js";
|
|
7
|
-
import { D as he } from "./Icon.
|
|
7
|
+
import { D as he } from "./Icon.C0161Glk.js";
|
|
8
8
|
import { NumberIndicator as fe } from "../numberindicator.Ddf3ESi7.js";
|
|
9
|
-
import { g as ee } from "./helpers.
|
|
9
|
+
import { g as ee } from "./helpers.BbWkXTr3.js";
|
|
10
10
|
import '../assets/Accordion.DOcfZwq8.css';const _e = "ds-accordion_details_pa5bl_1", ye = "ds-accordion_summary_pa5bl_115", Se = "ds-accordion_summary--utility--m_pa5bl_154", be = "ds-accordion_summary--flush_pa5bl_183", ge = "ds-accordion_summary--small_pa5bl_251", ve = "ds-accordion_summary-content-wrapper_pa5bl_256", Ce = "ds-accordion_summary-content-wrapper--flush_pa5bl_262", We = "ds-accordion_summary-content-wrapper--chevron-left_pa5bl_266", Ne = "ds-accordion_heading-summary-wrapper_pa5bl_271", we = "ds-accordion_heading-summary_pa5bl_271", De = "ds-accordion_hint_pa5bl_281", Oe = "ds-accordion_icon_pa5bl_295", Ee = "ds-accordion_icon--open_pa5bl_306", Fe = "ds-accordion_content-wrapper_pa5bl_318", Ie = "ds-accordion_content-wrapper--flush_pa5bl_324", Ae = "ds-accordion_content-wrapper--small_pa5bl_328", t = {
|
|
11
11
|
details: _e,
|
|
12
12
|
summary: ye,
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as dt, jsx as d, Fragment as mt } from "react/jsx-runtime";
|
|
3
|
+
import { d as It } from "./index.CgTHIF3K.js";
|
|
4
|
+
import { c as T } from "./index.CEyLAtio.js";
|
|
5
|
+
import { forwardRef as Nt } from "react";
|
|
6
|
+
import { D as bt } from "./Icon.C0161Glk.js";
|
|
7
|
+
import { NumberIndicator as ft } from "../numberindicator.Ddf3ESi7.js";
|
|
8
|
+
import { g } from "./helpers.BbWkXTr3.js";
|
|
9
|
+
import '../assets/ActionButton.Ewi0i1hW.css';const Wt = "ds-action-button_root_16ush_1", wt = "ds-action-button_root--indent-level-1_16ush_72", Tt = "ds-action-button_root--active_16ush_75", gt = "ds-action-button_root--active--with-marker_16ush_78", At = "ds-action-button_root--icon--top_16ush_81", St = "ds-action-button_root--stretched_16ush_106", Pt = "ds-action-button_active-marker_16ush_111", Ct = "ds-action-button_active-marker--with-indent_16ush_123", Ot = "ds-action-button_icon-wrapper_16ush_127", Bt = "ds-action-button_icon-wrapper--x-large_16ush_130", Dt = "ds-action-button_icon-wrapper--with-number-indicator_16ush_133", kt = "ds-action-button_icon-wrapper--with-number-indicator--with-value_16ush_141", Lt = "ds-action-button_label_16ush_145", xt = "ds-action-button_label--bold_16ush_156", Et = "ds-action-button_label--active_16ush_167", Mt = "ds-action-button_label--icon-top_16ush_178", Ut = "ds-action-button_number-indicator_16ush_201", Vt = "ds-action-button_label-wrapper_16ush_205", zt = "ds-action-button_label-wrapper--icon-top_16ush_210", Rt = "ds-action-button_chevron_16ush_214", yt = "ds-action-button_chevron--icon-position-top_16ush_229", Xt = "ds-action-button_chevron--up_16ush_235", jt = "ds-action-button_chevron--right_16ush_246", Ht = "ds-action-button_chevron--left_16ush_257", o = {
|
|
10
|
+
root: Wt,
|
|
11
|
+
rootIndentLevel1: wt,
|
|
12
|
+
rootActive: Tt,
|
|
13
|
+
rootActiveWithMarker: gt,
|
|
14
|
+
rootIconTop: At,
|
|
15
|
+
rootStretched: St,
|
|
16
|
+
activeMarker: Pt,
|
|
17
|
+
activeMarkerWithIndent: Ct,
|
|
18
|
+
iconWrapper: Ot,
|
|
19
|
+
iconWrapperXLarge: Bt,
|
|
20
|
+
iconWrapperWithNumberIndicator: Dt,
|
|
21
|
+
iconWrapperWithNumberIndicatorWithValue: kt,
|
|
22
|
+
label: Lt,
|
|
23
|
+
labelBold: xt,
|
|
24
|
+
labelActive: Et,
|
|
25
|
+
labelIconTop: Mt,
|
|
26
|
+
numberIndicator: Ut,
|
|
27
|
+
labelWrapper: Vt,
|
|
28
|
+
labelWrapperIconTop: zt,
|
|
29
|
+
chevron: Rt,
|
|
30
|
+
chevronIconPositionTop: yt,
|
|
31
|
+
chevronUp: Xt,
|
|
32
|
+
chevronRight: jt,
|
|
33
|
+
chevronLeft: Ht
|
|
34
|
+
}, to = ["left", "top"], oo = ["large", "x-large"], eo = [0, 1], no = ["normal", "bold"], io = ["up", "down", "right", "left"], Ft = ({
|
|
35
|
+
iconName: u,
|
|
36
|
+
iconSize: _,
|
|
37
|
+
iconSource: t,
|
|
38
|
+
iconPosition: a,
|
|
39
|
+
indentLevel: r,
|
|
40
|
+
stretched: l,
|
|
41
|
+
weight: p
|
|
42
|
+
}) => {
|
|
43
|
+
if (u && !t && _ === "x-large" && console.warn(g("DSActionButton", 'An "iconSize" prop set to "x-large" has no effect when "iconName" is set. Please remove the "iconSize" prop or provide a custom icon via the "iconSource" prop.')), a === "top") {
|
|
44
|
+
if (!u && !t)
|
|
45
|
+
throw new Error(g("DSActionButton", 'The "iconPosition" prop should not be set to "top", when no "iconName" or "iconSource" prop was provided. Please either remove the "iconPosition" prop or set a valid icon via the "iconName" or "iconSource" prop.'));
|
|
46
|
+
_ === "x-large" && console.warn(g("DSActionButton", 'An "iconSize" prop set to "x-large" has no effect when "iconPosition" is set to "top". Please remove the "iconSize" prop.')), p === "bold" && console.warn(g("DSActionButton", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), r === 1 && console.warn(g("DSActionButton", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), l && console.warn(g("DSActionButton", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
|
|
47
|
+
}
|
|
48
|
+
}, Gt = Nt((u, _) => {
|
|
49
|
+
const t = It.c(81);
|
|
50
|
+
let a, r, l, p, c, s, n, h, v, A, S, P, C, O, B, D;
|
|
51
|
+
t[0] !== u ? ({
|
|
52
|
+
children: l,
|
|
53
|
+
aria: a,
|
|
54
|
+
chevronDirection: r,
|
|
55
|
+
className: p,
|
|
56
|
+
disabled: A,
|
|
57
|
+
iconName: c,
|
|
58
|
+
iconPosition: S,
|
|
59
|
+
iconSize: P,
|
|
60
|
+
iconSource: s,
|
|
61
|
+
indentLevel: C,
|
|
62
|
+
isActive: O,
|
|
63
|
+
numberIndicatorValue: n,
|
|
64
|
+
stretched: B,
|
|
65
|
+
weight: D,
|
|
66
|
+
onClick: h,
|
|
67
|
+
...v
|
|
68
|
+
} = u, t[0] = u, t[1] = a, t[2] = r, t[3] = l, t[4] = p, t[5] = c, t[6] = s, t[7] = n, t[8] = h, t[9] = v, t[10] = A, t[11] = S, t[12] = P, t[13] = C, t[14] = O, t[15] = B, t[16] = D) : (a = t[1], r = t[2], l = t[3], p = t[4], c = t[5], s = t[6], n = t[7], h = t[8], v = t[9], A = t[10], S = t[11], P = t[12], C = t[13], O = t[14], B = t[15], D = t[16]);
|
|
69
|
+
const i = A === void 0 ? !1 : A, e = S === void 0 ? "left" : S, k = P === void 0 ? "large" : P, y = C === void 0 ? 0 : C, b = O === void 0 ? !1 : O, ut = B === void 0 ? !1 : B, _t = D === void 0 ? "normal" : D;
|
|
70
|
+
process.env.NODE_ENV !== "production" && Ft({
|
|
71
|
+
iconName: c,
|
|
72
|
+
iconSize: k,
|
|
73
|
+
iconSource: s,
|
|
74
|
+
iconPosition: e,
|
|
75
|
+
indentLevel: y,
|
|
76
|
+
stretched: ut,
|
|
77
|
+
weight: _t
|
|
78
|
+
});
|
|
79
|
+
const X = e === "top", j = y === 1, H = b && !i, F = b && !i && e === "left", G = ut === !0 && e === "left";
|
|
80
|
+
let L;
|
|
81
|
+
t[17] !== p || t[18] !== H || t[19] !== F || t[20] !== G || t[21] !== X || t[22] !== j ? (L = T(o.root, p, {
|
|
82
|
+
[o.rootIconTop]: X,
|
|
83
|
+
[o.rootIndentLevel1]: j,
|
|
84
|
+
[o.rootActive]: H,
|
|
85
|
+
[o.rootActiveWithMarker]: F,
|
|
86
|
+
[o.rootStretched]: G
|
|
87
|
+
}), t[17] = p, t[18] = H, t[19] = F, t[20] = G, t[21] = X, t[22] = j, t[23] = L) : L = t[23];
|
|
88
|
+
const Z = L, $ = y === 1;
|
|
89
|
+
let x;
|
|
90
|
+
t[24] !== $ ? (x = T(o.activeMarker, {
|
|
91
|
+
[o.activeMarkerWithIndent]: $
|
|
92
|
+
}), t[24] = $, t[25] = x) : x = t[25];
|
|
93
|
+
const q = x, J = b && !i, K = _t === "bold", Q = e === "top";
|
|
94
|
+
let E;
|
|
95
|
+
t[26] !== J || t[27] !== K || t[28] !== Q ? (E = T(o.label, {
|
|
96
|
+
[o.labelActive]: J,
|
|
97
|
+
[o.labelBold]: K,
|
|
98
|
+
[o.labelIconTop]: Q
|
|
99
|
+
}), t[26] = J, t[27] = K, t[28] = Q, t[29] = E) : E = t[29];
|
|
100
|
+
const Y = E, tt = e === "top";
|
|
101
|
+
let M;
|
|
102
|
+
t[30] !== tt ? (M = T(o.labelWrapper, {
|
|
103
|
+
[o.labelWrapperIconTop]: tt
|
|
104
|
+
}), t[30] = tt, t[31] = M) : M = t[31];
|
|
105
|
+
const ot = M, et = e === "top", nt = r === "up", it = r === "right", rt = r === "left";
|
|
106
|
+
let U;
|
|
107
|
+
t[32] !== et || t[33] !== nt || t[34] !== it || t[35] !== rt ? (U = T(o.chevron, {
|
|
108
|
+
[o.chevronIconPositionTop]: et,
|
|
109
|
+
[o.chevronUp]: nt,
|
|
110
|
+
[o.chevronRight]: it,
|
|
111
|
+
[o.chevronLeft]: rt
|
|
112
|
+
}), t[32] = et, t[33] = nt, t[34] = it, t[35] = rt, t[36] = U) : U = t[36];
|
|
113
|
+
const ct = U, st = k === "x-large", at = (c || s) && (n || n === ""), lt = (c || s) && n;
|
|
114
|
+
let V;
|
|
115
|
+
t[37] !== st || t[38] !== at || t[39] !== lt ? (V = T(o.iconWrapper, {
|
|
116
|
+
[o.iconWrapperXLarge]: st,
|
|
117
|
+
[o.iconWrapperWithNumberIndicator]: at,
|
|
118
|
+
[o.iconWrapperWithNumberIndicatorWithValue]: lt
|
|
119
|
+
}), t[37] = st, t[38] = at, t[39] = lt, t[40] = V) : V = t[40];
|
|
120
|
+
const pt = V;
|
|
121
|
+
let z;
|
|
122
|
+
t[41] !== i || t[42] !== h ? (z = (vt) => {
|
|
123
|
+
if (i) {
|
|
124
|
+
vt.preventDefault();
|
|
125
|
+
return;
|
|
126
|
+
}
|
|
127
|
+
h && h(vt);
|
|
128
|
+
}, t[41] = i, t[42] = h, t[43] = z) : z = t[43];
|
|
129
|
+
const ht = z;
|
|
130
|
+
let f;
|
|
131
|
+
t[44] !== q || t[45] !== e || t[46] !== b ? (f = b && e === "left" && /* @__PURE__ */ d("div", { className: q }), t[44] = q, t[45] = e, t[46] = b, t[47] = f) : f = t[47];
|
|
132
|
+
let m;
|
|
133
|
+
t[48] !== i || t[49] !== c || t[50] !== e || t[51] !== k || t[52] !== s || t[53] !== pt || t[54] !== n ? (m = (c || s) && /* @__PURE__ */ d(mt, { children: /* @__PURE__ */ dt("span", { className: pt, children: [
|
|
134
|
+
/* @__PURE__ */ d(bt, { name: c, theme: "light", source: s, "aria-hidden": "true", size: c || e === "top" ? "large" : k }),
|
|
135
|
+
!i && (e === "left" && n === "" || e === "top" && (n || n === "")) && /* @__PURE__ */ d(ft, { variant: "highlight", label: n })
|
|
136
|
+
] }) }), t[48] = i, t[49] = c, t[50] = e, t[51] = k, t[52] = s, t[53] = pt, t[54] = n, t[55] = m) : m = t[55];
|
|
137
|
+
let I;
|
|
138
|
+
t[56] !== l || t[57] !== Y ? (I = /* @__PURE__ */ d("span", { className: Y, children: l }), t[56] = l, t[57] = Y, t[58] = I) : I = t[58];
|
|
139
|
+
let N;
|
|
140
|
+
t[59] !== ct || t[60] !== r ? (N = r && /* @__PURE__ */ d(bt, { name: "chevron-down", theme: "light", "aria-hidden": "true", className: ct }), t[59] = ct, t[60] = r, t[61] = N) : N = t[61];
|
|
141
|
+
let W;
|
|
142
|
+
t[62] !== ot || t[63] !== I || t[64] !== N ? (W = /* @__PURE__ */ dt("div", { className: ot, children: [
|
|
143
|
+
I,
|
|
144
|
+
N
|
|
145
|
+
] }), t[62] = ot, t[63] = I, t[64] = N, t[65] = W) : W = t[65];
|
|
146
|
+
let w;
|
|
147
|
+
t[66] !== i || t[67] !== e || t[68] !== n ? (w = e === "left" && !i && n && /* @__PURE__ */ d(ft, { variant: "default", label: n, className: o.numberIndicator }), t[66] = i, t[67] = e, t[68] = n, t[69] = w) : w = t[69];
|
|
148
|
+
let R;
|
|
149
|
+
return t[70] !== a || t[71] !== i || t[72] !== ht || t[73] !== _ || t[74] !== v || t[75] !== Z || t[76] !== f || t[77] !== m || t[78] !== W || t[79] !== w ? (R = /* @__PURE__ */ dt("button", { className: Z, type: "button", onClick: ht, ...a, ...v, "aria-disabled": i, ref: _, children: [
|
|
150
|
+
f,
|
|
151
|
+
m,
|
|
152
|
+
W,
|
|
153
|
+
w
|
|
154
|
+
] }), t[70] = a, t[71] = i, t[72] = ht, t[73] = _, t[74] = v, t[75] = Z, t[76] = f, t[77] = m, t[78] = W, t[79] = w, t[80] = R) : R = t[80], R;
|
|
155
|
+
});
|
|
156
|
+
Gt.displayName = "DSActionButton";
|
|
157
|
+
export {
|
|
158
|
+
to as A,
|
|
159
|
+
Gt as D,
|
|
160
|
+
oo as a,
|
|
161
|
+
eo as b,
|
|
162
|
+
no as c,
|
|
163
|
+
io as d,
|
|
164
|
+
Ft as v
|
|
165
|
+
};
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as nt, jsx as w, Fragment as ct } from "react/jsx-runtime";
|
|
3
|
+
import { d as at } from "./index.CgTHIF3K.js";
|
|
4
|
+
import { c as K } from "./index.CEyLAtio.js";
|
|
5
|
+
import { D as st } from "./Icon.C0161Glk.js";
|
|
6
|
+
import { forwardRef as lt } from "react";
|
|
7
|
+
import { NumberIndicator as rt } from "../numberindicator.Ddf3ESi7.js";
|
|
8
|
+
import { g as W } from "./helpers.BbWkXTr3.js";
|
|
9
|
+
import '../assets/ActionLink.BdPEvuGm.css';const pt = "ds-action-link_root_14712_1", dt = "ds-action-link_root--indent-level-1_14712_72", ht = "ds-action-link_root--active_14712_75", _t = "ds-action-link_root--active--with-marker_14712_78", vt = "ds-action-link_root--icon--top_14712_81", mt = "ds-action-link_root--stretched_14712_106", ft = "ds-action-link_active-marker_14712_111", bt = "ds-action-link_active-marker--with-indent_14712_123", kt = "ds-action-link_icon-wrapper_14712_127", It = "ds-action-link_icon-wrapper--x-large_14712_130", Nt = "ds-action-link_icon-wrapper--with-number-indicator_14712_133", ut = "ds-action-link_icon-wrapper--with-number-indicator--with-value_14712_141", At = "ds-action-link_label_14712_145", wt = "ds-action-link_label--bold_14712_156", Wt = "ds-action-link_label--active_14712_167", gt = "ds-action-link_label--icon-top_14712_178", Lt = "ds-action-link_number-indicator_14712_201", o = {
|
|
10
|
+
root: pt,
|
|
11
|
+
rootIndentLevel1: dt,
|
|
12
|
+
rootActive: ht,
|
|
13
|
+
rootActiveWithMarker: _t,
|
|
14
|
+
rootIconTop: vt,
|
|
15
|
+
rootStretched: mt,
|
|
16
|
+
activeMarker: ft,
|
|
17
|
+
activeMarkerWithIndent: bt,
|
|
18
|
+
iconWrapper: kt,
|
|
19
|
+
iconWrapperXLarge: It,
|
|
20
|
+
iconWrapperWithNumberIndicator: Nt,
|
|
21
|
+
iconWrapperWithNumberIndicatorWithValue: ut,
|
|
22
|
+
label: At,
|
|
23
|
+
labelBold: wt,
|
|
24
|
+
labelActive: Wt,
|
|
25
|
+
labelIconTop: gt,
|
|
26
|
+
numberIndicator: Lt
|
|
27
|
+
}, zt = ["left", "top"], Vt = ["large", "x-large"], Kt = [0, 1], yt = ["normal", "bold"], St = ({
|
|
28
|
+
iconName: h,
|
|
29
|
+
iconSize: _,
|
|
30
|
+
iconSource: t,
|
|
31
|
+
iconPosition: c,
|
|
32
|
+
indentLevel: a,
|
|
33
|
+
stretched: s,
|
|
34
|
+
weight: l
|
|
35
|
+
}) => {
|
|
36
|
+
if (h && !t && _ === "x-large" && console.warn(W("DSActionLink", 'An "iconSize" prop set to "x-large" has no effect when "iconName" is set. Please remove the "iconSize" prop or provide a custom icon via the "iconSource" prop.')), c === "top") {
|
|
37
|
+
if (!h && !t)
|
|
38
|
+
throw new Error(W("DSActionLink", 'The "iconPosition" prop should not be set to "top", when no "iconName" or "iconSource" prop was provided. Please either remove the "iconPosition" prop or set a valid icon via the "iconName" or "iconSource" prop.'));
|
|
39
|
+
_ === "x-large" && console.warn(W("DSActionLink", 'An "iconSize" prop set to "x-large" has no effect when "iconPosition" is set to "top". Please remove the "iconSize" prop.')), l === "bold" && console.warn(W("DSActionLink", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), a === 1 && console.warn(W("DSActionLink", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), s && console.warn(W("DSActionLink", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
|
|
40
|
+
}
|
|
41
|
+
}, Pt = lt((h, _) => {
|
|
42
|
+
const t = at.c(71);
|
|
43
|
+
let c, a, s, l, d, n, r, i, v, m, f, g, L, S, P, T, D, x;
|
|
44
|
+
t[0] !== h ? ({
|
|
45
|
+
children: a,
|
|
46
|
+
aria: c,
|
|
47
|
+
className: s,
|
|
48
|
+
download: l,
|
|
49
|
+
href: d,
|
|
50
|
+
iconName: n,
|
|
51
|
+
iconPosition: g,
|
|
52
|
+
iconSize: L,
|
|
53
|
+
iconSource: r,
|
|
54
|
+
indentLevel: S,
|
|
55
|
+
isActive: P,
|
|
56
|
+
numberIndicatorValue: i,
|
|
57
|
+
referrerPolicy: v,
|
|
58
|
+
rel: m,
|
|
59
|
+
stretched: T,
|
|
60
|
+
target: D,
|
|
61
|
+
weight: x,
|
|
62
|
+
...f
|
|
63
|
+
} = h, t[0] = h, t[1] = c, t[2] = a, t[3] = s, t[4] = l, t[5] = d, t[6] = n, t[7] = r, t[8] = i, t[9] = v, t[10] = m, t[11] = f, t[12] = g, t[13] = L, t[14] = S, t[15] = P, t[16] = T, t[17] = D, t[18] = x) : (c = t[1], a = t[2], s = t[3], l = t[4], d = t[5], n = t[6], r = t[7], i = t[8], v = t[9], m = t[10], f = t[11], g = t[12], L = t[13], S = t[14], P = t[15], T = t[16], D = t[17], x = t[18]);
|
|
64
|
+
const e = g === void 0 ? "left" : g, M = L === void 0 ? "large" : L, y = S === void 0 ? 0 : S, p = P === void 0 ? !1 : P, ot = T === void 0 ? !1 : T, B = D === void 0 ? "_self" : D, it = x === void 0 ? "normal" : x;
|
|
65
|
+
process.env.NODE_ENV !== "production" && St({
|
|
66
|
+
iconName: n,
|
|
67
|
+
iconSize: M,
|
|
68
|
+
iconSource: r,
|
|
69
|
+
iconPosition: e,
|
|
70
|
+
indentLevel: y,
|
|
71
|
+
stretched: ot,
|
|
72
|
+
weight: it
|
|
73
|
+
});
|
|
74
|
+
const X = e === "top", j = y === 1, F = p && e === "left", G = ot === !0 && e === "left";
|
|
75
|
+
let C;
|
|
76
|
+
t[19] !== s || t[20] !== p || t[21] !== F || t[22] !== G || t[23] !== X || t[24] !== j ? (C = K(o.root, s, {
|
|
77
|
+
[o.rootIconTop]: X,
|
|
78
|
+
[o.rootIndentLevel1]: j,
|
|
79
|
+
[o.rootActive]: p,
|
|
80
|
+
[o.rootActiveWithMarker]: F,
|
|
81
|
+
[o.rootStretched]: G
|
|
82
|
+
}), t[19] = s, t[20] = p, t[21] = F, t[22] = G, t[23] = X, t[24] = j, t[25] = C) : C = t[25];
|
|
83
|
+
const H = C, R = y === 1;
|
|
84
|
+
let E;
|
|
85
|
+
t[26] !== R ? (E = K(o.activeMarker, {
|
|
86
|
+
[o.activeMarkerWithIndent]: R
|
|
87
|
+
}), t[26] = R, t[27] = E) : E = t[27];
|
|
88
|
+
const Z = E, $ = p && e === "left", q = it === "bold", J = e === "top";
|
|
89
|
+
let O;
|
|
90
|
+
t[28] !== $ || t[29] !== q || t[30] !== J ? (O = K(o.label, {
|
|
91
|
+
[o.labelActive]: $,
|
|
92
|
+
[o.labelBold]: q,
|
|
93
|
+
[o.labelIconTop]: J
|
|
94
|
+
}), t[28] = $, t[29] = q, t[30] = J, t[31] = O) : O = t[31];
|
|
95
|
+
const Q = O, U = M === "x-large", Y = (n || r) && (i || i === ""), tt = (n || r) && i;
|
|
96
|
+
let z;
|
|
97
|
+
t[32] !== U || t[33] !== Y || t[34] !== tt ? (z = K(o.iconWrapper, {
|
|
98
|
+
[o.iconWrapperXLarge]: U,
|
|
99
|
+
[o.iconWrapperWithNumberIndicator]: Y,
|
|
100
|
+
[o.iconWrapperWithNumberIndicatorWithValue]: tt
|
|
101
|
+
}), t[32] = U, t[33] = Y, t[34] = tt, t[35] = z) : z = t[35];
|
|
102
|
+
const et = z, b = d === void 0 ? "span" : "a";
|
|
103
|
+
let k;
|
|
104
|
+
t[36] !== b || t[37] !== l || t[38] !== d || t[39] !== v || t[40] !== m || t[41] !== B ? (k = b === "a" && {
|
|
105
|
+
href: d,
|
|
106
|
+
target: B,
|
|
107
|
+
rel: m,
|
|
108
|
+
referrerPolicy: v,
|
|
109
|
+
download: l
|
|
110
|
+
}, t[36] = b, t[37] = l, t[38] = d, t[39] = v, t[40] = m, t[41] = B, t[42] = k) : k = t[42];
|
|
111
|
+
let I;
|
|
112
|
+
t[43] !== Z || t[44] !== e || t[45] !== p ? (I = p && e === "left" && /* @__PURE__ */ w("div", { className: Z }), t[43] = Z, t[44] = e, t[45] = p, t[46] = I) : I = t[46];
|
|
113
|
+
let N;
|
|
114
|
+
t[47] !== n || t[48] !== e || t[49] !== M || t[50] !== r || t[51] !== et || t[52] !== i ? (N = (n || r) && /* @__PURE__ */ w(ct, { children: /* @__PURE__ */ nt("span", { className: et, children: [
|
|
115
|
+
/* @__PURE__ */ w(st, { name: n, theme: "light", source: r, "aria-hidden": "true", size: n || e === "top" ? "large" : M }),
|
|
116
|
+
(e === "left" && i === "" || e === "top" && (i || i === "")) && /* @__PURE__ */ w(rt, { variant: "highlight", label: i })
|
|
117
|
+
] }) }), t[47] = n, t[48] = e, t[49] = M, t[50] = r, t[51] = et, t[52] = i, t[53] = N) : N = t[53];
|
|
118
|
+
let u;
|
|
119
|
+
t[54] !== a || t[55] !== Q ? (u = /* @__PURE__ */ w("span", { className: Q, children: a }), t[54] = a, t[55] = Q, t[56] = u) : u = t[56];
|
|
120
|
+
let A;
|
|
121
|
+
t[57] !== e || t[58] !== i ? (A = e === "left" && i && /* @__PURE__ */ w(rt, { variant: "default", label: i, className: o.numberIndicator }), t[57] = e, t[58] = i, t[59] = A) : A = t[59];
|
|
122
|
+
let V;
|
|
123
|
+
return t[60] !== b || t[61] !== c || t[62] !== _ || t[63] !== f || t[64] !== H || t[65] !== k || t[66] !== I || t[67] !== N || t[68] !== u || t[69] !== A ? (V = /* @__PURE__ */ nt(b, { className: H, ...k, ...c, ...f, ref: _, children: [
|
|
124
|
+
I,
|
|
125
|
+
N,
|
|
126
|
+
u,
|
|
127
|
+
A
|
|
128
|
+
] }), t[60] = b, t[61] = c, t[62] = _, t[63] = f, t[64] = H, t[65] = k, t[66] = I, t[67] = N, t[68] = u, t[69] = A, t[70] = V) : V = t[70], V;
|
|
129
|
+
});
|
|
130
|
+
Pt.displayName = "DSActionLink";
|
|
131
|
+
export {
|
|
132
|
+
zt as A,
|
|
133
|
+
Pt as D,
|
|
134
|
+
Vt as a,
|
|
135
|
+
Kt as b,
|
|
136
|
+
yt as c,
|
|
137
|
+
St as v
|
|
138
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { h as n } from "./has-window.ut_-aShB.js";
|
|
3
|
-
import { g as r } from "./helpers.
|
|
3
|
+
import { g as r } from "./helpers.BbWkXTr3.js";
|
|
4
4
|
import "./index.CgTHIF3K.js";
|
|
5
5
|
import "react";
|
|
6
6
|
const e = "ds-alert-live-region", t = "ds-status-live-region", c = () => {
|
|
@@ -3,9 +3,9 @@ import { jsx as w, jsxs as V } from "react/jsx-runtime";
|
|
|
3
3
|
import { d as q } from "./index.CgTHIF3K.js";
|
|
4
4
|
import { c as F } from "./index.CEyLAtio.js";
|
|
5
5
|
import { isValidElement as M, useState as I, useEffect as O, cloneElement as R } from "react";
|
|
6
|
-
import { D as K } from "./Button.
|
|
7
|
-
import { DSLink as X } from "../link.
|
|
8
|
-
import { g as d, r as z } from "./helpers.
|
|
6
|
+
import { D as K } from "./Button.CC0qEsuR.js";
|
|
7
|
+
import { DSLink as X } from "../link.DGuYGfh2.js";
|
|
8
|
+
import { g as d, r as z } from "./helpers.BbWkXTr3.js";
|
|
9
9
|
import '../assets/Breadcrumb.BaYrwrYl.css';const G = "ds-breadcrumb_root_1e9hu_1", H = "ds-breadcrumb_show-all-button_1e9hu_30", T = {
|
|
10
10
|
root: G,
|
|
11
11
|
showAllButton: H
|
|
@@ -4,9 +4,9 @@ import { d as ho } from "./index.CgTHIF3K.js";
|
|
|
4
4
|
import { c as io } from "./index.CEyLAtio.js";
|
|
5
5
|
import { forwardRef as uo } from "react";
|
|
6
6
|
import { u as lo } from "./useBreakpoint.CMOR9ZOB.js";
|
|
7
|
-
import { D as _o } from "./Icon.
|
|
8
|
-
import { DSSpinner as go } from "../spinner.
|
|
9
|
-
import { g as ro } from "./helpers.
|
|
7
|
+
import { D as _o } from "./Icon.C0161Glk.js";
|
|
8
|
+
import { DSSpinner as go } from "../spinner.CeGt8DxU.js";
|
|
9
|
+
import { g as ro } from "./helpers.BbWkXTr3.js";
|
|
10
10
|
import '../assets/Button.Dw8H5nFS.css';const mo = "ds-button_root_94r67_1", fo = "ds-button_root--highlight_94r67_75", bo = "ds-button_root--dark-highlight_94r67_75", vo = "ds-button_root--filled_94r67_151", ko = "ds-button_root--outline_94r67_179", po = "ds-button_root--ghost_94r67_206", Do = "ds-button_root--ghost-flush_94r67_231", No = "ds-button_root--small_94r67_237", So = "ds-button_root--navigation_94r67_317", Oo = "ds-button_root--dark-filled_94r67_393", Fo = "ds-button_root--dark-outline_94r67_450", yo = "ds-button_root--dark-ghost_94r67_506", Go = "ds-button_root--dark-ghost-flush_94r67_560", Ho = "ds-button_root--icon-left_94r67_635", Io = "ds-button_root--icon-only_94r67_638", Bo = "ds-button_root--icon-only-small_94r67_647", Lo = "ds-button_icon--navigation_94r67_663", wo = "ds-button_icon--hidden_94r67_670", Co = "ds-button_label--hidden_94r67_674", To = "ds-button_label--loading_94r67_686", Eo = "ds-button_loader_94r67_690", t = {
|
|
11
11
|
root: mo,
|
|
12
12
|
rootHighlight: fo,
|
|
@@ -29,7 +29,7 @@ import '../assets/Button.Dw8H5nFS.css';const mo = "ds-button_root_94r67_1", fo =
|
|
|
29
29
|
labelHidden: Co,
|
|
30
30
|
labelLoading: To,
|
|
31
31
|
loader: Eo
|
|
32
|
-
}, $o = ["medium", "small"], qo = ["
|
|
32
|
+
}, $o = ["medium", "small"], qo = ["highlight", "filled", "outline", "ghost", "navigation"], Po = ({
|
|
33
33
|
variant: m,
|
|
34
34
|
size: f,
|
|
35
35
|
theme: o
|
|
@@ -4,9 +4,9 @@ import { c as p } from "./index.CEyLAtio.js";
|
|
|
4
4
|
import { forwardRef as j, useRef as B, useState as H, useEffect as V, useCallback as $ } from "react";
|
|
5
5
|
import { u as A } from "./useBreakpoint.CMOR9ZOB.js";
|
|
6
6
|
import "./index.CgTHIF3K.js";
|
|
7
|
-
import { D as x } from "./Icon.
|
|
8
|
-
import { DSSystemFeedback as L } from "../systemfeedback.
|
|
9
|
-
import { g as C } from "./helpers.
|
|
7
|
+
import { D as x } from "./Icon.C0161Glk.js";
|
|
8
|
+
import { DSSystemFeedback as L } from "../systemfeedback.CLQCbTF6.js";
|
|
9
|
+
import { g as C } from "./helpers.BbWkXTr3.js";
|
|
10
10
|
import '../assets/Checkbox.BKHQN_tu.css';const O = "ds-checkbox_root_1tuqo_1", U = "ds-checkbox_root--disabled_1tuqo_21", z = "ds-checkbox_checkbox_1tuqo_25", F = "ds-checkbox_icon-check_1tuqo_41", J = "ds-checkbox_icon-minus_1tuqo_42", K = "ds-checkbox_checkbox--invalid_1tuqo_66", Q = "ds-checkbox_label--hidden_1tuqo_71", R = "ds-checkbox_input_1tuqo_84", T = "ds-checkbox_label_1tuqo_71", W = "ds-checkbox_feedback_1tuqo_198", e = {
|
|
11
11
|
root: O,
|
|
12
12
|
rootDisabled: U,
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import { jsx as _ } from "react/jsx-runtime";
|
|
3
3
|
import { d as w } from "./index.CgTHIF3K.js";
|
|
4
4
|
import { c as G } from "./index.CEyLAtio.js";
|
|
5
|
-
import { D as q } from "./Fieldset.
|
|
5
|
+
import { D as q } from "./Fieldset.BX46NuLh.js";
|
|
6
6
|
import S from "react";
|
|
7
|
-
import { g as x, r as N } from "./helpers.
|
|
8
|
-
import { D as z } from "./Checkbox.
|
|
7
|
+
import { g as x, r as N } from "./helpers.BbWkXTr3.js";
|
|
8
|
+
import { D as z } from "./Checkbox.BIQAKBVy.js";
|
|
9
9
|
import '../assets/CheckboxGroup.Dd-Huo7x.css';const F = "ds-checkbox-group_root_12fot_1", H = "ds-checkbox-group_root--horizontal_12fot_9", I = "ds-checkbox-group_root--invalid_12fot_12", g = {
|
|
10
10
|
root: F,
|
|
11
11
|
rootHorizontal: H,
|
|
@@ -4,9 +4,9 @@ import { d as B } from "./index.CgTHIF3K.js";
|
|
|
4
4
|
import { c as W } from "./index.CEyLAtio.js";
|
|
5
5
|
import { forwardRef as Z } from "react";
|
|
6
6
|
import { t as J } from "./translate.nuU7uChI.js";
|
|
7
|
-
import { D as H } from "./Icon.
|
|
8
|
-
import { g as x, r as U } from "./helpers.
|
|
9
|
-
import { g as K } from "./AriaLiveRegions.utils.
|
|
7
|
+
import { D as H } from "./Icon.C0161Glk.js";
|
|
8
|
+
import { g as x, r as U } from "./helpers.BbWkXTr3.js";
|
|
9
|
+
import { g as K } from "./AriaLiveRegions.utils.Cb327d_2.js";
|
|
10
10
|
import '../assets/Chip.dxIYIjj7.css';const Q = "ds-chip-group_chip_aidwn_1", V = "ds-chip-group_chip--small_aidwn_30", M = {
|
|
11
11
|
chip: Q,
|
|
12
12
|
chipSmall: V
|