@kystverket/styrbord 1.1.5 → 1.1.6

package/dist/main.js

@@ -701,21 +701,30 @@ const e2 = ({
         /* @__PURE__ */ h.jsx(X0.Legend, { children: /* @__PURE__ */ h.jsx(i0, { text: r.label, required: r.required, optional: r.optional }) }),
         r.description && /* @__PURE__ */ h.jsx(X0.Description, { children: r.description }),
         /* @__PURE__ */ h.jsx("div", { className: H2.toggleGroup, "data-color": e ? "danger" : "neutral", children: r.values.map((a) => /* @__PURE__ */ h.jsx(
-          S8,
+          "div",
           {
             className: a.value ? H2["is-on"] : H2["is-off"],
-            "data-color": e ? "danger" : "primary",
-            readOnly: r.readonly,
-            disabled: r.disabled,
-            checked: a.value,
-            label: a.label,
-            onChange: (s) => {
-              t(a.key ?? a.label, s.target.checked);
+            onClick: (s) => {
+              s.target === s.currentTarget && !r.disabled && !r.readonly && t(a.key ?? a.label, !a.value);
             },
-            onBlur: () => {
-              var s;
-              (s = r.onBlur) == null || s.call(r);
-            }
+            style: { cursor: r.disabled || r.readonly ? "default" : "pointer" },
+            children: /* @__PURE__ */ h.jsx(
+              S8,
+              {
+                "data-color": e ? "danger" : "primary",
+                readOnly: r.readonly,
+                disabled: r.disabled,
+                checked: a.value,
+                label: a.label,
+                onChange: (s) => {
+                  t(a.key ?? a.label, s.target.checked);
+                },
+                onBlur: () => {
+                  var s;
+                  (s = r.onBlur) == null || s.call(r);
+                }
+              }
+            )
           },
           a.key ?? a.label
         )) }),
@@ -734,22 +743,32 @@ const e2 = ({
         /* @__PURE__ */ h.jsx(X0.Legend, { children: /* @__PURE__ */ h.jsx(i0, { text: r.label, required: r.required, optional: r.optional }) }),
         r.description && /* @__PURE__ */ h.jsx(X0.Description, { children: r.description }),
         /* @__PURE__ */ h.jsx("div", { className: H2.toggleGroup, "data-color": e ? "danger" : "neutral", children: r.options.map((t) => /* @__PURE__ */ h.jsx(
-          P8,
+          "div",
           {
             className: t.value === r.value ? H2["is-on"] : H2["is-off"],
-            "data-color": e ? "danger" : "primary",
-            readOnly: r.readonly,
-            disabled: r.disabled,
-            checked: t.value === r.value,
-            label: t.label,
-            onChange: () => {
+            onClick: () => {
               var a;
-              (a = r.onChange) == null || a.call(r, t.value);
+              !r.disabled && !r.readonly && ((a = r.onChange) == null || a.call(r, t.value));
             },
-            onBlur: () => {
-              var a;
-              (a = r.onBlur) == null || a.call(r);
-            }
+            style: { cursor: r.disabled || r.readonly ? "default" : "pointer" },
+            children: /* @__PURE__ */ h.jsx(
+              P8,
+              {
+                "data-color": e ? "danger" : "primary",
+                readOnly: r.readonly,
+                disabled: r.disabled,
+                checked: t.value === r.value,
+                label: t.label,
+                onChange: () => {
+                  var a;
+                  (a = r.onChange) == null || a.call(r, t.value);
+                },
+                onBlur: () => {
+                  var a;
+                  (a = r.onBlur) == null || a.call(r);
+                }
+              }
+            )
           },
           t.label
         )) }),