@stihl-design-system/components 1.0.0-RC.28 → 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.B9X4Vlig.js → accordion.DkwtJy--.js} +2 -2
- package/{actionbutton.7x4F7a0U.js → actionbutton.DHt1AL7U.js} +2 -2
- package/{actionlink.CV0n19ik.js → actionlink.BML1jenE.js} +2 -2
- package/assets/Accordion.BJb4TOG0.css +1 -0
- package/assets/CustomReactSelect.D0b1Hg1T.css +1 -0
- 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/{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.Bylq97Q9.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.BlhiiU3l.js → ActionButton.CzaWZGPt.js} +1 -1
- package/chunks/{ActionLink.BvFL6rgb.js → ActionLink.BlhqDEtq.js} +1 -1
- 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.D4MQD0i0.js → CheckboxGroup.Dy_6tiGk.js} +2 -2
- package/chunks/{Chip.DifLxHH7.js → Chip.31UfPwQF.js} +1 -1
- package/chunks/{CustomReactSelect.D9B928kB.js → CustomReactSelect.iE5iTdez.js} +348 -346
- package/chunks/{Dialog.BuEEJ199.js → Dialog.B_2pKRnd.js} +1 -1
- package/chunks/{Drawer.BXUGmpJI.js → Drawer.HFlBTcqN.js} +1 -1
- package/chunks/{Fieldset.BgZMYAH-.js → Fieldset.CjIfmN_5.js} +12 -12
- package/chunks/Icon.DGTYCv63.js +231 -0
- package/chunks/InputFile.DvOatDzg.js +220 -0
- package/chunks/InputPassword.DC2POUc1.js +136 -0
- package/chunks/InputSearch.B0aCuPRZ.js +174 -0
- 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.CRP8_vsg.js → RadioGroup.peTeMK45.js} +2 -2
- package/chunks/Select.BDHLJ2ma.js +162 -0
- package/chunks/{Slider.D9MHH4cZ.js → Slider.kyVr7BLk.js} +1 -1
- 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.pMk_oggm.js → combobox.Bk2ycofh.js} +1 -1
- 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/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.Hnch9LGg.js +14 -0
- package/{dialog.CGsUCqhR.js → dialog.7sWoqGwL.js} +2 -2
- package/{drawer.BcAo4TO0.js → drawer.DsF4KIPn.js} +2 -2
- package/{fieldset.BR9fZReW.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/{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.CB-QTIDn.js → inputfile.DK8759wV.js} +7 -6
- package/inputpassword.rV_ZZw5F.js +13 -0
- package/{inputsearch.DUgTkPWm.js → inputsearch.CmhakTpa.js} +5 -4
- package/{inputstepper.DKmlBa0Y.js → inputstepper.5olvh4tk.js} +5 -4
- 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 +28 -22
- package/partials/lib/partials.d.ts +1 -1
- package/radio.7_N_alaS.js +126 -0
- package/{radiogroup.Bk36A24U.js → radiogroup.J8WpEEo8.js} +3 -3
- package/{scroller.CCA6kFR6.js → scroller.BiRLQg__.js} +1 -1
- package/{inputpassword.B_A0JDkz.js → select.DIzGPVx3.js} +5 -4
- package/{skiptocontent.D1UkPmhD.js → skiptocontent._F-d8y5b.js} +1 -1
- package/{slider.BicJfJzc.js → slider.DuJK0RdB.js} +2 -2
- package/{spinner.CeGt8DxU.js → spinner.Dht6FspZ.js} +1 -1
- 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.BynOgkpo.js → textarea.dQ12-oYB.js} +4 -3
- package/{toast.Bhpwj1NF.js → toast.sMNbfKxi.js} +3 -3
- package/{toastmanager.BHk65ynQ.js → toastmanager.CVamaS5T.js} +1 -1
- package/types/icon-types.d.ts +1 -1
- package/assets/Accordion.BHWEZCmu.css +0 -1
- package/assets/CustomReactSelect.Dq5Hoqv2.css +0 -1
- package/assets/InputFile.BVgHILAZ.css +0 -1
- package/assets/InputPassword.CBpkWGy7.css +0 -1
- package/assets/InputSearch.CnPJYH8L.css +0 -1
- package/assets/InputStepper.U2h9Kd0t.css +0 -1
- package/assets/Select.U7xsC0o1.css +0 -1
- package/assets/Textarea.C4IEEOFR.css +0 -1
- package/assets/input.CuIHvnD5.css +0 -1
- package/assets/radio.ipbv7OMF.css +0 -1
- package/chunks/Accordion.BvHroAyn.js +0 -154
- package/chunks/Icon.C0161Glk.js +0 -231
- package/chunks/InputFile.rC7NJYrU.js +0 -218
- package/chunks/InputPassword.5-r36K86.js +0 -132
- package/chunks/InputSearch.D4Q99_nR.js +0 -170
- package/chunks/InputStepper.EsPAGCFJ.js +0 -259
- package/chunks/Select.lveq1iBY.js +0 -158
- package/chunks/Textarea.BRfh8ykm.js +0 -161
- package/customreactselect.-DGMZMFu.js +0 -13
- package/input.DAneVu7p.js +0 -199
- package/radio.z-Mi3J6t.js +0 -134
- package/select.4wUa3vMT.js +0 -12
- package/systemfeedback.CLQCbTF6.js +0 -44
|
@@ -4,8 +4,8 @@ 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 {
|
|
7
|
+
import { D as x } from "./Icon.DGTYCv63.js";
|
|
8
|
+
import { D as L } from "./SystemFeedback.B9f67mjJ.js";
|
|
9
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,
|
|
@@ -34,51 +34,51 @@ import '../assets/Checkbox.BKHQN_tu.css';const O = "ds-checkbox_root_1tuqo_1", U
|
|
|
34
34
|
checked: n,
|
|
35
35
|
className: b,
|
|
36
36
|
defaultChecked: D = !1,
|
|
37
|
-
disabled:
|
|
37
|
+
disabled: r = !1,
|
|
38
38
|
hideLabel: q = !1,
|
|
39
39
|
id: h,
|
|
40
40
|
indeterminate: m = !1,
|
|
41
41
|
invalid: s = !1,
|
|
42
|
-
systemFeedback:
|
|
42
|
+
systemFeedback: i,
|
|
43
43
|
onChange: u,
|
|
44
|
-
...
|
|
44
|
+
...N
|
|
45
45
|
}, l) => {
|
|
46
46
|
process.env.NODE_ENV !== "production" && X({
|
|
47
47
|
label: c,
|
|
48
48
|
id: h,
|
|
49
49
|
invalid: s,
|
|
50
|
-
systemFeedback:
|
|
50
|
+
systemFeedback: i
|
|
51
51
|
});
|
|
52
|
-
const d = B(null), [
|
|
52
|
+
const d = B(null), [S, y] = H(D), v = A(q);
|
|
53
53
|
V(() => {
|
|
54
54
|
d && d.current && (d.current.indeterminate = m);
|
|
55
55
|
}, [m]);
|
|
56
|
-
const k = n !== void 0, w = k ? n :
|
|
57
|
-
[e.rootDisabled]:
|
|
56
|
+
const k = n !== void 0, w = k ? n : S, _ = `${h}-feedback`, g = [s && i && _, s && a && `${a}-feedback`].filter(Boolean).join(" ") || void 0, E = p(e.root, {
|
|
57
|
+
[e.rootDisabled]: r
|
|
58
58
|
}), I = p(e.label, {
|
|
59
59
|
// hide label only visually to keep them available for assistive technologies
|
|
60
60
|
[e.labelHidden]: v
|
|
61
61
|
}), M = p(e.checkbox, {
|
|
62
62
|
[e.checkboxInvalid]: s
|
|
63
63
|
}), P = $((o) => {
|
|
64
|
-
if (
|
|
64
|
+
if (r) {
|
|
65
65
|
o.preventDefault();
|
|
66
66
|
return;
|
|
67
67
|
}
|
|
68
|
-
k ||
|
|
69
|
-
}, [
|
|
68
|
+
k || y(o.target.checked), u && u(o);
|
|
69
|
+
}, [r, k, u]);
|
|
70
70
|
return /* @__PURE__ */ f("div", { className: b, children: [
|
|
71
71
|
/* @__PURE__ */ f("label", { className: E, children: [
|
|
72
72
|
/* @__PURE__ */ t("input", { id: h, type: "checkbox", className: e.input, ref: (o) => {
|
|
73
73
|
typeof l == "function" ? l(o) : l !== null && (l.current = o), d.current = o;
|
|
74
|
-
}, ...
|
|
74
|
+
}, ...N, checked: w, disabled: r, "aria-label": c, "aria-describedby": g, "aria-invalid": s, onChange: P }),
|
|
75
75
|
/* @__PURE__ */ f("div", { className: M, children: [
|
|
76
76
|
/* @__PURE__ */ t(x, { name: "check", className: e.iconCheck, "aria-hidden": "true" }),
|
|
77
77
|
/* @__PURE__ */ t(x, { name: "minus", className: e.iconMinus, "aria-hidden": "true" })
|
|
78
78
|
] }),
|
|
79
79
|
/* @__PURE__ */ t("span", { className: I, children: c })
|
|
80
80
|
] }),
|
|
81
|
-
s &&
|
|
81
|
+
s && i && /* @__PURE__ */ t(L, { id: _, variant: "error", className: e.feedback, message: i })
|
|
82
82
|
] });
|
|
83
83
|
});
|
|
84
84
|
Y.displayName = "DSCheckbox";
|
|
@@ -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.CjIfmN_5.js";
|
|
6
6
|
import S from "react";
|
|
7
7
|
import { g as x, r as N } from "./helpers.BbWkXTr3.js";
|
|
8
|
-
import { D as z } from "./Checkbox.
|
|
8
|
+
import { D as z } from "./Checkbox.DxV7-F5W.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,7 +4,7 @@ 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.
|
|
7
|
+
import { D as H } from "./Icon.DGTYCv63.js";
|
|
8
8
|
import { g as x, r as U } from "./helpers.BbWkXTr3.js";
|
|
9
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 = {
|