@stihl-design-system/components 1.0.0-RC.27 → 1.0.0-RC.29
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.CBaDU14g.js → accordion.DkwtJy--.js} +2 -2
- package/{actionbutton.DEJsLxnQ.js → actionbutton.DHt1AL7U.js} +2 -2
- package/{actionlink.Cs6BTCA3.js → actionlink.BML1jenE.js} +2 -2
- package/assets/Accordion.BJb4TOG0.css +1 -0
- package/assets/CustomReactSelect.D0b1Hg1T.css +1 -0
- package/assets/{Fieldset.Cy5r0K7n.css → Fieldset.CW9dBvAo.css} +1 -1
- package/assets/InputFile.CCQxsulT.css +1 -0
- package/assets/InputPassword.124xVOiO.css +1 -0
- package/assets/InputSearch.Bkg-1urJ.css +1 -0
- package/assets/InputStepper.Dth4qZN_.css +1 -0
- package/assets/Select.CYACicZ3.css +1 -0
- package/assets/Slider.DzwSjDPV.css +1 -0
- package/assets/{systemfeedback.BX2zCzSL.css → SystemFeedback.RcrPepSZ.css} +1 -1
- package/assets/Textarea.BXWhXpXx.css +1 -0
- package/assets/input.ONbL-_C1.css +1 -0
- package/assets/radio.CgpGvYc-.css +1 -0
- package/{banner.CgQdUb_c.js → banner.B2YO054K.js} +1 -1
- package/{breadcrumb.x78HJy5P.js → breadcrumb.BS-S3zUI.js} +3 -3
- package/{button.BD_04tIG.js → button.CPilCCUI.js} +3 -3
- package/{buttonround.BT3OfowK.js → buttonround.C426mO4d.js} +2 -2
- package/{checkbox.BktYXQmJ.js → checkbox.BtlUvs0z.js} +3 -3
- package/{checkboxgroup.YK8H0YoX.js → checkboxgroup.C5NgyyQF.js} +2 -2
- package/{chip.BKtNbt4y.js → chip.tVIG1ysH.js} +2 -2
- package/{chipgroup.BWpqUzXF.js → chipgroup.CjIK0Z0x.js} +1 -1
- package/chunks/Accordion.C5V5IcM-.js +170 -0
- package/chunks/ActionButton.CzaWZGPt.js +165 -0
- package/chunks/ActionLink.BlhqDEtq.js +138 -0
- package/chunks/{Breadcrumb.B7g30dIO.js → Breadcrumb.BGzwzvh8.js} +2 -2
- package/chunks/{Button.CC0qEsuR.js → Button.B7xF1E19.js} +2 -2
- package/chunks/{Checkbox.BIQAKBVy.js → Checkbox.DxV7-F5W.js} +14 -14
- package/chunks/{CheckboxGroup.DHzpgOWp.js → CheckboxGroup.Dy_6tiGk.js} +2 -2
- package/chunks/{Chip.DifLxHH7.js → Chip.31UfPwQF.js} +1 -1
- package/chunks/{CustomReactSelect.BPnzhvw1.js → CustomReactSelect.iE5iTdez.js} +380 -379
- package/chunks/{Dialog.BuEEJ199.js → Dialog.B_2pKRnd.js} +1 -1
- package/chunks/{Drawer.BXUGmpJI.js → Drawer.HFlBTcqN.js} +1 -1
- package/chunks/Fieldset.CjIfmN_5.js +74 -0
- package/chunks/Header.BSvyYrIV.js +368 -0
- package/chunks/Icon.DGTYCv63.js +231 -0
- package/chunks/{InputFile.vkkg5Pab.js → InputFile.DvOatDzg.js} +59 -59
- package/chunks/InputPassword.DC2POUc1.js +136 -0
- package/chunks/{InputSearch.aIbUXVQU.js → InputSearch.B0aCuPRZ.js} +38 -38
- package/chunks/InputStepper.B_ZjgY_f.js +263 -0
- package/chunks/{LinkButton.DmXVHeyZ.js → LinkButton.DdTspmJz.js} +1 -1
- package/chunks/{NavigationTabList.IQM074Vb.js → NavigationTabList.dYFYTmWv.js} +1 -1
- package/chunks/{NavigationTabs.BofhX8bD.js → NavigationTabs.ClpVGcl0.js} +1 -1
- package/chunks/{Notification.B-3dPVUE.js → Notification.DIdIhGTQ.js} +2 -2
- package/chunks/{RadioGroup.c7YYJdUe.js → RadioGroup.peTeMK45.js} +2 -2
- package/chunks/Select.BDHLJ2ma.js +162 -0
- package/chunks/Slider.kyVr7BLk.js +292 -0
- package/chunks/SystemFeedback.B9f67mjJ.js +38 -0
- package/chunks/{Tabs.Bl4K3Kjn.js → Tabs.CkVL8Jw8.js} +1 -1
- package/chunks/Textarea.ORkJUx-S.js +163 -0
- package/chunks/{Toast.BHz0vlGz.js → Toast.DHo4pLH3.js} +2 -2
- package/chunks/caret-down.CupuwAF6.js +10 -0
- package/chunks/caret-right.DKtu4PQe.js +10 -0
- package/chunks/collapse.Dvv3mgkv.js +10 -0
- package/combobox.Bk2ycofh.js +60 -0
- package/components/Accordion/Accordion.utils.d.ts +3 -1
- package/components/ActionButton/ActionButton.d.ts +5 -5
- package/components/ActionLink/ActionLink.d.ts +5 -5
- package/components/Combobox/Combobox.d.ts +4 -0
- package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts +1 -1
- package/components/Header/Header.d.ts +1 -1
- package/components/Radio/Radio.d.ts +0 -6
- package/components/SystemFeedback/SystemFeedback.d.ts +13 -5
- package/components/SystemFeedback/SystemFeedback.utils.d.ts +4 -7
- package/components/TopBar/TopBar.d.ts +1 -1
- package/{customreactselect.Bu1i8wkh.js → customreactselect.Hnch9LGg.js} +4 -4
- package/{dialog.CGsUCqhR.js → dialog.7sWoqGwL.js} +2 -2
- package/{drawer.BcAo4TO0.js → drawer.DsF4KIPn.js} +2 -2
- package/{fieldset.DM9ELUJa.js → fieldset.DUFUMcT-.js} +2 -2
- package/{filelist.Cj9U-Jx8.js → filelist.nunJKxkv.js} +7 -7
- package/{flag.BHaAfp6B.js → flag.D_iN8iD6.js} +1 -1
- package/{floatingactionbutton.DSZXUHB_.js → floatingactionbutton.DOH2k0gv.js} +2 -2
- package/{header.WhQHSuB1.js → header.Z4Oxj_xL.js} +1 -1
- package/{icon.DwfGhFCd.js → icon.vMQcEBnH.js} +1 -1
- package/index.d.ts +2 -0
- package/index.es.js +175 -170
- package/input.BKHOY118.js +203 -0
- package/{inputfile.Cmkxf4Vq.js → inputfile.DK8759wV.js} +5 -5
- package/{inputpassword.CaJBCMA0.js → inputpassword.rV_ZZw5F.js} +3 -3
- package/{inputsearch.B06DhYzo.js → inputsearch.CmhakTpa.js} +3 -3
- package/{inputstepper.DNY7nzP8.js → inputstepper.5olvh4tk.js} +3 -3
- package/{link.DGuYGfh2.js → link.D_FjTyoZ.js} +2 -2
- package/{linkbutton.B3q0B_yb.js → linkbutton.D2C4vykc.js} +2 -2
- package/{navigationtablist.CS9yEGdP.js → navigationtablist.CVjh1k-b.js} +2 -2
- package/{navigationtabs.DQ1kE-h4.js → navigationtabs.BGfi9AG2.js} +2 -2
- package/{notification.D8BDaU5x.js → notification.Dn-FZWEL.js} +3 -3
- package/{optioncheckbox.CEEPAq0u.js → optioncheckbox.D97W3zeW.js} +1 -1
- package/package.json +1 -1
- package/partials/index.js +30 -24
- package/partials/lib/partials.d.ts +1 -1
- package/radio.7_N_alaS.js +126 -0
- package/{radiogroup.BRjwP01C.js → radiogroup.J8WpEEo8.js} +3 -3
- package/{scroller.CCA6kFR6.js → scroller.BiRLQg__.js} +1 -1
- package/{select.3zE96eWc.js → select.DIzGPVx3.js} +3 -3
- package/{skiptocontent.D1UkPmhD.js → skiptocontent._F-d8y5b.js} +1 -1
- package/{slider.CTCf7Xdm.js → slider.DuJK0RdB.js} +2 -2
- package/{spinner.CeGt8DxU.js → spinner.Dht6FspZ.js} +1 -1
- package/styles/scss/ds/index.scss +1 -0
- package/styles/scss/ds/lib/ds-internal/_index.scss +1 -0
- package/styles/scss/ds/lib/ds-internal/_input.scss +187 -0
- package/styles/scss/ds/lib/input.scss +26 -0
- package/{switch.CtULjgZq.js → switch.B37S4vfP.js} +2 -2
- package/systemfeedback.C_2PhwKe.js +10 -0
- package/{tablist.Dzwe0_J4.js → tablist.g_Nwu6GA.js} +3 -3
- package/{tabs.yudjJk9d.js → tabs.oh9-wHPp.js} +2 -2
- package/{textarea.B_3fPtmd.js → textarea.dQ12-oYB.js} +2 -2
- package/{toast.Bhpwj1NF.js → toast.sMNbfKxi.js} +3 -3
- package/{toastmanager.BHk65ynQ.js → toastmanager.CVamaS5T.js} +1 -1
- package/{topbar.2b8fjmA4.js → topbar.Bccms0xZ.js} +1 -1
- package/types/icon-types.d.ts +1 -1
- package/assets/Accordion.DOcfZwq8.css +0 -1
- package/assets/CustomReactSelect.B9f_KYFg.css +0 -1
- package/assets/InputFile.Dqjz53mb.css +0 -1
- package/assets/InputPassword.BuVQ9dRy.css +0 -1
- package/assets/InputSearch.Dwtb3Mhw.css +0 -1
- package/assets/InputStepper.CBt99L83.css +0 -1
- package/assets/Select.CghDnBUQ.css +0 -1
- package/assets/Slider.C8i4U4iT.css +0 -1
- package/assets/Textarea.BgtH-TTe.css +0 -1
- package/assets/input.DFwunFjw.css +0 -1
- package/assets/radio.BCB51D_y.css +0 -1
- package/chunks/Accordion.eVOD7J_8.js +0 -154
- package/chunks/ActionButton.Ck1rGqgm.js +0 -165
- package/chunks/ActionLink.DnUNjoAT.js +0 -138
- package/chunks/Fieldset.BX46NuLh.js +0 -74
- package/chunks/Header.Djs1adPW.js +0 -361
- package/chunks/Icon.C0161Glk.js +0 -231
- package/chunks/InputPassword.D42uUEGy.js +0 -136
- package/chunks/InputStepper.DFEdUWm7.js +0 -263
- package/chunks/Select.B_EHpk22.js +0 -162
- package/chunks/Slider.DMSwmGwD.js +0 -292
- package/chunks/Textarea.Ce26v6ht.js +0 -163
- package/combobox.AaK6QjRl.js +0 -58
- package/input.DhxUW3zc.js +0 -203
- package/radio.Be4pFOLf.js +0 -134
- package/systemfeedback.CLQCbTF6.js +0 -44
|
@@ -4,11 +4,11 @@ import { d as Vt } from "./index.CgTHIF3K.js";
|
|
|
4
4
|
import { c as R } from "./index.CEyLAtio.js";
|
|
5
5
|
import { forwardRef as Ot, useState as $t, useRef as Et, useEffect as kt } from "react";
|
|
6
6
|
import { g as Nt, a as qt } from "./helpers.BbWkXTr3.js";
|
|
7
|
-
import { u as
|
|
7
|
+
import { u as xt } from "./useBreakpoint.CMOR9ZOB.js";
|
|
8
8
|
import { Asterisk as Ft } from "../asterisk.CR60hx8S.js";
|
|
9
|
-
import { D as At } from "./Button.
|
|
10
|
-
import {
|
|
11
|
-
import '../assets/InputSearch.
|
|
9
|
+
import { D as At } from "./Button.B7xF1E19.js";
|
|
10
|
+
import { D as Rt } from "./SystemFeedback.B9f67mjJ.js";
|
|
11
|
+
import '../assets/InputSearch.Bkg-1urJ.css';const Tt = "ds-input-search_root_12yjy_1", zt = "ds-input-search_input_12yjy_5", Mt = "ds-input-search_input--small_12yjy_13", Wt = "ds-input-search_input--invalid_12yjy_125", Gt = "ds-input-search_input--has-action-button_12yjy_186", Jt = "ds-input-search_input--has-second-action-button_12yjy_189", Kt = "ds-input-search_hint_12yjy_231", Qt = "ds-input-search_label_12yjy_231", Ut = "ds-input-search_wrapper_12yjy_235", Xt = "ds-input-search_action-button_12yjy_241", Yt = "ds-input-search_second-action-button_12yjy_245", Zt = "ds-input-search_label--hidden_12yjy_263", te = "ds-input-search_label--disabled_12yjy_276", ee = "ds-input-search_feedback_12yjy_296", s = {
|
|
12
12
|
root: Tt,
|
|
13
13
|
input: zt,
|
|
14
14
|
inputSmall: Mt,
|
|
@@ -33,7 +33,7 @@ import '../assets/InputSearch.Dwtb3Mhw.css';const Tt = "ds-input-search_root_563
|
|
|
33
33
|
throw new Error(Nt("DSInputSearch", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputSearch component. If you don't want to display a label, set hideLabel={true}.`));
|
|
34
34
|
}, ne = (a) => !!qt(a, "form"), ae = Ot((a, i) => {
|
|
35
35
|
const t = Vt.c(103);
|
|
36
|
-
let l, d, e, b, f, m,
|
|
36
|
+
let l, d, e, b, f, m, y, c, H, P, V, O, $, q, x, p;
|
|
37
37
|
t[0] !== a ? ({
|
|
38
38
|
id: e,
|
|
39
39
|
label: b,
|
|
@@ -45,35 +45,35 @@ import '../assets/InputSearch.Dwtb3Mhw.css';const Tt = "ds-input-search_root_563
|
|
|
45
45
|
invalid: O,
|
|
46
46
|
readonly: $,
|
|
47
47
|
required: q,
|
|
48
|
-
size:
|
|
48
|
+
size: x,
|
|
49
49
|
systemFeedback: c,
|
|
50
50
|
value: p,
|
|
51
|
-
submitButtonProps:
|
|
51
|
+
submitButtonProps: y,
|
|
52
52
|
onChange: f,
|
|
53
53
|
...m
|
|
54
|
-
} = a, t[0] = a, t[1] = l, t[2] = d, t[3] = e, t[4] = b, t[5] = f, t[6] = m, t[7] =
|
|
55
|
-
const lt = H === void 0 ? "Clear search field" : H, o = P === void 0 ? !1 : P, Ct = V === void 0 ? !1 : V, n = O === void 0 ? !1 : O, r = $ === void 0 ? !1 : $,
|
|
54
|
+
} = a, t[0] = a, t[1] = l, t[2] = d, t[3] = e, t[4] = b, t[5] = f, t[6] = m, t[7] = y, t[8] = c, t[9] = H, t[10] = P, t[11] = V, t[12] = O, t[13] = $, t[14] = q, t[15] = x, t[16] = p) : (l = t[1], d = t[2], e = t[3], b = t[4], f = t[5], m = t[6], y = t[7], c = t[8], H = t[9], P = t[10], V = t[11], O = t[12], $ = t[13], q = t[14], x = t[15], p = t[16]);
|
|
55
|
+
const lt = H === void 0 ? "Clear search field" : H, o = P === void 0 ? !1 : P, Ct = V === void 0 ? !1 : V, n = O === void 0 ? !1 : O, r = $ === void 0 ? !1 : $, _ = q === void 0 ? !1 : q, u = x === void 0 ? "medium" : x;
|
|
56
56
|
process.env.NODE_ENV !== "production" && se({
|
|
57
57
|
id: e,
|
|
58
58
|
label: b
|
|
59
59
|
});
|
|
60
|
-
let
|
|
61
|
-
t[17] !==
|
|
62
|
-
let
|
|
63
|
-
t[19] !==
|
|
60
|
+
let v;
|
|
61
|
+
t[17] !== y ? (v = y || {}, t[17] = y, t[18] = v) : v = t[18];
|
|
62
|
+
let S, B, F;
|
|
63
|
+
t[19] !== v ? ({
|
|
64
64
|
label: F,
|
|
65
|
-
onClick:
|
|
65
|
+
onClick: S,
|
|
66
66
|
...B
|
|
67
|
-
} =
|
|
68
|
-
const ot = F === void 0 ? "Search" : F, [D,
|
|
67
|
+
} = v, t[19] = v, t[20] = S, t[21] = B, t[22] = F) : (S = t[20], B = t[21], F = t[22]);
|
|
68
|
+
const ot = F === void 0 ? "Search" : F, [D, jt] = $t(p), ct = Et(null), T = Et(null);
|
|
69
69
|
let z;
|
|
70
70
|
t[23] !== i ? (z = (h) => {
|
|
71
71
|
T.current = h, typeof i == "function" ? i(h) : i && (i.current = h);
|
|
72
72
|
}, t[23] = i, t[24] = z) : z = t[24];
|
|
73
|
-
const rt = z, ut =
|
|
73
|
+
const rt = z, ut = xt(Ct);
|
|
74
74
|
let M, W;
|
|
75
75
|
t[25] !== p ? (M = () => {
|
|
76
|
-
|
|
76
|
+
jt(p);
|
|
77
77
|
}, W = [p], t[25] = p, t[26] = M, t[27] = W) : (M = t[26], W = t[27]), kt(M, W);
|
|
78
78
|
let G;
|
|
79
79
|
t[28] !== e ? (G = () => {
|
|
@@ -101,17 +101,17 @@ import '../assets/InputSearch.Dwtb3Mhw.css';const Tt = "ds-input-search_root_563
|
|
|
101
101
|
[s.labelHidden]: ut,
|
|
102
102
|
[s.labelDisabled]: o
|
|
103
103
|
}), t[41] = o, t[42] = ut, t[43] = tt) : tt = t[43];
|
|
104
|
-
const mt = tt,
|
|
104
|
+
const mt = tt, yt = u === "small";
|
|
105
105
|
let et;
|
|
106
|
-
t[44] !==
|
|
107
|
-
[s.actionButtonSmall]:
|
|
108
|
-
}), t[44] =
|
|
109
|
-
const
|
|
106
|
+
t[44] !== yt ? (et = R(s.actionButton, {
|
|
107
|
+
[s.actionButtonSmall]: yt
|
|
108
|
+
}), t[44] = yt, t[45] = et) : et = t[45];
|
|
109
|
+
const _t = et, vt = u === "small";
|
|
110
110
|
let st;
|
|
111
|
-
t[46] !==
|
|
112
|
-
[s.secondActionButtonSmall]:
|
|
113
|
-
}), t[46] =
|
|
114
|
-
const
|
|
111
|
+
t[46] !== vt ? (st = R(s.secondActionButton, {
|
|
112
|
+
[s.secondActionButtonSmall]: vt
|
|
113
|
+
}), t[46] = vt, t[47] = st) : st = t[47];
|
|
114
|
+
const St = st, Ht = ie;
|
|
115
115
|
let nt;
|
|
116
116
|
t[48] === Symbol.for("react.memo_cache_sentinel") ? (nt = () => {
|
|
117
117
|
var wt;
|
|
@@ -126,28 +126,28 @@ import '../assets/InputSearch.Dwtb3Mhw.css';const Tt = "ds-input-search_root_563
|
|
|
126
126
|
const Pt = nt;
|
|
127
127
|
let at;
|
|
128
128
|
t[49] !== f ? (at = (h) => {
|
|
129
|
-
|
|
129
|
+
jt(h.target.value), f && f(h);
|
|
130
130
|
}, t[49] = f, t[50] = at) : at = t[50];
|
|
131
131
|
const Bt = at;
|
|
132
132
|
let g;
|
|
133
|
-
t[51] !==
|
|
133
|
+
t[51] !== _ ? (g = _ && /* @__PURE__ */ L(Ft, {}), t[51] = _, t[52] = g) : g = t[52];
|
|
134
134
|
let N;
|
|
135
135
|
t[53] !== e || t[54] !== K || t[55] !== b || t[56] !== mt || t[57] !== g ? (N = /* @__PURE__ */ gt("label", { className: mt, id: K, htmlFor: e, children: [
|
|
136
136
|
b,
|
|
137
137
|
g
|
|
138
138
|
] }), t[53] = e, t[54] = K, t[55] = b, t[56] = mt, t[57] = g, t[58] = N) : N = t[58];
|
|
139
|
-
let
|
|
140
|
-
t[59] !== d || t[60] !== Q ? (
|
|
139
|
+
let j;
|
|
140
|
+
t[59] !== d || t[60] !== Q ? (j = d && /* @__PURE__ */ L("div", { className: s.hint, id: Q, children: d }), t[59] = d, t[60] = Q, t[61] = j) : j = t[61];
|
|
141
141
|
let w;
|
|
142
|
-
t[62] !== n || t[63] !== c || t[64] !== I ? (w = n && c && /* @__PURE__ */ L(Rt, { className: s.feedback, message: c,
|
|
142
|
+
t[62] !== n || t[63] !== c || t[64] !== I ? (w = n && c && /* @__PURE__ */ L(Rt, { className: s.feedback, message: c, variant: "error", id: I }), t[62] = n, t[63] = c, t[64] = I, t[65] = w) : w = t[65];
|
|
143
143
|
const Dt = `${K}${Lt}`;
|
|
144
144
|
let E;
|
|
145
|
-
t[66] !== dt || t[67] !== o || t[68] !== rt || t[69] !== Bt || t[70] !== e || t[71] !== ft || t[72] !== D || t[73] !== n || t[74] !== r || t[75] !==
|
|
145
|
+
t[66] !== dt || t[67] !== o || t[68] !== rt || t[69] !== Bt || t[70] !== e || t[71] !== ft || t[72] !== D || t[73] !== n || t[74] !== r || t[75] !== _ || t[76] !== m || t[77] !== Dt ? (E = /* @__PURE__ */ L("input", { className: ft, id: e, ...m, ref: rt, "aria-labelledby": Dt, "aria-describedby": dt, "aria-invalid": n, "aria-disabled": r, readOnly: r, required: _, disabled: o, type: "search", value: D, onChange: Bt }), t[66] = dt, t[67] = o, t[68] = rt, t[69] = Bt, t[70] = e, t[71] = ft, t[72] = D, t[73] = n, t[74] = r, t[75] = _, t[76] = m, t[77] = Dt, t[78] = E) : E = t[78];
|
|
146
146
|
let k;
|
|
147
|
-
t[79] !==
|
|
147
|
+
t[79] !== St || t[80] !== lt || t[81] !== o || t[82] !== X || t[83] !== r || t[84] !== u ? (k = X && !r && !o && /* @__PURE__ */ L(At, { hideLabel: !0, theme: "light", iconName: "cross", className: St, variant: "ghost", size: u, onClick: Pt, type: "button", tabIndex: -1, children: lt }), t[79] = St, t[80] = lt, t[81] = o, t[82] = X, t[83] = r, t[84] = u, t[85] = k) : k = t[85];
|
|
148
148
|
const It = o || r;
|
|
149
149
|
let A;
|
|
150
|
-
t[86] !==
|
|
150
|
+
t[86] !== S || t[87] !== B || t[88] !== u || t[89] !== _t || t[90] !== ot || t[91] !== It ? (A = /* @__PURE__ */ L(At, { ...B, hideLabel: !0, theme: "light", iconName: "magnifying-glass", className: _t, variant: "ghost", size: u, onClick: S, type: "submit", disabled: It, children: ot }), t[86] = S, t[87] = B, t[88] = u, t[89] = _t, t[90] = ot, t[91] = It, t[92] = A) : A = t[92];
|
|
151
151
|
let C;
|
|
152
152
|
t[93] !== E || t[94] !== k || t[95] !== A ? (C = /* @__PURE__ */ gt("div", { className: s.wrapper, children: [
|
|
153
153
|
E,
|
|
@@ -155,12 +155,12 @@ import '../assets/InputSearch.Dwtb3Mhw.css';const Tt = "ds-input-search_root_563
|
|
|
155
155
|
A
|
|
156
156
|
] }), t[93] = E, t[94] = k, t[95] = A, t[96] = C) : C = t[96];
|
|
157
157
|
let it;
|
|
158
|
-
return t[97] !== pt || t[98] !== N || t[99] !==
|
|
158
|
+
return t[97] !== pt || t[98] !== N || t[99] !== j || t[100] !== w || t[101] !== C ? (it = /* @__PURE__ */ gt("div", { className: pt, ref: ct, children: [
|
|
159
159
|
N,
|
|
160
|
-
|
|
160
|
+
j,
|
|
161
161
|
w,
|
|
162
162
|
C
|
|
163
|
-
] }), t[97] = pt, t[98] = N, t[99] =
|
|
163
|
+
] }), t[97] = pt, t[98] = N, t[99] = j, t[100] = w, t[101] = C, t[102] = it) : it = t[102], it;
|
|
164
164
|
});
|
|
165
165
|
ae.displayName = "DSInputSearch";
|
|
166
166
|
function ie(a, i) {
|
|
@@ -0,0 +1,263 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as S, jsxs as ft } from "react/jsx-runtime";
|
|
3
|
+
import { d as wt } from "./index.CgTHIF3K.js";
|
|
4
|
+
import { c as E } from "./index.CEyLAtio.js";
|
|
5
|
+
import { forwardRef as Lt, useState as ge, useRef as mt, useEffect as bt } from "react";
|
|
6
|
+
import { h as Et } from "./has-window.ut_-aShB.js";
|
|
7
|
+
import { u as Rt } from "./useBreakpoint.CMOR9ZOB.js";
|
|
8
|
+
import { u as gt } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
|
|
9
|
+
import { Asterisk as kt } from "../asterisk.CR60hx8S.js";
|
|
10
|
+
import { D as xt } from "./Button.B7xF1E19.js";
|
|
11
|
+
import { M as _t, a as vt } from "./Input.utils.Cnnzvuk4.js";
|
|
12
|
+
import { D as Ct } from "./SystemFeedback.B9f67mjJ.js";
|
|
13
|
+
import { g as Ge } from "./helpers.BbWkXTr3.js";
|
|
14
|
+
import '../assets/InputStepper.Dth4qZN_.css';const Ft = "ds-input-stepper_input_favgq_1", Pt = "ds-input-stepper_input--small_favgq_9", $t = "ds-input-stepper_input--invalid_favgq_121", Ht = "ds-input-stepper_input--has-affix_favgq_197", Vt = "ds-input-stepper_input--is-ready_favgq_211", Tt = "ds-input-stepper_root_favgq_222", Wt = "ds-input-stepper_hint_favgq_231", Mt = "ds-input-stepper_label_favgq_231", Xt = "ds-input-stepper_wrapper_favgq_235", jt = "ds-input-stepper_affix_favgq_241", zt = "ds-input-stepper_affix--small_favgq_262", Gt = "ds-input-stepper_affix--disabled_favgq_275", Ot = "ds-input-stepper_prefix_favgq_283", Ut = "ds-input-stepper_affix--readonly_favgq_286", Jt = "ds-input-stepper_suffix_favgq_296", Kt = "ds-input-stepper_action-button_favgq_303", Qt = "ds-input-stepper_label--hidden_favgq_321", Yt = "ds-input-stepper_label--disabled_favgq_334", Zt = "ds-input-stepper_feedback_favgq_354", en = "ds-input-stepper_second-action-button_favgq_368", tn = "ds-input-stepper_value-announcer_favgq_372", t = {
|
|
15
|
+
input: Ft,
|
|
16
|
+
inputSmall: Pt,
|
|
17
|
+
inputInvalid: $t,
|
|
18
|
+
inputHasAffix: Ht,
|
|
19
|
+
inputIsReady: Vt,
|
|
20
|
+
root: Tt,
|
|
21
|
+
hint: Wt,
|
|
22
|
+
label: Mt,
|
|
23
|
+
wrapper: Xt,
|
|
24
|
+
affix: jt,
|
|
25
|
+
affixSmall: zt,
|
|
26
|
+
affixDisabled: Gt,
|
|
27
|
+
prefix: Ot,
|
|
28
|
+
affixReadonly: Ut,
|
|
29
|
+
suffix: Jt,
|
|
30
|
+
actionButton: Kt,
|
|
31
|
+
labelHidden: Qt,
|
|
32
|
+
labelDisabled: Yt,
|
|
33
|
+
feedback: Zt,
|
|
34
|
+
secondActionButton: en,
|
|
35
|
+
valueAnnouncer: tn
|
|
36
|
+
}, nn = ({
|
|
37
|
+
id: R,
|
|
38
|
+
label: I,
|
|
39
|
+
prefix: e,
|
|
40
|
+
suffix: p
|
|
41
|
+
}) => {
|
|
42
|
+
if (!R)
|
|
43
|
+
throw new Error(Ge("DSInputStepper", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputStepper component.'));
|
|
44
|
+
if (!I)
|
|
45
|
+
throw new Error(Ge("DSInputStepper", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputStepper component. If you don't want to display a label, set hideLabel={true}.`));
|
|
46
|
+
e && e.length > _t && console.warn(Ge("DSInputStepper", `Prefix length must not exceed ${_t} characters.`)), p && p.length > vt && console.warn(Ge("DSInputStepper", `Suffix length must not exceed ${vt} characters.`));
|
|
47
|
+
}, sn = Lt((R, I) => {
|
|
48
|
+
const e = wt.c(187);
|
|
49
|
+
let p, k, m, s, C, b, _, l, A, a, d, te, ne, se, le, ae, ie, oe, re, ce, ue, v;
|
|
50
|
+
e[0] !== R ? ({
|
|
51
|
+
id: s,
|
|
52
|
+
label: b,
|
|
53
|
+
announcementText: te,
|
|
54
|
+
className: p,
|
|
55
|
+
disabled: se,
|
|
56
|
+
decreaseAmountButtonProps: k,
|
|
57
|
+
hint: m,
|
|
58
|
+
hideLabel: le,
|
|
59
|
+
invalid: ae,
|
|
60
|
+
increaseAmountButtonProps: C,
|
|
61
|
+
prefix: l,
|
|
62
|
+
max: ie,
|
|
63
|
+
min: oe,
|
|
64
|
+
readonly: re,
|
|
65
|
+
required: ce,
|
|
66
|
+
size: ue,
|
|
67
|
+
step: ne,
|
|
68
|
+
suffix: a,
|
|
69
|
+
systemFeedback: d,
|
|
70
|
+
value: v,
|
|
71
|
+
onChange: _,
|
|
72
|
+
...A
|
|
73
|
+
} = R, e[0] = R, e[1] = p, e[2] = k, e[3] = m, e[4] = s, e[5] = C, e[6] = b, e[7] = _, e[8] = l, e[9] = A, e[10] = a, e[11] = d, e[12] = te, e[13] = ne, e[14] = se, e[15] = le, e[16] = ae, e[17] = ie, e[18] = oe, e[19] = re, e[20] = ce, e[21] = ue, e[22] = v) : (p = e[1], k = e[2], m = e[3], s = e[4], C = e[5], b = e[6], _ = e[7], l = e[8], A = e[9], a = e[10], d = e[11], te = e[12], ne = e[13], se = e[14], le = e[15], ae = e[16], ie = e[17], oe = e[18], re = e[19], ce = e[20], ue = e[21], v = e[22]);
|
|
74
|
+
const de = te === void 0 ? "Value changed to" : te, c = se === void 0 ? !1 : se, yt = le === void 0 ? !1 : le, o = ae === void 0 ? !1 : ae, F = ie === void 0 ? 100 : ie, P = oe === void 0 ? 0 : oe, h = re === void 0 ? !1 : re, D = ce === void 0 ? !1 : ce, n = ue === void 0 ? "medium" : ue, pe = ne === void 0 ? 1 : ne;
|
|
75
|
+
process.env.NODE_ENV !== "production" && nn({
|
|
76
|
+
id: s,
|
|
77
|
+
label: b,
|
|
78
|
+
prefix: l,
|
|
79
|
+
suffix: a
|
|
80
|
+
});
|
|
81
|
+
let $;
|
|
82
|
+
e[23] !== k ? ($ = k || {}, e[23] = k, e[24] = $) : $ = e[24];
|
|
83
|
+
let H, fe;
|
|
84
|
+
e[25] !== $ ? ({
|
|
85
|
+
label: fe,
|
|
86
|
+
...H
|
|
87
|
+
} = $, e[25] = $, e[26] = H, e[27] = fe) : (H = e[26], fe = e[27]);
|
|
88
|
+
const Oe = fe === void 0 ? "Decrease" : fe;
|
|
89
|
+
let V;
|
|
90
|
+
e[28] !== C ? (V = C || {}, e[28] = C, e[29] = V) : V = e[29];
|
|
91
|
+
let T, me;
|
|
92
|
+
e[30] !== V ? ({
|
|
93
|
+
label: me,
|
|
94
|
+
...T
|
|
95
|
+
} = V, e[30] = V, e[31] = T, e[32] = me) : (T = e[31], me = e[32]);
|
|
96
|
+
const Ue = me === void 0 ? "Increase" : me, [be, St] = ge(!1), [g, Je] = ge(v), [x, ht] = ge(""), [Ke, It] = ge(!1);
|
|
97
|
+
let xe;
|
|
98
|
+
e[33] === Symbol.for("react.memo_cache_sentinel") ? (xe = {}, e[33] = xe) : xe = e[33];
|
|
99
|
+
const [_e, At] = ge(xe), y = mt(null);
|
|
100
|
+
let ye;
|
|
101
|
+
e[34] !== I ? (ye = (i) => {
|
|
102
|
+
y.current = i, typeof I == "function" ? I(i) : I && (I.current = i);
|
|
103
|
+
}, e[34] = I, e[35] = ye) : ye = e[35];
|
|
104
|
+
const ve = ye;
|
|
105
|
+
let Se;
|
|
106
|
+
e[36] !== l ? (Se = l == null ? void 0 : l.substring(0, _t), e[36] = l, e[37] = Se) : Se = e[37];
|
|
107
|
+
const Qe = Se, Ye = mt(null);
|
|
108
|
+
let Ie;
|
|
109
|
+
e[38] !== a ? (Ie = a == null ? void 0 : a.substring(0, vt), e[38] = a, e[39] = Ie) : Ie = e[39];
|
|
110
|
+
const Ze = Ie, et = mt(null), he = Rt(yt);
|
|
111
|
+
let Ae, De;
|
|
112
|
+
e[40] !== v ? (Ae = () => {
|
|
113
|
+
v && Je(v);
|
|
114
|
+
}, De = [v], e[40] = v, e[41] = Ae, e[42] = De) : (Ae = e[41], De = e[42]), bt(Ae, De);
|
|
115
|
+
let qe, Ne;
|
|
116
|
+
e[43] !== x ? (qe = () => {
|
|
117
|
+
if (x) {
|
|
118
|
+
const i = setTimeout(() => {
|
|
119
|
+
ht("");
|
|
120
|
+
}, 3e3);
|
|
121
|
+
return () => clearTimeout(i);
|
|
122
|
+
}
|
|
123
|
+
}, Ne = [x], e[43] = x, e[44] = qe, e[45] = Ne) : (qe = e[44], Ne = e[45]), bt(qe, Ne);
|
|
124
|
+
let Be, we;
|
|
125
|
+
e[46] === Symbol.for("react.memo_cache_sentinel") ? (Be = () => {
|
|
126
|
+
var f;
|
|
127
|
+
const i = ln;
|
|
128
|
+
return (f = y.current) == null || f.addEventListener("wheel", i, {
|
|
129
|
+
passive: !1
|
|
130
|
+
}), () => {
|
|
131
|
+
var u;
|
|
132
|
+
(u = y.current) == null || u.removeEventListener("wheel", i);
|
|
133
|
+
};
|
|
134
|
+
}, we = [], e[46] = Be, e[47] = we) : (Be = e[46], we = e[47]), bt(Be, we);
|
|
135
|
+
let Le;
|
|
136
|
+
e[48] !== n ? (Le = () => {
|
|
137
|
+
const i = n === "medium" ? 16 : 8, f = {};
|
|
138
|
+
if (Ye.current) {
|
|
139
|
+
const u = Ye.current.offsetWidth;
|
|
140
|
+
f.paddingInlineStart = i + u + "px";
|
|
141
|
+
}
|
|
142
|
+
if (et.current) {
|
|
143
|
+
const u = et.current.offsetWidth;
|
|
144
|
+
f.paddingInlineEnd = i + u + "px";
|
|
145
|
+
}
|
|
146
|
+
At(f), St(!0);
|
|
147
|
+
}, e[48] = n, e[49] = Le) : Le = e[49];
|
|
148
|
+
let Ee;
|
|
149
|
+
e[50] !== Ke || e[51] !== l || e[52] !== n || e[53] !== a ? (Ee = [l, a, n, Ke], e[50] = Ke, e[51] = l, e[52] = n, e[53] = a, e[54] = Ee) : Ee = e[54], gt(Le, Ee);
|
|
150
|
+
let Re, ke;
|
|
151
|
+
e[55] === Symbol.for("react.memo_cache_sentinel") ? (Re = () => {
|
|
152
|
+
Et && (async () => {
|
|
153
|
+
"fonts" in document && (await document.fonts.load('1em "STIHL Contraface Digital Text Regular"'), It(!0));
|
|
154
|
+
})();
|
|
155
|
+
}, ke = [], e[55] = Re, e[56] = ke) : (Re = e[55], ke = e[56]), gt(Re, ke);
|
|
156
|
+
const tt = n === "small";
|
|
157
|
+
let W, M, X, j, z, G, q, O, U, N, B, w, L;
|
|
158
|
+
if (e[57] !== de || e[58] !== p || e[59] !== c || e[60] !== Qe || e[61] !== Ze || e[62] !== ve || e[63] !== he || e[64] !== m || e[65] !== s || e[66] !== _e || e[67] !== g || e[68] !== o || e[69] !== be || e[70] !== b || e[71] !== F || e[72] !== P || e[73] !== _ || e[74] !== l || e[75] !== h || e[76] !== D || e[77] !== A || e[78] !== n || e[79] !== pe || e[80] !== a || e[81] !== d || e[82] !== tt || e[83] !== x) {
|
|
159
|
+
const i = E(t.affix, {
|
|
160
|
+
[t.affixSmall]: tt,
|
|
161
|
+
[t.affixDisabled]: c,
|
|
162
|
+
[t.affixReadonly]: h
|
|
163
|
+
}), f = `${s}-label`, u = `${s}-feedback`, Fe = `${s}-hint`, Y = `${s}-value-announcer`, Dt = m ? ` ${Fe}` : "";
|
|
164
|
+
let Pe;
|
|
165
|
+
e[97] !== p ? (Pe = E(t.root, p), e[97] = p, e[98] = Pe) : Pe = e[98];
|
|
166
|
+
const qt = Pe, lt = n === "small", at = l || a;
|
|
167
|
+
let $e;
|
|
168
|
+
e[99] !== o || e[100] !== be || e[101] !== lt || e[102] !== at ? ($e = E(t.input, {
|
|
169
|
+
[t.inputSmall]: lt,
|
|
170
|
+
[t.inputInvalid]: o,
|
|
171
|
+
[t.inputHasAffix]: at,
|
|
172
|
+
[t.inputIsReady]: be
|
|
173
|
+
}), e[99] = o, e[100] = be, e[101] = lt, e[102] = at, e[103] = $e) : $e = e[103];
|
|
174
|
+
const it = $e;
|
|
175
|
+
let He;
|
|
176
|
+
e[104] !== c || e[105] !== he ? (He = E(t.label, {
|
|
177
|
+
[t.labelHidden]: he,
|
|
178
|
+
[t.labelDisabled]: c
|
|
179
|
+
}), e[104] = c, e[105] = he, e[106] = He) : He = e[106];
|
|
180
|
+
const ot = He, rt = n === "small";
|
|
181
|
+
let Ve;
|
|
182
|
+
e[107] !== rt ? (Ve = E(t.secondActionButton, {
|
|
183
|
+
[t.secondActionButtonSmall]: rt
|
|
184
|
+
}), e[107] = rt, e[108] = Ve) : Ve = e[108], W = Ve;
|
|
185
|
+
const ct = n === "small";
|
|
186
|
+
let Te;
|
|
187
|
+
e[109] !== ct ? (Te = E(t.actionButton, {
|
|
188
|
+
[t.actionButtonSmall]: ct
|
|
189
|
+
}), e[109] = ct, e[110] = Te) : Te = e[110], j = Te;
|
|
190
|
+
let We;
|
|
191
|
+
e[111] !== o || e[112] !== d || e[113] !== u || e[114] !== Y ? (We = () => {
|
|
192
|
+
const r = [Y];
|
|
193
|
+
return o && d && r.push(u), r.join(" ");
|
|
194
|
+
}, e[111] = o, e[112] = d, e[113] = u, e[114] = Y, e[115] = We) : We = e[115];
|
|
195
|
+
const Nt = We;
|
|
196
|
+
let Me;
|
|
197
|
+
e[116] !== de ? (Me = () => {
|
|
198
|
+
var r;
|
|
199
|
+
if (y.current) {
|
|
200
|
+
Je(y.current.value);
|
|
201
|
+
const Bt = new Event("change", {
|
|
202
|
+
bubbles: !0
|
|
203
|
+
});
|
|
204
|
+
(r = y.current) == null || r.dispatchEvent(Bt), ht(`${de} ${y.current.value}`);
|
|
205
|
+
}
|
|
206
|
+
}, e[116] = de, e[117] = Me) : Me = e[117];
|
|
207
|
+
const Z = Me;
|
|
208
|
+
let Xe;
|
|
209
|
+
e[118] !== Z ? (Xe = () => {
|
|
210
|
+
var r;
|
|
211
|
+
(r = y.current) == null || r.stepDown(), Z();
|
|
212
|
+
}, e[118] = Z, e[119] = Xe) : Xe = e[119], M = Xe;
|
|
213
|
+
let je;
|
|
214
|
+
e[120] !== Z ? (je = () => {
|
|
215
|
+
var r;
|
|
216
|
+
(r = y.current) == null || r.stepUp(), Z();
|
|
217
|
+
}, e[120] = Z, e[121] = je) : je = e[121], X = je;
|
|
218
|
+
let ze;
|
|
219
|
+
e[122] !== _ ? (ze = (r) => {
|
|
220
|
+
Je(r.target.value), _ && _(r);
|
|
221
|
+
}, e[122] = _, e[123] = ze) : ze = e[123];
|
|
222
|
+
const ut = ze;
|
|
223
|
+
U = qt;
|
|
224
|
+
let ee;
|
|
225
|
+
e[124] !== D ? (ee = D && /* @__PURE__ */ S(kt, {}), e[124] = D, e[125] = ee) : ee = e[125], e[126] !== s || e[127] !== f || e[128] !== b || e[129] !== ot || e[130] !== ee ? (N = /* @__PURE__ */ ft("label", { className: ot, id: f, htmlFor: s, children: [
|
|
226
|
+
b,
|
|
227
|
+
ee
|
|
228
|
+
] }), e[126] = s, e[127] = f, e[128] = b, e[129] = ot, e[130] = ee, e[131] = N) : N = e[131], e[132] !== m || e[133] !== Fe ? (B = m && /* @__PURE__ */ S("div", { className: t.hint, id: Fe, children: m }), e[132] = m, e[133] = Fe, e[134] = B) : B = e[134], e[135] !== x || e[136] !== Y ? (w = /* @__PURE__ */ S("div", { "aria-live": "polite", "aria-atomic": "true", className: t.valueAnnouncer, id: Y, children: x }), e[135] = x, e[136] = Y, e[137] = w) : w = e[137], e[138] !== o || e[139] !== d || e[140] !== u ? (L = o && d && /* @__PURE__ */ S(Ct, { className: t.feedback, message: d, variant: "error", id: u }), e[138] = o, e[139] = d, e[140] = u, e[141] = L) : L = e[141], z = t.wrapper, G = l && /* @__PURE__ */ S("span", { className: E(i, t.prefix), ref: Ye, "aria-disabled": c, children: Qe });
|
|
229
|
+
const dt = `${f}${Dt}`, pt = Nt();
|
|
230
|
+
e[142] !== c || e[143] !== ve || e[144] !== ut || e[145] !== s || e[146] !== it || e[147] !== _e || e[148] !== g || e[149] !== o || e[150] !== F || e[151] !== P || e[152] !== h || e[153] !== D || e[154] !== A || e[155] !== pe || e[156] !== dt || e[157] !== pt ? (q = /* @__PURE__ */ S("input", { className: it, id: s, ...A, style: _e, ref: ve, "aria-labelledby": dt, "aria-describedby": pt, "aria-invalid": o, "aria-disabled": h, disabled: c, min: P, max: F, readOnly: h, required: D, step: pe, type: "number", value: g, onChange: ut }), e[142] = c, e[143] = ve, e[144] = ut, e[145] = s, e[146] = it, e[147] = _e, e[148] = g, e[149] = o, e[150] = F, e[151] = P, e[152] = h, e[153] = D, e[154] = A, e[155] = pe, e[156] = dt, e[157] = pt, e[158] = q) : q = e[158], O = a && /* @__PURE__ */ S("span", { className: E(i, t.suffix), ref: et, "aria-disabled": c, children: Ze }), e[57] = de, e[58] = p, e[59] = c, e[60] = Qe, e[61] = Ze, e[62] = ve, e[63] = he, e[64] = m, e[65] = s, e[66] = _e, e[67] = g, e[68] = o, e[69] = be, e[70] = b, e[71] = F, e[72] = P, e[73] = _, e[74] = l, e[75] = h, e[76] = D, e[77] = A, e[78] = n, e[79] = pe, e[80] = a, e[81] = d, e[82] = tt, e[83] = x, e[84] = W, e[85] = M, e[86] = X, e[87] = j, e[88] = z, e[89] = G, e[90] = q, e[91] = O, e[92] = U, e[93] = N, e[94] = B, e[95] = w, e[96] = L;
|
|
231
|
+
} else
|
|
232
|
+
W = e[84], M = e[85], X = e[86], j = e[87], z = e[88], G = e[89], q = e[90], O = e[91], U = e[92], N = e[93], B = e[94], w = e[95], L = e[96];
|
|
233
|
+
const nt = c || h || !!g && Number(g) <= Number(P);
|
|
234
|
+
let J;
|
|
235
|
+
e[159] !== W || e[160] !== Oe || e[161] !== M || e[162] !== H || e[163] !== n || e[164] !== nt ? (J = /* @__PURE__ */ S(xt, { ...H, hideLabel: !0, theme: "light", iconName: "minus", variant: "filled", className: W, size: n, onClick: M, disabled: nt, type: "button", children: Oe }), e[159] = W, e[160] = Oe, e[161] = M, e[162] = H, e[163] = n, e[164] = nt, e[165] = J) : J = e[165];
|
|
236
|
+
const st = c || h || !!g && Number(g) >= Number(F);
|
|
237
|
+
let K;
|
|
238
|
+
e[166] !== X || e[167] !== Ue || e[168] !== j || e[169] !== T || e[170] !== n || e[171] !== st ? (K = /* @__PURE__ */ S(xt, { ...T, hideLabel: !0, theme: "light", iconName: "plus", variant: "filled", className: j, size: n, onClick: X, disabled: st, type: "button", children: Ue }), e[166] = X, e[167] = Ue, e[168] = j, e[169] = T, e[170] = n, e[171] = st, e[172] = K) : K = e[172];
|
|
239
|
+
let Q;
|
|
240
|
+
e[173] !== z || e[174] !== G || e[175] !== q || e[176] !== O || e[177] !== J || e[178] !== K ? (Q = /* @__PURE__ */ ft("div", { className: z, children: [
|
|
241
|
+
G,
|
|
242
|
+
q,
|
|
243
|
+
O,
|
|
244
|
+
J,
|
|
245
|
+
K
|
|
246
|
+
] }), e[173] = z, e[174] = G, e[175] = q, e[176] = O, e[177] = J, e[178] = K, e[179] = Q) : Q = e[179];
|
|
247
|
+
let Ce;
|
|
248
|
+
return e[180] !== U || e[181] !== N || e[182] !== B || e[183] !== w || e[184] !== L || e[185] !== Q ? (Ce = /* @__PURE__ */ ft("div", { className: U, children: [
|
|
249
|
+
N,
|
|
250
|
+
B,
|
|
251
|
+
w,
|
|
252
|
+
L,
|
|
253
|
+
Q
|
|
254
|
+
] }), e[180] = U, e[181] = N, e[182] = B, e[183] = w, e[184] = L, e[185] = Q, e[186] = Ce) : Ce = e[186], Ce;
|
|
255
|
+
});
|
|
256
|
+
sn.displayName = "DSInputStepper";
|
|
257
|
+
function ln(R) {
|
|
258
|
+
R.preventDefault();
|
|
259
|
+
}
|
|
260
|
+
export {
|
|
261
|
+
sn as D,
|
|
262
|
+
nn as v
|
|
263
|
+
};
|
|
@@ -4,7 +4,7 @@ import { d as ao } from "./index.CgTHIF3K.js";
|
|
|
4
4
|
import { c as no } from "./index.CEyLAtio.js";
|
|
5
5
|
import { forwardRef as co } from "react";
|
|
6
6
|
import { u as lo } from "./useBreakpoint.CMOR9ZOB.js";
|
|
7
|
-
import { D as ho } from "./Icon.
|
|
7
|
+
import { D as ho } from "./Icon.DGTYCv63.js";
|
|
8
8
|
import { g as so } from "./helpers.BbWkXTr3.js";
|
|
9
9
|
import '../assets/LinkButton.xMvg_ojf.css';const go = "ds-link-button_root_oblg9_1", uo = "ds-link-button_root--highlight_oblg9_75", _o = "ds-link-button_root--dark-highlight_oblg9_75", ko = "ds-link-button_root--filled_oblg9_151", mo = "ds-link-button_root--outline_oblg9_179", bo = "ds-link-button_root--ghost_oblg9_206", fo = "ds-link-button_root--ghost-flush_oblg9_231", vo = "ds-link-button_root--small_oblg9_237", Do = "ds-link-button_root--navigation_oblg9_317", po = "ds-link-button_root--dark-filled_oblg9_393", No = "ds-link-button_root--dark-outline_oblg9_450", Lo = "ds-link-button_root--dark-ghost_oblg9_506", Oo = "ds-link-button_root--dark-ghost-flush_oblg9_560", So = "ds-link-button_root--icon-left_oblg9_635", Fo = "ds-link-button_root--icon-only_oblg9_638", Io = "ds-link-button_root--icon-only-small_oblg9_647", Go = "ds-link-button_icon--navigation_oblg9_659", yo = "ds-link-button_label--hidden_oblg9_667", n = {
|
|
10
10
|
root: go,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as t, jsxs as g, Fragment as m } from "react/jsx-runtime";
|
|
3
3
|
import { isValidElement as h, cloneElement as f } from "react";
|
|
4
|
-
import { D as B } from "./Icon.
|
|
4
|
+
import { D as B } from "./Icon.DGTYCv63.js";
|
|
5
5
|
import { NumberIndicator as N } from "../numberindicator.Ddf3ESi7.js";
|
|
6
6
|
import '../assets/NavigationTabList.CFlVhUzS.css';const W = "ds-tabs_tabs-wrapper_ccgp4_1", w = "ds-tabs_scroll-wrapper_ccgp4_6", D = "ds-tabs_scroller_ccgp4_17", j = "ds-tabs_scroller--centered_ccgp4_28", v = "ds-tabs_tab_ccgp4_1", y = "ds-tabs_scroll-button_ccgp4_105", E = "ds-tabs_scroll-button--hidden_ccgp4_110", H = "ds-tabs_scroll-button--right_ccgp4_114", L = "ds-tabs_indicator_ccgp4_126", R = {
|
|
7
7
|
tabsWrapper: W,
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as v } from "react/jsx-runtime";
|
|
3
3
|
import { d as u } from "./index.CgTHIF3K.js";
|
|
4
4
|
import { useState as T, useEffect as y } from "react";
|
|
5
|
-
import { TabList as h } from "../tablist.
|
|
5
|
+
import { TabList as h } from "../tablist.g_Nwu6GA.js";
|
|
6
6
|
import { g as m, r as E } from "./helpers.BbWkXTr3.js";
|
|
7
7
|
const _ = ["left", "center"], j = ["prev", "next"], S = ({
|
|
8
8
|
aria: a,
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { jsx as p, jsxs as F } from "react/jsx-runtime";
|
|
3
3
|
import { d as R } from "./index.CgTHIF3K.js";
|
|
4
4
|
import { c as k } from "./index.CEyLAtio.js";
|
|
5
|
-
import { D as W } from "./Button.
|
|
6
|
-
import { D as y } from "./Icon.
|
|
5
|
+
import { D as W } from "./Button.B7xF1E19.js";
|
|
6
|
+
import { D as y } from "./Icon.DGTYCv63.js";
|
|
7
7
|
import '../assets/Notification.BOuaA5GT.css';const L = "ds-notification_root_1jsx7_1", P = "ds-notification_root--success_1jsx7_26", V = "ds-notification_root--error_1jsx7_30", z = "ds-notification_root--warning_1jsx7_34", Y = "ds-notification_root--hide-icon_1jsx7_38", $ = "ds-notification_content_1jsx7_52", q = "ds-notification_content--hide-close-button_1jsx7_59", G = "ds-notification_content--hide-icon_1jsx7_62", J = "ds-notification_icon_1jsx7_66", K = "ds-notification_message_1jsx7_70", M = "ds-notification_custom-action-area_1jsx7_167", s = {
|
|
8
8
|
root: L,
|
|
9
9
|
rootSuccess: P,
|
|
@@ -3,8 +3,8 @@ import { jsx as F } from "react/jsx-runtime";
|
|
|
3
3
|
import { d as $ } from "./index.CgTHIF3K.js";
|
|
4
4
|
import { c as J } from "./index.CEyLAtio.js";
|
|
5
5
|
import { forwardRef as K, useState as Q } from "react";
|
|
6
|
-
import { D as W } from "./Fieldset.
|
|
7
|
-
import { DSRadio as X } from "../radio.
|
|
6
|
+
import { D as W } from "./Fieldset.CjIfmN_5.js";
|
|
7
|
+
import { DSRadio as X } from "../radio.7_N_alaS.js";
|
|
8
8
|
import { g as m, r as V } from "./helpers.BbWkXTr3.js";
|
|
9
9
|
import '../assets/RadioGroup.CM2mYOzc.css';const Y = "ds-radio-group_root_12fot_1", Z = "ds-radio-group_root--horizontal_12fot_9", oo = "ds-radio-group_root--invalid_12fot_12", B = {
|
|
10
10
|
root: Y,
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _, jsxs as we } from "react/jsx-runtime";
|
|
3
|
+
import { d as xe } from "./index.CgTHIF3K.js";
|
|
4
|
+
import { c as ve } from "./index.CEyLAtio.js";
|
|
5
|
+
import { forwardRef as Be, useRef as Fe, useState as Ie, useEffect as He } from "react";
|
|
6
|
+
import { u as Re } from "./useBreakpoint.CMOR9ZOB.js";
|
|
7
|
+
import { Asterisk as je } from "../asterisk.CR60hx8S.js";
|
|
8
|
+
import { D as We } from "./Icon.DGTYCv63.js";
|
|
9
|
+
import { D as ze } from "./SystemFeedback.B9f67mjJ.js";
|
|
10
|
+
import { g as me, r as Me } from "./helpers.BbWkXTr3.js";
|
|
11
|
+
import '../assets/Select.CYACicZ3.css';const Te = "ds-select_root_d8v6g_1", Oe = "ds-select_hint_d8v6g_10", Ze = "ds-select_label_d8v6g_10", Je = "ds-select_label--hidden_d8v6g_100", Ke = "ds-select_label--disabled_d8v6g_113", Qe = "ds-select_feedback_d8v6g_133", Ue = "ds-select_select-wrapper_d8v6g_138", Xe = "ds-select_select_d8v6g_138", Ye = "ds-select_select--small_d8v6g_152", Ge = "ds-select_select--invalid_d8v6g_264", el = "ds-select_select--placeholder_d8v6g_379", ll = "ds-select_chevron_d8v6g_418", tl = "ds-select_chevron--small_d8v6g_422", sl = "ds-select_chevron--disabled_d8v6g_425", t = {
|
|
12
|
+
root: Te,
|
|
13
|
+
hint: Oe,
|
|
14
|
+
label: Ze,
|
|
15
|
+
labelHidden: Je,
|
|
16
|
+
labelDisabled: Ke,
|
|
17
|
+
feedback: Qe,
|
|
18
|
+
selectWrapper: Ue,
|
|
19
|
+
select: Xe,
|
|
20
|
+
selectSmall: Ye,
|
|
21
|
+
selectInvalid: Ge,
|
|
22
|
+
selectPlaceholder: el,
|
|
23
|
+
chevron: ll,
|
|
24
|
+
chevronSmall: tl,
|
|
25
|
+
chevronDisabled: sl
|
|
26
|
+
}, ul = ["medium", "small"], al = ({
|
|
27
|
+
id: r,
|
|
28
|
+
label: s,
|
|
29
|
+
options: e
|
|
30
|
+
}) => {
|
|
31
|
+
if (!r)
|
|
32
|
+
throw new Error(me("DSSelect", 'A unique "id" prop is required. Please add a unique "id" prop to the DSSelect component.'));
|
|
33
|
+
if (!s)
|
|
34
|
+
throw new Error(me("DSSelect", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSSelect component. If you don't want to display a label, set hideLabel={true}.`));
|
|
35
|
+
if (Array.isArray(e)) {
|
|
36
|
+
if (e.length === 0)
|
|
37
|
+
throw new Error(me("DSSelect", "The options array must not be empty."));
|
|
38
|
+
} else throw new Error(me("DSSelect", Me("options", "DSSelect")));
|
|
39
|
+
}, ol = (r, s, e) => r === "" || s !== void 0 && s !== "" ? !1 : !(e !== void 0 && e !== ""), cl = Be((r, s) => {
|
|
40
|
+
const e = xe.c(127);
|
|
41
|
+
let i, n, d, l, f, b, S, D, a, Z, J, K, Q, U, X, c;
|
|
42
|
+
e[0] !== r ? ({
|
|
43
|
+
id: l,
|
|
44
|
+
label: f,
|
|
45
|
+
options: S,
|
|
46
|
+
className: i,
|
|
47
|
+
defaultValue: n,
|
|
48
|
+
disabled: Z,
|
|
49
|
+
hideLabel: J,
|
|
50
|
+
hint: d,
|
|
51
|
+
invalid: K,
|
|
52
|
+
placeholder: Q,
|
|
53
|
+
required: U,
|
|
54
|
+
size: X,
|
|
55
|
+
systemFeedback: a,
|
|
56
|
+
value: c,
|
|
57
|
+
onChange: b,
|
|
58
|
+
...D
|
|
59
|
+
} = r, e[0] = r, e[1] = i, e[2] = n, e[3] = d, e[4] = l, e[5] = f, e[6] = b, e[7] = S, e[8] = D, e[9] = a, e[10] = Z, e[11] = J, e[12] = K, e[13] = Q, e[14] = U, e[15] = X, e[16] = c) : (i = e[1], n = e[2], d = e[3], l = e[4], f = e[5], b = e[6], S = e[7], D = e[8], a = e[9], Z = e[10], J = e[11], K = e[12], Q = e[13], U = e[14], X = e[15], c = e[16]);
|
|
60
|
+
const h = Z === void 0 ? !1 : Z, Pe = J === void 0 ? !1 : J, o = K === void 0 ? !1 : K, g = Q === void 0 ? "Select" : Q, y = U === void 0 ? !1 : U, le = X === void 0 ? "medium" : X;
|
|
61
|
+
process.env.NODE_ENV !== "production" && al({
|
|
62
|
+
id: l,
|
|
63
|
+
label: f,
|
|
64
|
+
options: S
|
|
65
|
+
});
|
|
66
|
+
const qe = Fe(null), [pe, Ne] = Ie(c);
|
|
67
|
+
let te;
|
|
68
|
+
e[17] !== n || e[18] !== g || e[19] !== c ? (te = ol(g, n, c), e[17] = n, e[18] = g, e[19] = c, e[20] = te) : te = e[20];
|
|
69
|
+
const [Y, Ce] = Ie(te);
|
|
70
|
+
let se, ae;
|
|
71
|
+
e[21] !== c ? (se = () => {
|
|
72
|
+
Ne(c);
|
|
73
|
+
}, ae = [c], e[21] = c, e[22] = se, e[23] = ae) : (se = e[22], ae = e[23]), He(se, ae);
|
|
74
|
+
let oe;
|
|
75
|
+
e[24] !== s ? (oe = (ee) => {
|
|
76
|
+
qe.current = ee, typeof s == "function" ? s(ee) : s && (s.current = ee);
|
|
77
|
+
}, e[24] = s, e[25] = oe) : oe = e[25];
|
|
78
|
+
const ue = oe, G = Re(Pe), w = `${l}-label`, v = `${l}-feedback`, N = `${l}-hint`, _e = d ? ` ${N}` : "";
|
|
79
|
+
let ce;
|
|
80
|
+
e[26] !== o || e[27] !== a || e[28] !== v ? (ce = [o && a && v].filter(Boolean).join(" ") || void 0, e[26] = o, e[27] = a, e[28] = v, e[29] = ce) : ce = e[29];
|
|
81
|
+
const Se = ce;
|
|
82
|
+
let k, E, I, P, q, C, $, L, V, A, x, B, F, H, R, j, m, p, u;
|
|
83
|
+
if (e[30] !== Se || e[31] !== _e || e[32] !== i || e[33] !== n || e[34] !== h || e[35] !== ue || e[36] !== G || e[37] !== d || e[38] !== N || e[39] !== l || e[40] !== o || e[41] !== Y || e[42] !== f || e[43] !== b || e[44] !== S || e[45] !== g || e[46] !== y || e[47] !== D || e[48] !== w || e[49] !== pe || e[50] !== le || e[51] !== a || e[52] !== v) {
|
|
84
|
+
const ee = (he) => [g && /* @__PURE__ */ _("option", { value: "", children: g }, `${l}-hidden-option-disabled-placeholder`), ...he.map((O) => {
|
|
85
|
+
if ("options" in O) {
|
|
86
|
+
const {
|
|
87
|
+
label: Ee,
|
|
88
|
+
options: Ae
|
|
89
|
+
} = O;
|
|
90
|
+
return /* @__PURE__ */ _("optgroup", { label: Ee, children: Ae.map(ke) }, Ee);
|
|
91
|
+
} else
|
|
92
|
+
return ke(O);
|
|
93
|
+
})], ke = il;
|
|
94
|
+
let de;
|
|
95
|
+
e[72] !== i ? (de = ve(t.root, i), e[72] = i, e[73] = de) : de = e[73];
|
|
96
|
+
const $e = de, ge = le === "small";
|
|
97
|
+
let re;
|
|
98
|
+
e[74] !== o || e[75] !== Y || e[76] !== ge ? (re = ve(t.select, {
|
|
99
|
+
[t.selectSmall]: ge,
|
|
100
|
+
[t.selectInvalid]: o,
|
|
101
|
+
[t.selectPlaceholder]: Y
|
|
102
|
+
}), e[74] = o, e[75] = Y, e[76] = ge, e[77] = re) : re = e[77];
|
|
103
|
+
const Le = re;
|
|
104
|
+
let ne;
|
|
105
|
+
e[78] !== h || e[79] !== G ? (ne = ve(t.label, {
|
|
106
|
+
[t.labelHidden]: G,
|
|
107
|
+
[t.labelDisabled]: h
|
|
108
|
+
}), e[78] = h, e[79] = G, e[80] = ne) : ne = e[80];
|
|
109
|
+
const De = ne, ye = le === "small";
|
|
110
|
+
let fe;
|
|
111
|
+
e[81] !== h || e[82] !== ye ? (fe = ve(t.chevron, {
|
|
112
|
+
[t.chevronSmall]: ye,
|
|
113
|
+
[t.chevronDisabled]: h
|
|
114
|
+
}), e[81] = h, e[82] = ye, e[83] = fe) : fe = e[83], k = fe;
|
|
115
|
+
let be;
|
|
116
|
+
e[84] !== b ? (be = (he) => {
|
|
117
|
+
const {
|
|
118
|
+
value: O
|
|
119
|
+
} = he.target;
|
|
120
|
+
Ce(O === ""), Ne(O), b && b(he);
|
|
121
|
+
}, e[84] = b, e[85] = be) : be = e[85];
|
|
122
|
+
const Ve = be;
|
|
123
|
+
j = $e;
|
|
124
|
+
let T;
|
|
125
|
+
e[86] !== y ? (T = y && /* @__PURE__ */ _(je, {}), e[86] = y, e[87] = T) : T = e[87], e[88] !== l || e[89] !== f || e[90] !== De || e[91] !== w || e[92] !== T ? (m = /* @__PURE__ */ we("label", { className: De, id: w, htmlFor: l, children: [
|
|
126
|
+
f,
|
|
127
|
+
T
|
|
128
|
+
] }), e[88] = l, e[89] = f, e[90] = De, e[91] = w, e[92] = T, e[93] = m) : m = e[93], e[94] !== d || e[95] !== N ? (p = d && /* @__PURE__ */ _("div", { className: t.hint, id: N, children: d }), e[94] = d, e[95] = N, e[96] = p) : p = e[96], e[97] !== o || e[98] !== a || e[99] !== v ? (u = o && a && /* @__PURE__ */ _(ze, { className: t.feedback, message: a, variant: "error", id: v }), e[97] = o, e[98] = a, e[99] = v, e[100] = u) : u = e[100], R = t.selectWrapper, E = D, I = l, P = ue, q = Le, C = `${w}${_e}`, $ = Se, L = o, V = n, A = pe, x = h, B = y, F = Ve, H = ee(S), e[30] = Se, e[31] = _e, e[32] = i, e[33] = n, e[34] = h, e[35] = ue, e[36] = G, e[37] = d, e[38] = N, e[39] = l, e[40] = o, e[41] = Y, e[42] = f, e[43] = b, e[44] = S, e[45] = g, e[46] = y, e[47] = D, e[48] = w, e[49] = pe, e[50] = le, e[51] = a, e[52] = v, e[53] = k, e[54] = E, e[55] = I, e[56] = P, e[57] = q, e[58] = C, e[59] = $, e[60] = L, e[61] = V, e[62] = A, e[63] = x, e[64] = B, e[65] = F, e[66] = H, e[67] = R, e[68] = j, e[69] = m, e[70] = p, e[71] = u;
|
|
129
|
+
} else
|
|
130
|
+
k = e[53], E = e[54], I = e[55], P = e[56], q = e[57], C = e[58], $ = e[59], L = e[60], V = e[61], A = e[62], x = e[63], B = e[64], F = e[65], H = e[66], R = e[67], j = e[68], m = e[69], p = e[70], u = e[71];
|
|
131
|
+
let W;
|
|
132
|
+
e[101] !== E || e[102] !== I || e[103] !== P || e[104] !== q || e[105] !== C || e[106] !== $ || e[107] !== L || e[108] !== V || e[109] !== A || e[110] !== x || e[111] !== B || e[112] !== F || e[113] !== H ? (W = /* @__PURE__ */ _("select", { ...E, id: I, ref: P, className: q, "aria-labelledby": C, "aria-describedby": $, "aria-invalid": L, defaultValue: V, value: A, disabled: x, required: B, onChange: F, children: H }), e[101] = E, e[102] = I, e[103] = P, e[104] = q, e[105] = C, e[106] = $, e[107] = L, e[108] = V, e[109] = A, e[110] = x, e[111] = B, e[112] = F, e[113] = H, e[114] = W) : W = e[114];
|
|
133
|
+
let z;
|
|
134
|
+
e[115] !== k ? (z = /* @__PURE__ */ _(We, { name: "chevron-down", className: k, "aria-hidden": "true" }), e[115] = k, e[116] = z) : z = e[116];
|
|
135
|
+
let M;
|
|
136
|
+
e[117] !== R || e[118] !== W || e[119] !== z ? (M = /* @__PURE__ */ we("div", { className: R, children: [
|
|
137
|
+
W,
|
|
138
|
+
z
|
|
139
|
+
] }), e[117] = R, e[118] = W, e[119] = z, e[120] = M) : M = e[120];
|
|
140
|
+
let ie;
|
|
141
|
+
return e[121] !== j || e[122] !== m || e[123] !== p || e[124] !== u || e[125] !== M ? (ie = /* @__PURE__ */ we("div", { className: j, children: [
|
|
142
|
+
m,
|
|
143
|
+
p,
|
|
144
|
+
u,
|
|
145
|
+
M
|
|
146
|
+
] }), e[121] = j, e[122] = m, e[123] = p, e[124] = u, e[125] = M, e[126] = ie) : ie = e[126], ie;
|
|
147
|
+
});
|
|
148
|
+
cl.displayName = "DSSelect";
|
|
149
|
+
function il(r) {
|
|
150
|
+
const {
|
|
151
|
+
label: s,
|
|
152
|
+
value: e,
|
|
153
|
+
isDisabled: i
|
|
154
|
+
} = r;
|
|
155
|
+
return /* @__PURE__ */ _("option", { value: e, disabled: i, children: s }, e);
|
|
156
|
+
}
|
|
157
|
+
export {
|
|
158
|
+
cl as D,
|
|
159
|
+
ul as S,
|
|
160
|
+
ol as g,
|
|
161
|
+
al as v
|
|
162
|
+
};
|