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

package/button.DPrDynn_.js

@@ -1,135 +0,0 @@
-"use client";
-import { j as s } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as a } from "./chunks/index.CvOaL64Y.js";
-import { u as e } from "./chunks/useBreakpoint.5xBNDiCf.js";
-import { D as I } from "./chunks/Icon.n4XZrQ4N.js";
-import { DSSpinner as F } from "./spinner.DVa112nj.js";
-import './assets/button.3UhhGy87.css';const S = "_root_1uqio_151", x = "_root--highlight_1uqio_218", j = "_root--dark-highlight_1uqio_218", L = "_root--filled_1uqio_296", C = "_root--outline_1uqio_324", N = "_root--ghost_1uqio_351", B = "_root--ghost-flush_1uqio_376", E = "_root--small_1uqio_382", R = "_root--dark-filled_1uqio_459", T = "_root--dark-outline_1uqio_518", V = "_root--dark-ghost_1uqio_576", w = "_root--dark-ghost-flush_1uqio_632", A = "_root--icon-left_1uqio_691", J = "_root--icon-only_1uqio_707", K = "_root--icon-only-small_1uqio_716", M = "_loader_1uqio_731", P = "_icon--hidden_1uqio_743", Q = "_label--hidden_1uqio_747", U = "_label--loading_1uqio_759", o = {
-  root: S,
-  "root--highlight": "_root--highlight_1uqio_218",
-  rootHighlight: x,
-  "root--dark-highlight": "_root--dark-highlight_1uqio_218",
-  rootDarkHighlight: j,
-  "root--filled": "_root--filled_1uqio_296",
-  rootFilled: L,
-  "root--outline": "_root--outline_1uqio_324",
-  rootOutline: C,
-  "root--ghost": "_root--ghost_1uqio_351",
-  rootGhost: N,
-  "root--ghost-flush": "_root--ghost-flush_1uqio_376",
-  rootGhostFlush: B,
-  "root--small": "_root--small_1uqio_382",
-  rootSmall: E,
-  "root--dark-filled": "_root--dark-filled_1uqio_459",
-  rootDarkFilled: R,
-  "root--dark-outline": "_root--dark-outline_1uqio_518",
-  rootDarkOutline: T,
-  "root--dark-ghost": "_root--dark-ghost_1uqio_576",
-  rootDarkGhost: V,
-  "root--dark-ghost-flush": "_root--dark-ghost-flush_1uqio_632",
-  rootDarkGhostFlush: w,
-  "root--icon-left": "_root--icon-left_1uqio_691",
-  rootIconLeft: A,
-  "root--icon-only": "_root--icon-only_1uqio_707",
-  rootIconOnly: J,
-  "root--icon-only-small": "_root--icon-only-small_1uqio_716",
-  rootIconOnlySmall: K,
-  loader: M,
-  "icon--hidden": "_icon--hidden_1uqio_743",
-  iconHidden: P,
-  "label--hidden": "_label--hidden_1uqio_747",
-  labelHidden: Q,
-  "label--loading": "_label--loading_1uqio_759",
-  labelLoading: U
-}, z = ({
-  children: k,
-  aria: f,
-  className: q,
-  dataTrackingid: m,
-  disabled: h = !1,
-  hideLabel: _ = !1,
-  iconName: u,
-  iconPosition: D = "left",
-  iconSource: d,
-  isFlush: i = !1,
-  loading: r = !1,
-  size: n = "medium",
-  theme: l = "light",
-  variant: t = "filled",
-  onClick: c,
-  ...b
-}) => {
-  const y = a(o.root, q, {
-    // variant
-    [o.rootFilled]: t === "filled",
-    [o.rootHighlight]: t === "highlight",
-    [o.rootOutline]: t === "outline",
-    [o.rootGhost]: t === "ghost" && i !== !0,
-    // isFlush
-    [o.rootGhostFlush]: t === "ghost" && i === !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" && i !== !0,
-    // dark isFlush
-    [o.rootDarkGhostFlush]: l === "dark" && t === "ghost" && i === !0,
-    // size
-    [o.rootSmall]: n === "small",
-    // icon position
-    [o.rootIconLeft]: D === "left",
-    // icon only
-    [o.rootIconOnly]: e(_) && n === "medium",
-    [o.rootIconOnlySmall]: e(_) && n === "small"
-  }), O = a(o.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [o.labelHidden]: e(_),
-    // set label opacity to 0 when loading to prevent button size from changing
-    [o.labelLoading]: r
-  }), p = a(o.icon, {
-    // set icon opacity to 0 when loading to prevent button size from changing
-    [o.iconHidden]: r
-  }), G = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", H = (g) => {
-    if (h || r) {
-      g.preventDefault();
-      return;
-    }
-    c && c(g);
-  };
-  return /* @__PURE__ */ s.jsxs(
-    "button",
-    {
-      className: y,
-      "data-trackingid": m,
-      type: "submit",
-      onClick: H,
-      ...f,
-      ...b,
-      "aria-disabled": h || r,
-      "aria-busy": r,
-      children: [
-        r && /* @__PURE__ */ s.jsx(
-          F,
-          {
-            className: o.loader,
-            aria: { "aria-label": "Loading state" }
-          }
-        ),
-        /* @__PURE__ */ s.jsx("span", { className: O, children: k }),
-        (u || d) && /* @__PURE__ */ s.jsx(
-          I,
-          {
-            name: u,
-            theme: G,
-            source: d,
-            className: p,
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  z as DSButton
-};

package/buttonround.ix_-O4l1.js

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

package/checkbox.hoVQ37RP.js

@@ -1,112 +0,0 @@
-"use client";
-import { j as e } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as r } from "./chunks/index.CvOaL64Y.js";
-import { forwardRef as R, useRef as S, useState as I, useEffect as H, useCallback as M } from "react";
-import { u as g } from "./chunks/useBreakpoint.5xBNDiCf.js";
-import { D as k } from "./chunks/Icon.n4XZrQ4N.js";
-import { DSSystemFeedback as B } from "./systemfeedback.CUWch42u.js";
-import './assets/checkbox.BjIn2stV.css';const E = "_checkbox-root_vryww_151", V = "_checkbox-root--disabled_vryww_170", L = "_checkbox_vryww_151", O = "_icon-check_vryww_190", P = "_icon-minus_vryww_191", U = "_checkbox--invalid_vryww_215", q = "_label--hidden_vryww_220", z = "_input_vryww_233", A = "_label_vryww_220", F = "_feedback_vryww_347", c = {
-  "checkbox-root": "_checkbox-root_vryww_151",
-  checkboxRoot: E,
-  "checkbox-root--disabled": "_checkbox-root--disabled_vryww_170",
-  checkboxRootDisabled: V,
-  checkbox: L,
-  "icon-check": "_icon-check_vryww_190",
-  iconCheck: O,
-  "icon-minus": "_icon-minus_vryww_191",
-  iconMinus: P,
-  "checkbox--invalid": "_checkbox--invalid_vryww_215",
-  checkboxInvalid: U,
-  "label--hidden": "_label--hidden_vryww_220",
-  labelHidden: q,
-  input: z,
-  label: A,
-  feedback: F
-}, G = R(
-  ({
-    label: h,
-    checked: b,
-    className: x,
-    defaultChecked: u = !1,
-    disabled: s = !1,
-    hideLabel: w = !1,
-    indeterminate: _ = !1,
-    invalid: i = !1,
-    systemFeedback: d,
-    onChange: l,
-    ...m
-  }, n) => {
-    const a = S(null), [f, v] = I(u), y = g(w);
-    H(() => {
-      a && a.current && (a.current.indeterminate = _);
-    }, [_]);
-    const t = b !== void 0, p = t ? b : f, C = r(c.checkboxRoot, {
-      [c.checkboxRootDisabled]: s
-    }), j = r(c.label, {
-      // hide label only visually to keep them available for assistive technologies
-      [c.labelHidden]: y
-    }), D = r(c.checkbox, {
-      [c.checkboxInvalid]: i
-    }), N = M(
-      (o) => {
-        if (s) {
-          o.preventDefault();
-          return;
-        }
-        t || v(o.target.checked), l && l(o);
-      },
-      [s, t, l]
-    );
-    return /* @__PURE__ */ e.jsxs("div", { className: x, children: [
-      /* @__PURE__ */ e.jsxs("label", { className: C, children: [
-        /* @__PURE__ */ e.jsx(
-          "input",
-          {
-            type: "checkbox",
-            className: c.input,
-            ref: (o) => {
-              typeof n == "function" ? n(o) : n !== null && (n.current = o), a.current = o;
-            },
-            ...m,
-            checked: p,
-            disabled: s,
-            "aria-label": h,
-            "aria-invalid": i,
-            onChange: N
-          }
-        ),
-        /* @__PURE__ */ e.jsxs("div", { className: D, children: [
-          /* @__PURE__ */ e.jsx(
-            k,
-            {
-              name: "check",
-              className: c.iconCheck,
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            k,
-            {
-              name: "minus",
-              className: c.iconMinus,
-              "aria-hidden": "true"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e.jsx("span", { className: j, children: h })
-      ] }),
-      i && d && /* @__PURE__ */ e.jsx(
-        B,
-        {
-          className: c.feedback,
-          message: d,
-          type: "invalid"
-        }
-      )
-    ] });
-  }
-);
-G.displayName = "DSCheckbox";
-export {
-  G as DSCheckbox
-};