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

package/switch.Bx2tDKx0.js

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

package/systemfeedback.4Hkfigi-.js

@@ -1,25 +0,0 @@
-"use client";
-import { j as o } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c } from "./chunks/index.CvOaL64Y.js";
-import { D as n } from "./chunks/Icon.9gDIp6p4.js";
-import './assets/systemfeedback.WE3wClZ3.css';const i = "_root_18s1i_63", l = {
-  root: i
-}, m = {
-  valid: "circle-check-colored",
-  invalid: "diamond-exclamationmark-colored",
-  warning: "triangle-exclamationmark-colored"
-}, p = ({
-  className: e,
-  message: r,
-  type: s,
-  ...t
-}) => {
-  const a = c(l.root, e);
-  return /* @__PURE__ */ o.jsxs("div", { className: a, ...t, role: "alert", children: [
-    /* @__PURE__ */ o.jsx(n, { name: m[s], "aria-hidden": "true" }),
-    r
-  ] });
-};
-export {
-  p as DSSystemFeedback
-};

package/text.CPU8IUqY.js

@@ -1,57 +0,0 @@
-"use client";
-import { j as x } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as v } from "./chunks/index.CvOaL64Y.js";
-import './assets/text.DDAveG7E.css';const c = "_root_16s1v_63", n = "_root--large_16s1v_69", u = "_root--large-bold_16s1v_79", b = "_root--medium_16s1v_89", S = "_root--medium-bold_16s1v_99", g = "_root--small_16s1v_109", B = "_root--small-bold_16s1v_119", i = "_root--x-small_16s1v_129", X = "_root--x-small-bold_16s1v_139", k = "_root--xx-small_16s1v_149", L = "_root--theme-dark_16s1v_159", o = {
-  root: c,
-  "root--large": "_root--large_16s1v_69",
-  rootLarge: n,
-  "root--large-bold": "_root--large-bold_16s1v_79",
-  rootLargeBold: u,
-  "root--medium": "_root--medium_16s1v_89",
-  rootMedium: b,
-  "root--medium-bold": "_root--medium-bold_16s1v_99",
-  rootMediumBold: S,
-  "root--small": "_root--small_16s1v_109",
-  rootSmall: g,
-  "root--small-bold": "_root--small-bold_16s1v_119",
-  rootSmallBold: B,
-  "root--x-small": "_root--x-small_16s1v_129",
-  rootXSmall: i,
-  "root--x-small-bold": "_root--x-small-bold_16s1v_139",
-  rootXSmallBold: X,
-  "root--xx-small": "_root--xx-small_16s1v_149",
-  rootXxSmall: k,
-  "root--theme-dark": "_root--theme-dark_16s1v_159",
-  rootThemeDark: L
-}, T = ({
-  children: t,
-  className: m,
-  size: l = "medium",
-  tag: a = "p",
-  theme: s = "light",
-  weight: r = "normal",
-  ..._
-}) => {
-  const d = a, e = v(o.root, m, {
-    // large
-    [o.rootLarge]: l === "large",
-    [o.rootLargeBold]: l === "large" && r === "bold",
-    // medium
-    [o.rootMedium]: l == "medium",
-    [o.rootMediumBold]: l === "medium" && r === "bold",
-    // small
-    [o.rootSmall]: l == "small",
-    [o.rootSmallBold]: l == "small" && r === "bold",
-    // x-small
-    [o.rootXSmall]: l == "x-small",
-    [o.rootXSmallBold]: l == "x-small" && r === "bold",
-    // xx-small
-    [o.rootXxSmall]: l == "xx-small",
-    // dark theme
-    [o.rootThemeDark]: s === "dark"
-  });
-  return /* @__PURE__ */ x.jsx(d, { className: e, ..._, children: t });
-};
-export {
-  T as DSText
-};

package/textarea.DPy3TJJf.js

@@ -1,12 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C-kxDJ4g.js";
-import "./chunks/index.CvOaL64Y.js";
-import "react";
-import "./chunks/useBreakpoint.5xBNDiCf.js";
-import "./chunks/helpers.B1JT5ShS.js";
-import "./asterisk.DU8THnoC.js";
-import "./systemfeedback.4Hkfigi-.js";
-import { D as x } from "./chunks/Textarea.C938p79X.js";
-export {
-  x as DSTextarea
-};

package/title.icX0VDiO.js

@@ -1,36 +0,0 @@
-"use client";
-import { j as o } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as g } from "./chunks/index.CvOaL64Y.js";
-import './assets/title.CE0Dm7PI.css';const n = "_root_1bpc5_63", h = "_root--x-large-uppercase_1bpc5_66", m = "_root--large-uppercase_1bpc5_80", d = "_root--theme-dark_1bpc5_94", u = "_dash_1bpc5_97", r = {
-  root: n,
-  "root--x-large-uppercase": "_root--x-large-uppercase_1bpc5_66",
-  rootXLargeUppercase: h,
-  "root--large-uppercase": "_root--large-uppercase_1bpc5_80",
-  rootLargeUppercase: m,
-  "root--theme-dark": "_root--theme-dark_1bpc5_94",
-  rootThemeDark: d,
-  dash: u
-}, b = ({
-  children: a,
-  className: t,
-  size: e = "x-large",
-  tag: s = "h1",
-  // Design suggested to set default tag to h1
-  theme: p = "light",
-  ...c
-}) => {
-  const _ = s, l = g(r.root, t, {
-    // sizes
-    [r.rootXLargeUppercase]: e === "x-large",
-    [r.rootLargeUppercase]: e === "large",
-    // dark theme
-    [r.rootThemeDark]: p === "dark"
-  });
-  return /* @__PURE__ */ o.jsxs(_, { className: l, ...c, children: [
-    a,
-    /* @__PURE__ */ o.jsx("span", { className: r.dash, "aria-hidden": "true", children: "ƒ" })
-  ] });
-};
-export {
-  b as DSTitle
-};

package/toast.C-Yg5EoE.js

@@ -1,10 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C-kxDJ4g.js";
-import "./chunks/index.CvOaL64Y.js";
-import "react";
-import "./button.DX_nxoJC.js";
-import "./chunks/Icon.9gDIp6p4.js";
-import { D as s } from "./chunks/Toast.CLYrwQVO.js";
-export {
-  s as DSToast
-};

package/toastmanager.DQ_-eTrx.js

@@ -1,96 +0,0 @@
-"use client";
-import { j as w } from "./chunks/jsx-runtime.C-kxDJ4g.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.CLYrwQVO.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
-};

package/utils/has-document.d.ts

@@ -1 +0,0 @@
-export declare const hasDocument: boolean;