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

package/input.DAneVu7p.js

@@ -0,0 +1,199 @@
+"use client";
+import { jsx as L, jsxs as Xt } from "react/jsx-runtime";
+import { d as ee } from "./chunks/index.CgTHIF3K.js";
+import { c as H } from "./chunks/index.CEyLAtio.js";
+import { forwardRef as ie, useState as St, useRef as jt, useEffect as ne } from "react";
+import { u as le } from "./chunks/useBreakpoint.CMOR9ZOB.js";
+import { u as Vt } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { D as zt } from "./chunks/Button.CC0qEsuR.js";
+import { D as se } from "./chunks/Icon.C0161Glk.js";
+import { DSSystemFeedback as ae } from "./systemfeedback.CLQCbTF6.js";
+import { v as oe, b as de, M as ce, a as pe, s as ue, i as Mt, c as fe } from "./chunks/Input.utils.Cnnzvuk4.js";
+import './assets/input.CuIHvnD5.css';const re = "ds-input_input_7p6p4_1", _e = "ds-input_input--small_7p6p4_9", me = "ds-input_input--invalid_7p6p4_121", be = "ds-input_input--has-leading-icon_7p6p4_179", he = "ds-input_input--has-action-button_7p6p4_182", Ie = "ds-input_input--has-affix_7p6p4_197", xe = "ds-input_input--is-ready_7p6p4_211", ye = "ds-input_root_7p6p4_218", ge = "ds-input_hint_7p6p4_227", Se = "ds-input_label_7p6p4_227", ve = "ds-input_wrapper_7p6p4_231", Ne = "ds-input_affix_7p6p4_237", De = "ds-input_affix--small_7p6p4_258", Re = "ds-input_affix--disabled_7p6p4_271", ke = "ds-input_prefix_7p6p4_279", Be = "ds-input_affix--readonly_7p6p4_282", Ce = "ds-input_suffix_7p6p4_292", Le = "ds-input_leading-icon_7p6p4_299", He = "ds-input_leading-icon--small_7p6p4_311", we = "ds-input_leading-icon--disabled_7p6p4_314", Ae = "ds-input_action-button_7p6p4_323", Fe = "ds-input_label--hidden_7p6p4_341", Pe = "ds-input_label--disabled_7p6p4_354", Ee = "ds-input_label--required_7p6p4_358", Te = "ds-input_feedback_7p6p4_379", e = {
+  input: re,
+  inputSmall: _e,
+  inputInvalid: me,
+  inputHasLeadingIcon: be,
+  inputHasActionButton: he,
+  inputHasAffix: Ie,
+  inputIsReady: xe,
+  root: ye,
+  hint: ge,
+  label: Se,
+  wrapper: ve,
+  affix: Ne,
+  affixSmall: De,
+  affixDisabled: Re,
+  prefix: ke,
+  affixReadonly: Be,
+  suffix: Ce,
+  leadingIcon: Le,
+  leadingIconSmall: He,
+  leadingIconDisabled: we,
+  actionButton: Ae,
+  labelHidden: Fe,
+  labelDisabled: Pe,
+  labelRequired: Ee,
+  feedback: Te
+}, $e = ie((vt, A) => {
+  const t = ee.c(173);
+  let w, S, _, o, I, f, r, l, x, n, p, z, G, U, J, K, Q, Y;
+  t[0] !== vt ? ({
+    id: o,
+    label: I,
+    actionButtonProps: w,
+    className: S,
+    disabled: z,
+    hint: _,
+    hideLabel: G,
+    invalid: U,
+    leadingIconName: f,
+    leadingIconSource: r,
+    prefix: l,
+    readonly: J,
+    required: K,
+    size: Q,
+    suffix: n,
+    systemFeedback: p,
+    type: Y,
+    ...x
+  } = vt, t[0] = vt, t[1] = w, t[2] = S, t[3] = _, t[4] = o, t[5] = I, t[6] = f, t[7] = r, t[8] = l, t[9] = x, t[10] = n, t[11] = p, t[12] = z, t[13] = G, t[14] = U, t[15] = J, t[16] = K, t[17] = Q, t[18] = Y) : (w = t[1], S = t[2], _ = t[3], o = t[4], I = t[5], f = t[6], r = t[7], l = t[8], x = t[9], n = t[10], p = t[11], z = t[12], G = t[13], U = t[14], J = t[15], K = t[16], Q = t[17], Y = t[18]);
+  const i = z === void 0 ? !1 : z, Gt = G === void 0 ? !1 : G, c = U === void 0 ? !1 : U, a = J === void 0 ? !1 : J, v = K === void 0 ? !1 : K, s = Q === void 0 ? "medium" : Q, d = Y === void 0 ? "text" : Y;
+  process.env.NODE_ENV !== "production" && (oe({
+    id: o,
+    label: I,
+    prefix: l,
+    suffix: n,
+    leadingIconName: f,
+    leadingIconSource: r,
+    actionButtonProps: w
+  }), de(d, x.autoComplete));
+  let F;
+  t[19] !== w ? (F = w || {}, t[19] = w, t[20] = F) : F = t[20];
+  let P, m, b, E, T;
+  t[21] !== F ? ({
+    iconName: m,
+    iconSource: b,
+    label: P,
+    onClick: E,
+    ...T
+  } = F, t[21] = F, t[22] = P, t[23] = m, t[24] = b, t[25] = E, t[26] = T) : (P = t[22], m = t[23], b = t[24], E = t[25], T = t[26]);
+  const [Z, Ut] = St(!1), [Nt, Jt] = St(!1), [y, Kt] = St(!1);
+  let nt;
+  t[27] === Symbol.for("react.memo_cache_sentinel") ? (nt = {}, t[27] = nt) : nt = t[27];
+  const [tt, Qt] = St(nt), Dt = jt(null);
+  let lt;
+  t[28] !== A ? (lt = (u) => {
+    Dt.current = u, typeof A == "function" ? A(u) : A && (A.current = u);
+  }, t[28] = A, t[29] = lt) : lt = t[29];
+  const et = lt;
+  let st;
+  t[30] !== l ? (st = l == null ? void 0 : l.substring(0, ce), t[30] = l, t[31] = st) : st = t[31];
+  const Rt = st, kt = jt(null);
+  let at;
+  t[32] !== n ? (at = n == null ? void 0 : n.substring(0, pe), t[32] = n, t[33] = at) : at = t[33];
+  const Bt = at, Ct = jt(null), it = le(Gt);
+  let ot;
+  t[34] !== s ? (ot = () => {
+    const u = s === "medium" ? 16 : 8, C = {};
+    if (kt.current) {
+      const h = kt.current.offsetWidth;
+      C.paddingInlineStart = u + h + "px";
+    }
+    if (Ct.current) {
+      const h = Ct.current.offsetWidth;
+      C.paddingInlineEnd = u + h + "px";
+    }
+    Qt(C), Ut(!0);
+  }, t[34] = s, t[35] = ot) : ot = t[35];
+  let dt;
+  t[36] !== Nt || t[37] !== l || t[38] !== s || t[39] !== n ? (dt = [l, n, s, Nt], t[36] = Nt, t[37] = l, t[38] = s, t[39] = n, t[40] = dt) : dt = t[40], Vt(ot, dt);
+  let ct, pt;
+  t[41] === Symbol.for("react.memo_cache_sentinel") ? (ct = () => {
+    (async () => {
+      "fonts" in document && (await document.fonts.load('1em "STIHL Contraface Digital Text Regular"'), Jt(!0));
+    })();
+  }, pt = [], t[41] = ct, t[42] = pt) : (ct = t[41], pt = t[42]), Vt(ct, pt);
+  let ut, ft;
+  t[43] !== d ? (ut = () => {
+    const u = ue(Mt(d), fe(d));
+    Kt(u);
+  }, ft = [d], t[43] = d, t[44] = ut, t[45] = ft) : (ut = t[44], ft = t[45]), ne(ut, ft);
+  const Lt = s === "small";
+  let g, $, q, O, N, D, W, X, R, k, B;
+  if (t[46] !== S || t[47] !== i || t[48] !== Rt || t[49] !== Bt || t[50] !== et || t[51] !== it || t[52] !== _ || t[53] !== m || t[54] !== b || t[55] !== o || t[56] !== tt || t[57] !== c || t[58] !== Z || t[59] !== y || t[60] !== I || t[61] !== f || t[62] !== r || t[63] !== l || t[64] !== a || t[65] !== v || t[66] !== x || t[67] !== s || t[68] !== n || t[69] !== p || t[70] !== Lt || t[71] !== d) {
+    const u = H(e.affix, {
+      [e.affixSmall]: Lt,
+      [e.affixDisabled]: i,
+      [e.affixReadonly]: a
+    }), C = `${o}-label`, h = `${o}-feedback`, _t = `${o}-hint`, Yt = _ ? ` ${_t}` : "";
+    let mt;
+    t[83] !== c || t[84] !== p || t[85] !== h ? (mt = [c && p && h].filter(Boolean).join(" ") || void 0, t[83] = c, t[84] = p, t[85] = h, t[86] = mt) : mt = t[86];
+    const Ht = mt;
+    let bt;
+    t[87] !== S ? (bt = H(e.root, S), t[87] = S, t[88] = bt) : bt = t[88];
+    const Zt = bt, wt = s === "small", At = f || r, Ft = l || n, Pt = m || b || y;
+    let ht;
+    t[89] !== c || t[90] !== Z || t[91] !== wt || t[92] !== At || t[93] !== Ft || t[94] !== Pt ? (ht = H(e.input, {
+      [e.inputSmall]: wt,
+      [e.inputInvalid]: c,
+      [e.inputHasLeadingIcon]: At,
+      [e.inputHasAffix]: Ft,
+      [e.inputHasActionButton]: Pt,
+      [e.inputIsReady]: Z
+    }), t[89] = c, t[90] = Z, t[91] = wt, t[92] = At, t[93] = Ft, t[94] = Pt, t[95] = ht) : ht = t[95];
+    const Et = ht;
+    let It;
+    t[96] !== i || t[97] !== it || t[98] !== v ? (It = H(e.label, {
+      [e.labelHidden]: it,
+      [e.labelDisabled]: i,
+      [e.labelRequired]: v
+    }), t[96] = i, t[97] = it, t[98] = v, t[99] = It) : It = t[99];
+    const Tt = It, $t = s === "small";
+    let xt;
+    t[100] !== i || t[101] !== $t ? (xt = H(e.leadingIcon, {
+      [e.leadingIconSmall]: $t,
+      [e.leadingIconDisabled]: i
+    }), t[100] = i, t[101] = $t, t[102] = xt) : xt = t[102];
+    const qt = xt, Ot = s === "small";
+    let yt;
+    t[103] !== Ot ? (yt = H(e.actionButton, {
+      [e.actionButtonSmall]: Ot
+    }), t[103] = Ot, t[104] = yt) : yt = t[104], g = yt;
+    let gt;
+    t[105] !== i || t[106] !== a ? (gt = (te) => {
+      Dt.current && !i && !a && Dt.current.showPicker(), te.preventDefault();
+    }, t[105] = i, t[106] = a, t[107] = gt) : gt = t[107], $ = gt, X = Zt, t[108] !== o || t[109] !== C || t[110] !== I || t[111] !== Tt ? (R = /* @__PURE__ */ L("label", { className: Tt, id: C, htmlFor: o, children: I }), t[108] = o, t[109] = C, t[110] = I, t[111] = Tt, t[112] = R) : R = t[112], t[113] !== _ || t[114] !== _t ? (k = _ && /* @__PURE__ */ L("div", { className: e.hint, id: _t, children: _ }), t[113] = _, t[114] = _t, t[115] = k) : k = t[115], t[116] !== c || t[117] !== p || t[118] !== h ? (B = c && p && /* @__PURE__ */ L(ae, { className: e.feedback, message: p, type: "invalid", id: h }), t[116] = c, t[117] = p, t[118] = h, t[119] = B) : B = t[119], q = e.wrapper, O = l && /* @__PURE__ */ L("span", { className: H(u, e.prefix), ref: kt, "aria-disabled": i, children: Rt }), t[120] !== qt || t[121] !== f || t[122] !== r || t[123] !== l ? (N = !l && (f || r) && /* @__PURE__ */ L(se, { name: f, theme: "light", source: r, className: qt, "aria-hidden": "true" }), t[120] = qt, t[121] = f, t[122] = r, t[123] = l, t[124] = N) : N = t[124];
+    const Wt = `${C}${Yt}`;
+    t[125] !== Ht || t[126] !== i || t[127] !== et || t[128] !== o || t[129] !== Et || t[130] !== tt || t[131] !== c || t[132] !== a || t[133] !== v || t[134] !== x || t[135] !== Wt || t[136] !== d ? (D = /* @__PURE__ */ L("input", { type: d, className: Et, id: o, ...x, ref: et, style: tt, "aria-labelledby": Wt, "aria-describedby": Ht, "aria-invalid": c, "aria-disabled": a, readOnly: a, required: v, disabled: i }), t[125] = Ht, t[126] = i, t[127] = et, t[128] = o, t[129] = Et, t[130] = tt, t[131] = c, t[132] = a, t[133] = v, t[134] = x, t[135] = Wt, t[136] = d, t[137] = D) : D = t[137], W = n && /* @__PURE__ */ L("span", { className: H(u, e.suffix), ref: Ct, "aria-disabled": i, children: Bt }), t[46] = S, t[47] = i, t[48] = Rt, t[49] = Bt, t[50] = et, t[51] = it, t[52] = _, t[53] = m, t[54] = b, t[55] = o, t[56] = tt, t[57] = c, t[58] = Z, t[59] = y, t[60] = I, t[61] = f, t[62] = r, t[63] = l, t[64] = a, t[65] = v, t[66] = x, t[67] = s, t[68] = n, t[69] = p, t[70] = Lt, t[71] = d, t[72] = g, t[73] = $, t[74] = q, t[75] = O, t[76] = N, t[77] = D, t[78] = W, t[79] = X, t[80] = R, t[81] = k, t[82] = B;
+  } else
+    g = t[72], $ = t[73], q = t[74], O = t[75], N = t[76], D = t[77], W = t[78], X = t[79], R = t[80], k = t[81], B = t[82];
+  let j;
+  t[138] !== g || t[139] !== P || t[140] !== i || t[141] !== m || t[142] !== b || t[143] !== y || t[144] !== E || t[145] !== a || t[146] !== T || t[147] !== s || t[148] !== n ? (j = !n && !y && (m || b) && /* @__PURE__ */ L(zt, { ...T, hideLabel: !0, theme: "light", iconName: m, iconSource: b, variant: "ghost", className: g, size: s, onClick: E, type: "button", disabled: i || a, children: P }), t[138] = g, t[139] = P, t[140] = i, t[141] = m, t[142] = b, t[143] = y, t[144] = E, t[145] = a, t[146] = T, t[147] = s, t[148] = n, t[149] = j) : j = t[149];
+  let M;
+  t[150] !== g || t[151] !== i || t[152] !== $ || t[153] !== y || t[154] !== a || t[155] !== s || t[156] !== n || t[157] !== d ? (M = !n && y && !a && !i && /* @__PURE__ */ Xt(zt, { hideLabel: !0, theme: "light", iconName: Mt(d) ? "calendar" : "clock", variant: "ghost", className: g, size: s, onClick: $, type: "button", children: [
+    "Open ",
+    Mt(d) ? "date" : "time",
+    " picker"
+  ] }), t[150] = g, t[151] = i, t[152] = $, t[153] = y, t[154] = a, t[155] = s, t[156] = n, t[157] = d, t[158] = M) : M = t[158];
+  let V;
+  t[159] !== q || t[160] !== O || t[161] !== N || t[162] !== D || t[163] !== W || t[164] !== j || t[165] !== M ? (V = /* @__PURE__ */ Xt("div", { className: q, children: [
+    O,
+    N,
+    D,
+    W,
+    j,
+    M
+  ] }), t[159] = q, t[160] = O, t[161] = N, t[162] = D, t[163] = W, t[164] = j, t[165] = M, t[166] = V) : V = t[166];
+  let rt;
+  return t[167] !== X || t[168] !== R || t[169] !== k || t[170] !== B || t[171] !== V ? (rt = /* @__PURE__ */ Xt("div", { className: X, children: [
+    R,
+    k,
+    B,
+    V
+  ] }), t[167] = X, t[168] = R, t[169] = k, t[170] = B, t[171] = V, t[172] = rt) : rt = t[172], rt;
+});
+$e.displayName = "DSInput";
+export {
+  $e as DSInput
+};

