@inera/ids-react 7.2.0 → 8.1.0

package/components/footer-1177-admin/footer-1177-admin.js

@@ -1,66 +1,24 @@
-"use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import React__default, { useRef, useEffect } from 'react';
 import clsx from 'clsx';
 import '@inera/ids-design/components/footer-1177-admin/footer-1177-admin.css';
 
-const IDSFooter1177Admin = ({ serviceName = "", cols = 3, col1 = [], col2 = [], col3 = [], col1Size = "2", col2Size = "2", col3Size = "2", subFooterLeft, subFooterRight, subFooterMobile, mobileMenu, mobileLinks, children, className, ...props }) => {
-    const ref = useRef(null);
-    useEffect(() => {
-    }, [cols, col1Size, col2Size, col3Size]);
-    const getColumnWidth = (col) => {
-        const map = { 1: col1Size, 2: col2Size, 3: col3Size };
-        if (cols === 1)
-            return "ids-footer-1177-admin__col-size-6";
-        if (cols === 2)
-            return "ids-footer-1177-admin__col-size-3";
-        return `ids-footer-1177-admin__col-size-${map[col]}`;
-    };
-    const renderCol = (column) => {
-        return column?.map((link, idx) => {
-            if (React__default.isValidElement(link)) {
-                return React__default.cloneElement(link, {
-                    key: `footer-link-${idx}`,
-                    colorPreset: 1,
-                    block: true
-                });
-            }
-            return link;
-        });
+const IDSFooter1177Admin = ({ headline = "", srHeadline = "", cols = 3, col1 = [], col2 = [], col3 = [], subFooterLeft, subFooterRight, mobileMenu, mobileLinks, subFooterMobile, children, className, ...props }) => {
+    const renderHeadline = () => {
+        if (srHeadline) {
+            return (jsxs(Fragment, { children: [jsx("h2", { className: "ids-footer-1177-admin__headline--sr", children: srHeadline }), jsx("h2", { "aria-hidden": "true", className: "ids-footer-1177-admin__headline", children: headline })] }));
+        }
+        return jsx("h2", { className: "ids-footer-1177-admin__headline", children: headline });
     };
     const renderCols = () => {
         if (cols === 1) {
-            return (jsx("div", { className: clsx("ids-footer-1177-admin__link-col", "ids-footer-1177-admin__link-col--1", getColumnWidth(1)), children: renderCol(col1) }));
+            return jsx("div", { className: clsx("ids-footer-1177-admin__link-col", "ids-footer-1177-admin__link-col--100"), children: col1 });
         }
-        if (cols === 2) {
-            return (jsxs(Fragment, { children: [jsx("div", { className: clsx("ids-footer-1177-admin__link-col", "ids-footer-1177-admin__link-col--2", getColumnWidth(1)), children: renderCol(col1) }), jsx("div", { className: clsx("ids-footer-1177-admin__link-col", "ids-footer-1177-admin__link-col--2", getColumnWidth(2)), children: renderCol(col2) })] }));
+        else if (cols === 2) {
+            return (jsxs(Fragment, { children: [jsx("div", { className: clsx("ids-footer-1177-admin__link-col", "ids-footer-1177-admin__link-col--50"), children: col1 }), jsx("div", { className: clsx("ids-footer-1177-admin__link-col", "ids-footer-1177-admin__link-col--50"), children: col2 })] }));
         }
-        return (jsxs(Fragment, { children: [jsx("div", { className: clsx("ids-footer-1177-admin__link-col", getColumnWidth(1)), children: renderCol(col1) }), jsx("div", { className: clsx("ids-footer-1177-admin__link-col", getColumnWidth(2)), children: renderCol(col2) }), jsx("div", { className: clsx("ids-footer-1177-admin__link-col", getColumnWidth(3)), children: renderCol(col3) })] }));
-    };
-    const renderLogo = () => (jsxs(Fragment, { children: [jsx("div", { className: "ids-footer-1177-admin__sub-footer-mobile-icon", children: jsx("div", { className: "ids-footer-1177-admin__sub-footer-mobile-service-name", children: serviceName }) }), jsx("div", { className: "ids-footer-1177-admin__sub-footer-mobile-text", children: subFooterMobile })] }));
-    const renderCookieLinks = (content, colorPreset) => {
-        const applyProps = (node, keyPrefix = "") => {
-            if (!node)
-                return null;
-            if (Array.isArray(node)) {
-                return node.map((child, idx) => applyProps(child, `${keyPrefix}-${idx}`));
-            }
-            if (React__default.isValidElement(node)) {
-                if (node.type === React__default.Fragment) {
-                    return (jsx(React__default.Fragment, { children: applyProps(node.props.children, keyPrefix) }, keyPrefix));
-                }
-                return React__default.cloneElement(node, {
-                    key: `footer-sub-footer-right-link-${keyPrefix}`,
-                    colorPreset,
-                    small: true,
-                    ...node.props
-                });
-            }
-            return node;
-        };
-        return applyProps(content, "root");
+        return (jsxs(Fragment, { children: [jsx("div", { className: clsx("ids-footer-1177-admin__link-col", "ids-footer-1177-admin__link-col--33"), children: col1 }), jsx("div", { className: clsx("ids-footer-1177-admin__link-col", "ids-footer-1177-admin__link-col--33"), children: col2 }), jsx("div", { className: clsx("ids-footer-1177-admin__link-col", "ids-footer-1177-admin__link-col--33"), children: col3 })] }));
     };
-    return (jsxs("footer", { className: clsx("ids-footer-1177-admin", className), ref: ref, ...props, children: [jsx("div", { className: "ids-footer-1177-admin__inner-wrapper", children: jsxs("div", { className: "ids-footer-1177-admin__inner", children: [jsx("div", { className: "ids-footer-1177-admin__headline-row", children: jsx("h1", { className: "ids-footer-1177-admin__headline", children: serviceName }) }), jsxs("div", { className: "ids-footer-1177-admin__content", children: [jsx("div", { className: "ids-footer-1177-admin__text", children: children }), renderCols()] })] }) }), jsxs("div", { className: "ids-footer-1177-admin__sub-footer", children: [jsx("div", { className: "ids-footer-1177-admin__sub-footer-container", children: jsxs("div", { className: "ids-footer-1177-admin__sub-footer-row", children: [jsx("div", { className: "ids-footer-1177-admin__sub-footer-left", children: subFooterLeft }), jsx("div", { className: "ids-footer-1177-admin__sub-footer-right", children: renderCookieLinks(subFooterRight, 4) }), jsx("div", { className: "ids-footer-1177-admin__mobile-menu", children: mobileMenu }), jsx("div", { className: "ids-footer-1177-admin__mobile-links", children: renderCookieLinks(mobileLinks, 1) })] }) }), jsx("div", { className: "ids-footer-1177-admin__sub-footer-mobile", children: renderLogo() })] })] }));
+    return (jsxs("footer", { className: clsx("ids-footer-1177-admin", className), ...props, children: [jsx("div", { className: "ids-footer-1177-admin__inner-wrapper", children: jsxs("div", { className: "ids-footer-1177-admin__inner", children: [jsx("div", { className: "ids-footer-1177-admin__headline-wrapper", children: renderHeadline() }), jsxs("div", { className: "ids-footer-1177-admin__content", children: [jsx("div", { className: "ids-footer-1177-admin__text", children: children }), jsx("div", { className: "ids-footer-1177-admin__cols", children: renderCols() })] })] }) }), jsx("div", { className: "ids-footer-1177-admin__mobile-menu", children: mobileMenu }), jsxs("div", { className: "ids-footer-1177-admin__sub-footer", children: [jsx("div", { className: "ids-footer-1177-admin__sub-footer-container", children: jsxs("div", { className: "ids-footer-1177-admin__sub-footer-inner", children: [jsx("div", { className: "ids-footer-1177-admin__sub-footer-left", children: subFooterLeft }), jsx("div", { className: "ids-footer-1177-admin__sub-footer-right", children: subFooterRight }), jsx("div", { className: "ids-footer-1177-admin__mobile-links", children: mobileLinks })] }) }), jsxs("div", { className: "ids-footer-1177-admin__sub-footer-mobile", children: [jsxs("div", { className: "ids-footer-1177-admin__sub-footer-mobile-headline-wrapper", children: [jsx("div", { className: "ids-footer-1177-admin__sub-footer-mobile-logo" }), jsx("div", { className: "ids-footer-1177-admin__sub-footer-mobile-headline", children: headline })] }), jsx("div", { className: "ids-footer-1177-admin__sub-footer-mobile-text", children: subFooterMobile })] })] })] }));
 };
 
 export { IDSFooter1177Admin };

package/components/footer-1177-pro/footer-1177-pro.d.ts

@@ -1,17 +1,22 @@
 import React, { ReactElement, ReactNode } from "react";
-import "@inera/ids-design/components/footer-1177-pro/footer-1177-pro.css";
 import { IDSLinkProps } from "../link/link";
-interface IDSFooter1177ProProps extends React.HTMLAttributes<HTMLDivElement> {
+import "@inera/ids-design/components/footer-1177-pro/footer-1177-pro.css";
+interface Footer1177ProProps extends React.HTMLAttributes<HTMLDivElement> {
+    headline?: string;
+    srHeadline?: string;
     cols?: 1 | 2 | 3;
-    desktopCol1Headline?: ReactNode;
-    desktopCol2Headline?: ReactNode;
-    desktopCol3Headline?: ReactNode;
-    desktopCol1?: ReactElement<IDSLinkProps>[];
-    desktopCol2?: ReactElement<IDSLinkProps>[];
-    desktopCol3?: ReactElement<IDSLinkProps>[];
+    col1Headline?: ReactNode;
+    col2Headline?: ReactNode;
+    col3Headline?: ReactNode;
+    col1?: ReactElement<IDSLinkProps>[];
+    col2?: ReactElement<IDSLinkProps>[];
+    col3?: ReactElement<IDSLinkProps>[];
+    subFooterLeft?: ReactNode;
+    subFooterRight?: ReactNode;
     mobileMenu?: ReactNode;
-    bottomFooterHeadline?: string;
-    bottomFooterText?: ReactNode;
+    mobileLinks?: ReactNode;
+    subFooterMobile?: ReactNode;
+    children?: ReactNode;
 }
-export declare const IDSFooter1177Pro: React.FC<IDSFooter1177ProProps>;
+export declare const IDSFooter1177Pro: React.FC<Footer1177ProProps>;
 export {};

package/components/footer-1177-pro/footer-1177-pro.js

@@ -1,42 +1,24 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React__default from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import '@inera/ids-design/components/footer-1177-pro/footer-1177-pro.css';
 
-const IDSFooter1177Pro = ({ cols = 3, desktopCol1Headline = "", desktopCol2Headline = "", desktopCol3Headline = "", desktopCol1 = [], desktopCol2 = [], desktopCol3 = [], mobileMenu, bottomFooterHeadline = "", bottomFooterText, className, ...props }) => {
-    const renderCol = (column) => {
-        return column?.map((link, idx) => {
-            if (React__default.isValidElement(link)) {
-                return React__default.cloneElement(link, {
-                    key: `footer-link-${idx}`,
-                    colorPreset: 1,
-                    block: true
-                });
-            }
-            return link;
-        });
+const IDSFooter1177Pro = ({ headline = "", srHeadline = "", cols = 3, col1 = [], col2 = [], col3 = [], col1Headline, col2Headline, col3Headline, subFooterLeft, subFooterRight, mobileMenu, mobileLinks, subFooterMobile, children, className, ...props }) => {
+    const renderHeadline = () => {
+        if (srHeadline) {
+            return (jsxs(Fragment, { children: [jsx("h2", { className: "ids-footer-1177-pro__headline--sr", children: srHeadline }), jsx("h2", { "aria-hidden": "true", className: "ids-footer-1177-pro__headline", children: headline })] }));
+        }
+        return jsx("h2", { className: "ids-footer-1177-pro__headline", children: headline });
     };
     const renderCols = () => {
-        const colClasses = {
-            1: "ids-footer-1177-pro__desktop-col--1",
-            2: "ids-footer-1177-pro__desktop-col--2",
-            3: "ids-footer-1177-pro__desktop-col--3"
-        };
-        const baseClass = "ids-footer-1177-pro__desktop-col";
-        const columns = [];
-        if (cols >= 1) {
-            columns.push(jsxs("div", { className: clsx(baseClass, colClasses[cols]), children: [jsx("div", { className: "ids-footer-1177-pro__footer-headline", children: jsx("h2", { children: desktopCol1Headline }) }), renderCol(desktopCol1)] }, "col1"));
-        }
-        if (cols >= 2) {
-            columns.push(jsxs("div", { className: clsx(baseClass, colClasses[cols]), children: [jsx("div", { className: "ids-footer-1177-pro__footer-headline", children: jsx("h2", { children: desktopCol2Headline }) }), renderCol(desktopCol2)] }, "col2"));
+        if (cols === 1) {
+            return (jsxs("div", { className: clsx("ids-footer-1177-pro__link-col", "ids-footer-1177-pro__link-col--100"), children: [col1Headline, col1] }));
         }
-        if (cols === 3) {
-            columns.push(jsxs("div", { className: clsx(baseClass, colClasses[cols]), children: [jsx("div", { className: "ids-footer-1177-pro__footer-headline", children: jsx("h2", { children: desktopCol3Headline }) }), renderCol(desktopCol3)] }, "col3"));
+        else if (cols === 2) {
+            return (jsxs(Fragment, { children: [jsxs("div", { className: clsx("ids-footer-1177-pro__link-col", "ids-footer-1177-pro__link-col--50"), children: [col1Headline, col1] }), jsxs("div", { className: clsx("ids-footer-1177-pro__link-col", "ids-footer-1177-pro__link-col--50"), children: [col2Headline, col2] })] }));
         }
-        return columns;
+        return (jsxs(Fragment, { children: [jsxs("div", { className: clsx("ids-footer-1177-pro__link-col", "ids-footer-1177-pro__link-col--33"), children: [col1Headline, col1] }), jsxs("div", { className: clsx("ids-footer-1177-pro__link-col", "ids-footer-1177-pro__link-col--33"), children: [col2Headline, col2] }), jsxs("div", { className: clsx("ids-footer-1177-pro__link-col", "ids-footer-1177-pro__link-col--33"), children: [col3Headline, col3] })] }));
     };
-    return (jsxs("footer", { className: clsx("ids-footer-1177-pro", className), ...props, children: [jsxs("div", { className: "ids-footer-1177-pro__top-footer", children: [jsx("div", { className: "ids-footer-1177-pro__desktop-content", children: renderCols() }), jsx("div", { className: "ids-footer-1177-pro__mobile-content", children: mobileMenu })] }), jsx("div", { className: "ids-footer-1177-pro__bottom-footer", children: jsxs("div", { className: "ids-footer-1177-pro__bottom-footer-inner", children: [jsx("div", { className: "ids-footer-1177-pro__bottom-footer-logo" }), jsx("div", { className: "ids-footer-1177-pro__bottom-footer-headline", children: jsx("h2", { children: bottomFooterHeadline }) }), jsx("div", { className: "ids-footer-1177-pro__bottom-footer-text", children: bottomFooterText })] }) })] }));
+    return (jsxs("footer", { className: clsx("ids-footer-1177-pro", className), ...props, children: [jsx("div", { className: "ids-footer-1177-pro__inner-wrapper", children: jsxs("div", { className: "ids-footer-1177-pro__inner", children: [jsx("div", { className: "ids-footer-1177-pro__headline-wrapper", children: renderHeadline() }), jsxs("div", { className: "ids-footer-1177-pro__content", children: [jsx("div", { className: "ids-footer-1177-pro__text", children: children }), jsx("div", { className: "ids-footer-1177-pro__cols", children: renderCols() })] })] }) }), jsx("div", { className: "ids-footer-1177-pro__mobile-menu", children: mobileMenu }), jsxs("div", { className: "ids-footer-1177-pro__sub-footer", children: [jsx("div", { className: "ids-footer-1177-pro__sub-footer-container", children: jsxs("div", { className: "ids-footer-1177-pro__sub-footer-inner", children: [jsx("div", { className: "ids-footer-1177-pro__sub-footer-left", children: subFooterLeft }), jsx("div", { className: "ids-footer-1177-pro__sub-footer-right", children: subFooterRight }), jsx("div", { className: "ids-footer-1177-pro__mobile-links", children: mobileLinks })] }) }), jsxs("div", { className: "ids-footer-1177-pro__sub-footer-mobile", children: [jsxs("div", { className: "ids-footer-1177-pro__sub-footer-mobile-headline-wrapper", children: [jsx("div", { className: "ids-footer-1177-pro__sub-footer-mobile-logo" }), jsx("div", { className: "ids-footer-1177-pro__sub-footer-mobile-headline", children: headline })] }), jsx("div", { className: "ids-footer-1177-pro__sub-footer-mobile-text", children: subFooterMobile })] })] })] }));
 };
 
 export { IDSFooter1177Pro };

package/components/footer-inera/footer-inera.d.ts

@@ -1,17 +1,13 @@
 import React, { ReactElement, ReactNode } from "react";
-import "@inera/ids-design/components/footer-inera/footer-inera.css";
 import { IDSLinkProps } from "../link/link";
-interface IDSFooterIneraProps extends React.HTMLAttributes<HTMLDivElement> {
+import "@inera/ids-design/components/footer-inera/footer-inera.css";
+interface FooterIneraProps extends React.HTMLAttributes<HTMLDivElement> {
     headline?: string;
     srHeadline?: string;
-    subHeadline?: string;
     cols?: 1 | 2 | 3;
     col1?: ReactElement<IDSLinkProps>[];
     col2?: ReactElement<IDSLinkProps>[];
     col3?: ReactElement<IDSLinkProps>[];
-    col1Size?: string;
-    col2Size?: string;
-    col3Size?: string;
     subFooterLeft?: ReactNode;
     subFooterRight?: ReactNode;
     mobileMenu?: ReactNode;
@@ -19,5 +15,5 @@ interface IDSFooterIneraProps extends React.HTMLAttributes<HTMLDivElement> {
     subFooterMobile?: ReactNode;
     children?: ReactNode;
 }
-export declare const IDSFooterInera: React.FC<IDSFooterIneraProps>;
+export declare const IDSFooterInera: React.FC<FooterIneraProps>;
 export {};

package/components/footer-inera/footer-inera.js

@@ -1,67 +1,24 @@
-"use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import React__default from 'react';
 import clsx from 'clsx';
 import '@inera/ids-design/components/footer-inera/footer-inera.css';
 
-const IDSFooterInera = ({ headline = "", srHeadline = "", subHeadline = "", cols = 3, col1 = [], col2 = [], col3 = [], col1Size, col2Size, col3Size, subFooterLeft, subFooterRight, mobileMenu, mobileLinks, subFooterMobile, children, className, ...props }) => {
-    const defaultCols = {
-        1: { col1Size: "6", col2Size: "6", col3Size: "6" },
-        2: { col1Size: "3", col2Size: "3", col3Size: "3" },
-        3: { col1Size: "2", col2Size: "2", col3Size: "2" }
-    };
-    const resolvedCol1 = col1Size ?? defaultCols[cols].col1Size;
-    const resolvedCol2 = col2Size ?? defaultCols[cols].col2Size;
-    const resolvedCol3 = col3Size ?? defaultCols[cols].col3Size;
-    const getColumnWidth = (col) => {
-        const val = col === 1 ? resolvedCol1 : col === 2 ? resolvedCol2 : resolvedCol3;
-        return `ids-footer-inera__col-size-${val}`;
-    };
-    const renderHeadlineElements = () => srHeadline ? (jsxs(Fragment, { children: [jsxs("h1", { className: "ids-footer-inera__headline--sr", children: [srHeadline, jsx("span", { className: "ids-footer-inera__headline--sub", children: subHeadline })] }), jsxs("h1", { "aria-hidden": "true", className: "ids-footer-inera__headline", children: [headline, jsx("span", { className: "ids-footer-inera__headline--sub", children: subHeadline })] })] })) : (jsxs("h1", { className: "ids-footer-inera__headline", children: [headline, jsx("span", { className: "ids-footer-inera__headline--sub", children: subHeadline })] }));
-    const renderCol = (column) => {
-        return column?.map((link, idx) => {
-            if (React__default.isValidElement(link)) {
-                return React__default.cloneElement(link, {
-                    key: `footer-link-${idx}`,
-                    light: true,
-                    block: true
-                });
-            }
-            return link;
-        });
+const IDSFooterInera = ({ headline = "", srHeadline = "", cols = 3, col1 = [], col2 = [], col3 = [], subFooterLeft, subFooterRight, mobileMenu, mobileLinks, subFooterMobile, children, className, ...props }) => {
+    const renderHeadline = () => {
+        if (srHeadline) {
+            return (jsxs(Fragment, { children: [jsx("h2", { className: "ids-footer-inera__headline--sr", children: srHeadline }), jsx("h2", { "aria-hidden": "true", className: "ids-footer-inera__headline", children: headline })] }));
+        }
+        return jsx("h2", { className: "ids-footer-inera__headline", children: headline });
     };
     const renderCols = () => {
         if (cols === 1) {
-            return (jsx("div", { className: clsx("ids-footer-inera__link-col ids-footer-inera__link-col--1", getColumnWidth(1)), children: renderCol(col1) }));
+            return jsx("div", { className: clsx("ids-footer-inera__link-col", "ids-footer-inera__link-col--100"), children: col1 });
         }
         else if (cols === 2) {
-            return (jsxs(Fragment, { children: [jsx("div", { className: clsx("ids-footer-inera__link-col ids-footer-inera__link-col--1", getColumnWidth(1)), children: renderCol(col1) }), jsx("div", { className: clsx("ids-footer-inera__link-col ids-footer-inera__link-col--2", getColumnWidth(2)), children: renderCol(col2) })] }));
+            return (jsxs(Fragment, { children: [jsx("div", { className: clsx("ids-footer-inera__link-col", "ids-footer-inera__link-col--50"), children: col1 }), jsx("div", { className: clsx("ids-footer-inera__link-col", "ids-footer-inera__link-col--50"), children: col2 })] }));
         }
-        return (jsxs(Fragment, { children: [jsx("div", { className: clsx("ids-footer-inera__link-col", getColumnWidth(1)), children: renderCol(col1) }), jsx("div", { className: clsx("ids-footer-inera__link-col", getColumnWidth(2)), children: renderCol(col2) }), jsx("div", { className: clsx("ids-footer-inera__link-col", getColumnWidth(3)), children: renderCol(col3) })] }));
-    };
-    const renderCookieLinks = (content) => {
-        const applyProps = (node, keyPrefix = "") => {
-            if (!node)
-                return null;
-            if (Array.isArray(node)) {
-                return node.map((child, idx) => applyProps(child, `${keyPrefix}-${idx}`));
-            }
-            if (React__default.isValidElement(node)) {
-                if (node.type === React__default.Fragment) {
-                    return (jsx(React__default.Fragment, { children: applyProps(node.props.children, keyPrefix) }, keyPrefix));
-                }
-                return React__default.cloneElement(node, {
-                    key: `footer-sub-footer-right-link-${keyPrefix}`,
-                    colorPreset: 4,
-                    small: true,
-                    ...node.props
-                });
-            }
-            return node;
-        };
-        return applyProps(content, "root");
+        return (jsxs(Fragment, { children: [jsx("div", { className: clsx("ids-footer-inera__link-col", "ids-footer-inera__link-col--33"), children: col1 }), jsx("div", { className: clsx("ids-footer-inera__link-col", "ids-footer-inera__link-col--33"), children: col2 }), jsx("div", { className: clsx("ids-footer-inera__link-col", "ids-footer-inera__link-col--33"), children: col3 })] }));
     };
-    return (jsxs("footer", { className: clsx("ids-footer-inera", className), ...props, children: [jsx("div", { className: "ids-footer-inera__inner-wrapper", children: jsxs("div", { className: "ids-footer-inera__inner", children: [jsx("div", { className: "ids-footer-inera__headline-row", children: renderHeadlineElements() }), jsxs("div", { className: "ids-footer-inera__content", children: [jsx("div", { className: "ids-footer-inera__text", children: children }), renderCols()] })] }) }), jsxs("div", { className: "ids-footer-inera__sub-footer", children: [jsx("div", { className: "ids-footer-inera__sub-footer-container", children: jsxs("div", { className: "ids-footer-inera__sub-footer-row", children: [jsx("div", { className: "ids-footer-inera__sub-footer-left", children: subFooterLeft }), jsx("div", { className: "ids-footer-inera__sub-footer-right", children: renderCookieLinks(subFooterRight) }), jsx("div", { className: "ids-footer-inera__mobile-menu", children: mobileMenu }), jsx("div", { className: "ids-footer-inera__mobile-links", children: renderCookieLinks(mobileLinks) })] }) }), jsx("div", { className: "ids-footer-inera__sub-footer-mobile", children: subFooterMobile })] })] }));
+    return (jsxs("footer", { className: clsx("ids-footer-inera", className), ...props, children: [jsx("div", { className: "ids-footer-inera__inner-wrapper", children: jsxs("div", { className: "ids-footer-inera__inner", children: [jsx("div", { className: "ids-footer-inera__headline-wrapper", children: renderHeadline() }), jsxs("div", { className: "ids-footer-inera__content", children: [jsx("div", { className: "ids-footer-inera__text", children: children }), jsx("div", { className: "ids-footer-inera__cols", children: renderCols() })] })] }) }), jsx("div", { className: "ids-footer-inera__mobile-menu", children: mobileMenu }), jsxs("div", { className: "ids-footer-inera__sub-footer", children: [jsx("div", { className: "ids-footer-inera__sub-footer-container", children: jsxs("div", { className: "ids-footer-inera__sub-footer-inner", children: [jsx("div", { className: "ids-footer-inera__sub-footer-left", children: subFooterLeft }), jsx("div", { className: "ids-footer-inera__sub-footer-right", children: subFooterRight }), jsx("div", { className: "ids-footer-inera__mobile-links", children: mobileLinks })] }) }), jsx("div", { className: "ids-footer-inera__sub-footer-mobile", children: jsx("div", { className: "ids-footer-inera__sub-footer-mobile-text", children: subFooterMobile }) })] })] }));
 };
 
 export { IDSFooterInera };

package/components/footer-inera-admin/footer-inera-admin.d.ts

@@ -1,17 +1,13 @@
 import React, { ReactElement, ReactNode } from "react";
-import "@inera/ids-design/components/footer-inera-admin/footer-inera-admin.css";
 import { IDSLinkProps } from "../link/link";
-interface IDSFooterIneraAdminProps extends React.HTMLAttributes<HTMLDivElement> {
+import "@inera/ids-design/components/footer-inera-admin/footer-inera-admin.css";
+interface FooterIneraAdminProps extends React.HTMLAttributes<HTMLDivElement> {
     headline?: string;
     srHeadline?: string;
-    subHeadline?: string;
     cols?: 1 | 2 | 3;
     col1?: ReactElement<IDSLinkProps>[];
     col2?: ReactElement<IDSLinkProps>[];
     col3?: ReactElement<IDSLinkProps>[];
-    col1Size?: string;
-    col2Size?: string;
-    col3Size?: string;
     subFooterLeft?: ReactNode;
     subFooterRight?: ReactNode;
     mobileMenu?: ReactNode;
@@ -19,5 +15,5 @@ interface IDSFooterIneraAdminProps extends React.HTMLAttributes<HTMLDivElement>
     subFooterMobile?: ReactNode;
     children?: ReactNode;
 }
-export declare const IDSFooterIneraAdmin: React.FC<IDSFooterIneraAdminProps>;
+export declare const IDSFooterIneraAdmin: React.FC<FooterIneraAdminProps>;
 export {};

package/components/footer-inera-admin/footer-inera-admin.js

@@ -1,64 +1,24 @@
-"use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import React__default from 'react';
 import clsx from 'clsx';
 import '@inera/ids-design/components/footer-inera-admin/footer-inera-admin.css';
 
-const IDSFooterIneraAdmin = ({ headline = "", srHeadline = "", subHeadline = "", cols = 3, col1 = [], col2 = [], col3 = [], col1Size, col2Size, col3Size, subFooterLeft, subFooterRight, mobileMenu, mobileLinks, subFooterMobile, children, className, ...props }) => {
-    const defaultSizes = {
-        1: { col1Size: "6", col2Size: "6", col3Size: "6" },
-        2: { col1Size: "3", col2Size: "3", col3Size: "3" },
-        3: { col1Size: "2", col2Size: "2", col3Size: "2" }
-    };
-    const resolvedCol1 = col1Size ?? defaultSizes[cols].col1Size;
-    const resolvedCol2 = col2Size ?? defaultSizes[cols].col2Size;
-    const resolvedCol3 = col3Size ?? defaultSizes[cols].col3Size;
-    const getColClass = (size) => `ids-footer-inera-admin__col-size-${size}`;
-    const renderHeadline = () => srHeadline ? (jsxs(Fragment, { children: [jsxs("h1", { className: "ids-footer-inera-admin__headline--sr", children: [srHeadline, jsx("span", { className: "ids-footer-inera-admin__headline--sub", children: subHeadline })] }), jsxs("h1", { "aria-hidden": "true", className: "ids-footer-inera-admin__headline", children: [headline, jsx("span", { className: "ids-footer-inera-admin__headline--sub", children: subHeadline })] })] })) : (jsxs("h1", { className: "ids-footer-inera-admin__headline", children: [headline, jsx("span", { className: "ids-footer-inera-admin__headline--sub", children: subHeadline })] }));
-    const renderCol = (column) => {
-        return column?.map((link, idx) => {
-            if (React__default.isValidElement(link)) {
-                return React__default.cloneElement(link, {
-                    key: `footer-link-${idx}`,
-                    colorPreset: 3,
-                    block: true
-                });
-            }
-            return link;
-        });
+const IDSFooterIneraAdmin = ({ headline = "", srHeadline = "", cols = 3, col1 = [], col2 = [], col3 = [], subFooterLeft, subFooterRight, mobileMenu, mobileLinks, subFooterMobile, children, className, ...props }) => {
+    const renderHeadline = () => {
+        if (srHeadline) {
+            return (jsxs(Fragment, { children: [jsx("h2", { className: "ids-footer-inera-admin__headline--sr", children: srHeadline }), jsx("h2", { "aria-hidden": "true", className: "ids-footer-inera-admin__headline", children: headline })] }));
+        }
+        return jsx("h2", { className: "ids-footer-inera-admin__headline", children: headline });
     };
-    const renderColumns = () => {
+    const renderCols = () => {
         if (cols === 1) {
-            return (jsx("div", { className: clsx("ids-footer-inera-admin__link-col ids-footer-inera-admin__link-col--1", getColClass(resolvedCol1)), children: renderCol(col1) }));
+            return (jsx("div", { className: clsx("ids-footer-inera-admin__link-col", "ids-footer-inera-admin__link-col--100"), children: col1 }));
         }
-        if (cols === 2) {
-            return (jsxs(Fragment, { children: [jsx("div", { className: clsx("ids-footer-inera-admin__link-col ids-footer-inera-admin__link-col--1", getColClass(resolvedCol1)), children: renderCol(col1) }), jsx("div", { className: clsx("ids-footer-inera-admin__link-col ids-footer-inera-admin__link-col--2", getColClass(resolvedCol2)), children: renderCol(col2) })] }));
+        else if (cols === 2) {
+            return (jsxs(Fragment, { children: [jsx("div", { className: clsx("ids-footer-inera-admin__link-col", "ids-footer-inera-admin__link-col--50"), children: col1 }), jsx("div", { className: clsx("ids-footer-inera-admin__link-col", "ids-footer-inera-admin__link-col--50"), children: col2 })] }));
         }
-        return (jsxs(Fragment, { children: [jsx("div", { className: clsx("ids-footer-inera-admin__link-col", getColClass(resolvedCol1)), children: renderCol(col1) }), jsx("div", { className: clsx("ids-footer-inera-admin__link-col", getColClass(resolvedCol2)), children: renderCol(col2) }), jsx("div", { className: clsx("ids-footer-inera-admin__link-col", getColClass(resolvedCol3)), children: renderCol(col3) })] }));
-    };
-    const renderCookieLinks = (content) => {
-        const applyProps = (node, keyPrefix = "") => {
-            if (!node)
-                return null;
-            if (Array.isArray(node)) {
-                return node.map((child, idx) => applyProps(child, `${keyPrefix}-${idx}`));
-            }
-            if (React__default.isValidElement(node)) {
-                if (node.type === React__default.Fragment) {
-                    return (jsx(React__default.Fragment, { children: applyProps(node.props.children, keyPrefix) }, keyPrefix));
-                }
-                return React__default.cloneElement(node, {
-                    key: `footer-sub-footer-right-link-${keyPrefix}`,
-                    colorPreset: 4,
-                    small: true,
-                    ...node.props
-                });
-            }
-            return node;
-        };
-        return applyProps(content, "root");
+        return (jsxs(Fragment, { children: [jsx("div", { className: clsx("ids-footer-inera-admin__link-col", "ids-footer-inera-admin__link-col--33"), children: col1 }), jsx("div", { className: clsx("ids-footer-inera-admin__link-col", "ids-footer-inera-admin__link-col--33"), children: col2 }), jsx("div", { className: clsx("ids-footer-inera-admin__link-col", "ids-footer-inera-admin__link-col--33"), children: col3 })] }));
     };
-    return (jsxs("footer", { className: clsx("ids-footer-inera-admin", className), ...props, children: [jsx("div", { className: "ids-footer-inera-admin__inner-wrapper", children: jsxs("div", { className: "ids-footer-inera-admin__inner", children: [jsx("div", { className: "ids-footer-inera-admin__headline-row", children: renderHeadline() }), jsxs("div", { className: "ids-footer-inera-admin__content", children: [jsx("div", { className: "ids-footer-inera-admin__text", children: children }), renderColumns()] })] }) }), jsxs("div", { className: "ids-footer-inera-admin__sub-footer", children: [jsx("div", { className: "ids-footer-inera-admin__sub-footer-container", children: jsxs("div", { className: "ids-footer-inera-admin__sub-footer-row", children: [jsx("div", { className: "ids-footer-inera-admin__sub-footer-left", children: subFooterLeft }), jsx("div", { className: "ids-footer-inera-admin__sub-footer-right", children: renderCookieLinks(subFooterRight) }), jsx("div", { className: "ids-footer-inera-admin__mobile-menu", children: mobileMenu }), jsx("div", { className: "ids-footer-inera-admin__mobile-links", children: renderCookieLinks(mobileLinks) })] }) }), jsx("div", { className: "ids-footer-inera-admin__sub-footer-mobile", children: subFooterMobile })] })] }));
+    return (jsxs("footer", { className: clsx("ids-footer-inera-admin", className), ...props, children: [jsx("div", { className: "ids-footer-inera-admin__inner-wrapper", children: jsxs("div", { className: "ids-footer-inera-admin__inner", children: [jsx("div", { className: "ids-footer-inera-admin__headline-wrapper", children: renderHeadline() }), jsxs("div", { className: "ids-footer-inera-admin__content", children: [jsx("div", { className: "ids-footer-inera-admin__text", children: children }), jsx("div", { className: "ids-footer-inera-admin__cols", children: renderCols() })] })] }) }), jsx("div", { className: "ids-footer-inera-admin__mobile-menu", children: mobileMenu }), jsxs("div", { className: "ids-footer-inera-admin__sub-footer", children: [jsx("div", { className: "ids-footer-inera-admin__sub-footer-container", children: jsxs("div", { className: "ids-footer-inera-admin__sub-footer-inner", children: [jsx("div", { className: "ids-footer-inera-admin__sub-footer-left", children: subFooterLeft }), jsx("div", { className: "ids-footer-inera-admin__sub-footer-right", children: subFooterRight }), jsx("div", { className: "ids-footer-inera-admin__mobile-links", children: mobileLinks })] }) }), jsxs("div", { className: "ids-footer-inera-admin__sub-footer-mobile", children: [jsxs("div", { className: "ids-footer-inera-admin__sub-footer-mobile-headline-wrapper", children: [jsx("div", { className: "ids-footer-inera-admin__sub-footer-mobile-logo" }), jsx("div", { className: "ids-footer-inera-admin__sub-footer-mobile-headline", children: headline })] }), jsx("div", { className: "ids-footer-inera-admin__sub-footer-mobile-text", children: subFooterMobile })] })] })] }));
 };
 
 export { IDSFooterIneraAdmin };

package/components/form/check-button/check-button.d.ts

@@ -3,6 +3,7 @@ interface IDSCheckButtonProps extends InputHTMLAttributes<HTMLInputElement> {
     disabled?: boolean;
     focusAnchor?: boolean;
     children?: ReactNode;
+    dataTestId?: string;
 }
 export declare const IDSCheckButton: import("react").ForwardRefExoticComponent<IDSCheckButtonProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/components/form/check-button/check-button.js

@@ -4,11 +4,11 @@ import { forwardRef, useRef, useImperativeHandle } from 'react';
 import { useElementId } from '../../utils/hooks/useElementId.js';
 import clsx from 'clsx';
 
-const IDSCheckButton = forwardRef(({ disabled = false, focusAnchor = false, id, children, className, ...props }, ref) => {
+const IDSCheckButton = forwardRef(({ disabled = false, focusAnchor = false, id, children, dataTestId = "", className, ...props }, ref) => {
     const fieldId = useElementId(id);
     const checkButtonRef = useRef(null);
     useImperativeHandle(ref, () => checkButtonRef.current);
-    return (jsxs("div", { className: clsx("ids-check-button", { "ids-check-button--disabled": disabled }, className), children: [jsx("input", { id: fieldId, ref: checkButtonRef, className: clsx("ids-check-button__input", {
+    return (jsxs("div", { className: clsx("ids-check-button", { "ids-check-button--disabled": disabled }, className), "data-testid": dataTestId, children: [jsx("input", { id: fieldId, ref: checkButtonRef, className: clsx("ids-check-button__input", {
                     "ids-focus-anchor": focusAnchor
                 }), type: "checkbox", disabled: disabled, ...props }), jsx("label", { htmlFor: fieldId, className: "ids-check-button__label", children: children })] }));
 });

package/components/form/checkbox/checkbox-group.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode, InputHTMLAttributes, SetStateAction, Dispatch } from "react";
-interface IDSCheckboxGroupProps extends InputHTMLAttributes<HTMLInputElement> {
+interface IDSCheckboxGroupProps extends InputHTMLAttributes<HTMLFieldSetElement> {
     legend?: string;
     errorMsg?: string | ReactNode;
     compact?: boolean;

package/components/form/checkbox/checkbox-group.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import React__default, { useRef, useEffect } from 'react';
+import React, { useRef, useEffect } from 'react';
 import { IDSErrorMessage } from '../error-message/error-message.js';
 import { useElementId } from '../../utils/hooks/useElementId.js';
 import { useGroupValidity } from '../form-hooks/useGroupValidity.js';
 import clsx from 'clsx';
 
-const IDSCheckboxGroup = ({ legend = "", errorMsg = "", compact = false, block = false, noValidation = false, tooltip, children, className, onValidityChange, setCheckedBoxesCount }) => {
+const IDSCheckboxGroup = ({ legend = "", errorMsg = "", compact = false, block = false, noValidation = false, tooltip, children, className, onValidityChange, setCheckedBoxesCount, ...props }) => {
     const groupRef = useRef(null);
     const isValid = useGroupValidity(groupRef, "checkbox", () => {
         onValidityChange?.(false);
@@ -19,9 +19,9 @@ const IDSCheckboxGroup = ({ legend = "", errorMsg = "", compact = false, block =
     useEffect(() => {
         onValidityChange?.(isValid);
     }, [isValid, onValidityChange]);
-    const clonedChildren = React__default.Children.map(children, child => {
-        if (React__default.isValidElement(child) && child.type.displayName === "IDSCheckbox") {
-            return React__default.cloneElement(child, {
+    const clonedChildren = React.Children.map(children, child => {
+        if (React.isValidElement(child) && child.type.displayName === "IDSCheckbox") {
+            return React.cloneElement(child, {
                 key: child.props.id,
                 groupErrorMsgId: errorMsg && errorMsgId,
                 block: block,
@@ -37,7 +37,7 @@ const IDSCheckboxGroup = ({ legend = "", errorMsg = "", compact = false, block =
     });
     return (jsxs("fieldset", { ref: groupRef, className: clsx("ids-form-group__fieldset", {
             "ids-form-group__fieldset--compact": compact
-        }, className), children: [jsxs("legend", { children: [legend, tooltip] }), clonedChildren, !isValid && !!errorMsg && (jsx(IDSErrorMessage, { id: errorMsgId, show: true, compact: true, children: errorMsg }))] }));
+        }, className), ...props, children: [jsxs("legend", { children: [legend, tooltip] }), clonedChildren, !isValid && !!errorMsg && (jsx(IDSErrorMessage, { id: errorMsgId, show: true, compact: true, children: errorMsg }))] }));
 };
 
 export { IDSCheckboxGroup };

package/components/form/checkbox/checkbox.d.ts

@@ -14,5 +14,6 @@ export interface IDSCheckboxProps extends InputHTMLAttributes<HTMLInputElement>
     groupErrorMsgId?: string;
     tooltip?: ReactNode;
     children?: ReactNode;
+    dataTestId?: string;
 }
 export declare const IDSCheckbox: React.ForwardRefExoticComponent<IDSCheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/components/form/checkbox/checkbox.js

@@ -7,7 +7,7 @@ import { useAriaDescribedBy } from '../form-hooks/useAriaDescribedBy.js';
 import { useInputValidity } from '../form-hooks/useInputValidity.js';
 import clsx from 'clsx';
 
-const IDSCheckbox = forwardRef(({ invalid = false, disabled = false, required = false, indeterminate = false, noValidation = false, noLabel = false, light = false, block = false, compact = false, focusAnchor = false, errorMsg = "", groupErrorMsgId = "", tooltip, id, children, className, ...props }, ref) => {
+const IDSCheckbox = forwardRef(({ invalid = false, disabled = false, required = false, indeterminate = false, noValidation = false, noLabel = false, light = false, block = false, compact = false, focusAnchor = false, errorMsg = "", groupErrorMsgId = "", dataTestId = "", tooltip, id, children, className, ...props }, ref) => {
     const internalRef = useRef(null);
     const checkboxRef = ref ?? internalRef;
     const fieldId = useElementId(id);
@@ -38,7 +38,7 @@ const IDSCheckbox = forwardRef(({ invalid = false, disabled = false, required =
             };
         }
     }, [checkboxRef]);
-    return (jsxs("div", { className: clsx("ids-checkbox-component", className), style: { display: "flex", flexDirection: "column", gap: "0.5rem" }, children: [jsxs("div", { className: clsx("ids-checkbox", {
+    return (jsxs("div", { className: clsx("ids-checkbox-component", className), style: { display: "flex", flexDirection: "column", gap: "0.5rem" }, "data-testid": dataTestId, children: [jsxs("div", { className: clsx("ids-checkbox", {
                     "ids-checkbox--light": light,
                     "ids-checkbox--block": block,
                     "ids-checkbox--compact": compact
@@ -47,7 +47,7 @@ const IDSCheckbox = forwardRef(({ invalid = false, disabled = false, required =
                         }), "aria-invalid": isInvalid, disabled: disabled, "aria-disabled": disabled, required: !noValidation && required, "aria-required": !noValidation && required, ...props }), jsxs("div", { className: clsx("ids-label-tooltip-wrapper", {
                             "ids-label-tooltip-wrapper--block": block,
                             "ids-label-tooltip-wrapper--inline": tooltip
-                        }), children: [jsx("label", { htmlFor: fieldId, className: clsx("ds-checkbox__label", {
+                        }), children: [jsx("label", { htmlFor: fieldId, className: clsx("ids-checkbox__label", {
                                     "ids-label--clickable": disabled,
                                     "ids-label--no-label": noLabel
                                 }), children: !noLabel && children }), tooltip] })] }), isInvalid && errorMsg && (jsx(IDSErrorMessage, { id: errorMsgId, show: true, compact: true, children: errorMsg }))] }));

package/components/form/input/input.d.ts

@@ -9,15 +9,13 @@ interface IDSInputProps extends InputHTMLAttributes<HTMLInputElement> {
     disabled?: boolean;
     invalid?: boolean;
     required?: boolean;
-    focusAnchor?: boolean;
     noValidation?: boolean;
-    autoSize?: boolean;
-    block?: boolean;
+    focusAnchor?: boolean;
     light?: boolean;
     readOnly?: boolean;
     tooltip?: ReactNode;
     submitButton?: ReactNode;
-    oldIcon?: ReactNode;
+    dataTestId?: string;
 }
 export declare const IDSInput: React.ForwardRefExoticComponent<IDSInputProps & React.RefAttributes<HTMLInputElement>>;
 export {};