@bonniernews/dn-design-system-web 34.2.2 → 36.0.0

package/preact/components/list-item/list-item.js

@@ -264,54 +264,8 @@ var CheckboxIcons = ({ componentClassName }) => {
 };
 var checkbox_default = Checkbox;
 
-// ../src/components/radio-button/radio-button.tsx
-import { Fragment as Fragment2 } from "preact";
-import { jsx as jsx8, jsxs as jsxs5 } from "preact/jsx-runtime";
-var RadioButton = ({
-  buttons,
-  error,
-  name,
-  errorMessage,
-  required,
-  stripLabel,
-  disabled,
-  forcePx,
-  classNames
-}) => {
-  const componentClassName = "ds-radio-btn";
-  const wrapperClasses = formatClassString([componentClassName, forcePx && "ds-force-px", classNames]);
-  return /* @__PURE__ */ jsx8(form_field_default, { error, errorMessage, wrapperClasses, children: buttons?.map((button) => {
-    const { id, selected, value, label, attributes } = button;
-    return /* @__PURE__ */ jsxs5(Fragment2, { children: [
-      /* @__PURE__ */ jsx8(
-        "input",
-        {
-          type: "radio",
-          id,
-          name,
-          defaultChecked: selected,
-          disabled,
-          required,
-          value,
-          ...attributes
-        }
-      ),
-      stripLabel ? /* @__PURE__ */ jsx8("div", { className: `${componentClassName}__inner`, children: /* @__PURE__ */ jsx8(RadioButtonIcons, { componentClassName }) }) : /* @__PURE__ */ jsxs5("label", { className: `${componentClassName}__inner`, htmlFor: id, children: [
-        /* @__PURE__ */ jsx8(RadioButtonIcons, { componentClassName }),
-        label && /* @__PURE__ */ jsx8("span", { className: `${componentClassName}__text`, children: label })
-      ] })
-    ] }, id);
-  }) });
-};
-var RadioButtonIcons = ({ componentClassName }) => {
-  return /* @__PURE__ */ jsxs5("span", { className: `${componentClassName}__icon`, children: [
-    /* @__PURE__ */ jsx8(IconUse, { iconName: "radio_button_unchecked" }),
-    /* @__PURE__ */ jsx8(IconUse, { iconName: "radio_button_checked" })
-  ] });
-};
-
 // ../src/components/switch/switch.tsx
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs6 } from "preact/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs5 } from "preact/jsx-runtime";
 var Switch = ({
   name = "ds-switch",
   checked,
@@ -326,8 +280,8 @@ var Switch = ({
 }) => {
   const componentClassName = "ds-switch";
   const classes = formatClassString([componentClassName, forcePx && "ds-force-px", classNames]);
-  return /* @__PURE__ */ jsxs6("div", { className: classes, children: [
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs5("div", { className: classes, children: [
+    /* @__PURE__ */ jsx8(
       "input",
       {
         type: "checkbox",
@@ -339,7 +293,7 @@ var Switch = ({
         ...attributes
       }
     ),
-    stripLabel ? /* @__PURE__ */ jsx9("div", { className: `${componentClassName}__inner`, children: /* @__PURE__ */ jsx9(
+    stripLabel ? /* @__PURE__ */ jsx8("div", { className: `${componentClassName}__inner`, children: /* @__PURE__ */ jsx8(
       SwitchInner,
       {
         ...{
@@ -349,7 +303,7 @@ var Switch = ({
           componentClassName
         }
       }
-    ) }) : /* @__PURE__ */ jsx9("label", { className: `${componentClassName}__inner`, tabIndex: 0, htmlFor: name, children: /* @__PURE__ */ jsx9(
+    ) }) : /* @__PURE__ */ jsx8("label", { className: `${componentClassName}__inner`, tabIndex: 0, htmlFor: name, children: /* @__PURE__ */ jsx8(
       SwitchInner,
       {
         ...{
@@ -363,12 +317,58 @@ var Switch = ({
   ] });
 };
 var SwitchInner = ({ showMeta, metaOn, metaOff, componentClassName }) => {
-  return /* @__PURE__ */ jsxs6(Fragment3, { children: [
-    showMeta && /* @__PURE__ */ jsxs6("div", { className: `${componentClassName}__meta`, children: [
-      /* @__PURE__ */ jsx9("span", { className: `${componentClassName}__meta-on`, children: metaOn }),
-      /* @__PURE__ */ jsx9("span", { className: `${componentClassName}__meta-off`, children: metaOff })
+  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    showMeta && /* @__PURE__ */ jsxs5("div", { className: `${componentClassName}__meta`, children: [
+      /* @__PURE__ */ jsx8("span", { className: `${componentClassName}__meta-on`, children: metaOn }),
+      /* @__PURE__ */ jsx8("span", { className: `${componentClassName}__meta-off`, children: metaOff })
     ] }),
-    /* @__PURE__ */ jsx9("span", { className: `${componentClassName}__box`, children: /* @__PURE__ */ jsx9("span", { className: `${componentClassName}__knob` }) })
+    /* @__PURE__ */ jsx8("span", { className: `${componentClassName}__box`, children: /* @__PURE__ */ jsx8("span", { className: `${componentClassName}__knob` }) })
+  ] });
+};
+
+// ../src/components/radio-button-group/radio-button-group.tsx
+import { Fragment as Fragment3 } from "preact";
+import { jsx as jsx9, jsxs as jsxs6 } from "preact/jsx-runtime";
+var RadioButtonGroup = ({
+  buttons,
+  error,
+  name,
+  errorMessage,
+  required,
+  stripLabel,
+  disabled,
+  forcePx,
+  classNames
+}) => {
+  const radioButtonClassName = "ds-radio-btn";
+  const wrapperClasses = formatClassString(["ds-radio-btn-group", forcePx && "ds-force-px", classNames]);
+  return /* @__PURE__ */ jsx9(form_field_default, { error, errorMessage, wrapperClasses, children: buttons?.map((button) => {
+    const { id, selected, value, label, attributes } = button;
+    return /* @__PURE__ */ jsxs6(Fragment3, { children: [
+      /* @__PURE__ */ jsx9(
+        "input",
+        {
+          type: "radio",
+          id,
+          name,
+          defaultChecked: selected,
+          disabled,
+          required,
+          value,
+          ...attributes
+        }
+      ),
+      stripLabel ? /* @__PURE__ */ jsx9("div", { className: `${radioButtonClassName}__inner`, children: /* @__PURE__ */ jsx9(RadioButtonIcons, { radioButtonClassName }) }) : /* @__PURE__ */ jsxs6("label", { className: `${radioButtonClassName}__inner`, htmlFor: id, children: [
+        /* @__PURE__ */ jsx9(RadioButtonIcons, { radioButtonClassName }),
+        label && /* @__PURE__ */ jsx9("span", { className: `${radioButtonClassName}__text`, children: label })
+      ] })
+    ] }, id);
+  }) });
+};
+var RadioButtonIcons = ({ radioButtonClassName }) => {
+  return /* @__PURE__ */ jsxs6("span", { className: `${radioButtonClassName}__icon`, children: [
+    /* @__PURE__ */ jsx9(IconUse, { iconName: "radio_button_unchecked" }),
+    /* @__PURE__ */ jsx9(IconUse, { iconName: "radio_button_checked" })
   ] });
 };
 
@@ -473,7 +473,7 @@ var ListItemInner = ({
     case "radio":
       return /* @__PURE__ */ jsxs7("label", { className: classes, htmlFor: id, ...attributes, children: [
         /* @__PURE__ */ jsx10(ListItemIconWrapper, { placement: "left", componentClassName, children: /* @__PURE__ */ jsx10(
-          RadioButton,
+          RadioButtonGroup,
           {
             ...{
               id,