@stihl-design-system/components 1.0.0-RC.14 → 1.0.0-RC.16

package/chunks/Input.utils.DYbmWlx6.js

@@ -1,111 +0,0 @@
-"use client";
-import { h as p } from "./has-window.ut_-aShB.js";
-import { g as t } from "./helpers.CcqWV-wZ.js";
-import "react";
-const a = 8, i = 5, T = ["medium", "small"], u = [
-  "color",
-  "date",
-  "datetime-local",
-  "email",
-  "file",
-  "month",
-  "number",
-  "range",
-  "tel",
-  "text",
-  "time",
-  "url"
-], l = [
-  "week",
-  "hidden",
-  "button",
-  "checkbox",
-  "password",
-  "radio",
-  "search",
-  "reset",
-  "submit",
-  "image",
-  "datetime"
-], b = ({
-  id: e,
-  label: n,
-  prefix: o,
-  suffix: s,
-  leadingIconName: r,
-  leadingIconSource: d,
-  actionButtonIconName: m,
-  actionButtonIconSource: c
-}) => {
-  if (!e)
-    throw new Error(
-      t(
-        "DSInput",
-        'A unique "id" prop is required. Please add a unique "id" prop to the DSInput component.'
-      )
-    );
-  if (!n)
-    throw new Error(
-      t(
-        "DSInput",
-        `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInput component. If you don't want to display a label, set hideLabel={true}.`
-      )
-    );
-  o && o.length > a && console.warn(
-    t(
-      "DSInput",
-      `Prefix length must not exceed ${a} characters.`
-    )
-  ), s && s.length > i && console.warn(
-    t(
-      "DSInput",
-      `Suffix length must not exceed ${i} characters.`
-    )
-  ), o && (r || d) && console.warn(
-    t(
-      "DSInput",
-      "Prefix and a leading Icon cannot be used at the same time."
-    )
-  ), s && (m || c) && console.warn(
-    t(
-      "DSInput",
-      "Suffix and an action button cannot be used at the same time."
-    )
-  );
-}, D = (e) => {
-  if (!u.includes(e) && !l.includes(e))
-    throw new Error(
-      t(
-        "DSInput",
-        `The type "${e}" is not supported by the DSInput component.`
-      )
-    );
-  const n = {
-    number: "Type number is not recommended. Use type text with inputmode numeric/decimal or DSInputStepper component instead.",
-    button: "Type button is not recommended. Use DSButton component instead.",
-    checkbox: "Type checkbox is not recommended. Use DSCheckbox component instead.",
-    password: "Type password is not recommended. Use DSInputPassword component instead.",
-    radio: "Type radio is not recommended. Use DSRadioGroup component instead.",
-    search: "Type search is not recommended. Use DSInputSearch component instead.",
-    reset: "Type reset is not recommended. Use DSButton component with type reset instead.",
-    submit: "Type submit is not recommended. Use DSButton component with type submit instead.",
-    image: "Type image is not recommended. Use DSButton component instead.",
-    datetime: "Type datetime is not recommended. Use type datetime-local instead.",
-    week: "Type week is not recommended. Mobile safari does not support type week.",
-    hidden: 'Type hidden is not supported by DSInput component. Use a default <input type="hidden" /> element instead.'
-  };
-  n[e] && console.warn(t("DSInput", n[e]));
-}, h = () => p && "showPicker" in HTMLInputElement.prototype && !!window.navigator.userAgent.match(/chrome|chromium|crios|edg/i), y = (e, n) => h() && (e || n), U = (e) => e === "date" || e === "datetime-local" || e === "month", P = (e) => e === "time";
-export {
-  T as I,
-  a as M,
-  u as S,
-  l as U,
-  i as a,
-  D as b,
-  P as c,
-  h,
-  U as i,
-  y as s,
-  b as v
-};

package/chunks/InputPassword.Cvk5J8w1.js

