@stihl-design-system/components 1.0.0-RC.6 → 1.0.0-RC.8

package/buttonround.ddSqXjYf.js

@@ -1,118 +0,0 @@
-"use client";
-import { j as r } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as h } from "./chunks/index.CvOaL64Y.js";
-import { D as H } from "./chunks/Icon.n4XZrQ4N.js";
-import { DSSpinner as p } from "./spinner.DVa112nj.js";
-import './assets/buttonround.pR4StXA7.css';const F = "_root_lfeh_151", O = "_root--highlight_lfeh_219", G = "_root--dark-highlight_lfeh_219", I = "_root--filled_lfeh_297", S = "_root--outline_lfeh_325", x = "_root--ghost_lfeh_352", j = "_root--ghost-flush_lfeh_377", L = "_root--small_lfeh_383", C = "_root--dark-filled_lfeh_460", N = "_root--dark-outline_lfeh_519", R = "_root--dark-ghost_lfeh_577", B = "_root--dark-ghost-flush_lfeh_633", E = "_root--icon-left_lfeh_692", T = "_root--icon-only_lfeh_708", q = "_root--icon-only-small_lfeh_717", w = "_loader_lfeh_734", z = "_icon--hidden_lfeh_746", A = "_label--hidden_lfeh_750", J = "_label--loading_lfeh_762", o = {
-  root: F,
-  "root--highlight": "_root--highlight_lfeh_219",
-  rootHighlight: O,
-  "root--dark-highlight": "_root--dark-highlight_lfeh_219",
-  rootDarkHighlight: G,
-  "root--filled": "_root--filled_lfeh_297",
-  rootFilled: I,
-  "root--outline": "_root--outline_lfeh_325",
-  rootOutline: S,
-  "root--ghost": "_root--ghost_lfeh_352",
-  rootGhost: x,
-  "root--ghost-flush": "_root--ghost-flush_lfeh_377",
-  rootGhostFlush: j,
-  "root--small": "_root--small_lfeh_383",
-  rootSmall: L,
-  "root--dark-filled": "_root--dark-filled_lfeh_460",
-  rootDarkFilled: C,
-  "root--dark-outline": "_root--dark-outline_lfeh_519",
-  rootDarkOutline: N,
-  "root--dark-ghost": "_root--dark-ghost_lfeh_577",
-  rootDarkGhost: R,
-  "root--dark-ghost-flush": "_root--dark-ghost-flush_lfeh_633",
-  rootDarkGhostFlush: B,
-  "root--icon-left": "_root--icon-left_lfeh_692",
-  rootIconLeft: E,
-  "root--icon-only": "_root--icon-only_lfeh_708",
-  rootIconOnly: T,
-  "root--icon-only-small": "_root--icon-only-small_lfeh_717",
-  rootIconOnlySmall: q,
-  loader: w,
-  "icon--hidden": "_icon--hidden_lfeh_746",
-  iconHidden: z,
-  "label--hidden": "_label--hidden_lfeh_750",
-  labelHidden: A,
-  "label--loading": "_label--loading_lfeh_762",
-  labelLoading: J
-}, U = ({
-  children: d,
-  aria: f,
-  className: c,
-  dataTrackingid: g,
-  disabled: _ = !1,
-  iconName: i = "placeholder",
-  iconSource: n,
-  loading: l = !1,
-  theme: e = "light",
-  variant: t = "filled",
-  onClick: s,
-  ...k
-}) => {
-  const u = h(
-    o.root,
-    o.rootIconOnlySmall,
-    c,
-    {
-      // variant
-      [o.rootFilled]: t === "filled",
-      [o.rootHighlight]: t === "highlight",
-      // dark theme
-      [o.rootDarkFilled]: e === "dark" && t === "filled",
-      [o.rootDarkHighlight]: e === "dark" && t === "highlight"
-    }
-  ), m = h(o.label, o.labelHidden, {
-    // set label opacity to 0 when loading to prevent button size from changing
-    [o.labelLoading]: l
-  }), b = h(o.icon, {
-    // set icon opacity to 0 when loading to prevent button size from changing
-    [o.iconHidden]: l
-  }), D = e === "light" && t === "filled" ? "dark" : "light", y = (a) => {
-    if (_ || l) {
-      a.preventDefault();
-      return;
-    }
-    s && s(a);
-  };
-  return /* @__PURE__ */ r.jsxs(
-    "button",
-    {
-      className: u,
-      "data-trackingid": g,
-      type: "button",
-      onClick: y,
-      ...f,
-      ...k,
-      "aria-disabled": _ || l,
-      "aria-busy": l,
-      children: [
-        l && /* @__PURE__ */ r.jsx(
-          p,
-          {
-            className: o.loader,
-            aria: { "aria-label": "Loading state" }
-          }
-        ),
-        /* @__PURE__ */ r.jsx("span", { className: m, children: d }),
-        (i || n) && /* @__PURE__ */ r.jsx(
-          H,
-          {
-            name: i,
-            theme: D,
-            source: n,
-            className: b,
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  U as DSButtonRound
-};

package/chunks/AriaLiveRegions.utils.DzWI5KCU.js

@@ -1,31 +0,0 @@
-"use client";
-import { g as i } from "./helpers.B1JT5ShS.js";
-import "react";
-const e = "ds-alert-live-region", n = "ds-status-live-region", r = () => document.getElementById(e), a = () => document.getElementById(n), g = () => {
-  const t = document.querySelectorAll(
-    `#${e}`
-  ), o = document.querySelectorAll(
-    `#${n}`
-  );
-  if (t.length > 1)
-    throw new Error(
-      i(
-        "DSAriaLiveRegions",
-        `The DSAriaLiveRegions component with id="${e}" should only be present once on the page. Found ${t.length} instances.`
-      )
-    );
-  if (o.length > 1)
-    throw new Error(
-      i(
-        "DSAriaLiveRegions",
-        `The DSAriaLiveRegions component with id="${n}" should only be present once on the page. Found ${o.length} instances.`
-      )
-    );
-};
-export {
-  e as A,
-  n as a,
-  a as b,
-  r as g,
-  g as v
-};

package/chunks/Toast.RON4bFPY.js

@@ -1,89 +0,0 @@
-"use client";
-import { j as n } from "./jsx-runtime.C115EyI4.js";
-import { c } from "./index.CvOaL64Y.js";
-import { forwardRef as u } from "react";
-import { DSButton as g } from "../button.L1lgCuM9.js";
-import { D as h } from "./Icon.n4XZrQ4N.js";
-import '../assets/Toast.BzVaebc0.css';const p = "_root_127fr_80", x = "_root--closing_127fr_89", I = "_fade-out_127fr_1", S = "_move-in_127fr_1", N = "_root--success_127fr_124", j = "_root--info_127fr_128", v = "_root--warning_127fr_132", w = "_content_127fr_137", C = "_content--hide-icon_127fr_144", D = "_icon_127fr_148", O = "_message_127fr_152", o = {
-  root: p,
-  "root--closing": "_root--closing_127fr_89",
-  rootClosing: x,
-  "fade-out": "_fade-out_127fr_1",
-  fadeOut: I,
-  "move-in": "_move-in_127fr_1",
-  moveIn: S,
-  "root--success": "_root--success_127fr_124",
-  rootSuccess: N,
-  "root--info": "_root--info_127fr_128",
-  rootInfo: j,
-  "root--warning": "_root--warning_127fr_132",
-  rootWarning: v,
-  content: w,
-  "content--hide-icon": "_content--hide-icon_127fr_144",
-  contentHideIcon: C,
-  icon: D,
-  message: O
-}, T = {
-  success: "circle-check-colored",
-  warning: "triangle-exclamationmark-colored",
-  info: "circle-info-colored"
-}, H = u(
-  ({
-    message: s,
-    className: e,
-    hideIcon: r = !1,
-    variant: t = "info",
-    onClick: i,
-    onMouseEnter: a,
-    onMouseLeave: _,
-    ...f
-  }, l) => {
-    const m = c(o.root, e, {
-      [o.rootSuccess]: t === "success",
-      [o.rootWarning]: t === "warning",
-      [o.rootInfo]: t === "info"
-    }), d = c(o.content, {
-      [o.contentHideIcon]: r
-    });
-    return /* @__PURE__ */ n.jsx(
-      "aside",
-      {
-        className: m,
-        ref: l,
-        popover: "manual",
-        "data-ds-toast": !0,
-        onMouseEnter: a,
-        onMouseLeave: _,
-        "aria-label": s,
-        ...f,
-        children: /* @__PURE__ */ n.jsxs("div", { className: d, children: [
-          !r && /* @__PURE__ */ n.jsx(
-            h,
-            {
-              name: T[t],
-              className: o.icon,
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ n.jsx("div", { className: o.message, children: s }),
-          /* @__PURE__ */ n.jsx(
-            g,
-            {
-              hideLabel: !0,
-              iconName: "cross",
-              size: "small",
-              variant: "ghost",
-              onClick: i,
-              children: "Close toast"
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-H.displayName = "DSToast";
-export {
-  H as D,
-  o as s
-};

package/dialog.0qPUVJha.js

@@ -1,45 +0,0 @@
-"use client";
-import { j as e } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as u } from "./chunks/index.CvOaL64Y.js";
-import { useRef as f, useEffect as l } from "react";
-import { DSButton as m } from "./button.L1lgCuM9.js";
-import './assets/dialog.CKwM2EBH.css';const _ = "_root_4piiz_76", p = "_success_4piiz_80", d = "_info_4piiz_84", g = "_warning_4piiz_88", h = {
-  root: _,
-  success: p,
-  info: d,
-  warning: g
-}, z = ({
-  children: r,
-  className: c,
-  footer: n,
-  header: a,
-  isOpen: t,
-  onClose: s
-}) => {
-  const i = f(null);
-  return l(() => {
-    const o = i.current;
-    return o && (t ? o.showModal() : o.close(), s && o.addEventListener("close", s)), () => {
-      o && s && o.removeEventListener("close", s);
-    };
-  }, [t, s]), /* @__PURE__ */ e.jsxs("dialog", { ref: i, className: u(h.root, c), children: [
-    /* @__PURE__ */ e.jsx(
-      m,
-      {
-        type: "button",
-        iconName: "cross",
-        variant: "ghost",
-        hideLabel: !0,
-        onClick: s,
-        autoFocus: !0,
-        children: "Close Dialog"
-      }
-    ),
-    a,
-    r,
-    n
-  ] });
-};
-export {
-  z as DSDialog
-};

package/link.SAcKvzJ3.js

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

package/toastmanager.D-uIi-TS.js

@@ -1,96 +0,0 @@
-"use client";
-import { j as w } from "./chunks/jsx-runtime.C115EyI4.js";
-import { useState as f, useRef as x, useEffect as g } from "react";
-import { g as h, b as A } from "./chunks/AriaLiveRegions.utils.DzWI5KCU.js";
-import { D, s as y } from "./chunks/Toast.RON4bFPY.js";
-import { g as E } from "./chunks/helpers.B1JT5ShS.js";
-const O = () => {
-  if (!h() || !A())
-    throw new Error(
-      E(
-        "DSToast",
-        'The DSAriaLiveRegions component has to be placed at the root of your application, as close to the "body" as possible, e.g. in your "App.tsx" or "layout.tsx".'
-      )
-    );
-}, C = () => {
-  if (document.querySelectorAll("[data-ds-toast]").length > 1)
-    throw new Error(
-      E(
-        "DSToast",
-        'The destructured "toast" element should only be used once in the DOM.'
-      )
-    );
-}, i = "data-ds-toast-timeout-id", v = "closing", P = 1e4, k = () => {
-  const [r, u] = f([]), [s, a] = f(null), o = x(null);
-  g(() => {
-    !s && r.length > 0 && setTimeout(() => {
-      a(r[0]);
-    });
-  }, [r]), g(() => {
-    s && (R(s.message, s.variant), b());
-  }, [s]);
-  const c = () => {
-    var e;
-    return ((e = o.current) == null ? void 0 : e.getAttribute(i)) || null;
-  }, l = (e) => {
-    var t;
-    (t = o.current) == null || t.setAttribute(i, e);
-  }, L = () => {
-    var e;
-    return (e = o.current) == null ? void 0 : e.removeAttribute(i);
-  }, R = (e, t) => {
-    if (t === "warning") {
-      const n = h();
-      n && (n.innerText = e);
-    } else if (t === "success" || t === "info") {
-      const n = A();
-      n && (n.innerText = e);
-    }
-  }, S = (e, t) => {
-    O();
-    const n = {
-      message: e,
-      hideIcon: t == null ? void 0 : t.hideIcon,
-      variant: (t == null ? void 0 : t.variant) || "info",
-      onClick: () => {
-        d();
-      },
-      onMouseEnter: I,
-      onMouseLeave: M
-    };
-    u((p) => [...p, n]);
-  }, I = () => {
-    T();
-  }, T = () => {
-    var t;
-    const e = c();
-    e && (clearTimeout(e), (t = o.current) == null || t.removeAttribute(i));
-  }, m = () => {
-    const e = setTimeout(() => {
-      d();
-    }, P);
-    l(String(e));
-  }, M = () => {
-    c() !== v && o.current && m();
-  }, b = () => {
-    C(), o.current && s && (o.current.showPopover(), m());
-  }, d = () => {
-    T(), l(v), o.current && (o.current.addEventListener(
-      "animationend",
-      () => {
-        o.current && (o.current.hidePopover(), L(), o.current = null, u((e) => e.slice(1)), a(null));
-      },
-      {
-        once: !0
-        // removes event listener after being called once
-      }
-    ), o.current.classList.add(y.rootClosing));
-  };
-  return {
-    toast: s ? /* @__PURE__ */ w.jsx(D, { ...s, ref: o }) : void 0,
-    queueToastMessage: S
-  };
-};
-export {
-  k as useToast
-};