@inera/ids-react 9.2.2 → 9.4.0

package/components/header-inera-general/header-inera-general-item.d.ts

@@ -4,7 +4,7 @@ export interface IDSHeaderIneraGeneralItemProps extends HTMLAttributes<HTMLEleme
     separatorLeft?: boolean;
     icon?: string;
 }
-export declare function IDSHeaderIneraGeneralItem({ mobile, separatorLeft, icon, children, ...props }: IDSHeaderIneraGeneralItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeaderIneraGeneralItem({ mobile, separatorLeft, icon, children, ...props }: IDSHeaderIneraGeneralItemProps): import("react").JSX.Element;
 export declare namespace IDSHeaderIneraGeneralItem {
     var displayName: string;
 }

package/components/header-inera-general/header-inera-general-item.js

@@ -5,7 +5,7 @@ import { useHeaderContext } from '../utils/contexts/HeaderContext.js';
 
 function IDSHeaderIneraGeneralItem({ mobile, separatorLeft, icon, children, ...props }) {
     const headerContext = useHeaderContext() || { unresponsive: false };
-    return (jsx(IDSHeaderIneraGeneralItemBase, { ...props, mobile: mobile, icon: icon, unresponsive: headerContext.unresponsive, children: children }));
+    return (jsx(IDSHeaderIneraGeneralItemBase, { ...props, separatorLeft: separatorLeft, mobile: mobile, icon: icon, unresponsive: headerContext.unresponsive, children: children }));
 }
 IDSHeaderIneraGeneralItem.displayName = "IDSHeaderIneraGeneralItem";
 

package/components/header-inera-general/header-inera-general-menu-mobile-base.d.ts

@@ -8,7 +8,7 @@ interface IDSHeaderIneraGeneralMenuMobileBaseProps extends HTMLAttributes<HTMLEl
     buttonRef?: React.RefObject<HTMLButtonElement>;
     client?: boolean;
 }
-export declare function IDSHeaderIneraGeneralMenuMobileBase({ srLabel, expanded, unresponsive, children, componentRef, buttonRef, onToggleMenu, client, ...props }: IDSHeaderIneraGeneralMenuMobileBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeaderIneraGeneralMenuMobileBase({ srLabel, expanded, unresponsive, children, componentRef, buttonRef, onToggleMenu, client, ...props }: IDSHeaderIneraGeneralMenuMobileBaseProps): import("react").JSX.Element;
 export declare namespace IDSHeaderIneraGeneralMenuMobileBase {
     var displayName: string;
 }

package/components/header-inera-general/header-inera-general-menu-mobile.d.ts

@@ -6,7 +6,7 @@ interface IDSHeaderIneraGeneralMenuMobileProps extends HTMLAttributes<HTMLElemen
     onExpanded?: () => void;
     onClosed?: () => void;
 }
-export declare function IDSHeaderIneraGeneralMenuMobile({ srLabel, expanded, persistent, children, onExpanded, onClosed, ...props }: IDSHeaderIneraGeneralMenuMobileProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeaderIneraGeneralMenuMobile({ srLabel, expanded, persistent, children, onExpanded, onClosed, ...props }: IDSHeaderIneraGeneralMenuMobileProps): import("react").JSX.Element;
 export declare namespace IDSHeaderIneraGeneralMenuMobile {
     var displayName: string;
 }

package/components/header-inera-general/header-inera-general-nav-base.d.ts

@@ -3,7 +3,7 @@ interface IDSHeaderIneraGeneralNavBaseProps {
     children?: ReactNode;
     unresponsive?: boolean;
 }
-export declare function IDSHeaderIneraGeneralNavBase({ children, unresponsive, ...props }: IDSHeaderIneraGeneralNavBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeaderIneraGeneralNavBase({ children, unresponsive, ...props }: IDSHeaderIneraGeneralNavBaseProps): import("react").JSX.Element;
 export declare namespace IDSHeaderIneraGeneralNavBase {
     var displayName: string;
 }

package/components/header-inera-general/header-inera-general-nav-base.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 function IDSHeaderIneraGeneralNavBase({ children, unresponsive = false, ...props }) {
     return (jsx("nav", { className: clsx("ids-header-inera-general-nav", {
             "ids-header-inera-general-nav--unresponsive": unresponsive
-        }), "aria-label": "Huvudmeny", ...props, children: jsx("div", { className: "ids-header-inera-general-nav__nav-items", children: children }) }));
+        }), "aria-label": "Huvudmeny", ...props, children: jsx("div", { className: "ids-header-inera-general-nav__inner", children: children }) }));
 }
 IDSHeaderIneraGeneralNavBase.displayName = "IDSHeaderIneraGeneralNavBase";
 

package/components/header-inera-general/header-inera-general-nav-item-base.d.ts

@@ -15,7 +15,7 @@ export interface IDSHeaderIneraGeneralNavItemBaseProps extends HTMLAttributes<HT
     onToggleItem?: () => void;
     unresponsive?: boolean;
 }
