@inera/ids-react 9.3.0 → 9.4.0

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

@@ -1,27 +1,11 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import '@inera/ids-design/components/footer-1177-pro/footer-1177-pro.css';
+import { IDSFooter1177ProColumns } from './footer-1177-pro-columns.js';
+import { IDSFooter1177ProHeadline } from './footer-1177-pro-headline.js';
 
 function IDSFooter1177Pro({ headline = "", srHeadline = "", mobileHeadline = "", col1, col2, col3, toggle, 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 = () => {
-        if (!!col1 && !col2 && !col3) {
-            return (jsxs("div", { className: clsx("ids-footer-1177-pro__link-col", "ids-footer-1177-pro__link-col--100"), children: [col1Headline, col1] }));
-        }
-        else if (!!col1 && !!col2 && !col3) {
-            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] })] }));
-        }
-        else if (!!col1 && !!col2 && !!col3) {
-            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 null;
-    };
-    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: [jsxs("div", { className: "ids-footer-1177-pro__text", children: [children, toggle && jsx("div", { className: "ids-footer-1177-pro__darkmode-toggle", children: toggle })] }), 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: mobileHeadline })] }), jsx("div", { className: "ids-footer-1177-pro__sub-footer-mobile-text", children: subFooterMobile })] })] })] }));
+    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: jsx(IDSFooter1177ProHeadline, { headline: headline, srHeadline: srHeadline }) }), jsxs("div", { className: "ids-footer-1177-pro__content", children: [jsxs("div", { className: "ids-footer-1177-pro__text", children: [children, toggle && jsx("div", { className: "ids-footer-1177-pro__darkmode-toggle", children: toggle })] }), jsx("div", { className: "ids-footer-1177-pro__cols", children: jsx(IDSFooter1177ProColumns, { col1: col1, col2: col2, col3: col3, col1Headline: col1Headline, col2Headline: col2Headline, col3Headline: col3Headline }) })] })] }) }), 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: mobileHeadline })] }), jsx("div", { className: "ids-footer-1177-pro__sub-footer-mobile-text", children: subFooterMobile })] })] })] }));
 }
 IDSFooter1177Pro.displayName = "IDSFooter1177Pro";
 

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

@@ -0,0 +1,10 @@
+import React, { ReactNode } from "react";
+export interface FooterIneraColumnsProps extends React.HTMLAttributes<HTMLDivElement> {
+    col1?: ReactNode;
+    col2?: ReactNode;
+    col3?: ReactNode;
+}
+export declare function IDSFooterIneraColumns({ col1, col2, col3 }: FooterIneraColumnsProps): React.JSX.Element;
+export declare namespace IDSFooterIneraColumns {
+    var displayName: string;
+}

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

@@ -0,0 +1,18 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import clsx from 'clsx';
+
+function IDSFooterIneraColumns({ col1, col2, col3 }) {
+    if (!!col1 && !col2 && !col3) {
+        return jsx("div", { className: clsx("ids-footer-inera__link-col", "ids-footer-inera__link-col--100"), children: col1 });
+    }
+    else if (!!col1 && !!col2 && !col3) {
+        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 })] }));
+    }
+    else if (!!col1 && !!col2 && !!col3) {
+        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 null;
+}
+IDSFooterIneraColumns.displayName = "IDSFooterIneraColumns";
+
+export { IDSFooterIneraColumns };

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

@@ -0,0 +1,9 @@
+import React from "react";
+export interface FooterIneraHeadlineProps extends React.HTMLAttributes<HTMLDivElement> {
+    headline?: string;
+    srHeadline?: string;
+}
+export declare function IDSFooterIneraHeadline({ headline, srHeadline }: FooterIneraHeadlineProps): React.JSX.Element;
+export declare namespace IDSFooterIneraHeadline {
+    var displayName: string;
+}

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

@@ -0,0 +1,11 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function IDSFooterIneraHeadline({ headline = "", srHeadline = "" }) {
+    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 });
+}
+IDSFooterIneraHeadline.displayName = "IDSFooterIneraHeadline";
+
+export { IDSFooterIneraHeadline };

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

@@ -14,7 +14,7 @@ interface FooterIneraProps extends React.HTMLAttributes<HTMLDivElement> {
     subFooterMobile?: ReactNode;
     children?: ReactNode;
 }
