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

package/buttonround.DX3u2Fio.js

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

package/checkbox.BbmCDJCm.js

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

package/{checkboxgroup.DqWlzAeR.js → checkboxgroup.CPENWSuk.js}

@@ -1,9 +1,9 @@
 "use client";
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
-import "./chunks/Fieldset.B1vsrHNv.js";
+import "./chunks/Fieldset.P09LInkT.js";
 import "./chunks/RadioGroup.module.BBZwHDjW.js";
-import { D as e } from "./chunks/CheckboxGroup.DsQ6lI5a.js";
+import { D as e } from "./chunks/CheckboxGroup.Dx_Hn8Dl.js";
 export {
   e as DSCheckboxGroup
 };

package/chunks/{CheckboxGroup.DsQ6lI5a.js → CheckboxGroup.Dx_Hn8Dl.js}

@@ -1,11 +1,11 @@
 "use client";
 import { j as u } from "./jsx-runtime.C115EyI4.js";
 import { c as D } from "./index.CvOaL64Y.js";
-import { D as b } from "./Fieldset.B1vsrHNv.js";
+import { D as b } from "./Fieldset.P09LInkT.js";
 import { s as c } from "./RadioGroup.module.BBZwHDjW.js";
 import l from "react";
 import { g as s } from "./helpers.B1JT5ShS.js";
-import { DSCheckbox as f } from "../checkbox.DNHdo6_n.js";
+import { DSCheckbox as f } from "../checkbox.BbmCDJCm.js";
 const C = (e) => `The "${e}" prop is required. Please add the "${e}" prop to the DSCheckboxGroup component.`, k = ({
   children: e,
   description: o,