-export declare function IDSHeaderIneraGeneralNavItemBase({ label, active, expanded, children, col1, col2, col3, col4, componentRef, menuRef, buttonRef, onToggleItem, unresponsive, ...props }: IDSHeaderIneraGeneralNavItemBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeaderIneraGeneralNavItemBase({ label, active, expanded, children, col1, col2, col3, col4, componentRef, menuRef, buttonRef, onToggleItem, unresponsive, ...props }: IDSHeaderIneraGeneralNavItemBaseProps): React.JSX.Element;
 export declare namespace IDSHeaderIneraGeneralNavItemBase {
     var displayName: string;
 }

package/components/header-inera-general/header-inera-general-nav-item-base.js

@@ -1,24 +1,15 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useId } from 'react';
+import { useId } from 'react';
 import clsx from 'clsx';
+import { IDSHeaderIneraGeneralNavItemLink } from './header-inera-general-nav-item-link.js';
 
 function IDSHeaderIneraGeneralNavItemBase({ label, active, expanded, children, col1, col2, col3, col4, componentRef, menuRef, buttonRef, onToggleItem, unresponsive, ...props }) {
     const itemId = `header-inera-item-${useId()}`;
-    return (jsxs("div", { ...props, ref: componentRef, className: clsx("ids-header-inera-general-nav-item", {
+    return (jsxs("div", { ref: componentRef, className: clsx("ids-header-inera-general-nav-item", {
             "ids-header-inera-general-nav-item--unresponsive": unresponsive,
             "ids-header-inera-general-nav-item--expanded": expanded,
             "ids-header-inera-general-nav-item--active": active
-        }), children: [!!label && (jsx("button", { type: "button", ref: buttonRef, "aria-controls": itemId, "aria-expanded": expanded, className: "ids-header-inera-general-nav-item__button", onClick: onToggleItem, children: label })), !label && (jsx("span", { className: "ids-header-inera-general-nav-item__link", children: React.Children.map(children, child => {
-                    if (!React.isValidElement(child))
-                        return child;
-                    const element = child;
-                    if (active && !element.props["aria-current"]) {
-                        return React.cloneElement(element, {
-                            "aria-current": "page"
-                        });
-                    }
-                    return element;
-                }) })), jsx("div", { ref: menuRef, id: itemId, className: clsx("ids-header-inera-general-nav-item__menu", {
+        }), ...props, children: [!label && jsx(IDSHeaderIneraGeneralNavItemLink, { active: active, children: children }), !!label && (jsx("button", { type: "button", ref: buttonRef, "aria-controls": itemId, "aria-expanded": expanded, className: "ids-header-inera-general-nav-item__button", onClick: onToggleItem, children: label })), jsx("div", { ref: menuRef, id: itemId, className: clsx("ids-header-inera-general-nav-item__menu", {
                     "ids-header-inera-general-nav-item__menu--expanded": expanded
                 }), children: jsxs("div", { className: "ids-header-inera-general-nav-item__menu-content", children: [jsx("div", { className: "ids-header-inera-general-nav-item__menu-col-1", children: col1?.map((link, idx) => (jsx("div", { className: "ids-header-inera-general-nav__menu-item-wrapper", children: link }, idx))) }), jsx("div", { className: "ids-header-inera-general-nav-item__menu-col-2", children: col2?.map((link, idx) => (jsx("div", { className: "ids-header-inera-general-nav__menu-item-wrapper", children: link }, idx))) }), jsx("div", { className: "ids-header-inera-general-nav-item__menu-col-3", children: col3?.map((link, idx) => (jsx("div", { className: "ids-header-inera-general-nav__menu-item-wrapper", children: link }, idx))) }), jsx("div", { className: "ids-header-inera-general-nav-item__menu-col-4", children: col4 })] }) })] }));
 }

package/components/header-inera-general/header-inera-general-nav-item-link.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface IDSHeaderIneraGeneralNavItemLinkProps {
+    active?: boolean;
+    children?: React.ReactNode;
+}
+export declare function IDSHeaderIneraGeneralNavItemLink({ active, children }: IDSHeaderIneraGeneralNavItemLinkProps): React.JSX.Element;
+export declare namespace IDSHeaderIneraGeneralNavItemLink {
+    var displayName: string;
+}
+export {};

package/components/header-inera-general/header-inera-general-nav-item-link.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+
+function IDSHeaderIneraGeneralNavItemLink({ active, children }) {
+    return (jsx("span", { className: "ids-header-inera-general-nav-item__link", children: React.Children.map(children, child => {
+            if (!React.isValidElement(child))
+                return child;
+            const element = child;
+            if (active && !element.props["aria-current"]) {
+                return React.cloneElement(element, {
+                    "aria-current": "page"
+                });
+            }
+            return element;
+        }) }));
+}
+IDSHeaderIneraGeneralNavItemLink.displayName = "IDSHeaderIneraGeneralNavItemLink";
+
+export { IDSHeaderIneraGeneralNavItemLink };

package/components/header-inera-general/header-inera-general-nav-item-mobile-base.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "react";
+interface IDSHeaderIneraGeneralNavItemMobileBaseProps extends HTMLAttributes<HTMLElement> {
+    icon?: string;
+    unresponsive?: boolean;
+}
+export declare function IDSHeaderIneraGeneralNavItemMobileBase({ icon, unresponsive, children, ...props }: IDSHeaderIneraGeneralNavItemMobileBaseProps): import("react").JSX.Element;
+export declare namespace IDSHeaderIneraGeneralNavItemMobileBase {
+    var displayName: string;
+}
+export {};

package/components/header-inera-general/header-inera-general-nav-item-mobile-base.js

@@ -0,0 +1,11 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+
+function IDSHeaderIneraGeneralNavItemMobileBase({ icon = "", unresponsive = false, children, ...props }) {
+    return (jsxs("div", { ...props, className: clsx("ids-header-inera-general-nav-item-mobile", {
+            "ids-header-inera-general-nav-item-mobile--unresponsive": unresponsive
+        }), children: [icon && (jsx("span", { className: "ids-header-inera-general-nav-item-mobile__icon", children: jsx("span", { className: `ids-icon-${icon}` }) })), children] }));
+}
+IDSHeaderIneraGeneralNavItemMobileBase.displayName = "IDSHeaderIneraGeneralNavItemMobileBase";
+
+export { IDSHeaderIneraGeneralNavItemMobileBase };

package/components/header-inera-general/header-inera-general-nav-item-mobile.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "react";
+interface IDSHeaderIneraGeneralNavItemMobileProps extends HTMLAttributes<HTMLElement> {
+    icon?: string;
+    unresponsive?: boolean;
+}
+export declare function IDSHeaderIneraGeneralNavItemMobile({ icon, unresponsive, children, ...props }: IDSHeaderIneraGeneralNavItemMobileProps): import("react").JSX.Element;
+export declare namespace IDSHeaderIneraGeneralNavItemMobile {
+    var displayName: string;
+}
+export {};

package/components/header-inera-general/header-inera-general-nav-item-mobile.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useHeaderContext } from '../utils/contexts/HeaderContext.js';
+import { IDSHeaderIneraGeneralNavItemMobileBase } from './header-inera-general-nav-item-mobile-base.js';
+
+function IDSHeaderIneraGeneralNavItemMobile({ icon, unresponsive, children, ...props }) {
+    const headerContext = useHeaderContext();
+    return (jsx(IDSHeaderIneraGeneralNavItemMobileBase, { ...props, unresponsive: headerContext?.unresponsive, icon: icon, children: children }));
+}
+IDSHeaderIneraGeneralNavItemMobile.displayName = "IDSHeaderIneraGeneralNavItemMobile";
+
+export { IDSHeaderIneraGeneralNavItemMobile };

package/components/header-inera-general/header-inera-general-nav-item.d.ts

@@ -12,7 +12,7 @@ export interface IDSHeaderIneraGeneralNavItemProps extends HTMLAttributes<HTMLEl
     itemId?: string;
     unresponsive?: boolean;
 }
-export declare function IDSHeaderIneraGeneralNavItem({ expanded, ...props }: IDSHeaderIneraGeneralNavItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeaderIneraGeneralNavItem({ expanded, ...props }: IDSHeaderIneraGeneralNavItemProps): import("react").JSX.Element;
 export declare namespace IDSHeaderIneraGeneralNavItem {
     var displayName: string;
 }

package/components/header-inera-general/header-inera-general-nav-mobile.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+interface IDSHeaderIneraGeneralNavMobileProps {
+    children?: ReactNode;
+    srLabel?: string;
+}
+export declare function IDSHeaderIneraGeneralNavMobile({ children, srLabel, ...props }: IDSHeaderIneraGeneralNavMobileProps): import("react").JSX.Element;
+export declare namespace IDSHeaderIneraGeneralNavMobile {
+    var displayName: string;
+}
+export {};

package/components/header-inera-general/header-inera-general-nav-mobile.js

@@ -0,0 +1,8 @@
+import { jsx } from 'react/jsx-runtime';
+
+function IDSHeaderIneraGeneralNavMobile({ children, srLabel = "Huvudmeny", ...props }) {
+    return (!!children && (jsx("nav", { className: "ids-header-inera-general-nav-mobile", "aria-label": srLabel, ...props, children: children })));
+}
+IDSHeaderIneraGeneralNavMobile.displayName = "IDSHeaderIneraGeneralNavMobile";
+
+export { IDSHeaderIneraGeneralNavMobile };

package/components/header-inera-general/header-inera-general-nav.d.ts

@@ -1,7 +1,7 @@
 import { HTMLAttributes } from "react";
 interface IDSHeaderIneraGeneralNavProps extends HTMLAttributes<HTMLElement> {
 }
-export declare function IDSHeaderIneraGeneralNav({ children, ...props }: IDSHeaderIneraGeneralNavProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeaderIneraGeneralNav({ children, ...props }: IDSHeaderIneraGeneralNavProps): import("react").JSX.Element;
 export declare namespace IDSHeaderIneraGeneralNav {
     var displayName: string;
 }

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

@@ -7,8 +7,10 @@ interface IDSHeaderIneraGeneralProps extends React.HTMLAttributes<HTMLDivElement
     mobileMenu?: ReactNode;
     skipToContent?: ReactNode;
     logo?: ReactNode;
+    avatar?: ReactNode;
+    hideAvatar?: boolean;
 }
-export declare function IDSHeaderIneraGeneral({ unresponsive, children, ...props }: IDSHeaderIneraGeneralProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeaderIneraGeneral({ unresponsive, hideAvatar, children, ...props }: IDSHeaderIneraGeneralProps): React.JSX.Element;
 export declare namespace IDSHeaderIneraGeneral {
     var displayName: string;
 }

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

@@ -3,8 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import { HeaderProvider } from '../utils/contexts/HeaderContext.js';
 import { IDSHeaderIneraGeneralBase } from './header-inera-general-base.js';
 
-function IDSHeaderIneraGeneral({ unresponsive = false, children, ...props }) {
-    return (jsx(HeaderProvider, { value: { unresponsive, hideRegionPicker: true, hideAvatar: true }, children: jsx(IDSHeaderIneraGeneralBase, { ...props, unresponsive: unresponsive, children: children }) }));
+function IDSHeaderIneraGeneral({ unresponsive = false, hideAvatar, children, ...props }) {
+    return (jsx(HeaderProvider, { value: { unresponsive, hideRegionPicker: true, hideAvatar }, children: jsx(IDSHeaderIneraGeneralBase, { ...props, unresponsive: unresponsive, children: children }) }));
 }
 IDSHeaderIneraGeneral.displayName = "IDSHeaderIneraGeneral";
 

package/components/header-patient/header-patient.d.ts

@@ -7,7 +7,7 @@ interface IDSHeaderPatientProps extends React.HTMLAttributes<HTMLDivElement> {
     ssn?: string;
     stack?: boolean;
 }
-export declare function IDSHeaderPatient({ srLabel, name, ssn, collapse, stack, buttons, className, children, ...props }: IDSHeaderPatientProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeaderPatient({ srLabel, name, ssn, collapse, stack, buttons, className, children, ...props }: IDSHeaderPatientProps): import("react").JSX.Element;
 export declare namespace IDSHeaderPatient {
     var displayName: string;
 }

package/components/link/action-link.d.ts

@@ -3,7 +3,7 @@ import "@inera/ids-design/components/action-link/action-link.css";
 export interface IDSActionLinkProps extends React.HTMLAttributes<HTMLDivElement> {
     image?: ReactNode;
 }
-export declare function IDSActionLink({ image, children, className, ...props }: IDSActionLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSActionLink({ image, children, className, ...props }: IDSActionLinkProps): React.JSX.Element;
 export declare namespace IDSActionLink {
     var displayName: string;
 }

package/components/link/box-link.d.ts

@@ -3,7 +3,7 @@ import "@inera/ids-design/components/box-link/box-link.css";
 export interface IDSBoxLinkProps extends React.HTMLAttributes<HTMLDivElement> {
     button?: ReactNode;
 }
-export declare function IDSBoxLink({ button, children, className, ...props }: IDSBoxLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSBoxLink({ button, children, className, ...props }: IDSBoxLinkProps): React.JSX.Element;
 export declare namespace IDSBoxLink {
     var displayName: string;
 }

package/components/list-pagination/list-pagination-links.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { JSX } from "react";
 import "@inera/ids-design/components/list-pagination/list-pagination.css";
 export interface IDSListPaginationLinksProps extends React.HTMLAttributes<HTMLDivElement> {
     showing?: string;
@@ -15,8 +15,9 @@ export interface IDSListPaginationLinksProps extends React.HTMLAttributes<HTMLDi
     linkPrefix?: string;
     prevHref?: string;
     nextHref?: string;
+    noSummary?: boolean;
 }
-export declare function IDSListPaginationLinks({ showing, from, to, of, total, current, pages, srCurrentPage, srGoToPage, srPrevious, srNext, linkPrefix, prevHref, nextHref, className, ...props }: IDSListPaginationLinksProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSListPaginationLinks({ showing, from, to, of, total, current, pages, srCurrentPage, srGoToPage, srPrevious, srNext, linkPrefix, prevHref, nextHref, noSummary, className, ...props }: IDSListPaginationLinksProps): JSX.Element;
 export declare namespace IDSListPaginationLinks {
     var displayName: string;
 }

package/components/list-pagination/list-pagination-links.js

@@ -1,26 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import '@inera/ids-design/components/list-pagination/list-pagination.css';
+import { IDSListPaginationSummary } from './list-pagination-summary.js';
 
-function IDSListPaginationLinks({ showing = "Visar", from = 0, to = 0, of = "av", total = 0, current = 1, pages = 1, srCurrentPage = "Aktuell sida", srGoToPage = "Gå till sida", srPrevious = "Föregående sida", srNext = "Nästa sida", linkPrefix, prevHref, nextHref, className, ...props }) {
-    const renderSummary = () => {
-        if (from && to && total) {
-            return jsx("div", { className: "ids-list-pagination__summary", children: `${showing} ${from} - ${to} ${of} ${total}` });
-        }
-        return null;
-    };
-    const renderPrevLink = () => {
-        if (current > 1) {
-            return jsx("a", { "aria-label": srPrevious, href: linkPrefix + (current - 1), id: "prev-link" });
-        }
-        return null;
-    };
-    const renderNextLink = () => {
-        if (current < pages) {
-            return jsx("a", { "aria-label": srNext, href: linkPrefix + (current + 1), id: "next-link" });
-        }
-        return null;
-    };
+function IDSListPaginationLinks({ showing = "Visar", from = 0, to = 0, of = "av", total = 0, current = 1, pages = 1, srCurrentPage = "Aktuell sida", srGoToPage = "Gå till sida", srPrevious = "Föregående sida", srNext = "Nästa sida", linkPrefix, prevHref, nextHref, noSummary = false, className, ...props }) {
     const renderLinks = () => {
         const linkArray = [];
         for (let i = 1; i <= pages; i++) {
@@ -42,7 +25,7 @@ function IDSListPaginationLinks({ showing = "Visar", from = 0, to = 0, of = "av"
         }
         return (jsx("nav", { children: jsx("ul", { className: "ids-list-pagination__list", children: linkArray }) }));
     };
-    return (jsxs("div", { className: clsx("ids-list-pagination", className), ...props, children: [renderSummary(), jsxs("div", { className: "ids-list-pagination__content", children: [jsx("div", { className: "ids-list-pagination__prev-link", children: renderPrevLink() }), jsx("div", { className: "ids-list-pagination__nav-links", children: renderLinks() }), jsx("div", { className: "ids-list-pagination__next-link", children: renderNextLink() })] })] }));
+    return (jsxs("div", { className: clsx("ids-list-pagination", className), ...props, children: [!!total && !noSummary && jsx(IDSListPaginationSummary, { showing: showing, from: from, to: to, of: of, total: total }), jsxs("div", { className: "ids-list-pagination__content", children: [current > 1 && (jsx("div", { className: "ids-list-pagination__prev-link", children: jsx("a", { "aria-label": srPrevious, href: linkPrefix + (current - 1), id: "prev-link" }) })), jsx("div", { className: "ids-list-pagination__nav-links", children: renderLinks() }), current < pages && (jsx("div", { className: "ids-list-pagination__next-link", children: jsx("a", { "aria-label": srNext, href: linkPrefix + (current + 1), id: "next-link" }) }))] })] }));
 }
 IDSListPaginationLinks.displayName = "IDSListPaginationLinks";
 

package/components/list-pagination/list-pagination-summary.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import "@inera/ids-design/components/list-pagination/list-pagination.css";
+export interface IDSListPaginationSummaryProps extends React.HTMLAttributes<HTMLDivElement> {
+    showing?: string;
+    from?: number;
+    to?: number;
+    of?: string;
+    total?: number;
+}
+export declare function IDSListPaginationSummary({ showing, from, to, of, total, className, ...props }: IDSListPaginationSummaryProps): React.JSX.Element;
+export declare namespace IDSListPaginationSummary {
+    var displayName: string;
+}

package/components/list-pagination/list-pagination-summary.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import '@inera/ids-design/components/list-pagination/list-pagination.css';
+
+function IDSListPaginationSummary({ showing = "Visar", from = 0, to = 0, of = "av", total = 0, className, ...props }) {
+    return jsx("div", { className: "ids-list-pagination__summary", ...props, children: `${showing} ${from} - ${to} ${of} ${total}` });
+}
+IDSListPaginationSummary.displayName = "IDSListPaginationSummary";
+
+export { IDSListPaginationSummary };

package/components/list-pagination/list-pagination.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { JSX } from "react";
 import "@inera/ids-design/components/list-pagination/list-pagination.css";
 export interface IDSListPaginationProps extends React.HTMLAttributes<HTMLDivElement> {
     showing?: string;
@@ -13,11 +13,12 @@ export interface IDSListPaginationProps extends React.HTMLAttributes<HTMLDivElem
     srPrevious?: string;
     srNext?: string;
     srNav?: string;
+    noSummary?: boolean;
     onChangePage?: (page: number) => void;
     onPrevPage?: (page: number) => void;
     onNextPage?: (page: number) => void;
 }
-export declare function IDSListPagination({ showing, from, to, of, total, current, pages, srCurrentPage, srGoToPage, srPrevious, srNext, srNav, onChangePage, onPrevPage, onNextPage, className, ...props }: IDSListPaginationProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSListPagination({ showing, from, to, of, total, current, pages, srCurrentPage, srGoToPage, srPrevious, srNext, srNav, noSummary, onChangePage, onPrevPage, onNextPage, className, ...props }: IDSListPaginationProps): JSX.Element;
 export declare namespace IDSListPagination {
     var displayName: string;
 }

package/components/list-pagination/list-pagination.js

@@ -1,27 +1,10 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
+import { IDSListPaginationSummary } from './list-pagination-summary.js';
 import '@inera/ids-design/components/list-pagination/list-pagination.css';
 
-function IDSListPagination({ showing = "Visar", from = 0, to = 0, of = "av", total = 0, current = 1, pages = 1, srCurrentPage = "Aktuell sida", srGoToPage = "Gå till sida", srPrevious = "Föregående sida", srNext = "Nästa sida", srNav = "Paginering", onChangePage, onPrevPage, onNextPage, className, ...props }) {
-    const renderSummary = () => {
-        if (from && to && total) {
-            return jsx("div", { className: "ids-list-pagination__summary", children: `${showing} ${from} - ${to} ${of} ${total}` });
-        }
-        return null;
-    };
-    const renderPrevButton = () => {
-        if (current > 1) {
-            return (jsx("button", { type: "button", "aria-label": srPrevious, onClick: () => onPrevPage?.(current - 1), id: "prev-button" }));
-        }
-        return null;
-    };
-    const renderNextButton = () => {
-        if (current < pages) {
-            return jsx("button", { type: "button", "aria-label": srNext, onClick: () => onNextPage?.(current + 1), id: "next-button" });
-        }
-        return null;
-    };
+function IDSListPagination({ showing = "Visar", from = 0, to = 0, of = "av", total = 0, current = 1, pages = 1, srCurrentPage = "Aktuell sida", srGoToPage = "Gå till sida", srPrevious = "Föregående sida", srNext = "Nästa sida", srNav = "Paginering", noSummary = false, onChangePage, onPrevPage, onNextPage, className, ...props }) {
     const renderButtons = () => {
         const buttonArray = [];
         for (let i = 1; i <= pages; i++) {
@@ -43,7 +26,7 @@ function IDSListPagination({ showing = "Visar", from = 0, to = 0, of = "av", tot
         }
         return (jsx("nav", { "aria-label": srNav, children: jsx("ul", { className: "ids-list-pagination__list", children: buttonArray }) }));
     };
-    return (jsxs("div", { className: clsx("ids-list-pagination", className), ...props, children: [renderSummary(), jsxs("div", { className: "ids-list-pagination__content", children: [jsx("div", { className: "ids-list-pagination__prev-button", children: renderPrevButton() }), jsx("div", { className: "ids-list-pagination__nav-buttons", children: renderButtons() }), jsx("div", { className: "ids-list-pagination__next-button", children: renderNextButton() })] })] }));
+    return (jsxs("div", { className: clsx("ids-list-pagination", className), ...props, children: [!!total && !noSummary && jsx(IDSListPaginationSummary, { showing: showing, from: from, to: to, of: of, total: total }), jsxs("div", { className: "ids-list-pagination__content", children: [current > 1 && (jsx("div", { className: "ids-list-pagination__prev-button", children: jsx("button", { type: "button", "aria-label": srPrevious, onClick: () => onPrevPage?.(current - 1), id: "prev-button" }) })), jsx("div", { className: "ids-list-pagination__nav-buttons", children: renderButtons() }), current < pages && (jsx("div", { className: "ids-list-pagination__next-button", children: jsx("button", { type: "button", "aria-label": srNext, onClick: () => onNextPage?.(current + 1), id: "next-button" }) }))] })] }));
 }
 IDSListPagination.displayName = "IDSListPagination";
 

package/components/message-avatar/message-avatar.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "@inera/ids-design/components/message-avatar/message-avatar.css";
+export interface IDSMessageAvatarProps extends React.HTMLAttributes<HTMLDivElement> {
+    user?: 1 | 2;
+    icon?: string;
+    label?: string;
+    subtitle?: string;
+}
+export declare function IDSMessageAvatar({ user, icon, label, subtitle, children, className, ...props }: IDSMessageAvatarProps): React.JSX.Element;
+export declare namespace IDSMessageAvatar {
+    var displayName: string;
+}

package/components/message-avatar/message-avatar.js

@@ -0,0 +1,10 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import '@inera/ids-design/components/message-avatar/message-avatar.css';
+
+function IDSMessageAvatar({ user = 1, icon, label, subtitle, children, className, ...props }) {
+    return (jsx("div", { className: clsx(`ids-message-avatar ids-message-avatar--user-${user}`, className), ...props, children: jsxs("div", { className: "ids-message-avatar__inner", children: [!!icon && (jsx("div", { className: "ids-message-avatar__icon", "aria-hidden": "true", children: jsx("span", { className: `ids-icon-${icon}`, "aria-hidden": "true" }) })), !!children && jsx("div", { className: "ids-message-avatar__image", children: children }), jsxs("div", { className: "ids-message-avatar__info", children: [!!label && jsx("div", { className: "ids-message-avatar__label", children: label }), !!subtitle && jsx("div", { className: "ids-message-avatar__subtitle", children: subtitle })] })] }) }));
+}
+IDSMessageAvatar.displayName = "IDSMessageAvatar";
+
+export { IDSMessageAvatar };

package/components/mobile-menu/mobile-item-base.d.ts

@@ -11,7 +11,7 @@ export interface IDSMobileMenuItemBaseProps extends React.HTMLAttributes<HTMLDiv
     onToggleMenu?: () => void;
     client?: boolean;
 }
-export declare function IDSMobileMenuItemBase({ level, secondary, expanded, headline, link, active, showText, hideText, onToggleMenu, className, children, client, ...props }: IDSMobileMenuItemBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSMobileMenuItemBase({ level, secondary, expanded, headline, link, active, showText, hideText, onToggleMenu, className, children, client, ...props }: IDSMobileMenuItemBaseProps): React.JSX.Element;
 export declare namespace IDSMobileMenuItemBase {
     var displayName: string;
 }

package/components/mobile-menu/mobile-item-base.js

@@ -1,10 +1,11 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useId } from 'react';
 import clsx from 'clsx';
+import { IDSMobileMenuItemLink } from './mobile-item-link.js';
 
 function IDSMobileMenuItemBase({ level = 1, secondary = false, expanded = false, headline = "", link, active = false, showText = "Expandera", hideText = "Minimera", onToggleMenu, className, children, client = false, ...props }) {
     const subItemId = `mobile-menu-sub-item-${useId()}`;
-    const toggleHandler = client && onToggleMenu
+    const toggleHandlers = client && onToggleMenu
         ? {
             onClick: onToggleMenu
         }
@@ -19,28 +20,7 @@ function IDSMobileMenuItemBase({ level = 1, secondary = false, expanded = false,
                 return "ids-mobile-menu-item";
         }
     };
-    const renderItem = () => {
-        const commonProps = {
-            "aria-label": expanded ? hideText : showText,
-            "aria-expanded": expanded,
-            "aria-controls": subItemId,
-            className: clsx("ids-mobile-menu-item__expand-btn", !!level && `ids-mobile-menu-item__expand-btn--level-${level}`, {
-                "ids-mobile-menu-item__expand-btn--headline": headline,
-                "ids-mobile-menu__chevron--expanded": expanded
-            }),
-            ...toggleHandler
-        };
-        if (headline) {
-            return jsx("button", { ...commonProps, children: headline });
-        }
-        else if (link && !!children) {
-            return (jsxs(Fragment, { children: [link, jsx("button", { ...commonProps })] }));
-        }
-        else {
-            return link;
-        }
-    };
-    return (jsxs("div", { ...props, className: clsx(getItemLevelClass(), expanded && "ids-mobile-menu-item--expanded", active && "ids-mobile-menu-item--active", secondary && "ids-mobile-menu-item--secondary"), children: [jsx("div", { className: `ids-mobile-menu-item__inner ${level && "ids-mobile-menu-item__inner--level-" + level}`, children: renderItem() }), jsx("div", { id: subItemId, className: "ids-mobile-menu-item__sub-items", children: children })] }));
+    return (jsxs("div", { ...props, className: clsx(getItemLevelClass(), expanded && "ids-mobile-menu-item--expanded", active && "ids-mobile-menu-item--active", secondary && "ids-mobile-menu-item--secondary"), children: [jsx("div", { className: `ids-mobile-menu-item__inner ${level && "ids-mobile-menu-item__inner--level-" + level}`, children: jsx(IDSMobileMenuItemLink, { subItemId: subItemId, level: level, hasChildren: !!children, toggleHandlers: toggleHandlers, expanded: expanded, headline: headline, link: link, srShowText: showText, srHideText: hideText }) }), jsx("div", { id: subItemId, className: "ids-mobile-menu-item__sub-items", children: children })] }));
 }
 IDSMobileMenuItemBase.displayName = "IDSMobileMenuItemBase";
 

package/components/mobile-menu/mobile-item-link.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from "react";
+export interface IDSMobileMenuItemLinkProps extends React.HTMLAttributes<HTMLDivElement> {
+    subItemId?: string;
+    level?: number;
+    hasChildren?: boolean;
+    expanded?: boolean;
+    headline?: string;
+    link?: ReactNode;
+    srShowText?: string;
+    srHideText?: string;
+    toggleHandlers?: React.ButtonHTMLAttributes<HTMLButtonElement>;
+}
+export declare function IDSMobileMenuItemLink({ subItemId, hasChildren, level, expanded, headline, link, srShowText, srHideText, toggleHandlers }: IDSMobileMenuItemLinkProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>> | React.JSX.Element;
+export declare namespace IDSMobileMenuItemLink {
+    var displayName: string;
+}

package/components/mobile-menu/mobile-item-link.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import clsx from 'clsx';
+
+function IDSMobileMenuItemLink({ subItemId, hasChildren, level = 1, expanded = false, headline = "", link, srShowText, srHideText, toggleHandlers }) {
+    const chevronAriaLabel = expanded ? srHideText : srShowText;
+    const commonProps = {
+        "aria-expanded": expanded,
+        "aria-controls": subItemId,
+        className: clsx("ids-mobile-menu-item__expand-btn", !!level && `ids-mobile-menu-item__expand-btn--level-${level}`, {
+            "ids-mobile-menu-item__expand-btn--headline": headline,
+            "ids-mobile-menu__chevron--expanded": expanded
+        }),
+        ...toggleHandlers
+    };
+    if (headline) {
+        return jsx("button", { ...commonProps, children: headline });
+    }
+    else if (link && hasChildren) {
+        return (jsxs(Fragment, { children: [link, jsx("button", { ...commonProps, "aria-label": chevronAriaLabel })] }));
+    }
+    else {
+        return link;
+    }
+}
+IDSMobileMenuItemLink.displayName = "IDSMobileMenuItemLink";
+
+export { IDSMobileMenuItemLink };

package/components/mobile-menu/mobile-item.d.ts

@@ -3,7 +3,7 @@ import { IDSMobileMenuItemBase } from "./mobile-item-base";
 export interface IDSMobileMenuItemProps extends Omit<React.ComponentProps<typeof IDSMobileMenuItemBase>, "subItemId" | "onToggleMenu"> {
     onToggleMenu?: (isExpanded: boolean) => void;
 }
-export declare function IDSMobileMenuItem({ expanded, level, onToggleMenu, className, children, ...rest }: IDSMobileMenuItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSMobileMenuItem({ expanded, level, onToggleMenu, className, children, ...rest }: IDSMobileMenuItemProps): React.JSX.Element;
 export declare namespace IDSMobileMenuItem {
     var displayName: string;
 }

package/components/mobile-menu/mobile-menu.d.ts

@@ -3,7 +3,7 @@ import "@inera/ids-design/components/mobile-menu/mobile-menu.css";
 export interface IDSMobileMenuProps extends HTMLAttributes<HTMLDivElement> {
     variation?: number;
 }
-export declare function IDSMobileMenu({ variation, children, className, ...props }: IDSMobileMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSMobileMenu({ variation, children, className, ...props }: IDSMobileMenuProps): import("react").JSX.Element;
 export declare namespace IDSMobileMenu {
     var displayName: string;
 }

package/components/navigation-content/navigation-content-item-base.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from "react";
+export interface IDSNavigationContentItemBaseProps extends React.HTMLAttributes<HTMLElement> {
+    selected?: boolean;
+    expanded?: boolean;
+    level?: number;
+    showText?: string;
+    hideText?: string;
+    client?: boolean;
+    link?: ReactNode;
+    onToggleItem?: () => void;
+}
+export declare function IDSNavigationContentItemBase({ selected, expanded, level, showText, hideText, link, client, onToggleItem, className, children, ...props }: IDSNavigationContentItemBaseProps): React.JSX.Element;

package/components/navigation-content/navigation-content-item-base.js

@@ -0,0 +1,17 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useId } from 'react';
+import clsx from 'clsx';
+
+function IDSNavigationContentItemBase({ selected = false, expanded = false, level = 1, showText = "Expandera", hideText = "Minimera", link, client, onToggleItem, className, children, ...props }) {
+    const subItemId = `navigation-content-sub-items-${useId()}`;
+    const toggleHandler = client && onToggleItem
+        ? {
+            onClick: onToggleItem
+        }
+        : {};
+    return (jsxs("li", { className: clsx("ids-navigation-content-item", { "ids-navigation-content-item--expanded": expanded }, className), ...props, children: [jsxs("div", { className: clsx("ids-navigation-content-item__item", `ids-navigation-content-item__item--level-${level}`, {
+                    "ids-navigation-content-item__item--selected": selected
+                }), children: [jsx("div", { className: "ids-navigation-content-item__link", children: link }), !!children && (jsx("button", { type: "button", "aria-label": expanded ? hideText : showText, "aria-expanded": expanded, "aria-controls": subItemId, className: "ids-navigation-content-item__expand-btn", ...toggleHandler }))] }), !!children && (jsx("ul", { id: subItemId, className: "ids-navigation-content-item__sub-items", children: children }))] }));
+}
+
+export { IDSNavigationContentItemBase };