-export declare function IDSFooterInera({ headline, srHeadline, col1, col2, col3, toggle, subFooterLeft, subFooterRight, mobileMenu, mobileLinks, subFooterMobile, children, className, ...props }: FooterIneraProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSFooterInera({ headline, srHeadline, col1, col2, col3, toggle, subFooterLeft, subFooterRight, mobileMenu, mobileLinks, subFooterMobile, children, className, ...props }: FooterIneraProps): React.JSX.Element;
 export declare namespace IDSFooterInera {
     var displayName: string;
 }

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

@@ -1,27 +1,11 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import '@inera/ids-design/components/footer-inera/footer-inera.css';
+import { IDSFooterIneraColumns } from './footer-inera-columns.js';
+import { IDSFooterIneraHeadline } from './footer-inera-headline.js';
 
 function IDSFooterInera({ headline = "", srHeadline = "", col1, col2, col3, toggle, 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 (!!col1 && !col2 && !col3) {
-            return jsx("div", { className: clsx("ids-footer-inera__link-col", "ids-footer-inera__link-col--100"), children: col1 });
-        }
-        else if (!!col1 && !!col2 && !col3) {
-            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 })] }));
-        }
-        else if (!!col1 && !!col2 && !!col3) {
-            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 null;
-    };
-    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: [jsxs("div", { className: "ids-footer-inera__text", children: [children, toggle && jsx("div", { className: "ids-footer-inera__darkmode-toggle", children: toggle })] }), 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 }) })] })] }));
+    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: jsx(IDSFooterIneraHeadline, { headline: headline, srHeadline: srHeadline }) }), jsxs("div", { className: "ids-footer-inera__content", children: [jsxs("div", { className: "ids-footer-inera__text", children: [children, toggle && jsx("div", { className: "ids-footer-inera__darkmode-toggle", children: toggle })] }), jsx("div", { className: "ids-footer-inera__cols", children: jsx(IDSFooterIneraColumns, { col1: col1, col2: col2, col3: col3 }) })] })] }) }), 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 }) })] })] }));
 }
 IDSFooterInera.displayName = "IDSFooterInera";
 

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

@@ -0,0 +1,10 @@
+import React, { ReactNode } from "react";
+export interface IDSFooterIneraAdminColumnsProps extends React.HTMLAttributes<HTMLDivElement> {
+    col1?: ReactNode;
+    col2?: ReactNode;
+    col3?: ReactNode;
+}
+export declare function IDSFooterIneraAdminColumns({ col1, col2, col3 }: IDSFooterIneraAdminColumnsProps): React.JSX.Element;
+export declare namespace IDSFooterIneraAdminColumns {
+    var displayName: string;
+}

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

@@ -0,0 +1,18 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import clsx from 'clsx';
+
+function IDSFooterIneraAdminColumns({ col1, col2, col3 }) {
+    if (!!col1 && !col2 && !col3) {
+        return jsx("div", { className: clsx("ids-footer-inera-admin__link-col", "ids-footer-inera-admin__link-col--100"), children: col1 });
+    }
+    else if (!!col1 && !!col2 && !col3) {
+        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 })] }));
+    }
+    else if (!!col1 && !!col2 && !!col3) {
+        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 null;
+}
+IDSFooterIneraAdminColumns.displayName = "IDSFooterIneraAdminColumns";
+
+export { IDSFooterIneraAdminColumns };

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

@@ -0,0 +1,9 @@
+import React from "react";
+export interface FooterIneraAdminHeadlineProps extends React.HTMLAttributes<HTMLDivElement> {
+    headline?: string;
+    srHeadline?: string;
+}
+export declare function IDSFooterIneraAdminHeadline({ headline, srHeadline }: FooterIneraAdminHeadlineProps): React.JSX.Element;
+export declare namespace IDSFooterIneraAdminHeadline {
+    var displayName: string;
+}

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

@@ -0,0 +1,11 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function IDSFooterIneraAdminHeadline({ headline = "", srHeadline = "" }) {
+    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 });
+}
+IDSFooterIneraAdminHeadline.displayName = "IDSFooterIneraAdminHeadline";
+
+export { IDSFooterIneraAdminHeadline };

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

@@ -14,7 +14,7 @@ interface FooterIneraAdminProps extends React.HTMLAttributes<HTMLDivElement> {
     subFooterMobile?: ReactNode;
     children?: ReactNode;
 }
