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

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.C9VX3c5W.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.kG1WWhe_.js";
+import { D as e } from "./chunks/CheckboxGroup.Dx_Hn8Dl.js";
 export {
   e as DSCheckboxGroup
 };

package/chunks/{CheckboxGroup.kG1WWhe_.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.hoVQ37RP.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,