@@ -1,143 +0,0 @@
-"use client";
-import { j as a } from "./jsx-runtime.C115EyI4.js";
-import { c as i } from "./index.CvOaL64Y.js";
-import { useState as A } from "react";
-import { u as L } from "./useBreakpoint.B8XxjSVJ.js";
-import { Asterisk as C } from "../asterisk.DpzETKdT.js";
-import { DSButton as $ } from "../button.BfcWQZhx.js";
-import { DSSystemFeedback as E } from "../systemfeedback.C3Pfxxpp.js";
-import { g as m } from "./helpers.CcqWV-wZ.js";
-import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input_1842u_1", R = "ds-input-password_input--invalid_1842u_113", V = "ds-input-password_input--small_1842u_120", O = "ds-input-password_input--has-leading-icon_1842u_173", F = "ds-input-password_input--has-action-button_1842u_176", M = "ds-input-password_input--has-second-action-button_1842u_179", T = "ds-input-password_input--has-affix_1842u_191", G = "ds-input-password_input--is-ready_1842u_205", J = "ds-input-password_root_1842u_212", K = "ds-input-password_hint_1842u_220", Q = "ds-input-password_label_1842u_220", U = "ds-input-password_wrapper_1842u_224", W = "ds-input-password_action-button_1842u_230", X = "ds-input-password_label--hidden_1842u_248", Y = "ds-input-password_label--disabled_1842u_261", Z = "ds-input-password_feedback_1842u_281", s = {
-  input: q,
-  "input--invalid": "ds-input-password_input--invalid_1842u_113",
-  inputInvalid: R,
-  "input--small": "ds-input-password_input--small_1842u_120",
-  inputSmall: V,
-  "input--has-leading-icon": "ds-input-password_input--has-leading-icon_1842u_173",
-  inputHasLeadingIcon: O,
-  "input--has-action-button": "ds-input-password_input--has-action-button_1842u_176",
-  inputHasActionButton: F,
-  "input--has-second-action-button": "ds-input-password_input--has-second-action-button_1842u_179",
-  inputHasSecondActionButton: M,
-  "input--has-affix": "ds-input-password_input--has-affix_1842u_191",
-  inputHasAffix: T,
-  "input--is-ready": "ds-input-password_input--is-ready_1842u_205",
-  inputIsReady: G,
-  root: J,
-  hint: K,
-  label: Q,
-  wrapper: U,
-  "action-button": "ds-input-password_action-button_1842u_230",
-  actionButton: W,
-  "label--hidden": "ds-input-password_label--hidden_1842u_248",
-  labelHidden: X,
-  "label--disabled": "ds-input-password_label--disabled_1842u_261",
-  labelDisabled: Y,
-  feedback: Z
-}, z = ({ id: t, label: n }) => {
-  if (!t)
-    throw new Error(
-      m(
-        "DSInputPassword",
-        'A unique "id" prop is required. Please add a unique "id" prop to the DSInputPassword component.'
-      )
-    );
-  if (!n)
-    throw new Error(
-      m(
-        "DSInputPassword",
-        `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputPassword component. If you don't want to display a label, set hideLabel={true}.`
-      )
-    );
-}, ds = ({
-  id: t,
-  label: n,
-  autoComplete: h = "new-password",
-  className: f,
-  disabled: e = !1,
-  hidePasswordText: y = "Hide password",
-  hint: u,
-  hideLabel: S = !1,
-  invalid: o = !1,
-  readonly: r = !1,
-  required: c = !1,
-  showPasswordText: x = "Show password",
-  size: d = "medium",
-  systemFeedback: p,
-  ...I
-}) => {
-  process.env.NODE_ENV !== "production" && z({
-    id: t,
-    label: n
-  });
-  const [l, v] = A(!1), _ = `${t}-label`, w = `${t}-feedback`, b = `${t}-hint`, B = u ? ` ${b}` : "", H = L(S), g = i(s.root, f), D = i(s.input, {
-    // small input
-    [s.inputSmall]: d === "small",
-    // invalid state
-    [s.inputInvalid]: o,
-    // action button - input password always has an action button
-    [s.inputHasActionButton]: !0
-  }), P = i(s.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [s.labelHidden]: H,
-    [s.labelDisabled]: e
-  }), N = i(s.actionButton, {
-    [s.actionButtonSmall]: d === "small"
-  }), j = () => {
-    v((k) => !k);
-  };
-  return /* @__PURE__ */ a.jsxs("div", { className: g, children: [
-    /* @__PURE__ */ a.jsxs("label", { className: P, id: _, htmlFor: t, children: [
-      n,
-      c && /* @__PURE__ */ a.jsx(C, {})
-    ] }),
-    u && /* @__PURE__ */ a.jsx("div", { className: s.hint, id: b, children: u }),
-    o && p && /* @__PURE__ */ a.jsx(
-      E,
-      {
-        className: s.feedback,
-        message: p,
-        type: "invalid",
-        id: w
-      }
-    ),
-    /* @__PURE__ */ a.jsxs("div", { className: s.wrapper, children: [
-      /* @__PURE__ */ a.jsx(
-        "input",
-        {
-          className: D,
-          id: t,
-          ...I,
-          "aria-labelledby": `${_}${B}`,
-          "aria-describedby": o && p ? w : void 0,
-          "aria-invalid": o,
-          "aria-disabled": r,
-          readOnly: r,
-          required: c,
-          disabled: e,
-          autoComplete: h,
-          type: l ? "text" : "password"
-        }
-      ),
-      /* @__PURE__ */ a.jsx(
-        $,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: l ? "eye-closed" : "eye",
-          variant: "ghost",
-          className: N,
-          size: d,
-          onClick: j,
-          type: "button",
-          disabled: e,
-          children: l ? y : x
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  ds as D,
-  z as v
-};

package/chunks/InputSearch.BIIW-ERk.js

@@ -1,192 +0,0 @@
-"use client";
-import { j as e } from "./jsx-runtime.C115EyI4.js";
-import { c as u } from "./index.CvOaL64Y.js";
-import { useState as J, useRef as D, useEffect as x } from "react";
-import { g as w, a as K } from "./helpers.CcqWV-wZ.js";
-import { u as Q } from "./useBreakpoint.B8XxjSVJ.js";
-import { Asterisk as U } from "../asterisk.DpzETKdT.js";
-import { DSButton as N } from "../button.BfcWQZhx.js";
-import { DSSystemFeedback as X } from "../systemfeedback.C3Pfxxpp.js";
-import '../assets/InputSearch.CseChMc-.css';const Y = "ds-input-search_input_wn1tk_1", Z = "ds-input-search_input--invalid_wn1tk_113", z = "ds-input-search_input--small_wn1tk_120", tt = "ds-input-search_input--has-leading-icon_wn1tk_173", nt = "ds-input-search_input--has-action-button_wn1tk_176", et = "ds-input-search_input--has-second-action-button_wn1tk_179", st = "ds-input-search_input--has-affix_wn1tk_191", at = "ds-input-search_input--is-ready_wn1tk_205", it = "ds-input-search_root_wn1tk_212", ot = "ds-input-search_hint_wn1tk_220", ct = "ds-input-search_label_wn1tk_220", ut = "ds-input-search_wrapper_wn1tk_224", rt = "ds-input-search_action-button_wn1tk_230", lt = "ds-input-search_second-action-button_wn1tk_234", pt = "ds-input-search_label--hidden_wn1tk_252", dt = "ds-input-search_label--disabled_wn1tk_265", ht = "ds-input-search_feedback_wn1tk_285", t = {
-  input: Y,
-  "input--invalid": "ds-input-search_input--invalid_wn1tk_113",
-  inputInvalid: Z,
-  "input--small": "ds-input-search_input--small_wn1tk_120",
-  inputSmall: z,
-  "input--has-leading-icon": "ds-input-search_input--has-leading-icon_wn1tk_173",
-  inputHasLeadingIcon: tt,
-  "input--has-action-button": "ds-input-search_input--has-action-button_wn1tk_176",
-  inputHasActionButton: nt,
-  "input--has-second-action-button": "ds-input-search_input--has-second-action-button_wn1tk_179",
-  inputHasSecondActionButton: et,
-  "input--has-affix": "ds-input-search_input--has-affix_wn1tk_191",
-  inputHasAffix: st,
-  "input--is-ready": "ds-input-search_input--is-ready_wn1tk_205",
-  inputIsReady: at,
-  root: it,
-  hint: ot,
-  label: ct,
-  wrapper: ut,
-  "action-button": "ds-input-search_action-button_wn1tk_230",
-  actionButton: rt,
-  "second-action-button": "ds-input-search_second-action-button_wn1tk_234",
-  secondActionButton: lt,
-  "label--hidden": "ds-input-search_label--hidden_wn1tk_252",
-  labelHidden: pt,
-  "label--disabled": "ds-input-search_label--disabled_wn1tk_265",
-  labelDisabled: dt,
-  feedback: ht
-}, _t = ({ id: n, label: r }) => {
-  if (!n)
-    throw new Error(
-      w(
-        "DSInputSearch",
-        'A unique "id" prop is required. Please add a unique "id" prop to the DSInputSearch component.'
-      )
-    );
-  if (!r)
-    throw new Error(
-      w(
-        "DSInputSearch",
-        `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputSearch component. If you don't want to display a label, set hideLabel={true}.`
-      )
-    );
-}, bt = (n) => !!K(n, "form"), Bt = ({
-  id: n,
-  label: r,
-  className: A,
-  clearButtonLabel: H = "Clear search field",
-  disabled: a = !1,
-  hint: _,
-  hideLabel: E = !1,
-  invalid: l = !1,
-  readonly: i = !1,
-  required: k = !1,
-  size: o = "medium",
-  submitButtonLabel: j = "Search",
-  systemFeedback: b,
-  value: m,
-  submitButtonOnClick: C,
-  onChange: S,
-  ...L
-}) => {
-  process.env.NODE_ENV !== "production" && _t({
-    id: n,
-    label: r
-  });
-  const [p, I] = J(m), f = D(null), d = D(null), V = Q(E);
-  x(() => {
-    I(m);
-  }, [m]), x(() => {
-    f.current && !bt(f.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(
-      w(
-        "DSInputSearch",
-        `The DSInputSearch component with the id "${n}" is not within a form element. This may cause issues with form submission. Please ensure the DSInputSearch component is within a form element.`
-      )
-    );
-  }, []);
-  const g = `${n}-label`, v = `${n}-feedback`, B = `${n}-hint`, O = _ ? ` ${B}` : "", y = p !== "" && p !== void 0 && p !== null, P = u(t.root, A), $ = u(t.input, {
-    // small input
-    [t.inputSmall]: o === "small",
-    // invalid state
-    [t.inputInvalid]: l,
-    // action button - input password always has an action button
-    [t.inputHasActionButton]: !0,
-    // action second action button
-    [t.inputHasSecondActionButton]: y && !i && !a
-  }), R = u(t.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [t.labelHidden]: V,
-    [t.labelDisabled]: a
-  }), q = u(t.actionButton, {
-    [t.actionButtonSmall]: o === "small"
-  }), T = u(t.secondActionButton, {
-    [t.secondActionButtonSmall]: o === "small"
-  }), F = (s, c) => {
-    const G = Object.getPrototypeOf(s), h = Object.getOwnPropertyDescriptor(
-      G,
-      "value"
-    );
-    h != null && h.set ? h.set.call(s, c) : s.value = c;
-  }, M = () => {
-    var c;
-    if (!d.current) return;
-    F(d.current, "");
-    const s = new Event("change", { bubbles: !0 });
-    (c = d.current) == null || c.dispatchEvent(s);
-  }, W = (s) => {
-    I(s.target.value), S && S(s);
-  };
-  return /* @__PURE__ */ e.jsxs("div", { className: P, ref: f, children: [
-    /* @__PURE__ */ e.jsxs("label", { className: R, id: g, htmlFor: n, children: [
-      r,
-      k && /* @__PURE__ */ e.jsx(U, {})
-    ] }),
-    _ && /* @__PURE__ */ e.jsx("div", { className: t.hint, id: B, children: _ }),
-    l && b && /* @__PURE__ */ e.jsx(
-      X,
-      {
-        className: t.feedback,
-        message: b,
-        type: "invalid",
-        id: v
-      }
-    ),
-    /* @__PURE__ */ e.jsxs("div", { className: t.wrapper, children: [
-      /* @__PURE__ */ e.jsx(
-        "input",
-        {
-          className: $,
-          id: n,
-          ref: d,
-          ...L,
-          "aria-labelledby": `${g}${O}`,
-          "aria-describedby": l && b ? v : void 0,
-          "aria-invalid": l,
-          "aria-disabled": i,
-          readOnly: i,
-          required: k,
-          disabled: a,
-          type: "search",
-          value: p,
-          onChange: W
-        }
-      ),
-      y && !i && !a && /* @__PURE__ */ e.jsx(
-        N,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: "cross",
-          className: T,
-          variant: "ghost",
-          size: o,
-          onClick: M,
-          type: "button",
-          tabIndex: -1,
-          children: H
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        N,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: "magnifying-glass",
-          className: q,
-          variant: "ghost",
-          size: o,
-          onClick: C,
-          type: "submit",
-          disabled: a || i,
-          children: j
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  Bt as D,
-  bt as i,
-  _t as v
-};