@stihl-design-system/components 1.0.0-RC.4 → 1.0.0-RC.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Klarna.svg +1 -0
- package/Mastercard.svg +2 -0
- package/PayPal.svg +2 -0
- package/Placeholder.svg +1 -0
- package/Visa.svg +2 -0
- package/arialiveregions.BvZhV6hb.js +27 -0
- package/assets/CustomReactSelect.Bsphydqt.css +1 -0
- package/assets/Fieldset.D0jHAGRL.css +1 -0
- package/assets/Icon.Duy_0R8w.css +1 -0
- package/assets/InputPassword.VCNO8ANM.css +1 -0
- package/assets/InputSearch.BMRAb95l.css +1 -0
- package/assets/InputStepper.BKjqNi-i.css +1 -0
- package/assets/Notification.Bg63cvs4.css +1 -0
- package/assets/RadioGroup.Bz3_xkZU.css +1 -0
- package/assets/Select.Bz1TImkI.css +1 -0
- package/assets/Textarea.D2h5cW_t.css +1 -0
- package/assets/Toast.BzVaebc0.css +1 -0
- package/assets/{arialiveregions.VnhjP8Gr.css → arialiveregions.GsGx2USO.css} +1 -1
- package/assets/{asterisk.C-o6rbGQ.css → asterisk.JlyPArZu.css} +1 -1
- package/assets/button.BdxtFZKx.css +1 -0
- package/assets/buttonround.pR4StXA7.css +1 -0
- package/assets/checkbox.BjIn2stV.css +1 -0
- package/assets/dialog.CKwM2EBH.css +1 -0
- package/assets/floatingactionbutton.CUvMbEMf.css +1 -0
- package/assets/heading.CCbuI4X-.css +1 -0
- package/assets/input.71tOIrpp.css +1 -0
- package/assets/link.D61tKkSK.css +1 -0
- package/assets/linkstandalone.Bx8Uvo0G.css +1 -0
- package/assets/logo.C05WqGId.css +1 -0
- package/assets/optioncheckbox.BdRJHcSw.css +1 -0
- package/assets/radio.ewRpPo4W.css +1 -0
- package/assets/spinner.LuV09jaU.css +1 -0
- package/assets/switch.Ds-I_ybT.css +1 -0
- package/assets/{systemfeedback.WE3wClZ3.css → systemfeedback.BzJATHDd.css} +1 -1
- package/assets/text.B-CTuGgI.css +1 -0
- package/assets/{title.CE0Dm7PI.css → title.DlhX9K3W.css} +1 -1
- package/asterisk.Cjbk-xZi.js +8 -0
- package/button.DlFWwHuA.js +135 -0
- package/buttonround.eYOQM994.js +118 -0
- package/checkbox.DNHdo6_n.js +113 -0
- package/checkboxgroup.DqWlzAeR.js +9 -0
- package/chunks/{CheckboxGroup.CS6Q_TeZ.js → CheckboxGroup.DsQ6lI5a.js} +22 -22
- package/chunks/{CustomReactSelect.DtmbYZUf.js → CustomReactSelect.5dHi6PEO.js} +909 -959
- package/chunks/Fieldset.B1vsrHNv.js +99 -0
- package/chunks/{Icon.9gDIp6p4.js → Icon.n4XZrQ4N.js} +33 -27
- package/chunks/InputPassword.DTqI58Z4.js +140 -0
- package/chunks/InputSearch.IwQATLKh.js +189 -0
- package/chunks/InputStepper.Jew1ETB6.js +291 -0
- package/chunks/Notification.DbflCBIL.js +93 -0
- package/chunks/RadioGroup.BO4pbAJw.js +132 -0
- package/chunks/RadioGroup.module.BBZwHDjW.js +11 -0
- package/chunks/Select.COdS787F.js +191 -0
- package/chunks/Textarea.oqCrSopu.js +195 -0
- package/chunks/Toast.BLGKvAvZ.js +89 -0
- package/chunks/{jsx-runtime.C-kxDJ4g.js → jsx-runtime.C115EyI4.js} +3 -7
- package/{combobox.BaSkiD6f.js → combobox.CRlhqmuO.js} +2 -2
- package/components/Radio/Radio.d.ts +11 -3
- package/components/RadioGroup/RadioGroup.d.ts +6 -3
- package/components/RadioGroup/RadioGroup.utils.d.ts +5 -3
- package/components/RadioGroup/RadioGroup.utils.test.d.ts +1 -0
- package/customreactselect.CD58gwtp.js +13 -0
- package/dialog.qd2pOyVc.js +45 -0
- package/fieldset.aY3V2jK2.js +11 -0
- package/floatingactionbutton.CGV3YFQq.js +87 -0
- package/heading.BTNroD1E.js +50 -0
- package/icon.D3RXjzh4.js +8 -0
- package/index.es.js +60 -58
- package/input.BAxvG272.js +236 -0
- package/inputpassword.mn9qFlfs.js +12 -0
- package/inputsearch.qQJj9yFd.js +13 -0
- package/inputstepper.DhbHujiM.js +13 -0
- package/link.SAcKvzJ3.js +115 -0
- package/linkstandalone.DNe0Nydm.js +79 -0
- package/{logo.C_oJ8isW.js → logo.BR_CUXFl.js} +16 -16
- package/notification.CnJOdQza.js +9 -0
- package/{optioncheckbox.CUV1MQhh.js → optioncheckbox.C4l2UIak.js} +7 -7
- package/package.json +28 -24
- package/partials/index.js +51 -79
- package/radio.epf54-sG.js +115 -0
- package/radiogroup.CiENWRos.js +11 -0
- package/select.DLYav8gw.js +12 -0
- package/spinner.DEtbkdfi.js +58 -0
- package/styles/scss/lib/_animation.scss +15 -14
- package/styles/scss/lib/_container-query.scss +3 -3
- package/styles/scss/lib/_grid-sidebar.scss +14 -7
- package/styles/scss/lib/_link.scss +48 -42
- package/styles/scss/lib/_media-query.scss +3 -3
- package/styles/scss/lib/_transition.scss +26 -7
- package/switch.BezS5z0Y.js +65 -0
- package/{systemfeedback.4Hkfigi-.js → systemfeedback.CUWch42u.js} +3 -3
- package/text.CrYUewrP.js +57 -0
- package/{textarea.DPy3TJJf.js → textarea.hLgeYdsI.js} +4 -4
- package/title.Dvp8LKJt.js +36 -0
- package/toast.BR7QuHOG.js +10 -0
- package/{toastmanager.DQ_-eTrx.js → toastmanager.DBp8B1e3.js} +2 -2
- package/utils/index.d.ts +1 -0
- package/utils/remove-spaces.d.ts +6 -0
- package/utils/remove-spaces.test.d.ts +1 -0
- package/arialiveregions.49Zyf6mj.js +0 -27
- package/assets/CustomReactSelect.B0rJLjN0.css +0 -1
- package/assets/Fieldset.xazpUXJX.css +0 -1
- package/assets/Icon.CB-KQmw4.css +0 -1
- package/assets/InputPassword.C3Uyj7oA.css +0 -1
- package/assets/InputSearch.tL3e9-Ob.css +0 -1
- package/assets/InputStepper.paPJix5A.css +0 -1
- package/assets/Notification.CCCbfXEz.css +0 -1
- package/assets/RadioGroup.Ur8Ro-XL.css +0 -1
- package/assets/Select.D2qBxaHP.css +0 -1
- package/assets/Textarea.BKbocznb.css +0 -1
- package/assets/Toast.CAP_EwDX.css +0 -1
- package/assets/button.BuIpnG-S.css +0 -1
- package/assets/buttonround.C3ph5Yyu.css +0 -1
- package/assets/checkbox.BsFEWfQe.css +0 -1
- package/assets/dialog.BGK3mgk7.css +0 -1
- package/assets/floatingactionbutton.D7ywURL3.css +0 -1
- package/assets/heading.CGFucb-C.css +0 -1
- package/assets/input.BcP5kkZ2.css +0 -1
- package/assets/link.DQy_OhwC.css +0 -1
- package/assets/linkstandalone.Dh6bE5Fb.css +0 -1
- package/assets/logo.BbHYgnWo.css +0 -1
- package/assets/optioncheckbox.C-K1FLhc.css +0 -1
- package/assets/radio.CSHQGdpr.css +0 -1
- package/assets/spinner.C5rBmKiF.css +0 -1
- package/assets/switch.sqve8ApJ.css +0 -1
- package/assets/text.DDAveG7E.css +0 -1
- package/asterisk.DU8THnoC.js +0 -8
- package/button.DX_nxoJC.js +0 -135
- package/buttonround.CXsBk9nL.js +0 -118
- package/checkbox.B43oeMeC.js +0 -112
- package/checkboxgroup.C7aCjYds.js +0 -9
- package/chunks/Fieldset.BokeZzG5.js +0 -99
- package/chunks/InputPassword.jpUCijp7.js +0 -140
- package/chunks/InputSearch.BmOtAZcR.js +0 -190
- package/chunks/InputStepper.DTKjUL4U.js +0 -291
- package/chunks/Notification.CUPOlHAX.js +0 -93
- package/chunks/RadioGroup.DpwnVv7u.js +0 -110
- package/chunks/RadioGroup.module.bi3leRes.js +0 -11
- package/chunks/Select.DkDZo0ky.js +0 -193
- package/chunks/Textarea.C938p79X.js +0 -195
- package/chunks/Toast.CLYrwQVO.js +0 -89
- package/customreactselect.LTbjaBN2.js +0 -13
- package/dialog.BkXwcbUh.js +0 -45
- package/fieldset.BXOWK-B-.js +0 -11
- package/floatingactionbutton.-nDRRiXY.js +0 -87
- package/heading.DqGbFfj2.js +0 -50
- package/icon.Cpp_9L1I.js +0 -8
- package/input.BM6tyRUm.js +0 -236
- package/inputpassword.DUxH1K_k.js +0 -12
- package/inputsearch.B-vePHle.js +0 -13
- package/inputstepper.C2ypADPI.js +0 -13
- package/link.B4XZoLDj.js +0 -115
- package/linkstandalone.BSfd95Pd.js +0 -79
- package/notification.CxxAOdNV.js +0 -9
- package/radio.Bhu9OUY-.js +0 -79
- package/radiogroup.CMJ1b38q.js +0 -11
- package/select.DFJK2mHF.js +0 -12
- package/spinner.BskX4ovu.js +0 -58
- package/switch.Bx2tDKx0.js +0 -65
- package/text.CPU8IUqY.js +0 -57
- package/title.icX0VDiO.js +0 -36
- package/toast.C-Yg5EoE.js +0 -10
package/switch.Bx2tDKx0.js
DELETED
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { j as t } from "./chunks/jsx-runtime.C-kxDJ4g.js";
|
|
3
|
-
import { c as b } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
-
import "react";
|
|
5
|
-
import { D as p } from "./chunks/Icon.9gDIp6p4.js";
|
|
6
|
-
import { DSSpinner as f } from "./spinner.BskX4ovu.js";
|
|
7
|
-
import './assets/switch.sqve8ApJ.css';const x = "_root_1gc2h_63", j = "_root--label-right_1gc2h_91", k = "_root--stretched_1gc2h_94", S = "_loader_1gc2h_104", w = "_thumb_1gc2h_157", C = "_root--checked_1gc2h_172", o = {
|
|
8
|
-
root: x,
|
|
9
|
-
"root--label-right": "_root--label-right_1gc2h_91",
|
|
10
|
-
rootLabelRight: j,
|
|
11
|
-
"root--stretched": "_root--stretched_1gc2h_94",
|
|
12
|
-
rootStretched: k,
|
|
13
|
-
switch: "_switch_1gc2h_99",
|
|
14
|
-
loader: S,
|
|
15
|
-
thumb: w,
|
|
16
|
-
"root--checked": "_root--checked_1gc2h_172",
|
|
17
|
-
rootChecked: C
|
|
18
|
-
}, E = ({
|
|
19
|
-
children: h,
|
|
20
|
-
aria: i,
|
|
21
|
-
alignLabel: l = "left",
|
|
22
|
-
checked: e = !1,
|
|
23
|
-
className: _,
|
|
24
|
-
dataTrackingid: n,
|
|
25
|
-
disabled: c = !1,
|
|
26
|
-
loading: r = !1,
|
|
27
|
-
stretched: d = !1,
|
|
28
|
-
onClick: s,
|
|
29
|
-
...m
|
|
30
|
-
}) => {
|
|
31
|
-
const g = b(o.root, _, {
|
|
32
|
-
[o.rootChecked]: e === !0,
|
|
33
|
-
[o.rootStretched]: d === !0,
|
|
34
|
-
[o.rootLabelRight]: l === "right"
|
|
35
|
-
}), u = (a) => {
|
|
36
|
-
if (c || r) {
|
|
37
|
-
a.preventDefault();
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
s && s(a);
|
|
41
|
-
};
|
|
42
|
-
return /* @__PURE__ */ t.jsxs(
|
|
43
|
-
"button",
|
|
44
|
-
{
|
|
45
|
-
className: g,
|
|
46
|
-
"data-trackingid": n,
|
|
47
|
-
onClick: u,
|
|
48
|
-
...i,
|
|
49
|
-
...m,
|
|
50
|
-
type: "button",
|
|
51
|
-
role: "switch",
|
|
52
|
-
"aria-checked": e,
|
|
53
|
-
"aria-disabled": c || r,
|
|
54
|
-
"aria-busy": r,
|
|
55
|
-
children: [
|
|
56
|
-
/* @__PURE__ */ t.jsx("span", { children: h }),
|
|
57
|
-
!r && /* @__PURE__ */ t.jsx("span", { className: o.switch, children: /* @__PURE__ */ t.jsx("span", { className: o.thumb, children: /* @__PURE__ */ t.jsx(p, { name: "check", "aria-hidden": "true" }) }) }),
|
|
58
|
-
r && /* @__PURE__ */ t.jsx("span", { className: o.loader, children: /* @__PURE__ */ t.jsx(f, { aria: { "aria-label": "Loading state" } }) })
|
|
59
|
-
]
|
|
60
|
-
}
|
|
61
|
-
);
|
|
62
|
-
};
|
|
63
|
-
export {
|
|
64
|
-
E as DSSwitch
|
|
65
|
-
};
|
package/text.CPU8IUqY.js
DELETED
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { j as x } from "./chunks/jsx-runtime.C-kxDJ4g.js";
|
|
3
|
-
import { c as v } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
-
import './assets/text.DDAveG7E.css';const c = "_root_16s1v_63", n = "_root--large_16s1v_69", u = "_root--large-bold_16s1v_79", b = "_root--medium_16s1v_89", S = "_root--medium-bold_16s1v_99", g = "_root--small_16s1v_109", B = "_root--small-bold_16s1v_119", i = "_root--x-small_16s1v_129", X = "_root--x-small-bold_16s1v_139", k = "_root--xx-small_16s1v_149", L = "_root--theme-dark_16s1v_159", o = {
|
|
5
|
-
root: c,
|
|
6
|
-
"root--large": "_root--large_16s1v_69",
|
|
7
|
-
rootLarge: n,
|
|
8
|
-
"root--large-bold": "_root--large-bold_16s1v_79",
|
|
9
|
-
rootLargeBold: u,
|
|
10
|
-
"root--medium": "_root--medium_16s1v_89",
|
|
11
|
-
rootMedium: b,
|
|
12
|
-
"root--medium-bold": "_root--medium-bold_16s1v_99",
|
|
13
|
-
rootMediumBold: S,
|
|
14
|
-
"root--small": "_root--small_16s1v_109",
|
|
15
|
-
rootSmall: g,
|
|
16
|
-
"root--small-bold": "_root--small-bold_16s1v_119",
|
|
17
|
-
rootSmallBold: B,
|
|
18
|
-
"root--x-small": "_root--x-small_16s1v_129",
|
|
19
|
-
rootXSmall: i,
|
|
20
|
-
"root--x-small-bold": "_root--x-small-bold_16s1v_139",
|
|
21
|
-
rootXSmallBold: X,
|
|
22
|
-
"root--xx-small": "_root--xx-small_16s1v_149",
|
|
23
|
-
rootXxSmall: k,
|
|
24
|
-
"root--theme-dark": "_root--theme-dark_16s1v_159",
|
|
25
|
-
rootThemeDark: L
|
|
26
|
-
}, T = ({
|
|
27
|
-
children: t,
|
|
28
|
-
className: m,
|
|
29
|
-
size: l = "medium",
|
|
30
|
-
tag: a = "p",
|
|
31
|
-
theme: s = "light",
|
|
32
|
-
weight: r = "normal",
|
|
33
|
-
..._
|
|
34
|
-
}) => {
|
|
35
|
-
const d = a, e = v(o.root, m, {
|
|
36
|
-
// large
|
|
37
|
-
[o.rootLarge]: l === "large",
|
|
38
|
-
[o.rootLargeBold]: l === "large" && r === "bold",
|
|
39
|
-
// medium
|
|
40
|
-
[o.rootMedium]: l == "medium",
|
|
41
|
-
[o.rootMediumBold]: l === "medium" && r === "bold",
|
|
42
|
-
// small
|
|
43
|
-
[o.rootSmall]: l == "small",
|
|
44
|
-
[o.rootSmallBold]: l == "small" && r === "bold",
|
|
45
|
-
// x-small
|
|
46
|
-
[o.rootXSmall]: l == "x-small",
|
|
47
|
-
[o.rootXSmallBold]: l == "x-small" && r === "bold",
|
|
48
|
-
// xx-small
|
|
49
|
-
[o.rootXxSmall]: l == "xx-small",
|
|
50
|
-
// dark theme
|
|
51
|
-
[o.rootThemeDark]: s === "dark"
|
|
52
|
-
});
|
|
53
|
-
return /* @__PURE__ */ x.jsx(d, { className: e, ..._, children: t });
|
|
54
|
-
};
|
|
55
|
-
export {
|
|
56
|
-
T as DSText
|
|
57
|
-
};
|
package/title.icX0VDiO.js
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { j as o } from "./chunks/jsx-runtime.C-kxDJ4g.js";
|
|
3
|
-
import { c as g } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
-
import './assets/title.CE0Dm7PI.css';const n = "_root_1bpc5_63", h = "_root--x-large-uppercase_1bpc5_66", m = "_root--large-uppercase_1bpc5_80", d = "_root--theme-dark_1bpc5_94", u = "_dash_1bpc5_97", r = {
|
|
5
|
-
root: n,
|
|
6
|
-
"root--x-large-uppercase": "_root--x-large-uppercase_1bpc5_66",
|
|
7
|
-
rootXLargeUppercase: h,
|
|
8
|
-
"root--large-uppercase": "_root--large-uppercase_1bpc5_80",
|
|
9
|
-
rootLargeUppercase: m,
|
|
10
|
-
"root--theme-dark": "_root--theme-dark_1bpc5_94",
|
|
11
|
-
rootThemeDark: d,
|
|
12
|
-
dash: u
|
|
13
|
-
}, b = ({
|
|
14
|
-
children: a,
|
|
15
|
-
className: t,
|
|
16
|
-
size: e = "x-large",
|
|
17
|
-
tag: s = "h1",
|
|
18
|
-
// Design suggested to set default tag to h1
|
|
19
|
-
theme: p = "light",
|
|
20
|
-
...c
|
|
21
|
-
}) => {
|
|
22
|
-
const _ = s, l = g(r.root, t, {
|
|
23
|
-
// sizes
|
|
24
|
-
[r.rootXLargeUppercase]: e === "x-large",
|
|
25
|
-
[r.rootLargeUppercase]: e === "large",
|
|
26
|
-
// dark theme
|
|
27
|
-
[r.rootThemeDark]: p === "dark"
|
|
28
|
-
});
|
|
29
|
-
return /* @__PURE__ */ o.jsxs(_, { className: l, ...c, children: [
|
|
30
|
-
a,
|
|
31
|
-
/* @__PURE__ */ o.jsx("span", { className: r.dash, "aria-hidden": "true", children: "ƒ" })
|
|
32
|
-
] });
|
|
33
|
-
};
|
|
34
|
-
export {
|
|
35
|
-
b as DSTitle
|
|
36
|
-
};
|
package/toast.C-Yg5EoE.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import "./chunks/jsx-runtime.C-kxDJ4g.js";
|
|
3
|
-
import "./chunks/index.CvOaL64Y.js";
|
|
4
|
-
import "react";
|
|
5
|
-
import "./button.DX_nxoJC.js";
|
|
6
|
-
import "./chunks/Icon.9gDIp6p4.js";
|
|
7
|
-
import { D as s } from "./chunks/Toast.CLYrwQVO.js";
|
|
8
|
-
export {
|
|
9
|
-
s as DSToast
|
|
10
|
-
};
|