-export declare function IDSFooterIneraAdmin({ headline, srHeadline, col1, col2, col3, toggle, subFooterLeft, subFooterRight, mobileMenu, mobileLinks, subFooterMobile, children, className, ...props }: FooterIneraAdminProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSFooterIneraAdmin({ headline, srHeadline, col1, col2, col3, toggle, subFooterLeft, subFooterRight, mobileMenu, mobileLinks, subFooterMobile, children, className, ...props }: FooterIneraAdminProps): React.JSX.Element;
 export declare namespace IDSFooterIneraAdmin {
     var displayName: string;
 }

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

@@ -1,27 +1,11 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import '@inera/ids-design/components/footer-inera-admin/footer-inera-admin.css';
+import { IDSFooterIneraAdminColumns } from './footer-inera-admin-columns.js';
+import { IDSFooterIneraAdminHeadline } from './footer-inera-admin-headline.js';
 
 function IDSFooterIneraAdmin({ headline = "", srHeadline = "", col1, col2, col3, toggle, 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 renderCols = () => {
-        if (!!col1 && !col2 && !col3) {
-            return (jsx("div", { className: clsx("ids-footer-inera-admin__link-col", "ids-footer-inera-admin__link-col--100"), children: col1 }));
-        }
-        else if (!!col1 && !!col2 && !col3) {
-            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 })] }));
-        }
-        else if (!!col1 && !!col2 && !!col3) {
-            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 null;
-    };
-    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: [jsxs("div", { className: "ids-footer-inera-admin__text", children: [children, toggle && jsx("div", { className: "ids-footer-inera-admin__darkmode-toggle", children: toggle })] }), 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 })] }) }), jsx("div", { className: "ids-footer-inera-admin__sub-footer-mobile", children: jsx("div", { className: "ids-footer-inera-admin__sub-footer-mobile-text", 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: jsx(IDSFooterIneraAdminHeadline, { headline: headline, srHeadline: srHeadline }) }), jsxs("div", { className: "ids-footer-inera-admin__content", children: [jsxs("div", { className: "ids-footer-inera-admin__text", children: [children, toggle && jsx("div", { className: "ids-footer-inera-admin__darkmode-toggle", children: toggle })] }), jsx("div", { className: "ids-footer-inera-admin__cols", children: jsx(IDSFooterIneraAdminColumns, { col1: col1, col2: col2, col3: col3 }) })] })] }) }), 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 })] }) }), jsx("div", { className: "ids-footer-inera-admin__sub-footer-mobile", children: jsx("div", { className: "ids-footer-inera-admin__sub-footer-mobile-text", children: subFooterMobile }) })] })] }));
 }
 IDSFooterIneraAdmin.displayName = "IDSFooterIneraAdmin";
 

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

@@ -0,0 +1,10 @@
+import React, { ReactNode } from "react";
+export interface IDSFooterIneraGeneralColumnsProps extends React.HTMLAttributes<HTMLDivElement> {
+    col1?: ReactNode;
+    col2?: ReactNode;
+    col3?: ReactNode;
+}
+export declare function IDSFooterIneraGeneralColumns({ col1, col2, col3 }: IDSFooterIneraGeneralColumnsProps): React.JSX.Element;
+export declare namespace IDSFooterIneraGeneralColumns {
+    var displayName: string;
+}

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

@@ -0,0 +1,18 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import clsx from 'clsx';
+
+function IDSFooterIneraGeneralColumns({ col1, col2, col3 }) {
+    if (!!col1 && !col2 && !col3) {
+        return (jsx("div", { className: clsx("ids-footer-inera-general__link-col", "ids-footer-inera-general__link-col--100"), children: col1 }));
+    }
+    else if (!!col1 && !!col2 && !col3) {
+        return (jsxs(Fragment, { children: [jsx("div", { className: clsx("ids-footer-inera-general__link-col", "ids-footer-inera-general__link-col--50"), children: col1 }), jsx("div", { className: clsx("ids-footer-inera-general__link-col", "ids-footer-inera-general__link-col--50"), children: col2 })] }));
+    }
+    else if (!!col1 && !!col2 && !!col3) {
+        return (jsxs(Fragment, { children: [jsx("div", { className: clsx("ids-footer-inera-general__link-col", "ids-footer-inera-general__link-col--33"), children: col1 }), jsx("div", { className: clsx("ids-footer-inera-general__link-col", "ids-footer-inera-general__link-col--33"), children: col2 }), jsx("div", { className: clsx("ids-footer-inera-general__link-col", "ids-footer-inera-general__link-col--33"), children: col3 })] }));
+    }
+    return null;
+}
+IDSFooterIneraGeneralColumns.displayName = "IDSFooterIneraGeneralColumns";
+
+export { IDSFooterIneraGeneralColumns };

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

@@ -0,0 +1,9 @@
+import React from "react";
+export interface FooterIneraGeneralHeadlineProps extends React.HTMLAttributes<HTMLDivElement> {
+    headline?: string;
+    srHeadline?: string;
+}
+export declare function IDSFooterIneraGeneralHeadline({ headline, srHeadline }: FooterIneraGeneralHeadlineProps): React.JSX.Element;
+export declare namespace IDSFooterIneraGeneralHeadline {
+    var displayName: string;
+}

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

@@ -0,0 +1,11 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function IDSFooterIneraGeneralHeadline({ headline = "", srHeadline = "" }) {
+    if (srHeadline) {
+        return (jsxs(Fragment, { children: [jsx("h2", { className: "ids-footer-inera-general__headline--sr", children: srHeadline }), jsx("h2", { "aria-hidden": "true", className: "ids-footer-inera-general__headline", children: headline })] }));
+    }
+    return jsx("h2", { className: "ids-footer-inera-general__headline", children: headline });
+}
+IDSFooterIneraGeneralHeadline.displayName = "IDSFooterIneraGeneralHeadline";
+
+export { IDSFooterIneraGeneralHeadline };

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

@@ -14,7 +14,7 @@ interface FooterIneraGeneralProps extends React.HTMLAttributes<HTMLDivElement> {
     subFooterMobile?: ReactNode;
     children?: ReactNode;
 }
