@stihl-design-system/components 1.0.0-RC.27 → 1.0.0-RC.28
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.B9X4Vlig.js} +1 -1
- package/{actionbutton.DEJsLxnQ.js → actionbutton.7x4F7a0U.js} +1 -1
- package/{actionlink.Cs6BTCA3.js → actionlink.CV0n19ik.js} +1 -1
- package/assets/Accordion.BHWEZCmu.css +1 -0
- package/assets/CustomReactSelect.Dq5Hoqv2.css +1 -0
- package/assets/{Fieldset.Cy5r0K7n.css → Fieldset.CW9dBvAo.css} +1 -1
- package/assets/InputFile.BVgHILAZ.css +1 -0
- package/assets/InputPassword.CBpkWGy7.css +1 -0
- package/assets/InputSearch.CnPJYH8L.css +1 -0
- package/assets/InputStepper.U2h9Kd0t.css +1 -0
- package/assets/Select.U7xsC0o1.css +1 -0
- package/assets/Slider.DzwSjDPV.css +1 -0
- package/assets/Textarea.C4IEEOFR.css +1 -0
- package/assets/input.CuIHvnD5.css +1 -0
- package/assets/radio.ipbv7OMF.css +1 -0
- package/{checkboxgroup.YK8H0YoX.js → checkboxgroup.Bylq97Q9.js} +2 -2
- package/chunks/Accordion.BvHroAyn.js +154 -0
- package/chunks/ActionButton.BlhiiU3l.js +165 -0
- package/chunks/ActionLink.BvFL6rgb.js +138 -0
- package/chunks/{CheckboxGroup.DHzpgOWp.js → CheckboxGroup.D4MQD0i0.js} +1 -1
- package/chunks/{CustomReactSelect.BPnzhvw1.js → CustomReactSelect.D9B928kB.js} +408 -409
- package/chunks/Fieldset.BgZMYAH-.js +74 -0
- package/chunks/Header.BSvyYrIV.js +368 -0
- package/chunks/InputFile.rC7NJYrU.js +218 -0
- package/chunks/InputPassword.5-r36K86.js +132 -0
- package/chunks/InputSearch.D4Q99_nR.js +170 -0
- package/chunks/InputStepper.EsPAGCFJ.js +259 -0
- package/chunks/{RadioGroup.c7YYJdUe.js → RadioGroup.CRP8_vsg.js} +2 -2
- package/chunks/Select.lveq1iBY.js +158 -0
- package/chunks/Slider.D9MHH4cZ.js +292 -0
- package/chunks/Textarea.BRfh8ykm.js +161 -0
- package/combobox.pMk_oggm.js +60 -0
- package/components/Combobox/Combobox.d.ts +4 -0
- package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts +1 -1
- package/{customreactselect.Bu1i8wkh.js → customreactselect.-DGMZMFu.js} +2 -3
- package/{fieldset.DM9ELUJa.js → fieldset.BR9fZReW.js} +1 -1
- package/{header.WhQHSuB1.js → header.Z4Oxj_xL.js} +1 -1
- package/index.es.js +17 -17
- package/input.DAneVu7p.js +199 -0
- package/{inputfile.Cmkxf4Vq.js → inputfile.CB-QTIDn.js} +2 -3
- package/{inputpassword.CaJBCMA0.js → inputpassword.B_A0JDkz.js} +2 -3
- package/{inputsearch.B06DhYzo.js → inputsearch.DUgTkPWm.js} +2 -3
- package/{inputstepper.DNY7nzP8.js → inputstepper.DKmlBa0Y.js} +2 -3
- package/package.json +1 -1
- package/partials/index.js +24 -24
- package/{radio.Be4pFOLf.js → radio.z-Mi3J6t.js} +20 -20
- package/{radiogroup.BRjwP01C.js → radiogroup.Bk36A24U.js} +3 -3
- package/{select.3zE96eWc.js → select.4wUa3vMT.js} +2 -3
- package/{slider.CTCf7Xdm.js → slider.BicJfJzc.js} +2 -2
- 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/{textarea.B_3fPtmd.js → textarea.BynOgkpo.js} +2 -3
- package/{topbar.2b8fjmA4.js → topbar.Bccms0xZ.js} +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/InputFile.vkkg5Pab.js +0 -220
- package/chunks/InputPassword.D42uUEGy.js +0 -136
- package/chunks/InputSearch.aIbUXVQU.js +0 -174
- 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
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as rt, jsx as w, Fragment as at } from "react/jsx-runtime";
|
|
3
|
+
import { d as st } from "./index.CgTHIF3K.js";
|
|
4
|
+
import { c as y } from "./index.CEyLAtio.js";
|
|
5
|
+
import { D as lt } from "./Icon.C0161Glk.js";
|
|
6
|
+
import { forwardRef as pt } from "react";
|
|
7
|
+
import { NumberIndicator as ct } from "../numberindicator.Ddf3ESi7.js";
|
|
8
|
+
import { g as W } from "./helpers.BbWkXTr3.js";
|
|
9
|
+
import '../assets/ActionLink.BdPEvuGm.css';const dt = "ds-action-link_root_14712_1", ht = "ds-action-link_root--indent-level-1_14712_72", _t = "ds-action-link_root--active_14712_75", vt = "ds-action-link_root--active--with-marker_14712_78", mt = "ds-action-link_root--icon--top_14712_81", ft = "ds-action-link_root--stretched_14712_106", kt = "ds-action-link_active-marker_14712_111", bt = "ds-action-link_active-marker--with-indent_14712_123", It = "ds-action-link_icon-wrapper_14712_127", Nt = "ds-action-link_icon-wrapper--x-large_14712_130", At = "ds-action-link_icon-wrapper--with-number-indicator_14712_133", gt = "ds-action-link_icon-wrapper--with-number-indicator--with-value_14712_141", ut = "ds-action-link_label_14712_145", wt = "ds-action-link_label--bold_14712_156", Wt = "ds-action-link_label--active_14712_167", Lt = "ds-action-link_label--icon-top_14712_178", St = "ds-action-link_number-indicator_14712_201", o = {
|
|
10
|
+
root: dt,
|
|
11
|
+
rootIndentLevel1: ht,
|
|
12
|
+
rootActive: _t,
|
|
13
|
+
rootActiveWithMarker: vt,
|
|
14
|
+
rootIconTop: mt,
|
|
15
|
+
rootStretched: ft,
|
|
16
|
+
activeMarker: kt,
|
|
17
|
+
activeMarkerWithIndent: bt,
|
|
18
|
+
iconWrapper: It,
|
|
19
|
+
iconWrapperXLarge: Nt,
|
|
20
|
+
iconWrapperWithNumberIndicator: At,
|
|
21
|
+
iconWrapperWithNumberIndicatorWithValue: gt,
|
|
22
|
+
label: ut,
|
|
23
|
+
labelBold: wt,
|
|
24
|
+
labelActive: Wt,
|
|
25
|
+
labelIconTop: Lt,
|
|
26
|
+
numberIndicator: St
|
|
27
|
+
}, Kt = ["left", "top"], Vt = ["large", "x-large"], yt = [0, 1], Bt = ["normal", "bold"], Pt = ({
|
|
28
|
+
iconName: _,
|
|
29
|
+
iconSize: v,
|
|
30
|
+
iconSource: t,
|
|
31
|
+
iconPosition: a,
|
|
32
|
+
indentLevel: s,
|
|
33
|
+
stretched: l,
|
|
34
|
+
weight: p
|
|
35
|
+
}) => {
|
|
36
|
+
if (_ && !t && v === "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.')), a === "top") {
|
|
37
|
+
if (!_ && !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
|
+
v === "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.')), p === "bold" && console.warn(W("DSActionLink", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), s === 1 && console.warn(W("DSActionLink", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), l && 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
|
+
}, Dt = pt((_, v) => {
|
|
42
|
+
const t = st.c(73);
|
|
43
|
+
let a, s, l, p, h, n, r, i, m, f, k, L, S, P, D, T, x, M;
|
|
44
|
+
t[0] !== _ ? ({
|
|
45
|
+
children: s,
|
|
46
|
+
aria: a,
|
|
47
|
+
className: l,
|
|
48
|
+
download: p,
|
|
49
|
+
href: h,
|
|
50
|
+
iconName: n,
|
|
51
|
+
iconPosition: L,
|
|
52
|
+
iconSize: S,
|
|
53
|
+
iconSource: r,
|
|
54
|
+
indentLevel: P,
|
|
55
|
+
isActive: D,
|
|
56
|
+
numberIndicatorValue: i,
|
|
57
|
+
referrerPolicy: m,
|
|
58
|
+
rel: f,
|
|
59
|
+
stretched: T,
|
|
60
|
+
target: x,
|
|
61
|
+
weight: M,
|
|
62
|
+
...k
|
|
63
|
+
} = _, t[0] = _, t[1] = a, t[2] = s, t[3] = l, t[4] = p, t[5] = h, t[6] = n, t[7] = r, t[8] = i, t[9] = m, t[10] = f, t[11] = k, t[12] = L, t[13] = S, t[14] = P, t[15] = D, t[16] = T, t[17] = x, t[18] = M) : (a = t[1], s = t[2], l = t[3], p = t[4], h = t[5], n = t[6], r = t[7], i = t[8], m = t[9], f = t[10], k = t[11], L = t[12], S = t[13], P = t[14], D = t[15], T = t[16], x = t[17], M = t[18]);
|
|
64
|
+
const e = L === void 0 ? "left" : L, C = S === void 0 ? "large" : S, B = P === void 0 ? 0 : P, d = D === void 0 ? !1 : D, it = T === void 0 ? !1 : T, X = x === void 0 ? "_self" : x, nt = M === void 0 ? "normal" : M;
|
|
65
|
+
process.env.NODE_ENV !== "production" && Pt({
|
|
66
|
+
iconName: n,
|
|
67
|
+
iconSize: C,
|
|
68
|
+
iconSource: r,
|
|
69
|
+
iconPosition: e,
|
|
70
|
+
indentLevel: B,
|
|
71
|
+
stretched: it,
|
|
72
|
+
weight: nt
|
|
73
|
+
});
|
|
74
|
+
const c = (i == null ? void 0 : i.trim()) === "", j = e === "top", H = B === 1, F = d && e === "left", G = it === !0 && e === "left";
|
|
75
|
+
let E;
|
|
76
|
+
t[19] !== l || t[20] !== d || t[21] !== F || t[22] !== G || t[23] !== j || t[24] !== H ? (E = y(o.root, l, {
|
|
77
|
+
[o.rootIconTop]: j,
|
|
78
|
+
[o.rootIndentLevel1]: H,
|
|
79
|
+
[o.rootActive]: d,
|
|
80
|
+
[o.rootActiveWithMarker]: F,
|
|
81
|
+
[o.rootStretched]: G
|
|
82
|
+
}), t[19] = l, t[20] = d, t[21] = F, t[22] = G, t[23] = j, t[24] = H, t[25] = E) : E = t[25];
|
|
83
|
+
const R = E, Z = B === 1;
|
|
84
|
+
let O;
|
|
85
|
+
t[26] !== Z ? (O = y(o.activeMarker, {
|
|
86
|
+
[o.activeMarkerWithIndent]: Z
|
|
87
|
+
}), t[26] = Z, t[27] = O) : O = t[27];
|
|
88
|
+
const $ = O, q = d && e === "left", J = nt === "bold", Q = e === "top";
|
|
89
|
+
let z;
|
|
90
|
+
t[28] !== q || t[29] !== J || t[30] !== Q ? (z = y(o.label, {
|
|
91
|
+
[o.labelActive]: q,
|
|
92
|
+
[o.labelBold]: J,
|
|
93
|
+
[o.labelIconTop]: Q
|
|
94
|
+
}), t[28] = q, t[29] = J, t[30] = Q, t[31] = z) : z = t[31];
|
|
95
|
+
const U = z, Y = C === "x-large", tt = (n || r) && (i || c), et = (n || r) && !c;
|
|
96
|
+
let K;
|
|
97
|
+
t[32] !== Y || t[33] !== tt || t[34] !== et ? (K = y(o.iconWrapper, {
|
|
98
|
+
[o.iconWrapperXLarge]: Y,
|
|
99
|
+
[o.iconWrapperWithNumberIndicator]: tt,
|
|
100
|
+
[o.iconWrapperWithNumberIndicatorWithValue]: et
|
|
101
|
+
}), t[32] = Y, t[33] = tt, t[34] = et, t[35] = K) : K = t[35];
|
|
102
|
+
const ot = K, b = h === void 0 ? "span" : "a";
|
|
103
|
+
let I;
|
|
104
|
+
t[36] !== b || t[37] !== p || t[38] !== h || t[39] !== m || t[40] !== f || t[41] !== X ? (I = b === "a" && {
|
|
105
|
+
href: h,
|
|
106
|
+
target: X,
|
|
107
|
+
rel: f,
|
|
108
|
+
referrerPolicy: m,
|
|
109
|
+
download: p
|
|
110
|
+
}, t[36] = b, t[37] = p, t[38] = h, t[39] = m, t[40] = f, t[41] = X, t[42] = I) : I = t[42];
|
|
111
|
+
let N;
|
|
112
|
+
t[43] !== $ || t[44] !== e || t[45] !== d ? (N = d && e === "left" && /* @__PURE__ */ w("div", { className: $ }), t[43] = $, t[44] = e, t[45] = d, t[46] = N) : N = t[46];
|
|
113
|
+
let A;
|
|
114
|
+
t[47] !== n || t[48] !== e || t[49] !== C || t[50] !== r || t[51] !== ot || t[52] !== c || t[53] !== i ? (A = (n || r) && /* @__PURE__ */ w(at, { children: /* @__PURE__ */ rt("span", { className: ot, children: [
|
|
115
|
+
/* @__PURE__ */ w(lt, { name: n, theme: "light", source: r, "aria-hidden": "true", size: n || e === "top" ? "large" : C }),
|
|
116
|
+
(e === "left" && c || e === "top" && (i || c)) && /* @__PURE__ */ w(ct, { variant: "highlight", label: i })
|
|
117
|
+
] }) }), t[47] = n, t[48] = e, t[49] = C, t[50] = r, t[51] = ot, t[52] = c, t[53] = i, t[54] = A) : A = t[54];
|
|
118
|
+
let g;
|
|
119
|
+
t[55] !== s || t[56] !== U ? (g = /* @__PURE__ */ w("span", { className: U, children: s }), t[55] = s, t[56] = U, t[57] = g) : g = t[57];
|
|
120
|
+
let u;
|
|
121
|
+
t[58] !== e || t[59] !== c || t[60] !== i ? (u = e === "left" && i && !c && /* @__PURE__ */ w(ct, { variant: "default", label: i, className: o.numberIndicator }), t[58] = e, t[59] = c, t[60] = i, t[61] = u) : u = t[61];
|
|
122
|
+
let V;
|
|
123
|
+
return t[62] !== b || t[63] !== a || t[64] !== v || t[65] !== k || t[66] !== R || t[67] !== I || t[68] !== N || t[69] !== A || t[70] !== g || t[71] !== u ? (V = /* @__PURE__ */ rt(b, { className: R, ...I, ...a, ...k, ref: v, children: [
|
|
124
|
+
N,
|
|
125
|
+
A,
|
|
126
|
+
g,
|
|
127
|
+
u
|
|
128
|
+
] }), t[62] = b, t[63] = a, t[64] = v, t[65] = k, t[66] = R, t[67] = I, t[68] = N, t[69] = A, t[70] = g, t[71] = u, t[72] = V) : V = t[72], V;
|
|
129
|
+
});
|
|
130
|
+
Dt.displayName = "DSActionLink";
|
|
131
|
+
export {
|
|
132
|
+
Kt as A,
|
|
133
|
+
Dt as D,
|
|
134
|
+
Vt as a,
|
|
135
|
+
yt as b,
|
|
136
|
+
Bt as c,
|
|
137
|
+
Pt as v
|
|
138
|
+
};
|
|
@@ -2,7 +2,7 @@
|
|
|
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.BgZMYAH-.js";
|
|
6
6
|
import S from "react";
|
|
7
7
|
import { g as x, r as N } from "./helpers.BbWkXTr3.js";
|
|
8
8
|
import { D as z } from "./Checkbox.BIQAKBVy.js";
|