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

package/linkstandalone.26b52de0.js

@@ -1,80 +0,0 @@
-import "./assets/LinkStandalone.7e23a8ac.css";
-import { j as i } from "./chunks/jsx-runtime.5c071667.js";
-import { c as D } from "./chunks/index.8021d3e0.js";
-import { DSIcon as x } from "./icon.b4211784.js";
-import "react";
-import "./chunks/Link.module.b8230547.js";
-const H = "_root_19try_25", j = "_root--highlight_19try_96", v = "_root--neutral-dark_19try_167", L = "_root--highlight-dark_19try_238", N = "_root--active_19try_309", I = "_root--icon-left_19try_315", t = {
-  root: H,
-  "root--highlight": "_root--highlight_19try_96",
-  rootHighlight: j,
-  "root--neutral-dark": "_root--neutral-dark_19try_167",
-  rootNeutralDark: v,
-  "root--highlight-dark": "_root--highlight-dark_19try_238",
-  rootHighlightDark: L,
-  "root--active": "_root--active_19try_309",
-  rootActive: N,
-  "root--icon-left": "_root--icon-left_19try_315",
-  rootIconLeft: I
-}, R = ({
-  children: e,
-  aria: _,
-  active: g,
-  className: n,
-  dataTrackingid: c,
-  download: k,
-  href: a,
-  iconName: l,
-  iconPosition: d = "left",
-  iconSource: h,
-  referrerPolicy: m,
-  rel: u,
-  target: y = "_self",
-  theme: o = "light",
-  variant: r = "neutral",
-  ...f
-}) => {
-  const p = D(t.root, n, {
-    // variant
-    [t.rootHighlight]: r === "highlight",
-    // theme
-    [t.rootNeutralDark]: o === "dark" && r === "neutral",
-    [t.rootHighlightDark]: o === "dark" && r === "highlight",
-    // active
-    [t.rootActive]: g,
-    // icon position
-    [t.rootIconLeft]: d === "left"
-  }), s = a === void 0 ? "span" : "a";
-  return /* @__PURE__ */ i.jsxs(
-    s,
-    {
-      className: p,
-      "data-trackingid": c,
-      ...s === "a" && {
-        href: a,
-        target: y,
-        rel: u,
-        referrerPolicy: m,
-        download: k
-      },
-      ..._,
-      ...f,
-      children: [
-        /* @__PURE__ */ i.jsx("span", { className: t.label, children: e }),
-        (l || h) && /* @__PURE__ */ i.jsx(
-          x,
-          {
-            name: l,
-            theme: o,
-            source: h,
-            size: "medium",
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  R as DSLinkStandalone
-};

package/optioncheckbox.7195f001.js

@@ -1,43 +0,0 @@
-import "./assets/OptionCheckbox.9c20f6f1.css";
-import { j as e } from "./chunks/jsx-runtime.5c071667.js";
-import { c as s } from "./chunks/index.8021d3e0.js";
-import { DSIcon as _ } from "./icon.b4211784.js";
-const i = "_root_bdq8c_49", l = "_root--disabled_bdq8c_68", k = "_checkbox_bdq8c_72", n = "_icon-check_bdq8c_86", r = "_checkbox--checked_bdq8c_105", x = "_checkbox--disabled_bdq8c_108", m = "_label_bdq8c_125", c = {
-  root: i,
-  "root--disabled": "_root--disabled_bdq8c_68",
-  rootDisabled: l,
-  checkbox: k,
-  "icon-check": "_icon-check_bdq8c_86",
-  iconCheck: n,
-  "checkbox--checked": "_checkbox--checked_bdq8c_105",
-  checkboxChecked: r,
-  "checkbox--disabled": "_checkbox--disabled_bdq8c_108",
-  checkboxDisabled: x,
-  label: m
-}, D = ({
-  label: b,
-  checked: d,
-  className: h,
-  disabled: o
-}) => {
-  const a = s(c.root, {
-    [c.rootDisabled]: o
-  }), t = s(c.checkbox, {
-    [c.checkboxDisabled]: o,
-    [c.checkboxChecked]: d
-  });
-  return /* @__PURE__ */ e.jsx("div", { className: h, children: /* @__PURE__ */ e.jsxs("div", { className: a, children: [
-    /* @__PURE__ */ e.jsx("span", { className: t, children: /* @__PURE__ */ e.jsx(
-      _,
-      {
-        name: "check",
-        className: c.iconCheck,
-        "aria-hidden": "true"
-      }
-    ) }),
-    /* @__PURE__ */ e.jsx("span", { className: c.label, children: b })
-  ] }) });
-};
-export {
-  D as OptionCheckbox
-};

package/radio.1b205d64.js

@@ -1,79 +0,0 @@
-import "./assets/Radio.be8f06f5.css";
-import { j as a } from "./chunks/jsx-runtime.5c071667.js";
-import { c as d } from "./chunks/index.8021d3e0.js";
-import { forwardRef as H, useRef as I, useState as R, useCallback as S } from "react";
-import { u as g } from "./chunks/useBreakpoint.6c1b06c2.js";
-const B = "_root_11cbi_25", V = "_root--disabled_11cbi_44", w = "_radio_11cbi_48", E = "_dot_11cbi_63", L = "_radio--invalid_11cbi_85", O = "_label_11cbi_90", P = "_label--hidden_11cbi_100", U = "_input_11cbi_113", o = {
-  root: B,
-  "root--disabled": "_root--disabled_11cbi_44",
-  rootDisabled: V,
-  radio: w,
-  dot: E,
-  "radio--invalid": "_radio--invalid_11cbi_85",
-  radioInvalid: L,
-  label: O,
-  "label--hidden": "_label--hidden_11cbi_100",
-  labelHidden: P,
-  input: U
-}, q = H(
-  ({
-    label: l,
-    name: c,
-    value: _,
-    defaultChecked: b = !1,
-    disabled: e = !1,
-    hideLabel: u = !1,
-    checked: r,
-    invalid: f = !1,
-    className: m,
-    onChange: t,
-    ...p
-  }, s) => {
-    const h = I(null), [v, x] = R(b), n = r !== void 0, C = n ? r : v, j = g(u), k = d(
-      o.root,
-      {
-        [o.rootDisabled]: e
-      },
-      m
-    ), N = d(o.label, {
-      // hide label only visually to keep them available for assistive technologies
-      [o.labelHidden]: j
-    }), D = d(o.radio, {
-      [o.radioInvalid]: f
-    }), y = S(
-      (i) => {
-        if (e) {
-          i.preventDefault();
-          return;
-        }
-        n || x(i.target.checked), t && t(i);
-      },
-      [e, n, t]
-    );
-    return /* @__PURE__ */ a.jsxs("label", { className: k, children: [
-      /* @__PURE__ */ a.jsx(
-        "input",
-        {
-          type: "radio",
-          value: _,
-          name: c,
-          className: o.input,
-          ref: (i) => {
-            typeof s == "function" ? s(i) : s !== null && (s.current = i), h.current = i;
-          },
-          onChange: y,
-          ...p,
-          disabled: e,
-          checked: C,
-          "aria-label": typeof l == "string" ? l : void 0
-        }
-      ),
-      /* @__PURE__ */ a.jsx("span", { className: D, children: /* @__PURE__ */ a.jsx("div", { className: o.dot }) }),
-      /* @__PURE__ */ a.jsx("span", { className: N, children: l })
-    ] });
-  }
-);
-q.displayName = "DSRadio";
-export {
-  q as DSRadio
-};

package/radiogroup.6a22fe96.js

@@ -1,100 +0,0 @@
-"use client";
-import { j as d } from "./chunks/jsx-runtime.5c071667.js";
-import { c as q } from "./chunks/index.8021d3e0.js";
-import { forwardRef as N, useState as P } from "react";
-import { DSFieldset as C } from "./fieldset.fb7b7e49.js";
-import { DSRadio as y } from "./radio.1b205d64.js";
-import { s as c } from "./chunks/RadioGroup.module.59ca486a.js";
-import { g as s } from "./chunks/helpers.ea3ca41a.js";
-const f = (o) => `The "${o}" prop is required. Please add the "${o}" prop to the DSRadioGroup component.`, z = ({
-  description: o,
-  id: e,
-  legend: t,
-  name: i,
-  options: n,
-  systemFeedback: a
-}) => {
-  if (!e && (o || a))
-    throw new Error(
-      s(
-        "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 (!t)
-    throw new Error(
-      s("DSRadioGroup", f("legend"))
-    );
-  if (!i)
-    throw new Error(
-      s("DSRadioGroup", f("name"))
-    );
-  if (!n)
-    throw new Error(
-      s("DSRadioGroup", f("options"))
-    );
-}, M = N(
-  ({
-    legend: o,
-    name: e,
-    options: t,
-    alignment: i = "vertical",
-    defaultValue: n,
-    description: a,
-    disabled: l = !1,
-    id: m,
-    invalid: p = !1,
-    required: h = !1,
-    systemFeedback: u,
-    value: S,
-    onChange: D,
-    ...g
-  }, G) => {
-    process.env.NODE_ENV !== "production" && z({ description: a, id: m, legend: o, name: e, options: t, systemFeedback: u });
-    const [v, E] = P(n), R = S !== void 0, w = R ? S : v, x = q(c.root, {
-      // In case of longer copy, use vertical alignment
-      [c.rootHorizontal]: i === "horizontal",
-      [c.rootInvalid]: p && !!u
-    }), j = (r) => {
-      if (l) {
-        r.preventDefault();
-        return;
-      }
-      R || E(
-        r.target.value
-      ), D && D(r);
-    };
-    return /* @__PURE__ */ d.jsx(
-      C,
-      {
-        id: m,
-        legend: o,
-        description: a,
-        disabled: l,
-        required: h,
-        invalid: p,
-        systemFeedback: u,
-        ...g,
-        role: "radiogroup",
-        onChange: j,
-        children: /* @__PURE__ */ d.jsx("div", { className: x, children: t.map((r) => /* @__PURE__ */ d.jsx(
-          y,
-          {
-            name: e,
-            checked: r.value === w,
-            disabled: l,
-            invalid: p,
-            required: h,
-            ref: r.value === w ? G : null,
-            ...r
-          },
-          r.label + r.value
-        )) })
-      }
-    );
-  }
-);
-M.displayName = "DSRadioGroup";
-export {
-  M as DSRadioGroup
-};

package/select.2ff31eab.js

@@ -1,188 +0,0 @@
-import "./assets/Select.b2423b5f.css";
-import { j as s } from "./chunks/jsx-runtime.5c071667.js";
-import { c as _ } from "./chunks/index.8021d3e0.js";
-import { useRef as C, useState as R, useEffect as W } from "react";
-import { u as F } from "./chunks/useBreakpoint.6c1b06c2.js";
-import { Asterisk as M } from "./asterisk.91abccec.js";
-import { DSIcon as O } from "./icon.b4211784.js";
-import { DSSystemFeedback as V } from "./systemfeedback.6bbd1505.js";
-import { g as q } from "./chunks/helpers.ea3ca41a.js";
-const J = "_root_fqmqk_73", K = "_hint_fqmqk_81", Q = "_label_fqmqk_81", T = "_wrapper_fqmqk_85", U = "_affix_fqmqk_91", X = "_affix--small_fqmqk_109", Y = "_affix--disabled_fqmqk_121", Z = "_prefix_fqmqk_125", z = "_suffix_fqmqk_131", G = "_action-button_fqmqk_136", ee = "_label--hidden_fqmqk_153", te = "_feedback_fqmqk_180", se = "_select-wrapper_fqmqk_185", ne = "_select_fqmqk_185", ae = "_select--invalid_fqmqk_304", le = "_select--small_fqmqk_311", ce = "_input--has-leading-icon_fqmqk_357", oe = "_input--has-action-button_fqmqk_360", ie = "_input--has-second-action-button_fqmqk_363", re = "_select--has-leading-icon_fqmqk_366", _e = "_select--has-action-button_fqmqk_369", fe = "_select--has-second-action-button_fqmqk_372", de = "_select--has-affix_fqmqk_375", me = "_select--is-ready_fqmqk_387", qe = "_select--placeholder_fqmqk_399", ue = "_chevron_fqmqk_408", he = "_chevron--small_fqmqk_412", pe = "_chevron--disabled_fqmqk_415", e = {
-  root: J,
-  hint: K,
-  label: Q,
-  wrapper: T,
-  affix: U,
-  "affix--small": "_affix--small_fqmqk_109",
-  affixSmall: X,
-  "affix--disabled": "_affix--disabled_fqmqk_121",
-  affixDisabled: Y,
-  prefix: Z,
-  suffix: z,
-  "action-button": "_action-button_fqmqk_136",
-  actionButton: G,
-  "label--hidden": "_label--hidden_fqmqk_153",
-  labelHidden: ee,
-  feedback: te,
-  "select-wrapper": "_select-wrapper_fqmqk_185",
-  selectWrapper: se,
-  select: ne,
-  "select--invalid": "_select--invalid_fqmqk_304",
-  selectInvalid: ae,
-  "select--small": "_select--small_fqmqk_311",
-  selectSmall: le,
-  "input--has-leading-icon": "_input--has-leading-icon_fqmqk_357",
-  inputHasLeadingIcon: ce,
-  "input--has-action-button": "_input--has-action-button_fqmqk_360",
-  inputHasActionButton: oe,
-  "input--has-second-action-button": "_input--has-second-action-button_fqmqk_363",
-  inputHasSecondActionButton: ie,
-  "select--has-leading-icon": "_select--has-leading-icon_fqmqk_366",
-  selectHasLeadingIcon: re,
-  "select--has-action-button": "_select--has-action-button_fqmqk_369",
-  selectHasActionButton: _e,
-  "select--has-second-action-button": "_select--has-second-action-button_fqmqk_372",
-  selectHasSecondActionButton: fe,
-  "select--has-affix": "_select--has-affix_fqmqk_375",
-  selectHasAffix: de,
-  "select--is-ready": "_select--is-ready_fqmqk_387",
-  selectIsReady: me,
-  "select--placeholder": "_select--placeholder_fqmqk_399",
-  selectPlaceholder: qe,
-  chevron: ue,
-  "chevron--small": "_chevron--small_fqmqk_412",
-  chevronSmall: he,
-  "chevron--disabled": "_chevron--disabled_fqmqk_415",
-  chevronDisabled: pe
-}, be = ({
-  id: t,
-  label: l,
-  options: a
-}) => {
-  if (!t)
-    throw new Error(
-      q(
-        "DSSelect",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSSelect component.'
-      )
-    );
-  if (!l)
-    throw new Error(
-      q(
-        "DSSelect",
-        `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSSelect component. If you don't want to display a label, set hideLabel={true}.`
-      )
-    );
-  if (!a || a.length === 0)
-    throw new Error(
-      q(
-        "DSSelect",
-        'Options are always required. Please add an "options" prop to the DSSelect component.'
-      )
-    );
-}, ke = (t, l, a) => t === "" || l !== void 0 && l !== "" ? !1 : !(a !== void 0 && a !== ""), je = ({
-  id: t,
-  label: l,
-  options: a,
-  className: H,
-  defaultValue: u,
-  disabled: h = !1,
-  hideLabel: w = !1,
-  hint: f,
-  invalid: r = !1,
-  placeholder: d = "Select",
-  required: p = !1,
-  size: b = "medium",
-  systemFeedback: m,
-  value: k,
-  ...D
-}) => {
-  process.env.NODE_ENV !== "production" && be({
-    id: t,
-    label: l,
-    options: a
-  });
-  const i = C(null), [I, y] = R(
-    ke(d, u, k)
-  );
-  W(() => {
-    if (!i.current)
-      return;
-    const c = () => {
-      if (!i.current)
-        return;
-      const o = i.current.value;
-      y(o === "");
-    }, n = i.current;
-    return n.addEventListener("change", c), () => {
-      n.removeEventListener("change", c);
-    };
-  }, []);
-  const j = F(w), v = `${t}-label`, x = `${t}-feedback`, S = `${t}-hint`, A = f ? ` ${S}` : "", B = (c) => [
-    d && /* @__PURE__ */ s.jsx("option", { value: "", children: d }, `${t}-hidden-option-disabled-placeholder`),
-    ...c.map((n) => {
-      if ("options" in n) {
-        const { label: o, options: $ } = n;
-        return /* @__PURE__ */ s.jsx("optgroup", { label: o, children: $.map(g) }, o);
-      } else
-        return g(n);
-    })
-  ], g = ({ label: c, value: n, isDisabled: o }) => /* @__PURE__ */ s.jsx("option", { value: n, disabled: o, children: c }, n), N = _(e.root, H), P = _(e.select, {
-    [e.selectSmall]: b === "small",
-    [e.selectInvalid]: r,
-    [e.selectPlaceholder]: I
-  }), E = _(e.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [e.labelHidden]: j
-  }), L = _(e.chevron, {
-    [e.chevronSmall]: b === "small",
-    [e.chevronDisabled]: h
-  });
-  return /* @__PURE__ */ s.jsxs("div", { className: N, children: [
-    /* @__PURE__ */ s.jsxs("label", { className: E, id: v, htmlFor: t, children: [
-      l,
-      p && /* @__PURE__ */ s.jsx(M, {})
-    ] }),
-    f && /* @__PURE__ */ s.jsx("div", { className: e.hint, id: S, children: f }),
-    r && m && /* @__PURE__ */ s.jsx(
-      V,
-      {
-        className: e.feedback,
-        message: m,
-        type: "invalid",
-        id: x,
-        "aria-live": "assertive"
-      }
-    ),
-    /* @__PURE__ */ s.jsxs("div", { className: e.selectWrapper, children: [
-      /* @__PURE__ */ s.jsx(
-        "select",
-        {
-          ...D,
-          id: t,
-          ref: i,
-          className: P,
-          "aria-labelledby": `${v}${A}`,
-          "aria-describedby": r && m ? x : void 0,
-          "aria-invalid": r,
-          defaultValue: u,
-          value: k,
-          disabled: h,
-          required: p,
-          children: B(a)
-        }
-      ),
-      /* @__PURE__ */ s.jsx(
-        O,
-        {
-          name: "chevron-down",
-          className: L,
-          "aria-hidden": "true"
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  je as DSSelect
-};

package/spinner.ee015469.js

@@ -1,58 +0,0 @@
-import "./assets/Spinner.af45d460.css";
-import { j as t } from "./chunks/jsx-runtime.5c071667.js";
-import { c as n } from "./chunks/index.8021d3e0.js";
-import { DSIcon as _ } from "./icon.b4211784.js";
-const m = "_root_1spts_25", z = "_root-size-small_1spts_31", c = "_root-size-medium_1spts_35", p = "_root-size-large_1spts_39", S = "_root-size-x-large_1spts_43", d = "_root-size-inherit_1spts_47", g = "_rotate_1spts_1", u = "_screenReaderOnly_1spts_67", e = {
-  root: m,
-  "root-size-small": "_root-size-small_1spts_31",
-  rootSizeSmall: z,
-  "root-size-medium": "_root-size-medium_1spts_35",
-  rootSizeMedium: c,
-  "root-size-large": "_root-size-large_1spts_39",
-  rootSizeLarge: p,
-  "root-size-x-large": "_root-size-x-large_1spts_43",
-  rootSizeXLarge: S,
-  "root-size-inherit": "_root-size-inherit_1spts_47",
-  rootSizeInherit: d,
-  rotate: g,
-  screenReaderOnly: u
-}, j = ({
-  aria: r,
-  className: s,
-  size: o = "small",
-  theme: i = "light",
-  ...a
-}) => {
-  const l = n(e.root, s, {
-    [e.rootSizeSmall]: o === "small",
-    [e.rootSizeMedium]: o === "medium",
-    [e.rootSizeLarge]: o === "large",
-    [e.rootSizeXLarge]: o === "x-large",
-    [e.rootSizeInherit]: o === "inherit"
-  });
-  return /* @__PURE__ */ t.jsxs(
-    "span",
-    {
-      className: l,
-      role: "alert",
-      "aria-live": "assertive",
-      "aria-label": (r == null ? void 0 : r["aria-label"]) || void 0,
-      ...a,
-      children: [
-        /* @__PURE__ */ t.jsx("span", { className: e.screenReaderOnly, children: " " }),
-        /* @__PURE__ */ t.jsx(
-          _,
-          {
-            name: "loading-spinner",
-            theme: i,
-            focusable: "false",
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  j as DSSpinner
-};

package/switch.2f011fcc.js

@@ -1,65 +0,0 @@
-import "./assets/Switch.f3ab20de.css";
-import { j as t } from "./chunks/jsx-runtime.5c071667.js";
-import { c as b } from "./chunks/index.8021d3e0.js";
-import "react";
-import { DSIcon as f } from "./icon.b4211784.js";
-import { DSSpinner as x } from "./spinner.ee015469.js";
-const j = "_root_1u3dn_25", k = "_root--label-right_1u3dn_53", S = "_root--stretched_1u3dn_56", g = "_loader_1u3dn_66", w = "_thumb_1u3dn_119", C = "_root--checked_1u3dn_134", o = {
-  root: j,
-  "root--label-right": "_root--label-right_1u3dn_53",
-  rootLabelRight: k,
-  "root--stretched": "_root--stretched_1u3dn_56",
-  rootStretched: S,
-  switch: "_switch_1u3dn_61",
-  loader: g,
-  thumb: w,
-  "root--checked": "_root--checked_1u3dn_134",
-  rootChecked: C
-}, I = ({
-  children: n,
-  aria: h,
-  alignLabel: i = "left",
-  checked: e = !1,
-  className: d,
-  dataTrackingid: l,
-  disabled: s = !1,
-  loading: r = !1,
-  stretched: _ = !1,
-  onClick: a,
-  ...u
-}) => {
-  const m = b(o.root, d, {
-    [o.rootChecked]: e === !0,
-    [o.rootStretched]: _ === !0,
-    [o.rootLabelRight]: i === "right"
-  }), p = (c) => {
-    if (s || r) {
-      c.preventDefault();
-      return;
-    }
-    a && a(c);
-  };
-  return /* @__PURE__ */ t.jsxs(
-    "button",
-    {
-      className: m,
-      "data-trackingid": l,
-      onClick: p,
-      ...h,
-      ...u,
-      type: "button",
-      role: "switch",
-      "aria-checked": e,
-      "aria-disabled": s || r,
-      "aria-busy": r,
-      children: [
-        /* @__PURE__ */ t.jsx("span", { children: n }),
-        !r && /* @__PURE__ */ t.jsx("span", { className: o.switch, children: /* @__PURE__ */ t.jsx("span", { className: o.thumb, children: /* @__PURE__ */ t.jsx(f, { name: "check", "aria-hidden": "true" }) }) }),
-        r && /* @__PURE__ */ t.jsx("span", { className: o.loader, children: /* @__PURE__ */ t.jsx(x, { aria: { "aria-label": "Loading state" } }) })
-      ]
-    }
-  );
-};
-export {
-  I as DSSwitch
-};

package/systemfeedback.6bbd1505.js

@@ -1,25 +0,0 @@
-import "./assets/SystemFeedback.f4421d60.css";
-import { j as o } from "./chunks/jsx-runtime.5c071667.js";
-import { c } from "./chunks/index.8021d3e0.js";
-import { DSIcon as n } from "./icon.b4211784.js";
-const i = "_root_1f2l9_25", l = {
-  root: i
-}, m = {
-  valid: "circle-check-colored",
-  invalid: "diamond-exclamationmark-colored",
-  warning: "triangle-exclamationmark-colored"
-}, f = ({
-  className: r,
-  message: e,
-  type: t,
-  ...s
-}) => {
-  const a = c(l.root, r);
-  return /* @__PURE__ */ o.jsxs("div", { className: a, ...s, role: "alert", children: [
-    /* @__PURE__ */ o.jsx(n, { name: m[t], "aria-hidden": "true" }),
-    e
-  ] });
-};
-export {
-  f as DSSystemFeedback
-};