-export declare function IDSFooterIneraGeneral({ headline, srHeadline, col1, col2, col3, toggle, subFooterLeft, subFooterRight, mobileMenu, mobileLinks, subFooterMobile, children, className, ...props }: FooterIneraGeneralProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSFooterIneraGeneral({ headline, srHeadline, col1, col2, col3, toggle, subFooterLeft, subFooterRight, mobileMenu, mobileLinks, subFooterMobile, children, className, ...props }: FooterIneraGeneralProps): React.JSX.Element;
 export declare namespace IDSFooterIneraGeneral {
     var displayName: string;
 }

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

@@ -1,27 +1,11 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import '@inera/ids-design/components/footer-inera-general/footer-inera-general.css';
+import { IDSFooterIneraGeneralColumns } from './footer-inera-general-columns.js';
+import { IDSFooterIneraGeneralHeadline } from './footer-inera-general-headline.js';
 
 function IDSFooterIneraGeneral({ headline = "", srHeadline = "", col1, col2, col3, toggle, subFooterLeft, subFooterRight, mobileMenu, mobileLinks, subFooterMobile, children, className, ...props }) {
-    const renderHeadline = () => {
-        if (srHeadline) {
-            return (jsxs(Fragment, { children: [jsx("h2", { className: "ids-footer-inera-general__headline--sr", children: srHeadline }), jsx("h2", { "aria-hidden": "true", className: "ids-footer-inera-general__headline", children: headline })] }));
-        }
-        return jsx("h2", { className: "ids-footer-inera-general__headline", children: headline });
-    };
-    const renderCols = () => {
-        if (!!col1 && !col2 && !col3) {
-            return jsx("div", { className: clsx("ids-footer-inera-general__link-col", "ids-footer-inera-general__link-col--100"), children: col1 });
-        }
-        else if (!!col1 && !!col2 && !col3) {
-            return (jsxs(Fragment, { children: [jsx("div", { className: clsx("ids-footer-inera-general__link-col", "ids-footer-inera-general__link-col--50"), children: col1 }), jsx("div", { className: clsx("ids-footer-inera-general__link-col", "ids-footer-inera-general__link-col--50"), children: col2 })] }));
-        }
-        else if (!!col1 && !!col2 && !!col3) {
-            return (jsxs(Fragment, { children: [jsx("div", { className: clsx("ids-footer-inera-general__link-col", "ids-footer-inera-general__link-col--33"), children: col1 }), jsx("div", { className: clsx("ids-footer-inera-general__link-col", "ids-footer-inera-general__link-col--33"), children: col2 }), jsx("div", { className: clsx("ids-footer-inera-general__link-col", "ids-footer-inera-general__link-col--33"), children: col3 })] }));
-        }
-        return null;
-    };
-    return (jsxs("footer", { className: clsx("ids-footer-inera-general", className), ...props, children: [jsx("div", { className: "ids-footer-inera-general__inner-wrapper", children: jsxs("div", { className: "ids-footer-inera-general__inner", children: [jsx("div", { className: "ids-footer-inera-general__headline-wrapper", children: renderHeadline() }), jsxs("div", { className: "ids-footer-inera-general__content", children: [jsxs("div", { className: "ids-footer-inera-general__text", children: [children, toggle && jsx("div", { className: "ids-footer-inera-general__darkmode-toggle", children: toggle })] }), jsx("div", { className: "ids-footer-inera-general__cols", children: renderCols() })] })] }) }), jsx("div", { className: "ids-footer-inera-general__mobile-menu", children: mobileMenu }), jsxs("div", { className: "ids-footer-inera-general__sub-footer", children: [jsx("div", { className: "ids-footer-inera-general__sub-footer-container", children: jsxs("div", { className: "ids-footer-inera-general__sub-footer-inner", children: [jsx("div", { className: "ids-footer-inera-general__sub-footer-left", children: subFooterLeft }), jsx("div", { className: "ids-footer-inera-general__sub-footer-right", children: subFooterRight }), jsx("div", { className: "ids-footer-inera-general__mobile-links", children: mobileLinks })] }) }), jsx("div", { className: "ids-footer-inera-general__sub-footer-mobile", children: jsx("div", { className: "ids-footer-inera-general__sub-footer-mobile-text", children: subFooterMobile }) })] })] }));
+    return (jsxs("footer", { className: clsx("ids-footer-inera-general", className), ...props, children: [jsx("div", { className: "ids-footer-inera-general__inner-wrapper", children: jsxs("div", { className: "ids-footer-inera-general__inner", children: [jsx("div", { className: "ids-footer-inera-general__headline-wrapper", children: jsx(IDSFooterIneraGeneralHeadline, { headline: headline, srHeadline: srHeadline }) }), jsxs("div", { className: "ids-footer-inera-general__content", children: [jsxs("div", { className: "ids-footer-inera-general__text", children: [children, toggle && jsx("div", { className: "ids-footer-inera-general__darkmode-toggle", children: toggle })] }), jsx("div", { className: "ids-footer-inera-general__cols", children: jsx(IDSFooterIneraGeneralColumns, { col1: col1, col2: col2, col3: col3 }) })] })] }) }), jsx("div", { className: "ids-footer-inera-general__mobile-menu", children: mobileMenu }), jsxs("div", { className: "ids-footer-inera-general__sub-footer", children: [jsx("div", { className: "ids-footer-inera-general__sub-footer-container", children: jsxs("div", { className: "ids-footer-inera-general__sub-footer-inner", children: [jsx("div", { className: "ids-footer-inera-general__sub-footer-left", children: subFooterLeft }), jsx("div", { className: "ids-footer-inera-general__sub-footer-right", children: subFooterRight }), jsx("div", { className: "ids-footer-inera-general__mobile-links", children: mobileLinks })] }) }), jsx("div", { className: "ids-footer-inera-general__sub-footer-mobile", children: jsx("div", { className: "ids-footer-inera-general__sub-footer-mobile-text", children: subFooterMobile }) })] })] }));
 }
 IDSFooterIneraGeneral.displayName = "IDSFooterIneraGeneral";
 

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

@@ -11,7 +11,7 @@ export interface IDSCheckboxGroupBaseProps extends InputHTMLAttributes<HTMLField
     groupRef?: React.Ref<HTMLFieldSetElement>;
     subtitle?: string | ReactNode;
 }
