@stihl-design-system/components 1.0.0-RC.26 → 1.0.0-RC.27

package/{input.D4OiEI8g.js → input.DhxUW3zc.js}

@@ -8,12 +8,12 @@ import { u as zt } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
 import { Asterisk as ae } from "./asterisk.CR60hx8S.js";
 import { D as Gt } from "./chunks/Button.CC0qEsuR.js";
 import { D as oe } from "./chunks/Icon.C0161Glk.js";
-import { DSSystemFeedback as de } from "./systemfeedback.CLQCbTF6.js";
-import { v as ce, b as fe, M as re, a as pe, s as ue, i as qt, c as me } from "./chunks/Input.utils.Cnnzvuk4.js";
-import './assets/input.Cj4tF_F7.css';const _e = "ds-input_input_rfp10_1", be = "ds-input_input--invalid_rfp10_113", he = "ds-input_input--small_rfp10_120", Ie = "ds-input_input--has-leading-icon_rfp10_173", xe = "ds-input_input--has-action-button_rfp10_176", ye = "ds-input_input--has-affix_rfp10_191", ge = "ds-input_input--is-ready_rfp10_205", Se = "ds-input_root_rfp10_212", ve = "ds-input_hint_rfp10_221", Ne = "ds-input_label_rfp10_221", De = "ds-input_wrapper_rfp10_225", ke = "ds-input_affix_rfp10_231", Be = "ds-input_affix--small_rfp10_252", Ce = "ds-input_affix--disabled_rfp10_265", Le = "ds-input_prefix_rfp10_273", He = "ds-input_affix--readonly_rfp10_276", Re = "ds-input_suffix_rfp10_286", Ae = "ds-input_leading-icon_rfp10_293", we = "ds-input_leading-icon--small_rfp10_305", Fe = "ds-input_leading-icon--disabled_rfp10_308", Pe = "ds-input_action-button_rfp10_317", Ee = "ds-input_label--hidden_rfp10_335", Te = "ds-input_label--disabled_rfp10_348", $e = "ds-input_feedback_rfp10_368", e = {
+import { DSSystemFeedback as ce } from "./systemfeedback.CLQCbTF6.js";
+import { v as de, b as fe, M as re, a as ue, s as pe, i as qt, c as me } from "./chunks/Input.utils.Cnnzvuk4.js";
+import './assets/input.DFwunFjw.css';const _e = "ds-input_input_1icdc_1", be = "ds-input_input--small_1icdc_9", he = "ds-input_input--invalid_1icdc_121", Ie = "ds-input_input--has-leading-icon_1icdc_179", xe = "ds-input_input--has-action-button_1icdc_182", ye = "ds-input_input--has-affix_1icdc_197", ge = "ds-input_input--is-ready_1icdc_211", Se = "ds-input_root_1icdc_218", ve = "ds-input_hint_1icdc_227", Ne = "ds-input_label_1icdc_227", De = "ds-input_wrapper_1icdc_231", ke = "ds-input_affix_1icdc_237", Be = "ds-input_affix--small_1icdc_258", Ce = "ds-input_affix--disabled_1icdc_271", Le = "ds-input_prefix_1icdc_279", He = "ds-input_affix--readonly_1icdc_282", Re = "ds-input_suffix_1icdc_292", Ae = "ds-input_leading-icon_1icdc_299", we = "ds-input_leading-icon--small_1icdc_311", Fe = "ds-input_leading-icon--disabled_1icdc_314", Pe = "ds-input_action-button_1icdc_323", Ee = "ds-input_label--hidden_1icdc_341", Te = "ds-input_label--disabled_1icdc_354", $e = "ds-input_feedback_1icdc_374", e = {
   input: _e,
-  inputInvalid: be,
-  inputSmall: he,
+  inputSmall: be,
+  inputInvalid: he,
   inputHasLeadingIcon: Ie,
   inputHasActionButton: xe,
   inputHasAffix: ye,
@@ -37,7 +37,7 @@ import './assets/input.Cj4tF_F7.css';const _e = "ds-input_input_rfp10_1", be = "
   feedback: $e
 }, Oe = ne((Dt, w) => {
   const t = ie.c(175);
-  let A, S, m, o, I, p, u, s, x, n, f, G, U, J, K, Q, Y, Z;
+  let A, S, m, o, I, u, p, s, x, n, f, G, U, J, K, Q, Y, Z;
   t[0] !== Dt ? ({
     id: o,
     label: I,
@@ -47,8 +47,8 @@ import './assets/input.Cj4tF_F7.css';const _e = "ds-input_input_rfp10_1", be = "
     hint: m,
     hideLabel: U,
     invalid: J,
-    leadingIconName: p,
-    leadingIconSource: u,
+    leadingIconName: u,
+    leadingIconSource: p,
     prefix: s,
     readonly: K,
     required: Q,
@@ -57,17 +57,17 @@ import './assets/input.Cj4tF_F7.css';const _e = "ds-input_input_rfp10_1", be = "
     systemFeedback: f,
     type: Z,
     ...x
-  } = Dt, t[0] = Dt, t[1] = A, t[2] = S, t[3] = m, t[4] = o, t[5] = I, t[6] = p, t[7] = u, t[8] = s, t[9] = x, t[10] = n, t[11] = f, t[12] = G, t[13] = U, t[14] = J, t[15] = K, t[16] = Q, t[17] = Y, t[18] = Z) : (A = t[1], S = t[2], m = t[3], o = t[4], I = t[5], p = t[6], u = t[7], s = t[8], x = t[9], n = t[10], f = t[11], G = t[12], U = t[13], J = t[14], K = t[15], Q = t[16], Y = t[17], Z = t[18]);
-  const i = G === void 0 ? !1 : G, Ut = U === void 0 ? !1 : U, c = J === void 0 ? !1 : J, a = K === void 0 ? !1 : K, v = Q === void 0 ? !1 : Q, l = Y === void 0 ? "medium" : Y, d = Z === void 0 ? "text" : Z;
-  process.env.NODE_ENV !== "production" && (ce({
+  } = Dt, t[0] = Dt, t[1] = A, t[2] = S, t[3] = m, t[4] = o, t[5] = I, t[6] = u, t[7] = p, t[8] = s, t[9] = x, t[10] = n, t[11] = f, t[12] = G, t[13] = U, t[14] = J, t[15] = K, t[16] = Q, t[17] = Y, t[18] = Z) : (A = t[1], S = t[2], m = t[3], o = t[4], I = t[5], u = t[6], p = t[7], s = t[8], x = t[9], n = t[10], f = t[11], G = t[12], U = t[13], J = t[14], K = t[15], Q = t[16], Y = t[17], Z = t[18]);
+  const i = G === void 0 ? !1 : G, Ut = U === void 0 ? !1 : U, d = J === void 0 ? !1 : J, a = K === void 0 ? !1 : K, v = Q === void 0 ? !1 : Q, l = Y === void 0 ? "medium" : Y, c = Z === void 0 ? "text" : Z;
+  process.env.NODE_ENV !== "production" && (de({
     id: o,
     label: I,
     prefix: s,
     suffix: n,
-    leadingIconName: p,
-    leadingIconSource: u,
+    leadingIconName: u,
+    leadingIconSource: p,
     actionButtonProps: A
-  }), fe(d, x.autoComplete));
+  }), fe(c, x.autoComplete));
   let F;
   t[19] !== A ? (F = A || {}, t[19] = A, t[20] = F) : F = t[20];
   let P, _, b, E, T;
@@ -91,10 +91,10 @@ import './assets/input.Cj4tF_F7.css';const _e = "ds-input_input_rfp10_1", be = "
   t[30] !== s ? (at = s == null ? void 0 : s.substring(0, re), t[30] = s, t[31] = at) : at = t[31];
   const Ct = at, Lt = Vt(null);
   let ot;
-  t[32] !== n ? (ot = n == null ? void 0 : n.substring(0, pe), t[32] = n, t[33] = ot) : ot = t[33];
+  t[32] !== n ? (ot = n == null ? void 0 : n.substring(0, ue), t[32] = n, t[33] = ot) : ot = t[33];
   const Ht = ot, Rt = Vt(null), nt = le(Ut);
-  let dt;
-  t[34] !== l ? (dt = () => {
+  let ct;
+  t[34] !== l ? (ct = () => {
     const r = l === "medium" ? 16 : 8, L = {};
     if (Lt.current) {
       const h = Lt.current.offsetWidth;
@@ -105,43 +105,43 @@ import './assets/input.Cj4tF_F7.css';const _e = "ds-input_input_rfp10_1", be = "
       L.paddingInlineEnd = r + h + "px";
     }
     Yt(L), Jt(!0);
-  }, t[34] = l, t[35] = dt) : dt = t[35];
-  let ct;
-  t[36] !== kt || t[37] !== s || t[38] !== l || t[39] !== n ? (ct = [s, n, l, kt], t[36] = kt, t[37] = s, t[38] = l, t[39] = n, t[40] = ct) : ct = t[40], zt(dt, ct);
+  }, t[34] = l, t[35] = ct) : ct = t[35];
+  let dt;
+  t[36] !== kt || t[37] !== s || t[38] !== l || t[39] !== n ? (dt = [s, n, l, kt], t[36] = kt, t[37] = s, t[38] = l, t[39] = n, t[40] = dt) : dt = t[40], zt(ct, dt);
   let ft, rt;
   t[41] === Symbol.for("react.memo_cache_sentinel") ? (ft = () => {
     (async () => {
       "fonts" in document && (await document.fonts.load('1em "STIHL Contraface Digital Text Regular"'), Kt(!0));
     })();
   }, rt = [], t[41] = ft, t[42] = rt) : (ft = t[41], rt = t[42]), zt(ft, rt);
-  let pt, ut;
-  t[43] !== d ? (pt = () => {
-    const r = ue(qt(d), me(d));
+  let ut, pt;
+  t[43] !== c ? (ut = () => {
+    const r = pe(qt(c), me(c));
     Qt(r);
-  }, ut = [d], t[43] = d, t[44] = pt, t[45] = ut) : (pt = t[44], ut = t[45]), se(pt, ut);
+  }, pt = [c], t[43] = c, t[44] = ut, t[45] = pt) : (ut = t[44], pt = t[45]), se(ut, pt);
   const At = l === "small";
   let g, $, O, W, N, D, X, j, k, B, C;
-  if (t[46] !== S || t[47] !== i || t[48] !== Ct || t[49] !== Ht || t[50] !== it || t[51] !== nt || t[52] !== m || t[53] !== _ || t[54] !== b || t[55] !== o || t[56] !== et || t[57] !== c || t[58] !== tt || t[59] !== y || t[60] !== I || t[61] !== p || t[62] !== u || t[63] !== s || t[64] !== a || t[65] !== v || t[66] !== x || t[67] !== l || t[68] !== n || t[69] !== f || t[70] !== At || t[71] !== d) {
+  if (t[46] !== S || t[47] !== i || t[48] !== Ct || t[49] !== Ht || t[50] !== it || t[51] !== nt || t[52] !== m || t[53] !== _ || t[54] !== b || t[55] !== o || t[56] !== et || t[57] !== d || t[58] !== tt || t[59] !== y || t[60] !== I || t[61] !== u || t[62] !== p || t[63] !== s || t[64] !== a || t[65] !== v || t[66] !== x || t[67] !== l || t[68] !== n || t[69] !== f || t[70] !== At || t[71] !== c) {
     const r = R(e.affix, {
       [e.affixSmall]: At,
       [e.affixDisabled]: i,
       [e.affixReadonly]: a
     }), L = `${o}-label`, h = `${o}-feedback`, _t = `${o}-hint`, Zt = m ? ` ${_t}` : "";
     let bt;
-    t[83] !== c || t[84] !== f || t[85] !== h ? (bt = [c && f && h].filter(Boolean).join(" ") || void 0, t[83] = c, t[84] = f, t[85] = h, t[86] = bt) : bt = t[86];
+    t[83] !== d || t[84] !== f || t[85] !== h ? (bt = [d && f && h].filter(Boolean).join(" ") || void 0, t[83] = d, t[84] = f, t[85] = h, t[86] = bt) : bt = t[86];
     const wt = bt;
     let ht;
     t[87] !== S ? (ht = R(e.root, S), t[87] = S, t[88] = ht) : ht = t[88];
-    const te = ht, Ft = l === "small", Pt = p || u, Et = s || n, Tt = _ || b || y;
+    const te = ht, Ft = l === "small", Pt = u || p, Et = s || n, Tt = _ || b || y;
     let It;
-    t[89] !== c || t[90] !== tt || t[91] !== Ft || t[92] !== Pt || t[93] !== Et || t[94] !== Tt ? (It = R(e.input, {
+    t[89] !== d || t[90] !== tt || t[91] !== Ft || t[92] !== Pt || t[93] !== Et || t[94] !== Tt ? (It = R(e.input, {
       [e.inputSmall]: Ft,
-      [e.inputInvalid]: c,
+      [e.inputInvalid]: d,
       [e.inputHasLeadingIcon]: Pt,
       [e.inputHasAffix]: Et,
       [e.inputHasActionButton]: Tt,
       [e.inputIsReady]: tt
-    }), t[89] = c, t[90] = tt, t[91] = Ft, t[92] = Pt, t[93] = Et, t[94] = Tt, t[95] = It) : It = t[95];
+    }), t[89] = d, t[90] = tt, t[91] = Ft, t[92] = Pt, t[93] = Et, t[94] = Tt, t[95] = It) : It = t[95];
     const $t = It;
     let xt;
     t[96] !== i || t[97] !== nt ? (xt = R(e.label, {
@@ -167,19 +167,19 @@ import './assets/input.Cj4tF_F7.css';const _e = "ds-input_input_rfp10_1", be = "
     t[107] !== v ? (z = v && /* @__PURE__ */ H(ae, {}), t[107] = v, t[108] = z) : z = t[108], t[109] !== o || t[110] !== L || t[111] !== I || t[112] !== Ot || t[113] !== z ? (k = /* @__PURE__ */ vt("label", { className: Ot, id: L, htmlFor: o, children: [
       I,
       z
-    ] }), t[109] = o, t[110] = L, t[111] = I, t[112] = Ot, t[113] = z, t[114] = k) : k = t[114], t[115] !== m || t[116] !== _t ? (B = m && /* @__PURE__ */ H("div", { className: e.hint, id: _t, children: m }), t[115] = m, t[116] = _t, t[117] = B) : B = t[117], t[118] !== c || t[119] !== f || t[120] !== h ? (C = c && f && /* @__PURE__ */ H(de, { className: e.feedback, message: f, type: "invalid", id: h }), t[118] = c, t[119] = f, t[120] = h, t[121] = C) : C = t[121], O = e.wrapper, W = s && /* @__PURE__ */ H("span", { className: R(r, e.prefix), ref: Lt, "aria-disabled": i, children: Ct }), t[122] !== Xt || t[123] !== p || t[124] !== u || t[125] !== s ? (N = !s && (p || u) && /* @__PURE__ */ H(oe, { name: p, theme: "light", source: u, className: Xt, "aria-hidden": "true" }), t[122] = Xt, t[123] = p, t[124] = u, t[125] = s, t[126] = N) : N = t[126];
+    ] }), t[109] = o, t[110] = L, t[111] = I, t[112] = Ot, t[113] = z, t[114] = k) : k = t[114], t[115] !== m || t[116] !== _t ? (B = m && /* @__PURE__ */ H("div", { className: e.hint, id: _t, children: m }), t[115] = m, t[116] = _t, t[117] = B) : B = t[117], t[118] !== d || t[119] !== f || t[120] !== h ? (C = d && f && /* @__PURE__ */ H(ce, { className: e.feedback, message: f, type: "invalid", id: h }), t[118] = d, t[119] = f, t[120] = h, t[121] = C) : C = t[121], O = e.wrapper, W = s && /* @__PURE__ */ H("span", { className: R(r, e.prefix), ref: Lt, "aria-disabled": i, children: Ct }), t[122] !== Xt || t[123] !== u || t[124] !== p || t[125] !== s ? (N = !s && (u || p) && /* @__PURE__ */ H(oe, { name: u, theme: "light", source: p, className: Xt, "aria-hidden": "true" }), t[122] = Xt, t[123] = u, t[124] = p, t[125] = s, t[126] = N) : N = t[126];
     const Mt = `${L}${Zt}`;
-    t[127] !== wt || t[128] !== i || t[129] !== it || t[130] !== o || t[131] !== $t || t[132] !== et || t[133] !== c || t[134] !== a || t[135] !== v || t[136] !== x || t[137] !== Mt || t[138] !== d ? (D = /* @__PURE__ */ H("input", { type: d, className: $t, id: o, ...x, ref: it, style: et, "aria-labelledby": Mt, "aria-describedby": wt, "aria-invalid": c, "aria-disabled": a, readOnly: a, required: v, disabled: i }), t[127] = wt, t[128] = i, t[129] = it, t[130] = o, t[131] = $t, t[132] = et, t[133] = c, t[134] = a, t[135] = v, t[136] = x, t[137] = Mt, t[138] = d, t[139] = D) : D = t[139], X = n && /* @__PURE__ */ H("span", { className: R(r, e.suffix), ref: Rt, "aria-disabled": i, children: Ht }), t[46] = S, t[47] = i, t[48] = Ct, t[49] = Ht, t[50] = it, t[51] = nt, t[52] = m, t[53] = _, t[54] = b, t[55] = o, t[56] = et, t[57] = c, t[58] = tt, t[59] = y, t[60] = I, t[61] = p, t[62] = u, t[63] = s, t[64] = a, t[65] = v, t[66] = x, t[67] = l, t[68] = n, t[69] = f, t[70] = At, t[71] = d, t[72] = g, t[73] = $, t[74] = O, t[75] = W, t[76] = N, t[77] = D, t[78] = X, t[79] = j, t[80] = k, t[81] = B, t[82] = C;
+    t[127] !== wt || t[128] !== i || t[129] !== it || t[130] !== o || t[131] !== $t || t[132] !== et || t[133] !== d || t[134] !== a || t[135] !== v || t[136] !== x || t[137] !== Mt || t[138] !== c ? (D = /* @__PURE__ */ H("input", { type: c, className: $t, id: o, ...x, ref: it, style: et, "aria-labelledby": Mt, "aria-describedby": wt, "aria-invalid": d, "aria-disabled": a, readOnly: a, required: v, disabled: i }), t[127] = wt, t[128] = i, t[129] = it, t[130] = o, t[131] = $t, t[132] = et, t[133] = d, t[134] = a, t[135] = v, t[136] = x, t[137] = Mt, t[138] = c, t[139] = D) : D = t[139], X = n && /* @__PURE__ */ H("span", { className: R(r, e.suffix), ref: Rt, "aria-disabled": i, children: Ht }), t[46] = S, t[47] = i, t[48] = Ct, t[49] = Ht, t[50] = it, t[51] = nt, t[52] = m, t[53] = _, t[54] = b, t[55] = o, t[56] = et, t[57] = d, t[58] = tt, t[59] = y, t[60] = I, t[61] = u, t[62] = p, t[63] = s, t[64] = a, t[65] = v, t[66] = x, t[67] = l, t[68] = n, t[69] = f, t[70] = At, t[71] = c, t[72] = g, t[73] = $, t[74] = O, t[75] = W, t[76] = N, t[77] = D, t[78] = X, t[79] = j, t[80] = k, t[81] = B, t[82] = C;
   } else
     g = t[72], $ = t[73], O = t[74], W = t[75], N = t[76], D = t[77], X = t[78], j = t[79], k = t[80], B = t[81], C = t[82];
   let M;
   t[140] !== g || t[141] !== P || t[142] !== i || t[143] !== _ || t[144] !== b || t[145] !== y || t[146] !== E || t[147] !== a || t[148] !== T || t[149] !== l || t[150] !== n ? (M = !n && !y && (_ || b) && /* @__PURE__ */ H(Gt, { ...T, hideLabel: !0, theme: "light", iconName: _, iconSource: b, variant: "ghost", className: g, size: l, onClick: E, type: "button", disabled: i || a, children: P }), t[140] = g, t[141] = P, t[142] = i, t[143] = _, t[144] = b, t[145] = y, t[146] = E, t[147] = a, t[148] = T, t[149] = l, t[150] = n, t[151] = M) : M = t[151];
   let V;
-  t[152] !== g || t[153] !== i || t[154] !== $ || t[155] !== y || t[156] !== a || t[157] !== l || t[158] !== n || t[159] !== d ? (V = !n && y && !a && !i && /* @__PURE__ */ vt(Gt, { hideLabel: !0, theme: "light", iconName: qt(d) ? "calendar" : "clock", variant: "ghost", className: g, size: l, onClick: $, type: "button", children: [
+  t[152] !== g || t[153] !== i || t[154] !== $ || t[155] !== y || t[156] !== a || t[157] !== l || t[158] !== n || t[159] !== c ? (V = !n && y && !a && !i && /* @__PURE__ */ vt(Gt, { hideLabel: !0, theme: "light", iconName: qt(c) ? "calendar" : "clock", variant: "ghost", className: g, size: l, onClick: $, type: "button", children: [
     "Open ",
-    qt(d) ? "date" : "time",
+    qt(c) ? "date" : "time",
     " picker"
-  ] }), t[152] = g, t[153] = i, t[154] = $, t[155] = y, t[156] = a, t[157] = l, t[158] = n, t[159] = d, t[160] = V) : V = t[160];
+  ] }), t[152] = g, t[153] = i, t[154] = $, t[155] = y, t[156] = a, t[157] = l, t[158] = n, t[159] = c, t[160] = V) : V = t[160];
   let q;
   t[161] !== O || t[162] !== W || t[163] !== N || t[164] !== D || t[165] !== X || t[166] !== M || t[167] !== V ? (q = /* @__PURE__ */ vt("div", { className: O, children: [
     W,

package/{inputpassword.CYfGcUE-.js → inputpassword.CaJBCMA0.js}

@@ -7,7 +7,7 @@ import "./chunks/useBreakpoint.CMOR9ZOB.js";
 import "./asterisk.CR60hx8S.js";
 import "./chunks/Button.CC0qEsuR.js";
 import "./systemfeedback.CLQCbTF6.js";
-import { D as u } from "./chunks/InputPassword.BQU09DJh.js";
+import { D as u } from "./chunks/InputPassword.D42uUEGy.js";
 export {
   u as DSInputPassword
 };

package/{inputsearch.CecX8gHD.js → inputsearch.B06DhYzo.js}

@@ -8,7 +8,7 @@ import "./chunks/useBreakpoint.CMOR9ZOB.js";
 import "./asterisk.CR60hx8S.js";
 import "./chunks/Button.CC0qEsuR.js";
 import "./systemfeedback.CLQCbTF6.js";
-import { D as u } from "./chunks/InputSearch.CXL9ThpX.js";
+import { D as u } from "./chunks/InputSearch.aIbUXVQU.js";
 export {
   u as DSInputSearch
 };

package/{inputstepper.CFgfHjM_.js → inputstepper.DNY7nzP8.js}

@@ -10,7 +10,7 @@ import "./asterisk.CR60hx8S.js";
 import "./chunks/Button.CC0qEsuR.js";
 import "./chunks/Input.utils.Cnnzvuk4.js";
 import "./systemfeedback.CLQCbTF6.js";
-import { D as c } from "./chunks/InputStepper.BhLQVAlo.js";
+import { D as c } from "./chunks/InputStepper.DFEdUWm7.js";
 export {
   c as DSInputStepper
 };

package/{navigationtabs.B86G8ODY.js → navigationtabs.DQ1kE-h4.js}

@@ -2,8 +2,8 @@
 import "react/jsx-runtime";
 import "./chunks/index.CgTHIF3K.js";
 import "react";
-import "./tablist.CcCURua8.js";
-import { D as a } from "./chunks/NavigationTabs.CuOXq0b7.js";
+import "./tablist.Dzwe0_J4.js";
+import { D as a } from "./chunks/NavigationTabs.BofhX8bD.js";
 export {
   a as DSNavigationTabs
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stihl-design-system/components",
   "private": false,
-  "version": "1.0.0-RC.26",
+  "version": "1.0.0-RC.27",
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.stihl.de/",
   "keywords": [
@@ -154,6 +154,6 @@
     "react": ">=17.0.0 <20",
     "react-dom": ">=17.0.0 <20",
     "react-intersection-observer": "^9.16.0",
-    "react-select": "^5.10.1"
+    "react-select": "^5.10.2"
   }
 }