@mattilsynet/design 2.2.26 → 2.2.27

package/mtds/togglegroup/togglegroup.d.ts

@@ -1,11 +1,6 @@
+import { InputProps } from '../react';
 export type TogglegroupProps = React.ComponentPropsWithoutRef<"fieldset">;
-export type TogglegroupItemProps = Omit<React.ComponentPropsWithoutRef<"label">, "onChange"> & Pick<React.ComponentPropsWithoutRef<"input">, "defaultChecked" | "checked" | "onChange"> & {
-    name: string;
-    value: string;
-};
+export type TogglegroupItemProps = Omit<React.ComponentPropsWithoutRef<"label">, "onChange"> & Pick<InputProps, "defaultChecked" | "checked" | "onChange" | "value"> & Required<Pick<InputProps, "name">>;
 export declare const Togglegroup: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref"> & import('react').RefAttributes<HTMLFieldSetElement>> & {
-    Item: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">, "onChange"> & Pick<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "defaultChecked" | "onChange" | "checked"> & {
-        name: string;
-        value: string;
-    } & import('react').RefAttributes<HTMLLabelElement>>;
+    Item: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">, "onChange"> & Pick<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "defaultChecked" | "onChange" | "checked"> & Required<Pick<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name">> & import('react').RefAttributes<HTMLLabelElement>>;
 };

package/mtds/togglegroup/togglegroup.js