-export declare function IDSCheckboxGroupBase({ legend, errorMsg, subtitle, compact, hideLegend, tooltip, children, className, invalid, errorMsgId, groupRef, ...props }: IDSCheckboxGroupBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSCheckboxGroupBase({ legend, errorMsg, subtitle, compact, hideLegend, tooltip, children, className, invalid, errorMsgId, groupRef, ...props }: IDSCheckboxGroupBaseProps): React.JSX.Element;
 export declare namespace IDSCheckboxGroupBase {
     var displayName: string;
 }

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

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes, ReactNode } from "react";
+import React, { InputHTMLAttributes, ReactNode } from "react";
 export interface IDSCheckboxGroupProps extends InputHTMLAttributes<HTMLFieldSetElement> {
     legend?: string;
     errorMsg?: string | ReactNode;
@@ -12,7 +12,7 @@ export interface IDSCheckboxGroupProps extends InputHTMLAttributes<HTMLFieldSetE
     children?: ReactNode;
     onValidityChange?: (isValid: boolean) => void;
 }
-export declare function IDSCheckboxGroup({ errorMsg, block, invalid, subtitle, noValidation, onValidityChange, children, ...props }: IDSCheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSCheckboxGroup({ errorMsg, block, invalid, subtitle, noValidation, onValidityChange, children, ...props }: IDSCheckboxGroupProps): React.JSX.Element;
 export declare namespace IDSCheckboxGroup {
     var displayName: string;
 }

package/components/form/datepicker/datepicker.d.ts

@@ -29,7 +29,7 @@ export interface IDSDatePickerProps extends Omit<React.InputHTMLAttributes<HTMLI
     onClose?: () => void;
     onDayClick?: (date: Date, modifiers: Modifiers, e: React.MouseEvent) => void;
 }
