@stihl-design-system/components 1.0.0-RC.2 → 1.0.0-RC.3
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/README.md +1 -1
- package/assets/CustomReactSelect.BdwXfLLO.css +1 -0
- package/assets/RadioGroup.Ur8Ro-XL.css +1 -0
- package/assets/asterisk.C-o6rbGQ.css +1 -0
- package/assets/button.DJvR-58w.css +1 -0
- package/assets/buttonround.BlfQkmMV.css +1 -0
- package/assets/checkbox.BsFEWfQe.css +1 -0
- package/assets/fieldset.xazpUXJX.css +1 -0
- package/assets/heading.CGFucb-C.css +1 -0
- package/assets/input.BcP5kkZ2.css +1 -0
- package/assets/inputpassword.C3Uyj7oA.css +1 -0
- package/assets/inputsearch.tL3e9-Ob.css +1 -0
- package/assets/inputstepper.paPJix5A.css +1 -0
- package/assets/link.V7pJOW1p.css +1 -0
- package/assets/linkstandalone.D3RbBp23.css +1 -0
- package/assets/radio.CSHQGdpr.css +1 -0
- package/assets/select.D2qBxaHP.css +1 -0
- package/assets/switch.sqve8ApJ.css +1 -0
- package/assets/textarea.BKbocznb.css +1 -0
- package/assets/title.CE0Dm7PI.css +1 -0
- package/asterisk.DU8THnoC.js +8 -0
- package/button.BUUGRxIp.js +135 -0
- package/buttonround.CKc-a-hd.js +118 -0
- package/{checkbox.Bx5D_GAe.js → checkbox.C2Ga9yTK.js} +28 -28
- package/{checkboxgroup.gQwSHy4i.js → checkboxgroup.Cfxz9bk6.js} +3 -3
- package/chunks/{CustomReactSelect.Pvkkof1f.js → CustomReactSelect.uzWNynay.js} +222 -222
- package/chunks/RadioGroup.module.bi3leRes.js +11 -0
- package/chunks/whatsapp.CPpu-7Nn.js +10 -0
- package/{combobox.BOJ7aq_B.js → combobox.BXHAo4Wx.js} +1 -1
- package/components/CheckboxGroup/CheckboxGroup.d.ts +1 -1
- package/components/Fieldset/Fieldset.d.ts +1 -1
- package/components/Heading/Heading.utils.d.ts +1 -1
- package/components/Logo/Logo.d.ts +4 -2
- package/components/Logo/Logo.utils.d.ts +1 -0
- package/components/RadioGroup/RadioGroup.d.ts +1 -1
- package/customreactselect.CipgVXTR.js +13 -0
- package/fieldset.DGcIKzDI.js +98 -0
- package/{floatingactionbutton.BtQVIj6W.js → floatingactionbutton.DzHD39NY.js} +2 -2
- package/heading.DqGbFfj2.js +50 -0
- package/{icon.CmAhxgHK.js → icon.PX9_1kNB.js} +1 -1
- package/index.es.js +22 -22
- package/input.o8OT6rxJ.js +236 -0
- package/inputpassword.-MXq8baU.js +139 -0
- package/inputsearch.CoYTSjox.js +188 -0
- package/inputstepper.BBMQr6kM.js +290 -0
- package/link.BN6AZfhG.js +115 -0
- package/linkstandalone.4-fyRd08.js +79 -0
- package/{logo.DXWgPUY4.js → logo.C_oJ8isW.js} +25 -24
- package/{optioncheckbox.CYikfEsE.js → optioncheckbox.-DRnW_ch.js} +1 -1
- package/package.json +2 -2
- package/radio.Bhu9OUY-.js +79 -0
- package/{radiogroup.7ptQiohb.js → radiogroup.oILRMrX-.js} +3 -3
- package/select.OGcreXnT.js +190 -0
- package/{spinner.CSzQEBx2.js → spinner.Diy_EeFY.js} +1 -1
- package/styles/scss/lib/_grid-extended.scss +2 -2
- package/styles/scss/lib/_grid-sidebar-sidebar.scss +2 -2
- package/styles/scss/lib/_grid-sidebar.scss +6 -6
- package/styles/scss/lib/_heading.scss +14 -1
- package/styles/scss/lib/_link.scss +9 -9
- package/styles/scss/lib/_text.scss +4 -0
- package/switch.BjoFKMQC.js +65 -0
- package/{systemfeedback.rBgdiL5T.js → systemfeedback.C7iXO5A1.js} +1 -1
- package/textarea.kc_Sfbgr.js +193 -0
- package/title.icX0VDiO.js +36 -0
- package/types/icon-types.d.ts +1 -1
- package/assets/CustomReactSelect.bVnR5yBP.css +0 -1
- package/assets/RadioGroup.SF2fv4CL.css +0 -1
- package/assets/asterisk.Bz7RZnKb.css +0 -1
- package/assets/button.C6ZbQtZ-.css +0 -1
- package/assets/buttonround.CjJUeMND.css +0 -1
- package/assets/checkbox.Bbc6PYDK.css +0 -1
- package/assets/fieldset.DTFs_koU.css +0 -1
- package/assets/heading.5HpYs7wS.css +0 -1
- package/assets/input.GpXQJqEO.css +0 -1
- package/assets/inputpassword.B9J1hCcj.css +0 -1
- package/assets/inputsearch.BY0BGFPK.css +0 -1
- package/assets/inputstepper.B0oC1URa.css +0 -1
- package/assets/link.Di4qXro5.css +0 -1
- package/assets/linkstandalone.239FeO2E.css +0 -1
- package/assets/radio.pqc9u_wx.css +0 -1
- package/assets/select.DLOQ6wu0.css +0 -1
- package/assets/switch.DVlaePGM.css +0 -1
- package/assets/textarea.BNOpd7Nf.css +0 -1
- package/assets/title.1dq1eWy9.css +0 -1
- package/asterisk.BlYjsfkN.js +0 -8
- package/button.Di5XtChf.js +0 -135
- package/buttonround._w4KDbHE.js +0 -118
- package/chunks/RadioGroup.module.B35YQcsb.js +0 -11
- package/customreactselect.DPHXAssl.js +0 -13
- package/fieldset.yE6WV6Ls.js +0 -98
- package/heading.C6k7Gakb.js +0 -44
- package/input.vP5xcwzV.js +0 -236
- package/inputpassword.BiQ8ORmn.js +0 -139
- package/inputsearch.BA9N3RRc.js +0 -188
- package/inputstepper.Cyxeg2Cj.js +0 -290
- package/link.BoSdsZHj.js +0 -115
- package/linkstandalone.BoN7nARO.js +0 -79
- package/radio.DTO5-Yzf.js +0 -79
- package/select.Dx80W7cW.js +0 -190
- package/switch.BwGtQdnx.js +0 -65
- package/textarea.C8tp1ciU.js +0 -193
- package/title.BT-uIobN.js +0 -36
|
@@ -1,50 +1,50 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { j as c } from "./chunks/jsx-runtime.C-kxDJ4g.js";
|
|
3
|
-
import { c as
|
|
3
|
+
import { c as d } from "./chunks/index.CvOaL64Y.js";
|
|
4
4
|
import { forwardRef as I, useRef as H, useState as M, useEffect as g, useCallback as B } from "react";
|
|
5
5
|
import { u as E } from "./chunks/useBreakpoint.5xBNDiCf.js";
|
|
6
|
-
import { DSIcon as b } from "./icon.
|
|
7
|
-
import { DSSystemFeedback as V } from "./systemfeedback.
|
|
8
|
-
import './assets/checkbox.
|
|
6
|
+
import { DSIcon as b } from "./icon.PX9_1kNB.js";
|
|
7
|
+
import { DSSystemFeedback as V } from "./systemfeedback.C7iXO5A1.js";
|
|
8
|
+
import './assets/checkbox.BsFEWfQe.css';const w = "_root_10jm0_125", L = "_root--disabled_10jm0_144", O = "_checkbox_10jm0_148", P = "_icon-check_10jm0_162", R = "_icon-minus_10jm0_163", U = "_checkbox--invalid_10jm0_184", q = "_label--hidden_10jm0_189", z = "_input_10jm0_202", A = "_label_10jm0_189", F = "_feedback_10jm0_316", e = {
|
|
9
9
|
root: w,
|
|
10
|
-
"root--disabled": "_root--
|
|
10
|
+
"root--disabled": "_root--disabled_10jm0_144",
|
|
11
11
|
rootDisabled: L,
|
|
12
12
|
checkbox: O,
|
|
13
|
-
"icon-check": "_icon-
|
|
13
|
+
"icon-check": "_icon-check_10jm0_162",
|
|
14
14
|
iconCheck: P,
|
|
15
|
-
"icon-minus": "_icon-
|
|
15
|
+
"icon-minus": "_icon-minus_10jm0_163",
|
|
16
16
|
iconMinus: R,
|
|
17
|
-
"checkbox--invalid": "_checkbox--
|
|
17
|
+
"checkbox--invalid": "_checkbox--invalid_10jm0_184",
|
|
18
18
|
checkboxInvalid: U,
|
|
19
|
-
"label--hidden": "_label--
|
|
19
|
+
"label--hidden": "_label--hidden_10jm0_189",
|
|
20
20
|
labelHidden: q,
|
|
21
21
|
input: z,
|
|
22
22
|
label: A,
|
|
23
23
|
feedback: F
|
|
24
24
|
}, G = I(
|
|
25
25
|
({
|
|
26
|
-
label:
|
|
27
|
-
checked:
|
|
26
|
+
label: _,
|
|
27
|
+
checked: m,
|
|
28
28
|
className: k,
|
|
29
|
-
defaultChecked:
|
|
29
|
+
defaultChecked: f = !1,
|
|
30
30
|
disabled: s = !1,
|
|
31
|
-
hideLabel:
|
|
31
|
+
hideLabel: x = !1,
|
|
32
32
|
indeterminate: i = !1,
|
|
33
33
|
invalid: l = !1,
|
|
34
|
-
systemFeedback:
|
|
34
|
+
systemFeedback: h,
|
|
35
35
|
onChange: t,
|
|
36
|
-
...
|
|
36
|
+
...j
|
|
37
37
|
}, n) => {
|
|
38
|
-
const a = H(null), [
|
|
38
|
+
const a = H(null), [p, C] = M(f), N = E(x);
|
|
39
39
|
g(() => {
|
|
40
40
|
a && a.current && (a.current.indeterminate = i);
|
|
41
41
|
}, [i]);
|
|
42
|
-
const
|
|
42
|
+
const r = m !== void 0, u = r ? m : p, D = d(e.root, {
|
|
43
43
|
[e.rootDisabled]: s
|
|
44
|
-
}), v =
|
|
44
|
+
}), v = d(e.label, {
|
|
45
45
|
// hide label only visually to keep them available for assistive technologies
|
|
46
46
|
[e.labelHidden]: N
|
|
47
|
-
}), S =
|
|
47
|
+
}), S = d(e.checkbox, {
|
|
48
48
|
[e.checkboxInvalid]: l
|
|
49
49
|
}), y = B(
|
|
50
50
|
(o) => {
|
|
@@ -52,9 +52,9 @@ import './assets/checkbox.Bbc6PYDK.css';const w = "_root_1upux_125", L = "_root-
|
|
|
52
52
|
o.preventDefault();
|
|
53
53
|
return;
|
|
54
54
|
}
|
|
55
|
-
|
|
55
|
+
r || C(o.target.checked), t && t(o);
|
|
56
56
|
},
|
|
57
|
-
[s,
|
|
57
|
+
[s, r, t]
|
|
58
58
|
);
|
|
59
59
|
return /* @__PURE__ */ c.jsxs("div", { className: k, children: [
|
|
60
60
|
/* @__PURE__ */ c.jsxs("label", { className: D, children: [
|
|
@@ -66,12 +66,12 @@ import './assets/checkbox.Bbc6PYDK.css';const w = "_root_1upux_125", L = "_root-
|
|
|
66
66
|
ref: (o) => {
|
|
67
67
|
typeof n == "function" ? n(o) : n !== null && (n.current = o), a.current = o;
|
|
68
68
|
},
|
|
69
|
-
...
|
|
70
|
-
checked:
|
|
69
|
+
...j,
|
|
70
|
+
checked: u,
|
|
71
71
|
disabled: s,
|
|
72
|
-
"aria-label":
|
|
72
|
+
"aria-label": _,
|
|
73
73
|
"aria-invalid": l,
|
|
74
|
-
"aria-checked": i ? "mixed" :
|
|
74
|
+
"aria-checked": i ? "mixed" : u,
|
|
75
75
|
onChange: y
|
|
76
76
|
}
|
|
77
77
|
),
|
|
@@ -93,13 +93,13 @@ import './assets/checkbox.Bbc6PYDK.css';const w = "_root_1upux_125", L = "_root-
|
|
|
93
93
|
}
|
|
94
94
|
)
|
|
95
95
|
] }),
|
|
96
|
-
/* @__PURE__ */ c.jsx("span", { className: v, children:
|
|
96
|
+
/* @__PURE__ */ c.jsx("span", { className: v, children: _ })
|
|
97
97
|
] }),
|
|
98
|
-
l &&
|
|
98
|
+
l && h && /* @__PURE__ */ c.jsx(
|
|
99
99
|
V,
|
|
100
100
|
{
|
|
101
101
|
className: e.feedback,
|
|
102
|
-
message:
|
|
102
|
+
message: h,
|
|
103
103
|
type: "invalid"
|
|
104
104
|
}
|
|
105
105
|
)
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { j as u } from "./chunks/jsx-runtime.C-kxDJ4g.js";
|
|
3
3
|
import { c as b } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
-
import { DSFieldset as f } from "./fieldset.
|
|
5
|
-
import { s as p } from "./chunks/RadioGroup.module.
|
|
4
|
+
import { DSFieldset as f } from "./fieldset.DGcIKzDI.js";
|
|
5
|
+
import { s as p } from "./chunks/RadioGroup.module.bi3leRes.js";
|
|
6
6
|
import l from "react";
|
|
7
7
|
import { g as i } from "./chunks/helpers.B1JT5ShS.js";
|
|
8
|
-
import { DSCheckbox as D } from "./checkbox.
|
|
8
|
+
import { DSCheckbox as D } from "./checkbox.C2Ga9yTK.js";
|
|
9
9
|
const C = (o) => `The "${o}" prop is required. Please add the "${o}" prop to the DSCheckboxGroup component.`, S = ({
|
|
10
10
|
children: o,
|
|
11
11
|
description: e,
|