@stihl-design-system/components 1.0.0-RC.30 → 1.0.0-RC.31

package/chunks/{InputStepper.B_ZjgY_f.js → InputStepper.D_1YqlWl.js}

@@ -46,10 +46,10 @@ import '../assets/InputStepper.Dth4qZN_.css';const Ft = "ds-input-stepper_input_
   e && e.length > _t && console.warn(Ge("DSInputStepper", `Prefix length must not exceed ${_t} characters.`)), p && p.length > vt && console.warn(Ge("DSInputStepper", `Suffix length must not exceed ${vt} characters.`));
 }, sn = Lt((R, I) => {
   const e = wt.c(187);
-  let p, k, m, s, C, b, _, l, A, a, d, te, ne, se, le, ae, ie, oe, re, ce, ue, v;
+  let p, k, m, s, C, _, v, l, A, a, d, te, ne, se, le, ae, ie, oe, re, ce, ue, b;
   e[0] !== R ? ({
     id: s,
-    label: b,
+    label: _,
     announcementText: te,
     className: p,
     disabled: se,
@@ -67,14 +67,14 @@ import '../assets/InputStepper.Dth4qZN_.css';const Ft = "ds-input-stepper_input_
     step: ne,
     suffix: a,
     systemFeedback: d,
-    value: v,
-    onChange: _,
+    value: b,
+    onChange: v,
     ...A
-  } = R, e[0] = R, e[1] = p, e[2] = k, e[3] = m, e[4] = s, e[5] = C, e[6] = b, e[7] = _, e[8] = l, e[9] = A, e[10] = a, e[11] = d, e[12] = te, e[13] = ne, e[14] = se, e[15] = le, e[16] = ae, e[17] = ie, e[18] = oe, e[19] = re, e[20] = ce, e[21] = ue, e[22] = v) : (p = e[1], k = e[2], m = e[3], s = e[4], C = e[5], b = e[6], _ = e[7], l = e[8], A = e[9], a = e[10], d = e[11], te = e[12], ne = e[13], se = e[14], le = e[15], ae = e[16], ie = e[17], oe = e[18], re = e[19], ce = e[20], ue = e[21], v = e[22]);
+  } = R, e[0] = R, e[1] = p, e[2] = k, e[3] = m, e[4] = s, e[5] = C, e[6] = _, e[7] = v, e[8] = l, e[9] = A, e[10] = a, e[11] = d, e[12] = te, e[13] = ne, e[14] = se, e[15] = le, e[16] = ae, e[17] = ie, e[18] = oe, e[19] = re, e[20] = ce, e[21] = ue, e[22] = b) : (p = e[1], k = e[2], m = e[3], s = e[4], C = e[5], _ = e[6], v = e[7], l = e[8], A = e[9], a = e[10], d = e[11], te = e[12], ne = e[13], se = e[14], le = e[15], ae = e[16], ie = e[17], oe = e[18], re = e[19], ce = e[20], ue = e[21], b = e[22]);
   const de = te === void 0 ? "Value changed to" : te, c = se === void 0 ? !1 : se, yt = le === void 0 ? !1 : le, o = ae === void 0 ? !1 : ae, F = ie === void 0 ? 100 : ie, P = oe === void 0 ? 0 : oe, h = re === void 0 ? !1 : re, D = ce === void 0 ? !1 : ce, n = ue === void 0 ? "medium" : ue, pe = ne === void 0 ? 1 : ne;
   process.env.NODE_ENV !== "production" && nn({
     id: s,
-    label: b,
+    label: _,
     prefix: l,
     suffix: a
   });
@@ -93,7 +93,7 @@ import '../assets/InputStepper.Dth4qZN_.css';const Ft = "ds-input-stepper_input_
     label: me,
     ...T
   } = V, e[30] = V, e[31] = T, e[32] = me) : (T = e[31], me = e[32]);
-  const Ue = me === void 0 ? "Increase" : me, [be, St] = ge(!1), [g, Je] = ge(v), [x, ht] = ge(""), [Ke, It] = ge(!1);
+  const Ue = me === void 0 ? "Increase" : me, [be, St] = ge(!1), [g, Je] = ge(b), [x, ht] = ge(""), [Ke, It] = ge(!1);
   let xe;
   e[33] === Symbol.for("react.memo_cache_sentinel") ? (xe = {}, e[33] = xe) : xe = e[33];
   const [_e, At] = ge(xe), y = mt(null);