-export declare function IDSDatePicker({ label, id, value, light, placeholder, subtitle, dataTestId, errorMsg, missingDateErrorMsg, invalidDateErrorMsg, calendarHeader, srOpenText, srCloseText, validationOnBlur, defaultMonth, startMonth, endMonth, noValidation, disabled, required, invalid, readOnly, tooltip, disableNavigation, modifiers, focusedDay, onChange, onFocus, onBlur, onOpen, onClose, onDayClick, className, ...props }: IDSDatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSDatePicker({ label, id, value, light, placeholder, subtitle, dataTestId, errorMsg, missingDateErrorMsg, invalidDateErrorMsg, calendarHeader, srOpenText, srCloseText, validationOnBlur, defaultMonth, startMonth, endMonth, noValidation, disabled, required, invalid, readOnly, tooltip, disableNavigation, modifiers, focusedDay, onChange, onFocus, onBlur, onOpen, onClose, onDayClick, className, ...props }: IDSDatePickerProps): React.JSX.Element;
 export declare namespace IDSDatePicker {
     var displayName: string;
 }

package/components/form/datepicker/datepicker.js

@@ -4,7 +4,7 @@ import { getWeek, isValid, format, subMonths, addMonths } from 'date-fns';
 import { sv } from 'react-day-picker/locale';
 import clsx from 'clsx';
 import { IDSErrorMessage } from '../error-message/error-message.js';
-import { DayPicker, WeekNumberHeader, MonthsDropdown, YearsDropdown, useDayPicker, DropdownNav } from 'react-day-picker';
+import { DayPicker, YearsDropdown, MonthsDropdown, WeekNumberHeader, useDayPicker, DropdownNav } from 'react-day-picker';
 import { useFocusTrap } from '../../utils/hooks/useFocusTrap.js';
 import { useAriaDescribedBy } from '../form-hooks/useAriaDescribedBy.js';
 import { useClickOutside } from '../../utils/hooks/useClickOutside.js';

package/components/form/error-message/error-message.d.ts

@@ -5,7 +5,7 @@ interface IDSErrorMessageProps extends React.HTMLAttributes<HTMLDivElement> {
     compact?: boolean;
     children?: ReactNode;
 }
-export declare function IDSErrorMessage({ show, compact, id, children, className, ...props }: IDSErrorMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSErrorMessage({ show, compact, id, children, className, ...props }: IDSErrorMessageProps): React.JSX.Element;
 export declare namespace IDSErrorMessage {
     var displayName: string;
 }

package/components/form/form-hooks/useAriaDescribedBy.js

@@ -12,10 +12,7 @@ function useAriaDescribedBy(ref, errorMsgId, invalid, hasErrorMsg, hasHint, hint
                 }
             }
             else {
-                if (hasHint) {
-                    inputEl.setAttribute("aria-describedby", hintId);
-                }
-                else {
+                {
                     inputEl.removeAttribute("aria-describedby");
                 }
             }

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

@@ -12,7 +12,7 @@ export interface IDSInputBaseProps extends React.InputHTMLAttributes<HTMLInputEl
     icon?: string;
     clearButton?: ReactNode;
 }
-export declare function IDSInputBase({ label, type, icon, clearButton, hint, unit, subtitle, showSearchLabel, errorMsg, dataTestId, disabled, invalid, required, focusAnchor, light, readOnly, tooltip, submitButton, className, id, hintId, errorMsgId, inputRef, ...props }: IDSInputBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSInputBase({ label, type, icon, clearButton, hint, unit, subtitle, showSearchLabel, errorMsg, dataTestId, disabled, invalid, required, focusAnchor, light, readOnly, tooltip, submitButton, className, id, hintId, errorMsgId, inputRef, ...props }: IDSInputBaseProps): React.JSX.Element;
 export declare namespace IDSInputBase {
     var displayName: string;
 }

package/components/form/input/input-base.js

@@ -26,7 +26,7 @@ function IDSInputBase({ label, type = "text", icon, clearButton, hint, unit, sub
                                     "ids-label-wrapper--sr-only": type === "search" && !showSearchLabel
                                 }), children: [jsx("label", { className: clsx("ids-label", {
                                             "ids-label--sr-only": type === "search" && !showSearchLabel
-                                        }), htmlFor: inputId, children: label }), tooltip && jsx("span", { className: "ids-label__tooltip", children: tooltip })] })), subtitle && jsx("div", { className: "ids-subtitle", children: subtitle }), jsxs("div", { className: "ids-input__input-wrapper", children: [type === "search" && jsx("span", { className: "ids-input__search-icon" }), jsx("input", { ref: inputRef, id: inputId, type: type, readOnly: readOnly, className: clsx("ids-input__input", {
+                                        }), htmlFor: inputId, children: label }), tooltip && jsx("span", { className: "ids-label__tooltip", children: tooltip })] })), subtitle && jsx("div", { className: "ids-subtitle", children: subtitle }), jsxs("div", { className: "ids-input__input-wrapper", children: [type === "search" && jsx("span", { className: "ids-input__search-icon", "aria-hidden": "true" }), jsx("input", { ref: inputRef, id: inputId, type: type, readOnly: readOnly, className: clsx("ids-input__input", {
                                             "ids-input--light": light,
                                             "ids-input--invalid": invalid,
                                             "ids-focus-anchor": focusAnchor

package/components/form/radio/radio-base.d.ts

@@ -4,7 +4,7 @@ interface IDSRadioBaseProps extends React.InputHTMLAttributes<HTMLInputElement>,
     errorMsgId?: string;
     inputRef?: React.Ref<HTMLInputElement>;
 }
-export declare function IDSRadioBase({ id, name, light, disabled, focusAnchor, tooltip, dataTestId, children, className, inputRef, invalid, errorMsgId, ...props }: IDSRadioBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSRadioBase({ id, name, light, disabled, focusAnchor, tooltip, dataTestId, children, className, inputRef, invalid, errorMsgId, ...props }: IDSRadioBaseProps): React.JSX.Element;
 export declare namespace IDSRadioBase {
     var displayName: string;
 }

package/components/form/radio/radio-group-base.d.ts

@@ -11,7 +11,7 @@ interface IDSRadioGroupBaseProps extends FieldsetHTMLAttributes<HTMLFieldSetElem
     errorMsgId?: string;
     groupRef?: React.Ref<HTMLFieldSetElement>;
 }
-export declare function IDSRadioGroupBase({ legend, hideLegend, errorMsg, errorMsgId, compact, required, tooltip, subtitle, className, children, invalid, groupRef, ...props }: IDSRadioGroupBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSRadioGroupBase({ legend, hideLegend, errorMsg, errorMsgId, compact, required, tooltip, subtitle, className, children, invalid, groupRef, ...props }: IDSRadioGroupBaseProps): React.JSX.Element;
 export declare namespace IDSRadioGroupBase {
     var displayName: string;
 }

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

@@ -1,4 +1,4 @@
-import { ChangeEvent, ReactNode, FieldsetHTMLAttributes } from "react";
+import React, { ChangeEvent, ReactNode, FieldsetHTMLAttributes } from "react";
 interface IDSRadioGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
     name?: string;
     legend?: string;
@@ -12,7 +12,7 @@ interface IDSRadioGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetElement>
     noValidation?: boolean;
     onRadioChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 }
-export declare function IDSRadioGroup({ name, required, noValidation, invalid, errorMsg, subtitle, children, onRadioChange, ...props }: IDSRadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSRadioGroup({ name, required, noValidation, invalid, errorMsg, subtitle, children, onRadioChange, ...props }: IDSRadioGroupProps): React.JSX.Element;
 export declare namespace IDSRadioGroup {
     var displayName: string;
 }

package/components/form/radio-button/radio-button-group-base.d.ts

@@ -5,7 +5,7 @@ export interface IDSRadioButtonGroupBaseProps extends InputHTMLAttributes<HTMLFi
     tooltip?: ReactNode;
     groupRef?: React.Ref<HTMLFieldSetElement>;
 }
-export declare function IDSRadioButtonGroupBase({ legend, groupRef, tooltip, children, className, ...props }: IDSRadioButtonGroupBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSRadioButtonGroupBase({ legend, groupRef, tooltip, children, className, ...props }: IDSRadioButtonGroupBaseProps): import("react").JSX.Element;
 export declare namespace IDSRadioButtonGroupBase {
     var displayName: string;
 }

package/components/form/radio-button/radio-button-group.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode, ChangeEvent, InputHTMLAttributes } from "react";
+import React from "react";
 interface IDSRadioButtonGroupProps extends InputHTMLAttributes<HTMLFieldSetElement> {
     name: string;
     legend?: string;
@@ -6,7 +7,7 @@ interface IDSRadioButtonGroupProps extends InputHTMLAttributes<HTMLFieldSetEleme
     children?: ReactNode;
     onRadioChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 }
-export declare function IDSRadioButtonGroup({ name, legend, tooltip, children, onRadioChange, className, ...props }: IDSRadioButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSRadioButtonGroup({ name, legend, tooltip, children, onRadioChange, className, ...props }: IDSRadioButtonGroupProps): React.JSX.Element;
 export declare namespace IDSRadioButtonGroup {
     var displayName: string;
 }

package/components/form/range/range-base.d.ts

@@ -10,7 +10,7 @@ export interface IDSRangeBaseProps extends React.InputHTMLAttributes<HTMLInputEl
     inputRef?: Ref<HTMLInputElement>;
     style?: CSSProperties;
 }
-export declare function IDSRangeBase({ id, label, showTicks, ticks, disabled, focusAnchor, dataTestId, tooltip, valueNow, min, max, step, inputRef, style, className, subtitle, ...props }: IDSRangeBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSRangeBase({ id, label, showTicks, ticks, disabled, focusAnchor, dataTestId, tooltip, valueNow, min, max, step, inputRef, style, className, subtitle, ...props }: IDSRangeBaseProps): import("react").JSX.Element;
 export declare namespace IDSRangeBase {
     var displayName: string;
 }

package/components/form/select/select-base.d.ts

@@ -5,7 +5,7 @@ export interface IDSSelectBaseProps extends React.SelectHTMLAttributes<HTMLSelec
     errorMsgId?: string;
     style?: CSSProperties;
 }
-export declare function IDSSelectBase({ id, label, errorMsgId, errorMsg, invalid, readOnly, disabled, required, light, focusAnchor, tooltip, children, className, selectRef, dataTestId, style, subtitle, ...props }: IDSSelectBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSSelectBase({ id, label, errorMsgId, errorMsg, invalid, readOnly, disabled, required, light, focusAnchor, tooltip, children, className, selectRef, dataTestId, style, subtitle, ...props }: IDSSelectBaseProps): import("react").JSX.Element;
 export declare namespace IDSSelectBase {
     var displayName: string;
 }

package/components/form/select-multiple/select-multiple-base.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties } from "react";
 import { CommonFormPropsWithReadOnly } from "../form-props/form-props";
-export interface IDSSelectMultipleBaseProps extends React.InputHTMLAttributes<HTMLInputElement>, CommonFormPropsWithReadOnly {
+export interface IDSSelectMultipleBaseProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonFormPropsWithReadOnly {
     expanded?: boolean;
     placeholder?: string;
     numbCheckedBoxes?: number;
@@ -14,7 +14,7 @@ export interface IDSSelectMultipleBaseProps extends React.InputHTMLAttributes<HT
     client?: boolean;
     style?: CSSProperties;
 }
-export declare function IDSSelectMultipleBase({ id, label, placeholder, numbCheckedBoxes, selectedLabel, selectedLabelPlural, expanded, maxHeight, tooltip, subtitle, componentRef, buttonRef, invalid, disabled, readOnly, ariaDisabled, light, focusAnchor, className, children, style, onClick, client }: IDSSelectMultipleBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSSelectMultipleBase({ id, label, placeholder, numbCheckedBoxes, selectedLabel, selectedLabelPlural, expanded, maxHeight, tooltip, subtitle, componentRef, buttonRef, invalid, disabled, readOnly, ariaDisabled, light, focusAnchor, className, children, style, onClick, client, ...props }: IDSSelectMultipleBaseProps): import("react").JSX.Element;
 export declare namespace IDSSelectMultipleBase {
     var displayName: string;
 }

package/components/form/select-multiple/select-multiple-base.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useId } from 'react';
 import clsx from 'clsx';
 
-function IDSSelectMultipleBase({ id, label, placeholder, numbCheckedBoxes, selectedLabel = "vald", selectedLabelPlural = "valda", expanded, maxHeight = "", tooltip, subtitle, componentRef, buttonRef, invalid, disabled, readOnly, ariaDisabled, light, focusAnchor, className, children, style, onClick, client = false }) {
+function IDSSelectMultipleBase({ id, label, placeholder, numbCheckedBoxes, selectedLabel = "vald", selectedLabelPlural = "valda", expanded, maxHeight = "", tooltip, subtitle, componentRef, buttonRef, invalid, disabled, readOnly, ariaDisabled, light, focusAnchor, className, children, style, onClick, client = false, ...props }) {
     const reactId = useId();
     const labelId = `select-multiple-base-label-${reactId}`;
     const dropdownId = `select-multiple-base-dropdown-${reactId}`;
@@ -19,7 +19,7 @@ function IDSSelectMultipleBase({ id, label, placeholder, numbCheckedBoxes, selec
     return (jsxs("div", { className: clsx("ids-select-multiple", className), ref: componentRef, style: style, children: [label && (jsxs("div", { className: "ids-label-wrapper ids-label-wrapper--margin-bottom", children: [jsx("label", { id: labelId, className: "ids-label", children: label }), tooltip && jsx("span", { className: "ids-label__tooltip", children: tooltip })] })), subtitle && jsx("div", { className: "ids-subtitle", children: subtitle }), jsx("div", { className: "ids-select-multiple__select-wrapper", children: jsx("button", { ref: buttonRef, id: id, "aria-labelledby": labelId, type: "button", "aria-haspopup": "dialog", "aria-controls": dropdownId, className: clsx("ids-select-multiple__select", {
                         "ids-input--light": light,
                         "ids-focus-anchor": focusAnchor
-                    }), disabled: disabled, "aria-disabled": ariaDisabled || readOnly || undefined, "aria-expanded": expanded, "aria-invalid": invalid, ...clickHandler, children: displayedValue }) }), jsx("div", { className: "ids-select-multiple__dropdown-wrapper", id: dropdownId, children: jsx("div", { className: clsx("ids-select-multiple__dropdown", {
+                    }), disabled: disabled, "aria-disabled": ariaDisabled || readOnly || undefined, "aria-expanded": expanded, "aria-invalid": invalid, ...clickHandler, ...props, children: displayedValue }) }), jsx("div", { className: "ids-select-multiple__dropdown-wrapper", id: dropdownId, children: jsx("div", { className: clsx("ids-select-multiple__dropdown", {
                         "ids-select-multiple__dropdown--expanded": expanded
                     }), children: jsx("div", { className: "ids-select-multiple__dropdown-scroll-area", style: { maxHeight }, children: children }) }) })] }));
 }

package/components/form/select-multiple/select-multiple.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { CommonFormPropsWithReadOnly } from "../form-props/form-props";
-export interface IDSSelectMultipleProps extends React.InputHTMLAttributes<HTMLInputElement>, CommonFormPropsWithReadOnly {
+export interface IDSSelectMultipleProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonFormPropsWithReadOnly {
     selectedLabel?: string;
     selectedLabelPlural?: string;
     placeholder?: string;
@@ -8,7 +8,7 @@ export interface IDSSelectMultipleProps extends React.InputHTMLAttributes<HTMLIn
     maxHeight?: string;
     expanded?: boolean;
 }
-export declare function IDSSelectMultiple({ label, invalid, noValidation, expanded, errorMsg, style, children, ...props }: IDSSelectMultipleProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSSelectMultiple({ label, invalid, noValidation, expanded, errorMsg, children, ...props }: IDSSelectMultipleProps): React.JSX.Element;
 export declare namespace IDSSelectMultiple {
     var displayName: string;
 }