@stihl-design-system/components 1.0.0-RC.2 → 1.0.0-RC.4

package/link.BoSdsZHj.js

@@ -1,115 +0,0 @@
-"use client";
-import { j as s } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as a } from "./chunks/index.CvOaL64Y.js";
-import { u as g } from "./chunks/useBreakpoint.5xBNDiCf.js";
-import { DSIcon as S } from "./icon.CmAhxgHK.js";
-import './assets/link.Di4qXro5.css';const x = "_root_1mghf_125", b = "_root--highlight_1mghf_191", j = "_root--dark-highlight_1mghf_191", L = "_root--filled_1mghf_269", C = "_root--outline_1mghf_297", N = "_root--ghost_1mghf_324", T = "_root--ghost-flush_1mghf_349", B = "_root--small_1mghf_355", E = "_root--dark-filled_1mghf_430", R = "_root--dark-outline_1mghf_489", V = "_root--dark-ghost_1mghf_547", q = "_root--dark-ghost-flush_1mghf_603", w = "_root--icon-left_1mghf_662", A = "_root--icon-only_1mghf_678", J = "_root--icon-only-small_1mghf_682", K = "_label--hidden_1mghf_689", o = {
-  root: x,
-  "root--highlight": "_root--highlight_1mghf_191",
-  rootHighlight: b,
-  "root--dark-highlight": "_root--dark-highlight_1mghf_191",
-  rootDarkHighlight: j,
-  "root--filled": "_root--filled_1mghf_269",
-  rootFilled: L,
-  "root--outline": "_root--outline_1mghf_297",
-  rootOutline: C,
-  "root--ghost": "_root--ghost_1mghf_324",
-  rootGhost: N,
-  "root--ghost-flush": "_root--ghost-flush_1mghf_349",
-  rootGhostFlush: T,
-  "root--small": "_root--small_1mghf_355",
-  rootSmall: B,
-  "root--dark-filled": "_root--dark-filled_1mghf_430",
-  rootDarkFilled: E,
-  "root--dark-outline": "_root--dark-outline_1mghf_489",
-  rootDarkOutline: R,
-  "root--dark-ghost": "_root--dark-ghost_1mghf_547",
-  rootDarkGhost: V,
-  "root--dark-ghost-flush": "_root--dark-ghost-flush_1mghf_603",
-  rootDarkGhostFlush: q,
-  "root--icon-left": "_root--icon-left_1mghf_662",
-  rootIconLeft: w,
-  "root--icon-only": "_root--icon-only_1mghf_678",
-  rootIconOnly: A,
-  "root--icon-only-small": "_root--icon-only-small_1mghf_682",
-  rootIconOnlySmall: J,
-  "label--hidden": "_label--hidden_1mghf_689",
-  labelHidden: K
-}, W = ({
-  children: d,
-  aria: m,
-  className: c,
-  dataTrackingid: k,
-  download: u,
-  hideLabel: h = !1,
-  href: i,
-  iconName: n,
-  iconPosition: D = "left",
-  iconSource: f,
-  isFlush: r = !1,
-  referrerPolicy: y,
-  rel: G,
-  size: _ = "medium",
-  target: O = "_self",
-  theme: l = "light",
-  variant: t = "filled",
-  ...I
-}) => {
-  const p = a(o.root, c, {
-    // variant
-    [o.rootFilled]: t === "filled",
-    [o.rootHighlight]: t === "highlight",
-    [o.rootOutline]: t === "outline",
-    [o.rootGhost]: t === "ghost" && r !== !0,
-    // isFlush
-    [o.rootGhostFlush]: t === "ghost" && r === !0,
-    // dark theme
-    [o.rootDarkFilled]: l === "dark" && t === "filled",
-    [o.rootDarkHighlight]: l === "dark" && t === "highlight",
-    [o.rootDarkOutline]: l === "dark" && t === "outline",
-    [o.rootDarkGhost]: l === "dark" && t === "ghost" && r !== !0,
-    // dark isFlush
-    [o.rootDarkGhostFlush]: l === "dark" && t === "ghost" && r === !0,
-    // size
-    [o.rootSmall]: _ === "small",
-    // icon position
-    [o.rootIconLeft]: D === "left",
-    // icon only
-    [o.rootIconOnly]: g(h) && _ === "medium",
-    [o.rootIconOnlySmall]: g(h) && _ === "small"
-  }), F = a({
-    // hide label only visually to keep them available for assistive technologies
-    [o.labelHidden]: g(h)
-  }), H = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", e = i === void 0 ? "span" : "a";
-  return /* @__PURE__ */ s.jsxs(
-    e,
-    {
-      className: p,
-      "data-trackingid": k,
-      ...e === "a" && {
-        href: i,
-        target: O,
-        rel: G,
-        referrerPolicy: y,
-        download: u
-      },
-      ...m,
-      ...I,
-      children: [
-        /* @__PURE__ */ s.jsx("span", { className: F, children: d }),
-        (n || f) && /* @__PURE__ */ s.jsx(
-          S,
-          {
-            name: n,
-            theme: H,
-            source: f,
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  W as DSLink
-};

package/linkstandalone.BoN7nARO.js

@@ -1,79 +0,0 @@
-"use client";
-import { j as i } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as p } from "./chunks/index.CvOaL64Y.js";
-import { DSIcon as D } from "./icon.CmAhxgHK.js";
-import "react";
-import './assets/linkstandalone.239FeO2E.css';const x = "_root_q7zcl_63", H = "_root--highlight_q7zcl_134", j = "_root--neutral-dark_q7zcl_205", v = "_root--highlight-dark_q7zcl_276", L = "_root--active_q7zcl_347", N = "_root--icon-left_q7zcl_353", o = {
-  root: x,
-  "root--highlight": "_root--highlight_q7zcl_134",
-  rootHighlight: H,
-  "root--neutral-dark": "_root--neutral-dark_q7zcl_205",
-  rootNeutralDark: j,
-  "root--highlight-dark": "_root--highlight-dark_q7zcl_276",
-  rootHighlightDark: v,
-  "root--active": "_root--active_q7zcl_347",
-  rootActive: L,
-  "root--icon-left": "_root--icon-left_q7zcl_353",
-  rootIconLeft: N
-}, y = ({
-  children: s,
-  aria: e,
-  active: _,
-  className: g,
-  dataTrackingid: n,
-  download: k,
-  href: l,
-  iconName: a,
-  iconPosition: d = "left",
-  iconSource: c,
-  referrerPolicy: u,
-  rel: z,
-  target: f = "_self",
-  theme: t = "light",
-  variant: r = "neutral",
-  ...m
-}) => {
-  const q = p(o.root, g, {
-    // variant
-    [o.rootHighlight]: r === "highlight",
-    // theme
-    [o.rootNeutralDark]: t === "dark" && r === "neutral",
-    [o.rootHighlightDark]: t === "dark" && r === "highlight",
-    // active
-    [o.rootActive]: _,
-    // icon position
-    [o.rootIconLeft]: d === "left"
-  }), h = l === void 0 ? "span" : "a";
-  return /* @__PURE__ */ i.jsxs(
-    h,
-    {
-      className: q,
-      "data-trackingid": n,
-      ...h === "a" && {
-        href: l,
-        target: f,
-        rel: z,
-        referrerPolicy: u,
-        download: k
-      },
-      ...e,
-      ...m,
-      children: [
-        /* @__PURE__ */ i.jsx("span", { className: o.label, children: s }),
-        (a || c) && /* @__PURE__ */ i.jsx(
-          D,
-          {
-            name: a,
-            theme: t,
-            source: c,
-            size: "medium",
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  y as DSLinkStandalone
-};

package/radio.DTO5-Yzf.js

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

package/select.Dx80W7cW.js

@@ -1,190 +0,0 @@
-"use client";
-import { j as t } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as _ } from "./chunks/index.CvOaL64Y.js";
-import { useRef as C, useState as q, useEffect as W } from "react";
-import { u as F } from "./chunks/useBreakpoint.5xBNDiCf.js";
-import { Asterisk as M } from "./asterisk.BlYjsfkN.js";
-import { DSIcon as O } from "./icon.CmAhxgHK.js";
-import { DSSystemFeedback as V } from "./systemfeedback.rBgdiL5T.js";
-import { g as u } from "./chunks/helpers.B1JT5ShS.js";
-import './assets/select.DLOQ6wu0.css';const J = "_root_1kpli_187", K = "_hint_1kpli_195", Q = "_label_1kpli_195", T = "_wrapper_1kpli_199", U = "_affix_1kpli_205", X = "_affix--small_1kpli_225", Y = "_affix--disabled_1kpli_237", Z = "_prefix_1kpli_240", z = "_affix--readonly_1kpli_243", G = "_suffix_1kpli_253", ee = "_action-button_1kpli_260", le = "_label--hidden_1kpli_277", te = "_feedback_1kpli_304", se = "_select-wrapper_1kpli_309", ne = "_select_1kpli_309", ae = "_select--invalid_1kpli_428", ie = "_select--small_1kpli_435", ce = "_input--has-leading-icon_1kpli_481", oe = "_input--has-action-button_1kpli_484", re = "_input--has-second-action-button_1kpli_487", _e = "_select--has-leading-icon_1kpli_490", de = "_select--has-action-button_1kpli_493", pe = "_select--has-second-action-button_1kpli_496", fe = "_select--has-affix_1kpli_499", ue = "_select--is-ready_1kpli_511", he = "_select--placeholder_1kpli_523", be = "_chevron_1kpli_532", ke = "_chevron--small_1kpli_536", me = "_chevron--disabled_1kpli_539", e = {
-  root: J,
-  hint: K,
-  label: Q,
-  wrapper: T,
-  affix: U,
-  "affix--small": "_affix--small_1kpli_225",
-  affixSmall: X,
-  "affix--disabled": "_affix--disabled_1kpli_237",
-  affixDisabled: Y,
-  prefix: Z,
-  "affix--readonly": "_affix--readonly_1kpli_243",
-  affixReadonly: z,
-  suffix: G,
-  "action-button": "_action-button_1kpli_260",
-  actionButton: ee,
-  "label--hidden": "_label--hidden_1kpli_277",
-  labelHidden: le,
-  feedback: te,
-  "select-wrapper": "_select-wrapper_1kpli_309",
-  selectWrapper: se,
-  select: ne,
-  "select--invalid": "_select--invalid_1kpli_428",
-  selectInvalid: ae,
-  "select--small": "_select--small_1kpli_435",
-  selectSmall: ie,
-  "input--has-leading-icon": "_input--has-leading-icon_1kpli_481",
-  inputHasLeadingIcon: ce,
-  "input--has-action-button": "_input--has-action-button_1kpli_484",
-  inputHasActionButton: oe,
-  "input--has-second-action-button": "_input--has-second-action-button_1kpli_487",
-  inputHasSecondActionButton: re,
-  "select--has-leading-icon": "_select--has-leading-icon_1kpli_490",
-  selectHasLeadingIcon: _e,
-  "select--has-action-button": "_select--has-action-button_1kpli_493",
-  selectHasActionButton: de,
-  "select--has-second-action-button": "_select--has-second-action-button_1kpli_496",
-  selectHasSecondActionButton: pe,
-  "select--has-affix": "_select--has-affix_1kpli_499",
-  selectHasAffix: fe,
-  "select--is-ready": "_select--is-ready_1kpli_511",
-  selectIsReady: ue,
-  "select--placeholder": "_select--placeholder_1kpli_523",
-  selectPlaceholder: he,
-  chevron: be,
-  "chevron--small": "_chevron--small_1kpli_536",
-  chevronSmall: ke,
-  "chevron--disabled": "_chevron--disabled_1kpli_539",
-  chevronDisabled: me
-}, xe = ({
-  id: l,
-  label: a,
-  options: n
-}) => {
-  if (!l)
-    throw new Error(
-      u(
-        "DSSelect",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSSelect component.'
-      )
-    );
-  if (!a)
-    throw new Error(
-      u(
-        "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 (!n || n.length === 0)
-    throw new Error(
-      u(
-        "DSSelect",
-        'Options are always required. Please add an "options" prop to the DSSelect component.'
-      )
-    );
-}, ve = (l, a, n) => l === "" || a !== void 0 && a !== "" ? !1 : !(n !== void 0 && n !== ""), Ae = ({
-  id: l,
-  label: a,
-  options: n,
-  className: H,
-  defaultValue: h,
-  disabled: b = !1,
-  hideLabel: w = !1,
-  hint: d,
-  invalid: r = !1,
-  placeholder: p = "Select",
-  required: k = !1,
-  size: m = "medium",
-  systemFeedback: f,
-  value: x,
-  ...D
-}) => {
-  process.env.NODE_ENV !== "production" && xe({
-    id: l,
-    label: a,
-    options: n
-  });
-  const o = C(null), [I, j] = q(
-    ve(p, h, x)
-  );
-  W(() => {
-    if (!o.current)
-      return;
-    const i = () => {
-      if (!o.current)
-        return;
-      const c = o.current.value;
-      j(c === "");
-    }, s = o.current;
-    return s.addEventListener("change", i), () => {
-      s.removeEventListener("change", i);
-    };
-  }, []);
-  const A = F(w), v = `${l}-label`, S = `${l}-feedback`, g = `${l}-hint`, B = d ? ` ${g}` : "", N = (i) => [
-    p && /* @__PURE__ */ t.jsx("option", { value: "", children: p }, `${l}-hidden-option-disabled-placeholder`),
-    ...i.map((s) => {
-      if ("options" in s) {
-        const { label: c, options: $ } = s;
-        return /* @__PURE__ */ t.jsx("optgroup", { label: c, children: $.map(y) }, c);
-      } else
-        return y(s);
-    })
-  ], y = ({ label: i, value: s, isDisabled: c }) => /* @__PURE__ */ t.jsx("option", { value: s, disabled: c, children: i }, s), P = _(e.root, H), E = _(e.select, {
-    [e.selectSmall]: m === "small",
-    [e.selectInvalid]: r,
-    [e.selectPlaceholder]: I
-  }), L = _(e.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [e.labelHidden]: A
-  }), R = _(e.chevron, {
-    [e.chevronSmall]: m === "small",
-    [e.chevronDisabled]: b
-  });
-  return /* @__PURE__ */ t.jsxs("div", { className: P, children: [
-    /* @__PURE__ */ t.jsxs("label", { className: L, id: v, htmlFor: l, children: [
-      a,
-      k && /* @__PURE__ */ t.jsx(M, {})
-    ] }),
-    d && /* @__PURE__ */ t.jsx("div", { className: e.hint, id: g, children: d }),
-    r && f && /* @__PURE__ */ t.jsx(
-      V,
-      {
-        className: e.feedback,
-        message: f,
-        type: "invalid",
-        id: S,
-        "aria-live": "assertive"
-      }
-    ),
-    /* @__PURE__ */ t.jsxs("div", { className: e.selectWrapper, children: [
-      /* @__PURE__ */ t.jsx(
-        "select",
-        {
-          ...D,
-          id: l,
-          ref: o,
-          className: E,
-          "aria-labelledby": `${v}${B}`,
-          "aria-describedby": r && f ? S : void 0,
-          "aria-invalid": r,
-          defaultValue: h,
-          value: x,
-          disabled: b,
-          required: k,
-          children: N(n)
-        }
-      ),
-      /* @__PURE__ */ t.jsx(
-        O,
-        {
-          name: "chevron-down",
-          className: R,
-          "aria-hidden": "true"
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  Ae as DSSelect
-};

package/switch.BwGtQdnx.js

@@ -1,65 +0,0 @@
-"use client";
-import { j as t } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as u } from "./chunks/index.CvOaL64Y.js";
-import "react";
-import { DSIcon as b } from "./icon.CmAhxgHK.js";
-import { DSSpinner as p } from "./spinner.CSzQEBx2.js";
-import './assets/switch.DVlaePGM.css';const f = "_root_ik5go_63", x = "_root--label-right_ik5go_91", j = "_root--stretched_ik5go_94", S = "_loader_ik5go_104", w = "_thumb_ik5go_157", C = "_root--checked_ik5go_172", o = {
-  root: f,
-  "root--label-right": "_root--label-right_ik5go_91",
-  rootLabelRight: x,
-  "root--stretched": "_root--stretched_ik5go_94",
-  rootStretched: j,
-  switch: "_switch_ik5go_99",
-  loader: S,
-  thumb: w,
-  "root--checked": "_root--checked_ik5go_172",
-  rootChecked: C
-}, E = ({
-  children: i,
-  aria: h,
-  alignLabel: l = "left",
-  checked: e = !1,
-  className: _,
-  dataTrackingid: n,
-  disabled: s = !1,
-  loading: r = !1,
-  stretched: d = !1,
-  onClick: a,
-  ...m
-}) => {
-  const k = u(o.root, _, {
-    [o.rootChecked]: e === !0,
-    [o.rootStretched]: d === !0,
-    [o.rootLabelRight]: l === "right"
-  }), g = (c) => {
-    if (s || r) {
-      c.preventDefault();
-      return;
-    }
-    a && a(c);
-  };
-  return /* @__PURE__ */ t.jsxs(
-    "button",
-    {
-      className: k,
-      "data-trackingid": n,
-      onClick: g,
-      ...h,
-      ...m,
-      type: "button",
-      role: "switch",
-      "aria-checked": e,
-      "aria-disabled": s || r,
-      "aria-busy": r,
-      children: [
-        /* @__PURE__ */ t.jsx("span", { children: i }),
-        !r && /* @__PURE__ */ t.jsx("span", { className: o.switch, children: /* @__PURE__ */ t.jsx("span", { className: o.thumb, children: /* @__PURE__ */ t.jsx(b, { name: "check", "aria-hidden": "true" }) }) }),
-        r && /* @__PURE__ */ t.jsx("span", { className: o.loader, children: /* @__PURE__ */ t.jsx(p, { aria: { "aria-label": "Loading state" } }) })
-      ]
-    }
-  );
-};
-export {
-  E as DSSwitch
-};