package/{inputfile.Cmkxf4Vq.js → inputfile.CB-QTIDn.js}

@@ -6,12 +6,11 @@ import "./chunks/translate.nuU7uChI.js";
 import "./chunks/useBreakpoint.CMOR9ZOB.js";
 import "./chunks/index.CgTHIF3K.js";
 import "./chunks/AriaLiveRegions.utils.Cb327d_2.js";
-import "./asterisk.CR60hx8S.js";
 import "./chunks/Button.CC0qEsuR.js";
 import "./filelist.Cj9U-Jx8.js";
 import "./chunks/Icon.C0161Glk.js";
 import "./systemfeedback.CLQCbTF6.js";
-import { D as f } from "./chunks/InputFile.vkkg5Pab.js";
+import { D as c } from "./chunks/InputFile.rC7NJYrU.js";
 export {
-  f as DSInputFile
+  c as DSInputFile
 };

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

@@ -4,10 +4,9 @@ import "./chunks/index.CgTHIF3K.js";
 import "./chunks/index.CEyLAtio.js";
 import "react";
 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 n } from "./chunks/InputPassword.5-r36K86.js";
 export {
-  u as DSInputPassword
+  n as DSInputPassword
 };

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

@@ -5,10 +5,9 @@ import "./chunks/index.CEyLAtio.js";
 import "react";
 import "./chunks/helpers.BbWkXTr3.js";
 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 s } from "./chunks/InputSearch.D4Q99_nR.js";
 export {
-  u as DSInputSearch
+  s as DSInputSearch
 };

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

@@ -6,11 +6,10 @@ import "react";
 import "./chunks/has-window.ut_-aShB.js";
 import "./chunks/useBreakpoint.CMOR9ZOB.js";
 import "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
-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 a } from "./chunks/InputStepper.EsPAGCFJ.js";
 export {
-  c as DSInputStepper
+  a 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.28",
   "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"
   }
 }