@stihl-design-system/components 1.0.0-RC.0 → 1.0.0-RC.1

package/checkbox.42617f46.js

@@ -0,0 +1,112 @@
+import "./assets/Checkbox.cde01607.css";
+import { j as c } from "./chunks/jsx-runtime.5c071667.js";
+import { c as u } from "./chunks/index.8021d3e0.js";
+import { forwardRef as I, useRef as H, useState as M, useEffect as g, useCallback as B } from "react";
+import { u as E } from "./chunks/useBreakpoint.6c1b06c2.js";
+import { DSIcon as p } from "./icon.b4211784.js";
+import { DSSystemFeedback as V } from "./systemfeedback.8515a4e0.js";
+const w = "_root_vu0p0_49", L = "_root--disabled_vu0p0_68", O = "_checkbox_vu0p0_72", P = "_icon-check_vu0p0_86", R = "_icon-minus_vu0p0_87", U = "_checkbox--invalid_vu0p0_108", q = "_label--hidden_vu0p0_113", z = "_input_vu0p0_126", A = "_label_vu0p0_113", F = "_feedback_vu0p0_240", e = {
+  root: w,
+  "root--disabled": "_root--disabled_vu0p0_68",
+  rootDisabled: L,
+  checkbox: O,
+  "icon-check": "_icon-check_vu0p0_86",
+  iconCheck: P,
+  "icon-minus": "_icon-minus_vu0p0_87",
+  iconMinus: R,
+  "checkbox--invalid": "_checkbox--invalid_vu0p0_108",
+  checkboxInvalid: U,
+  "label--hidden": "_label--hidden_vu0p0_113",
+  labelHidden: q,
+  input: z,
+  label: A,
+  feedback: F
+}, G = I(
+  ({
+    label: d,
+    checked: _,
+    className: k,
+    defaultChecked: m = !1,
+    disabled: s = !1,
+    hideLabel: f = !1,
+    indeterminate: i = !1,
+    invalid: l = !1,
+    systemFeedback: h,
+    onChange: t,
+    ...x
+  }, n) => {
+    const a = H(null), [v, C] = M(m), j = E(f);
+    g(() => {
+      a && a.current && (a.current.indeterminate = i);
+    }, [i]);
+    const r = _ !== void 0, b = r ? _ : v, N = u(e.root, {
+      [e.rootDisabled]: s
+    }), D = u(e.label, {
+      // hide label only visually to keep them available for assistive technologies
+      [e.labelHidden]: j
+    }), S = u(e.checkbox, {
+      [e.checkboxInvalid]: l
+    }), y = B(
+      (o) => {
+        if (s) {
+          o.preventDefault();
+          return;
+        }
+        r || C(o.target.checked), t && t(o);
+      },
+      [s, r, t]
+    );
+    return /* @__PURE__ */ c.jsxs("div", { className: k, children: [
+      /* @__PURE__ */ c.jsxs("label", { className: N, children: [
+        /* @__PURE__ */ c.jsx(
+          "input",
+          {
+            type: "checkbox",
+            className: e.input,
+            ref: (o) => {
+              typeof n == "function" ? n(o) : n !== null && (n.current = o), a.current = o;
+            },
+            ...x,
+            checked: b,
+            disabled: s,
+            "aria-label": d,
+            "aria-invalid": l,
+            "aria-checked": i ? "mixed" : b,
+            onChange: y
+          }
+        ),
+        /* @__PURE__ */ c.jsxs("span", { className: S, children: [
+          /* @__PURE__ */ c.jsx(
+            p,
+            {
+              name: "check",
+              className: e.iconCheck,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ c.jsx(
+            p,
+            {
+              name: "minus",
+              className: e.iconMinus,
+              "aria-hidden": "true"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ c.jsx("span", { className: D, children: d })
+      ] }),
+      l && h && /* @__PURE__ */ c.jsx(
+        V,
+        {
+          className: e.feedback,
+          message: h,
+          type: "invalid"
+        }
+      )
+    ] });
+  }
+);
+G.displayName = "DSCheckbox";
+export {
+  G as DSCheckbox
+};

package/{checkboxgroup.e9e25471.js → checkboxgroup.fa110fdf.js}

@@ -1,11 +1,11 @@
 "use client";
 import { j as a } from "./chunks/jsx-runtime.5c071667.js";
 import { c as d } from "./chunks/index.8021d3e0.js";
-import { DSFieldset as b } from "./fieldset.fb7b7e49.js";
+import { DSFieldset as b } from "./fieldset.fdd84bda.js";
 import { s as p } from "./chunks/RadioGroup.module.59ca486a.js";
 import u from "react";
 import { g as i } from "./chunks/helpers.ea3ca41a.js";
-import { DSCheckbox as f } from "./checkbox.7d414047.js";
+import { DSCheckbox as f } from "./checkbox.42617f46.js";
 const D = (o) => `The "${o}" prop is required. Please add the "${o}" prop to the DSCheckboxGroup component.`, C = ({
   children: o,
   description: r,