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

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
-};