@@ -109,9 +109,9 @@ import '../assets/InputStepper.Dth4qZN_.css';const Ft = "ds-input-stepper_input_
   e[38] !== a ? (Ie = a == null ? void 0 : a.substring(0, vt), e[38] = a, e[39] = Ie) : Ie = e[39];
   const Ze = Ie, et = mt(null), he = Rt(yt);
   let Ae, De;
-  e[40] !== v ? (Ae = () => {
-    v && Je(v);
-  }, De = [v], e[40] = v, e[41] = Ae, e[42] = De) : (Ae = e[41], De = e[42]), bt(Ae, De);
+  e[40] !== b ? (Ae = () => {
+    b != null && Je(b);
+  }, De = [b], e[40] = b, e[41] = Ae, e[42] = De) : (Ae = e[41], De = e[42]), bt(Ae, De);
   let qe, Ne;
   e[43] !== x ? (qe = () => {
     if (x) {
@@ -155,7 +155,7 @@ import '../assets/InputStepper.Dth4qZN_.css';const Ft = "ds-input-stepper_input_
   }, ke = [], e[55] = Re, e[56] = ke) : (Re = e[55], ke = e[56]), gt(Re, ke);
   const tt = n === "small";
   let W, M, X, j, z, G, q, O, U, N, B, w, L;
-  if (e[57] !== de || e[58] !== p || e[59] !== c || e[60] !== Qe || e[61] !== Ze || e[62] !== ve || e[63] !== he || e[64] !== m || e[65] !== s || e[66] !== _e || e[67] !== g || e[68] !== o || e[69] !== be || e[70] !== b || e[71] !== F || e[72] !== P || e[73] !== _ || e[74] !== l || e[75] !== h || e[76] !== D || e[77] !== A || e[78] !== n || e[79] !== pe || e[80] !== a || e[81] !== d || e[82] !== tt || e[83] !== x) {
+  if (e[57] !== de || e[58] !== p || e[59] !== c || e[60] !== Qe || e[61] !== Ze || e[62] !== ve || e[63] !== he || e[64] !== m || e[65] !== s || e[66] !== _e || e[67] !== g || e[68] !== o || e[69] !== be || e[70] !== _ || e[71] !== F || e[72] !== P || e[73] !== v || e[74] !== l || e[75] !== h || e[76] !== D || e[77] !== A || e[78] !== n || e[79] !== pe || e[80] !== a || e[81] !== d || e[82] !== tt || e[83] !== x) {
     const i = E(t.affix, {
       [t.affixSmall]: tt,
       [t.affixDisabled]: c,
@@ -216,18 +216,18 @@ import '../assets/InputStepper.Dth4qZN_.css';const Ft = "ds-input-stepper_input_
       (r = y.current) == null || r.stepUp(), Z();
     }, e[120] = Z, e[121] = je) : je = e[121], X = je;
     let ze;
-    e[122] !== _ ? (ze = (r) => {
-      Je(r.target.value), _ && _(r);
-    }, e[122] = _, e[123] = ze) : ze = e[123];
+    e[122] !== v ? (ze = (r) => {
+      Je(r.target.value), v && v(r);
+    }, e[122] = v, e[123] = ze) : ze = e[123];
     const ut = ze;
     U = qt;
     let ee;
-    e[124] !== D ? (ee = D && /* @__PURE__ */ S(kt, {}), e[124] = D, e[125] = ee) : ee = e[125], e[126] !== s || e[127] !== f || e[128] !== b || e[129] !== ot || e[130] !== ee ? (N = /* @__PURE__ */ ft("label", { className: ot, id: f, htmlFor: s, children: [
-      b,
+    e[124] !== D ? (ee = D && /* @__PURE__ */ S(kt, {}), e[124] = D, e[125] = ee) : ee = e[125], e[126] !== s || e[127] !== f || e[128] !== _ || e[129] !== ot || e[130] !== ee ? (N = /* @__PURE__ */ ft("label", { className: ot, id: f, htmlFor: s, children: [
+      _,
       ee
-    ] }), e[126] = s, e[127] = f, e[128] = b, e[129] = ot, e[130] = ee, e[131] = N) : N = e[131], e[132] !== m || e[133] !== Fe ? (B = m && /* @__PURE__ */ S("div", { className: t.hint, id: Fe, children: m }), e[132] = m, e[133] = Fe, e[134] = B) : B = e[134], e[135] !== x || e[136] !== Y ? (w = /* @__PURE__ */ S("div", { "aria-live": "polite", "aria-atomic": "true", className: t.valueAnnouncer, id: Y, children: x }), e[135] = x, e[136] = Y, e[137] = w) : w = e[137], e[138] !== o || e[139] !== d || e[140] !== u ? (L = o && d && /* @__PURE__ */ S(Ct, { className: t.feedback, message: d, variant: "error", id: u }), e[138] = o, e[139] = d, e[140] = u, e[141] = L) : L = e[141], z = t.wrapper, G = l && /* @__PURE__ */ S("span", { className: E(i, t.prefix), ref: Ye, "aria-disabled": c, children: Qe });
+    ] }), e[126] = s, e[127] = f, e[128] = _, e[129] = ot, e[130] = ee, e[131] = N) : N = e[131], e[132] !== m || e[133] !== Fe ? (B = m && /* @__PURE__ */ S("div", { className: t.hint, id: Fe, children: m }), e[132] = m, e[133] = Fe, e[134] = B) : B = e[134], e[135] !== x || e[136] !== Y ? (w = /* @__PURE__ */ S("div", { "aria-live": "polite", "aria-atomic": "true", className: t.valueAnnouncer, id: Y, children: x }), e[135] = x, e[136] = Y, e[137] = w) : w = e[137], e[138] !== o || e[139] !== d || e[140] !== u ? (L = o && d && /* @__PURE__ */ S(Ct, { className: t.feedback, message: d, variant: "error", id: u }), e[138] = o, e[139] = d, e[140] = u, e[141] = L) : L = e[141], z = t.wrapper, G = l && /* @__PURE__ */ S("span", { className: E(i, t.prefix), ref: Ye, "aria-disabled": c, children: Qe });
     const dt = `${f}${Dt}`, pt = Nt();
-    e[142] !== c || e[143] !== ve || e[144] !== ut || e[145] !== s || e[146] !== it || e[147] !== _e || e[148] !== g || e[149] !== o || e[150] !== F || e[151] !== P || e[152] !== h || e[153] !== D || e[154] !== A || e[155] !== pe || e[156] !== dt || e[157] !== pt ? (q = /* @__PURE__ */ S("input", { className: it, id: s, ...A, style: _e, ref: ve, "aria-labelledby": dt, "aria-describedby": pt, "aria-invalid": o, "aria-disabled": h, disabled: c, min: P, max: F, readOnly: h, required: D, step: pe, type: "number", value: g, onChange: ut }), e[142] = c, e[143] = ve, e[144] = ut, e[145] = s, e[146] = it, e[147] = _e, e[148] = g, e[149] = o, e[150] = F, e[151] = P, e[152] = h, e[153] = D, e[154] = A, e[155] = pe, e[156] = dt, e[157] = pt, e[158] = q) : q = e[158], O = a && /* @__PURE__ */ S("span", { className: E(i, t.suffix), ref: et, "aria-disabled": c, children: Ze }), e[57] = de, e[58] = p, e[59] = c, e[60] = Qe, e[61] = Ze, e[62] = ve, e[63] = he, e[64] = m, e[65] = s, e[66] = _e, e[67] = g, e[68] = o, e[69] = be, e[70] = b, e[71] = F, e[72] = P, e[73] = _, e[74] = l, e[75] = h, e[76] = D, e[77] = A, e[78] = n, e[79] = pe, e[80] = a, e[81] = d, e[82] = tt, e[83] = x, e[84] = W, e[85] = M, e[86] = X, e[87] = j, e[88] = z, e[89] = G, e[90] = q, e[91] = O, e[92] = U, e[93] = N, e[94] = B, e[95] = w, e[96] = L;
+    e[142] !== c || e[143] !== ve || e[144] !== ut || e[145] !== s || e[146] !== it || e[147] !== _e || e[148] !== g || e[149] !== o || e[150] !== F || e[151] !== P || e[152] !== h || e[153] !== D || e[154] !== A || e[155] !== pe || e[156] !== dt || e[157] !== pt ? (q = /* @__PURE__ */ S("input", { className: it, id: s, ...A, style: _e, ref: ve, "aria-labelledby": dt, "aria-describedby": pt, "aria-invalid": o, "aria-disabled": h, disabled: c, min: P, max: F, readOnly: h, required: D, step: pe, type: "number", value: g, onChange: ut }), e[142] = c, e[143] = ve, e[144] = ut, e[145] = s, e[146] = it, e[147] = _e, e[148] = g, e[149] = o, e[150] = F, e[151] = P, e[152] = h, e[153] = D, e[154] = A, e[155] = pe, e[156] = dt, e[157] = pt, e[158] = q) : q = e[158], O = a && /* @__PURE__ */ S("span", { className: E(i, t.suffix), ref: et, "aria-disabled": c, children: Ze }), e[57] = de, e[58] = p, e[59] = c, e[60] = Qe, e[61] = Ze, e[62] = ve, e[63] = he, e[64] = m, e[65] = s, e[66] = _e, e[67] = g, e[68] = o, e[69] = be, e[70] = _, e[71] = F, e[72] = P, e[73] = v, e[74] = l, e[75] = h, e[76] = D, e[77] = A, e[78] = n, e[79] = pe, e[80] = a, e[81] = d, e[82] = tt, e[83] = x, e[84] = W, e[85] = M, e[86] = X, e[87] = j, e[88] = z, e[89] = G, e[90] = q, e[91] = O, e[92] = U, e[93] = N, e[94] = B, e[95] = w, e[96] = L;
   } else
     W = e[84], M = e[85], X = e[86], j = e[87], z = e[88], G = e[89], q = e[90], O = e[91], U = e[92], N = e[93], B = e[94], w = e[95], L = e[96];
   const nt = c || h || !!g && Number(g) <= Number(P);

package/components/InputStepper/InputStepper.d.ts

@@ -1,7 +1,7 @@
 import { InputHTMLAttributes } from 'react';
 import { BreakpointCustomizable } from '../../types';
 import { InputSize } from '../Input/Input.utils';
-export interface InputStepperProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'size'> {
+export interface InputStepperProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'size' | 'value'> {
     /** Unique id for the input. */
     id: string;
     /** Label text displayed above the input. */
@@ -78,7 +78,7 @@ export interface InputStepperProps extends Omit<InputHTMLAttributes<HTMLInputEle
      */
     size?: InputSize;
     /** Value of the input. */
-    value?: string;
+    value?: InputHTMLAttributes<HTMLInputElement>['value'];
 }
 /**
  * The `<DSInputStepper />` component is a versatile input field that allows users to easily enter a value and decrease or increase it as needed.

package/index.es.js

@@ -26,7 +26,7 @@ import { I as Ja, M as Qa, a as $a, S as ae, U as ee, h as oe, i as se, c as re,
 import { D as ie, c as pe, b as Ne, a as _e, f as De, v as Ae } from "./chunks/InputFile.DvOatDzg.js";
 import { D as Oe, v as le } from "./chunks/InputPassword.DC2POUc1.js";
 import { D as Ee, i as me, v as ve } from "./chunks/InputSearch.B0aCuPRZ.js";
-import { D as ce, v as xe } from "./chunks/InputStepper.B_ZjgY_f.js";
+import { D as ce, v as xe } from "./chunks/InputStepper.D_1YqlWl.js";
 import { DSLink as ue } from "./link.D_FjTyoZ.js";
 import { D as Le, L as Re, a as he, v as ge } from "./chunks/LinkButton.DdTspmJz.js";
 import { DSLogo as Me } from "./logo.C96KaG1P.js";

package/{inputstepper.5olvh4tk.js → inputstepper.Y-YzUHhF.js}

@@ -10,7 +10,7 @@ import "./asterisk.CR60hx8S.js";
 import "./chunks/Button.B7xF1E19.js";
 import "./chunks/Input.utils.Cnnzvuk4.js";
 import "./chunks/SystemFeedback.B9f67mjJ.js";
-import { D as c } from "./chunks/InputStepper.B_ZjgY_f.js";
+import { D as c } from "./chunks/InputStepper.D_1YqlWl.js";
 export {
   c as DSInputStepper
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stihl-design-system/components",
   "private": false,
-  "version": "1.0.0-RC.30",
+  "version": "1.0.0-RC.31",
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.stihl.de/",
   "keywords": [