@stihl-design-system/components 1.0.0-RC.10 → 1.0.0-RC.11

package/chunks/InputStepper.4IqLa5tX.js

@@ -1,291 +0,0 @@
-"use client";
-import { j as e } from "./jsx-runtime.C115EyI4.js";
-import { c } from "./index.CvOaL64Y.js";
-import { useState as f, useRef as N, useEffect as w } from "react";
-import { u as ft } from "./useBreakpoint.5xBNDiCf.js";
-import { M as E, a as H, u as M } from "./Input.utils.ChV6RJsh.js";
-import { Asterisk as mt } from "../asterisk.DDn-yX4P.js";
-import { DSButton as X } from "../button.DH0h6uPs.js";
-import { DSSystemFeedback as gt } from "../systemfeedback.ZzRUAVYX.js";
-import { g as S } from "./helpers.B1JT5ShS.js";
-import '../assets/InputStepper.B80KulYE.css';const ht = "_input_td0g0_226", bt = "_input--invalid_td0g0_338", xt = "_input--small_td0g0_345", St = "_input--has-leading-icon_td0g0_399", yt = "_input--has-action-button_td0g0_402", It = "_input--has-second-action-button_td0g0_405", vt = "_input--has-affix_td0g0_417", At = "_input--is-ready_td0g0_431", Bt = "_root_td0g0_441", Dt = "_hint_td0g0_449", Nt = "_label_td0g0_449", wt = "_wrapper_td0g0_453", Et = "_affix_td0g0_459", Ht = "_affix--small_td0g0_481", Lt = "_affix--disabled_td0g0_495", jt = "_prefix_td0g0_498", Rt = "_affix--readonly_td0g0_501", kt = "_suffix_td0g0_511", Ct = "_action-button_td0g0_518", $t = "_label--hidden_td0g0_537", Ft = "_feedback_td0g0_566", Vt = "_second-action-button_td0g0_580", Pt = "_value-announcer_td0g0_584", n = {
-  input: ht,
-  "input--invalid": "_input--invalid_td0g0_338",
-  inputInvalid: bt,
-  "input--small": "_input--small_td0g0_345",
-  inputSmall: xt,
-  "input--has-leading-icon": "_input--has-leading-icon_td0g0_399",
-  inputHasLeadingIcon: St,
-  "input--has-action-button": "_input--has-action-button_td0g0_402",
-  inputHasActionButton: yt,
-  "input--has-second-action-button": "_input--has-second-action-button_td0g0_405",
-  inputHasSecondActionButton: It,
-  "input--has-affix": "_input--has-affix_td0g0_417",
-  inputHasAffix: vt,
-  "input--is-ready": "_input--is-ready_td0g0_431",
-  inputIsReady: At,
-  root: Bt,
-  hint: Dt,
-  label: Nt,
-  wrapper: wt,
-  affix: Et,
-  "affix--small": "_affix--small_td0g0_481",
-  affixSmall: Ht,
-  "affix--disabled": "_affix--disabled_td0g0_495",
-  affixDisabled: Lt,
-  prefix: jt,
-  "affix--readonly": "_affix--readonly_td0g0_501",
-  affixReadonly: Rt,
-  suffix: kt,
-  "action-button": "_action-button_td0g0_518",
-  actionButton: Ct,
-  "label--hidden": "_label--hidden_td0g0_537",
-  labelHidden: $t,
-  feedback: Ft,
-  "second-action-button": "_second-action-button_td0g0_580",
-  secondActionButton: Vt,
-  "value-announcer": "_value-announcer_td0g0_584",
-  valueAnnouncer: Pt
-}, Tt = ({
-  id: a,
-  label: m,
-  prefix: g,
-  suffix: h
-}) => {
-  if (!a)
-    throw new Error(
-      S(
-        "DSInputStepper",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputStepper component.'
-      )
-    );
-  if (!m)
-    throw new Error(
-      S(
-        "DSInputStepper",
-        `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputStepper component. If you don't want to display a label, set hideLabel={true}.`
-      )
-    );
-  g && g.length > E && console.warn(
-    S(
-      "DSInputStepper",
-      `Prefix length must not exceed ${E} characters.`
-    )
-  ), h && h.length > H && console.warn(
-    S(
-      "DSInputStepper",
-      `Suffix length must not exceed ${H} characters.`
-    )
-  );
-}, Qt = ({
-  id: a,
-  label: m,
-  announcementText: g = "Value changed to",
-  className: h,
-  disabled: r = !1,
-  decreaseAmountButtonLabel: q = "Decrease",
-  hint: y,
-  hideLabel: G = !1,
-  invalid: b = !1,
-  increaseAmountButtonLabel: O = "Increase",
-  prefix: u,
-  max: L = 100,
-  min: j = 0,
-  readonly: p = !1,
-  required: R = !1,
-  size: o = "medium",
-  step: U = 1,
-  suffix: d,
-  systemFeedback: I,
-  value: x,
-  onChange: k,
-  ...J
-}) => {
-  process.env.NODE_ENV !== "production" && Tt({
-    id: a,
-    label: m,
-    prefix: u,
-    suffix: d
-  });
-  const [K, Q] = f(!1), [_, v] = f(x), [A, C] = f(""), [Y, Z] = f(!1), [z, tt] = f({}), s = N(null), nt = u == null ? void 0 : u.substring(0, E), B = N(null), et = d == null ? void 0 : d.substring(0, H), D = N(null), at = ft(G);
-  w(() => {
-    x && v(x);
-  }, [x]), w(() => {
-    if (A) {
-      const t = setTimeout(() => {
-        C("");
-      }, 3e3);
-      return () => clearTimeout(t);
-    }
-  }, [A]), w(() => {
-    var i;
-    const t = (l) => {
-      l.preventDefault();
-    };
-    return (i = s.current) == null || i.addEventListener("wheel", t, {
-      // The { passive: false } option is used to indicate that the event listener wants to cancel the event, allowing preventDefault to work as expected.
-      passive: !1
-    }), () => {
-      var l;
-      (l = s.current) == null || l.removeEventListener("wheel", t);
-    };
-  }, []), M(() => {
-    const t = o === "medium" ? 16 : 8, i = {};
-    if (B.current) {
-      const l = B.current.offsetWidth;
-      i.paddingInlineStart = t + l + "px";
-    }
-    if (D.current) {
-      const l = D.current.offsetWidth;
-      i.paddingInlineEnd = t + l + "px";
-    }
-    tt(i), Q(!0);
-  }, [u, d, o, Y]), M(() => {
-    (async () => {
-      "fonts" in document && (await document.fonts.load(
-        '1em "STIHL Contraface Digital Text Regular"'
-      ), Z(!0));
-    })();
-  }, []);
-  const $ = c(n.affix, {
-    [n.affixSmall]: o === "small",
-    [n.affixDisabled]: r,
-    [n.affixReadonly]: p
-  }), F = `${a}-label`, V = `${a}-feedback`, P = `${a}-hint`, T = `${a}-value-announcer`, st = y ? ` ${P}` : "", ot = c(n.root, h), it = c(n.input, {
-    // small input
-    [n.inputSmall]: o === "small",
-    // invalid state
-    [n.inputInvalid]: b,
-    // prefix/suffix
-    [n.inputHasAffix]: u || d,
-    [n.inputIsReady]: K
-  }), lt = c(n.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [n.labelHidden]: at
-  }), ct = c(n.secondActionButton, {
-    [n.secondActionButtonSmall]: o === "small"
-  }), ut = c(n.actionButton, {
-    [n.actionButtonSmall]: o === "small"
-  }), dt = () => {
-    const t = [T];
-    return b && I && t.push(V), t.join(" ");
-  }, W = () => {
-    var t;
-    if (s.current) {
-      v(s.current.value);
-      const i = new Event("change", { bubbles: !0 });
-      (t = s.current) == null || t.dispatchEvent(i), C(`${g} ${s.current.value}`);
-    }
-  }, rt = () => {
-    var t;
-    (t = s.current) == null || t.stepDown(), W();
-  }, pt = () => {
-    var t;
-    (t = s.current) == null || t.stepUp(), W();
-  }, _t = (t) => {
-    v(t.target.value), k && k(t);
-  };
-  return /* @__PURE__ */ e.jsxs("div", { className: ot, children: [
-    /* @__PURE__ */ e.jsxs("label", { className: lt, id: F, htmlFor: a, children: [
-      m,
-      R && /* @__PURE__ */ e.jsx(mt, {})
-    ] }),
-    y && /* @__PURE__ */ e.jsx("div", { className: n.hint, id: P, children: y }),
-    /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        "aria-live": "polite",
-        "aria-atomic": "true",
-        className: n.valueAnnouncer,
-        id: T,
-        children: A
-      }
-    ),
-    b && I && /* @__PURE__ */ e.jsx(
-      gt,
-      {
-        className: n.feedback,
-        message: I,
-        type: "invalid",
-        id: V
-      }
-    ),
-    /* @__PURE__ */ e.jsxs("div", { className: n.wrapper, children: [
-      u && /* @__PURE__ */ e.jsx(
-        "span",
-        {
-          className: c($, n.prefix),
-          ref: B,
-          "aria-disabled": r,
-          children: nt
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "input",
-        {
-          className: it,
-          id: a,
-          ref: s,
-          ...J,
-          style: z,
-          "aria-labelledby": `${F}${st}`,
-          "aria-describedby": dt(),
-          "aria-invalid": b,
-          "aria-disabled": p,
-          disabled: r,
-          min: j,
-          max: L,
-          readOnly: p,
-          required: R,
-          step: U,
-          type: "number",
-          value: _,
-          onChange: _t
-        }
-      ),
-      d && /* @__PURE__ */ e.jsx(
-        "span",
-        {
-          className: c($, n.suffix),
-          ref: D,
-          "aria-disabled": r,
-          children: et
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        X,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: "minus",
-          variant: "filled",
-          className: ct,
-          size: o,
-          onClick: rt,
-          disabled: r || p || !!_ && Number(_) <= j,
-          type: "button",
-          children: q
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        X,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: "plus",
-          variant: "filled",
-          className: ut,
-          size: o,
-          onClick: pt,
-          disabled: r || p || !!_ && Number(_) >= L,
-          type: "button",
-          children: O
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  Qt as D,
-  Tt as v
-};

package/chunks/Notification.BhwbaXqk.js

@@ -1,93 +0,0 @@
-"use client";
-import { j as e } from "./jsx-runtime.C115EyI4.js";
-import { c as s } from "./index.CvOaL64Y.js";
-import { DSButton as u } from "../button.DH0h6uPs.js";
-import { D as b } from "./Icon.C2o2seDb.js";
-import '../assets/Notification.DK6agBGS.css';const g = "_root_70bef_76", N = "_root--success_70bef_102", h = "_root--error_70bef_106", I = "_root--warning_70bef_110", x = "_root--hide-icon_70bef_114", A = "_content_70bef_128", C = "_content--hide-close-button_70bef_135", H = "_content--hide-icon_70bef_138", j = "_icon_70bef_142", S = "_message_70bef_146", p = "_custom-action-area_70bef_161", o = {
-  root: g,
-  "root--success": "_root--success_70bef_102",
-  rootSuccess: N,
-  "root--error": "_root--error_70bef_106",
-  rootError: h,
-  "root--warning": "_root--warning_70bef_110",
-  rootWarning: I,
-  "root--hide-icon": "_root--hide-icon_70bef_114",
-  rootHideIcon: x,
-  content: A,
-  "content--hide-close-button": "_content--hide-close-button_70bef_135",
-  contentHideCloseButton: C,
-  "content--hide-icon": "_content--hide-icon_70bef_138",
-  contentHideIcon: H,
-  icon: j,
-  message: S,
-  "custom-action-area": "_custom-action-area_70bef_161",
-  customActionArea: p
-}, R = [
-  "success",
-  "error",
-  "warning",
-  "info"
-], w = {
-  success: "circle-check-colored",
-  error: "diamond-exclamationmark-colored",
-  warning: "triangle-exclamationmark-colored",
-  info: "circle-info-colored"
-}, O = {
-  error: "alert",
-  warning: "alert",
-  info: "status",
-  success: "status"
-}, B = ({
-  children: i,
-  variant: t = "info",
-  className: a,
-  closeButtonLabel: _ = "Close notification",
-  customActionArea: c,
-  hideCloseButton: r = !1,
-  hideIcon: n = !1,
-  onClose: l,
-  ...f
-}) => {
-  const m = s(o.root, a, {
-    [o.rootSuccess]: t === "success",
-    [o.rootError]: t === "error",
-    [o.rootWarning]: t === "warning",
-    [o.rootInfo]: t === "info",
-    [o.rootHideIcon]: n
-  }), d = s(o.content, {
-    [o.contentHideCloseButton]: r,
-    [o.contentHideIcon]: n
-  });
-  return /* @__PURE__ */ e.jsxs("div", { className: m, ...f, role: O[t], children: [
-    /* @__PURE__ */ e.jsxs("div", { className: d, children: [
-      !n && /* @__PURE__ */ e.jsx(
-        b,
-        {
-          name: w[t],
-          className: o.icon,
-          "aria-hidden": "true"
-        }
-      ),
-      /* @__PURE__ */ e.jsx("div", { className: o.message, children: i }),
-      !r && /* @__PURE__ */ e.jsx(
-        u,
-        {
-          hideLabel: !0,
-          iconName: "cross",
-          isFlush: !0,
-          variant: "ghost",
-          size: "small",
-          onClick: l,
-          type: "button",
-          children: _
-        }
-      )
-    ] }),
-    c && /* @__PURE__ */ e.jsx("div", { className: s({ [o.customActionArea]: !n }), children: c })
-  ] });
-};
-export {
-  B as D,
-  R as N,
-  w as a
-};

package/chunks/RadioGroup.C5jbCJM4.js

@@ -1,132 +0,0 @@
-"use client";
-import { j as h } from "./jsx-runtime.C115EyI4.js";
-import { c as C } from "./index.CvOaL64Y.js";
-import { forwardRef as N, useState as A } from "react";
-import { D as B } from "./Fieldset.COGbZwry.js";
-import { DSRadio as M } from "../radio.CWGJtmKl.js";
-import { s as m } from "./RadioGroup.module.BBZwHDjW.js";
-import { g as t } from "./helpers.B1JT5ShS.js";
-const f = (o) => `The "${o}" prop is required. Please add the "${o}" prop to the DSRadioGroup component.`, D = (o) => o.some(({ hint: a }) => !!a), E = (o) => o.some(({ customArea: a }) => !!a), O = ({
-  legend: o,
-  name: a,
-  options: e,
-  alignment: s,
-  description: i,
-  id: l,
-  systemFeedback: n
-}) => {
-  if (!l && (i || n))
-    throw new Error(
-      t(
-        "DSRadioGroup",
-        'A unique "id" prop is required when providing the description or systemFeedback property. Please add an unique "id" prop to the DSRadioGroup component.'
-      )
-    );
-  if (!o)
-    throw new Error(
-      t("DSRadioGroup", f("legend"))
-    );
-  if (!a)
-    throw new Error(
-      t("DSRadioGroup", f("name"))
-    );
-  if (!e)
-    throw new Error(
-      t("DSRadioGroup", f("options"))
-    );
-  if (s === "horizontal" && D(e))
-    throw new Error(
-      t(
-        "DSRadioGroup",
-        "Horizontal alignment is not possible when options contain a hint. Please remove hints or change alignment property to 'vertical'."
-      )
-    );
-  if (s === "horizontal" && E(e))
-    throw new Error(
-      t(
-        "DSRadioGroup",
-        "Horizontal alignment is not possible when options contain a custom area. Please remove custom areas or change alignment property to 'vertical'."
-      )
-    );
-}, V = N(
-  ({
-    legend: o,
-    name: a,
-    options: e,
-    alignment: s = "vertical",
-    className: i,
-    defaultValue: l,
-    description: n,
-    disabled: p = !1,
-    hideUncheckedHints: g = !1,
-    id: u,
-    invalid: c = !1,
-    required: w = !1,
-    systemFeedback: d,
-    value: S,
-    onChange: v,
-    ...x
-  }, z) => {
-    process.env.NODE_ENV !== "production" && O({
-      legend: o,
-      name: a,
-      options: e,
-      alignment: s,
-      description: n,
-      id: u,
-      systemFeedback: d
-    });
-    const [H, P] = A(l), R = S !== void 0, G = R ? S : H, j = C(m.group, {
-      // In case of longer copy, use vertical alignment
-      [m.groupHorizontal]: s === "horizontal" && !D(e) && !E(e),
-      [m.groupInvalid]: c && !!d
-    }), q = (r) => {
-      if (p) {
-        r.preventDefault();
-        return;
-      }
-      R || P(
-        r.target.value
-      ), v && v(r);
-    }, y = D(e) && !g;
-    return /* @__PURE__ */ h.jsx(
-      B,
-      {
-        id: u,
-        legend: o,
-        className: i,
-        description: n,
-        disabled: p,
-        required: w,
-        invalid: c,
-        systemFeedback: d,
-        ...x,
-        role: "radiogroup",
-        onChange: q,
-        children: /* @__PURE__ */ h.jsx("div", { className: j, children: e.map((r) => /* @__PURE__ */ h.jsx(
-          M,
-          {
-            name: a,
-            checked: r.value === G,
-            disabled: p,
-            hideUncheckedHint: g,
-            hint: r.hint,
-            invalid: c,
-            isBold: y,
-            required: w,
-            ref: r.value === G ? z : null,
-            ...r
-          },
-          u + r.label + r.value + r.hint
-        )) })
-      }
-    );
-  }
-);
-V.displayName = "DSRadioGroup";
-export {
-  V as D,
-  E as a,
-  D as o,
-  O as v
-};

package/chunks/RadioGroup.module.BBZwHDjW.js

@@ -1,11 +0,0 @@
-"use client";
-import '../assets/RadioGroup.Bz3_xkZU.css';const o = "_group_2f5rk_76", r = "_group--horizontal_2f5rk_84", n = "_group--invalid_2f5rk_87", _ = {
-  group: o,
-  "group--horizontal": "_group--horizontal_2f5rk_84",
-  groupHorizontal: r,
-  "group--invalid": "_group--invalid_2f5rk_87",
-  groupInvalid: n
-};
-export {
-  _ as s
-};