@@ -15,9 +15,14 @@ const TogglegroupComp = forwardRef(
   }
 );
 const TogglegroupItem = forwardRef(
-  function TogglegroupItem2({ children, checked, defaultChecked, name, onChange, ...rest }, ref) {
+  function TogglegroupItem2({ children, checked, defaultChecked, value, name, onChange, ...rest }, ref) {
     return /* @__PURE__ */ jsxs("label", { ref, ...rest, children: [
-      /* @__PURE__ */ jsx("input", { type: "radio", ...{ checked, defaultChecked, name, onChange } }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ...{ type: "radio", checked, defaultChecked, value, name, onChange }
+        }
+      ),
       children
     ] });
   }

package/mtds/togglegroup/togglegroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"togglegroup.js","sources":["../../designsystem/togglegroup/togglegroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type TogglegroupProps = React.ComponentPropsWithoutRef<\"fieldset\">;\nexport type TogglegroupItemProps = Omit<\n\tReact.ComponentPropsWithoutRef<\"label\">,\n\t\"onChange\"\n> &\n\tPick<\n\t\tReact.ComponentPropsWithoutRef<\"input\">,\n\t\t\"defaultChecked\" | \"checked\" | \"onChange\"\n\t> & { name: string; value: string }; // Make name and value required\n\nconst TogglegroupComp = forwardRef<HTMLFieldSetElement, TogglegroupProps>(\n\tfunction Togglegroup({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<fieldset\n\t\t\t\tclassName={clsx(styles.togglegroup, className)}\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\nconst TogglegroupItem = forwardRef<HTMLLabelElement, TogglegroupItemProps>(\n\tfunction TogglegroupItem(\n\t\t{ children, checked, defaultChecked, name, onChange, ...rest },\n\t\tref,\n\t) {\n\t\treturn (\n\t\t\t<label ref={ref} {...rest}>\n\t\t\t\t<input type=\"radio\" {...{ checked, defaultChecked, name, onChange }} />\n\t\t\t\t{children}\n\t\t\t</label>\n\t\t);\n\t},\n);\n\nexport const Togglegroup = Object.assign(TogglegroupComp, {\n\tItem: TogglegroupItem,\n});\n"],"names":["Togglegroup","TogglegroupItem"],"mappings":";;;;AAcA,MAAM,kBAAkB;AAAA,EACvB,SAASA,aAAY,EAAE,WAAW,GAAG,KAAA,GAAQ,KAAK;AACjD,WACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAW,KAAK,OAAO,aAAa,SAAS;AAAA,QAC7C;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACD;AACA,MAAM,kBAAkB;AAAA,EACvB,SAASC,iBACR,EAAE,UAAU,SAAS,gBAAgB,MAAM,UAAU,GAAG,KAAA,GACxD,KACC;AACD,WACC,qBAAC,SAAA,EAAM,KAAW,GAAG,MACpB,UAAA;AAAA,MAAA,oBAAC,SAAA,EAAM,MAAK,SAAS,GAAG,EAAE,SAAS,gBAAgB,MAAM,SAAA,GAAY;AAAA,MACpE;AAAA,IAAA,GACF;AAAA,EAEF;AACD;AAEO,MAAM,cAAc,OAAO,OAAO,iBAAiB;AAAA,EACzD,MAAM;AACP,CAAC;"}
+{"version":3,"file":"togglegroup.js","sources":["../../designsystem/togglegroup/togglegroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport type { InputProps } from \"../react\";\nimport styles from \"../styles.module.css\";\n\nexport type TogglegroupProps = React.ComponentPropsWithoutRef<\"fieldset\">;\nexport type TogglegroupItemProps = Omit<\n\tReact.ComponentPropsWithoutRef<\"label\">,\n\t\"onChange\"\n> &\n\tPick<InputProps, \"defaultChecked\" | \"checked\" | \"onChange\" | \"value\"> &\n\tRequired<Pick<InputProps, \"name\">>; // Make name required\n\nconst TogglegroupComp = forwardRef<HTMLFieldSetElement, TogglegroupProps>(\n\tfunction Togglegroup({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<fieldset\n\t\t\t\tclassName={clsx(styles.togglegroup, className)}\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\nconst TogglegroupItem = forwardRef<HTMLLabelElement, TogglegroupItemProps>(\n\tfunction TogglegroupItem(\n\t\t{ children, checked, defaultChecked, value, name, onChange, ...rest },\n\t\tref,\n\t) {\n\t\treturn (\n\t\t\t<label ref={ref} {...rest}>\n\t\t\t\t<input\n\t\t\t\t\t{...{ type: \"radio\", checked, defaultChecked, value, name, onChange }}\n\t\t\t\t/>\n\t\t\t\t{children}\n\t\t\t</label>\n\t\t);\n\t},\n);\n\nexport const Togglegroup = Object.assign(TogglegroupComp, {\n\tItem: TogglegroupItem,\n});\n"],"names":["Togglegroup","TogglegroupItem"],"mappings":";;;;AAaA,MAAM,kBAAkB;AAAA,EACvB,SAASA,aAAY,EAAE,WAAW,GAAG,KAAA,GAAQ,KAAK;AACjD,WACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAW,KAAK,OAAO,aAAa,SAAS;AAAA,QAC7C;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACD;AACA,MAAM,kBAAkB;AAAA,EACvB,SAASC,iBACR,EAAE,UAAU,SAAS,gBAAgB,OAAO,MAAM,UAAU,GAAG,KAAA,GAC/D,KACC;AACD,WACC,qBAAC,SAAA,EAAM,KAAW,GAAG,MACpB,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAG,EAAE,MAAM,SAAS,SAAS,gBAAgB,OAAO,MAAM,SAAA;AAAA,QAAS;AAAA,MAAA;AAAA,MAEpE;AAAA,IAAA,GACF;AAAA,EAEF;AACD;AAEO,MAAM,cAAc,OAAO,OAAO,iBAAiB;AAAA,EACzD,MAAM;AACP,CAAC;"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mattilsynet/design",
-	"version": "2.2.26",
+	"version": "2.2.27",
 	"type": "module",
 	"repository": {
 		"type": "git",
@@ -59,9 +59,9 @@
 		"@handsontable/react-wrapper": "^16.2.0",
 		"@phosphor-icons/core": "^2.1.1",
 		"@phosphor-icons/react": "^2.1.10",
-		"@storybook/addon-docs": "^10.1.2",
-		"@storybook/addon-themes": "^10.1.2",
-		"@storybook/react-vite": "^10.1.2",
+		"@storybook/addon-docs": "^10.1.4",
+		"@storybook/addon-themes": "^10.1.4",
+		"@storybook/react-vite": "^10.1.4",
 		"@tanstack/react-table": "^8.21.3",
 		"@turf/boolean-point-in-polygon": "^7.3.1",
 		"@turf/helpers": "^7.3.1",
@@ -76,9 +76,9 @@
 		"leaflet": "^2.0.0-alpha.1",
 		"postcss": "^8.5.6",
 		"postcss-nesting": "^13.0.2",
-		"react": "^19.2.0",
-		"react-dom": "^19.2.0",
-		"storybook": "^10.1.2",
+		"react": "^19.2.1",
+		"react-dom": "^19.2.1",
+		"storybook": "^10.1.4",
 		"typescript": "^5.9.3",
 		"vite": "^7.2.6",
 		"vite-plugin-dts": "^4.5.4"