@inera/ids-react 9.3.0 → 9.4.1

package/components/side-menu/side-menu-toggle.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+
+function IDSSideMenuToggle({ srToggleText, expanded = false, icon = "", hasChildren, toggleButtonProps, toggleHandlers, childrenId }) {
+    if (hasChildren) {
+        return (jsx("button", { className: clsx("ids-side-menu__chevron-button", {
+                "ids-side-menu__chevron-button--expanded": expanded
+            }), ...toggleHandlers, ...toggleButtonProps, "aria-expanded": expanded, "aria-controls": childrenId, "aria-label": srToggleText }));
+    }
+    return icon ? (jsx("div", { className: "ids-side-menu__label-icon", "aria-hidden": "true", children: jsx("span", { className: `ids-icon-${icon}` }) })) : (jsx("div", { className: "ids-side-menu__chevron-button--empty" }));
+}
+IDSSideMenuToggle.displayName = "IDSSideMenuToggle";
+
+export { IDSSideMenuToggle };

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

@@ -10,7 +10,7 @@ export interface IDSSideMenuProps extends React.HTMLAttributes<HTMLDivElement> {
     link?: React.ReactNode;
     onToggleMenu?: (isExpanded: boolean) => void;
 }
-export declare function IDSSideMenu({ expanded, onToggleMenu, srToggleText, className, ...props }: IDSSideMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSSideMenu({ expanded, onToggleMenu, srToggleText, className, ...props }: IDSSideMenuProps): React.JSX.Element;
 export declare namespace IDSSideMenu {
     var displayName: string;
 }

package/components/side-panel/side-panel-base.js

@@ -2,6 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { forwardRef } from 'react';
 import clsx from 'clsx';
 import '@inera/ids-design/components/side-panel/side-panel.css';
+import { IDSSidePanelFooter } from './side-panel-footer.js';
 
 const IDSSidePanelBase = forwardRef(({ visible = false, left = false, elevated = false, menu = false, footer = false, noCloseButton = false, noScrollAreaFocus = false, footerDarkmodeToggle, size = "m", srLabel = "Sidopanel", onTogglePanel, onClosePanel, srClose, srOpen, client, headline, footerLinks, footerText, hamburgerRef, componentRef, className, children, ...props }, ref) => {
     const [ready, setReady] = React.useState(false);
@@ -23,16 +24,9 @@ const IDSSidePanelBase = forwardRef(({ visible = false, left = false, elevated =
             onClick: onClosePanel
         }
         : {};
-    const renderFooter = () => {
-        if (menu && footer) {
-            return (jsxs("footer", { className: "ids-side-panel__footer", children: [footerLinks && jsx("div", { className: "ids-side-panel__footer-links", children: footerLinks }), footerDarkmodeToggle && jsx("div", { className: "ids-side-panel__footer-toggle", children: footerDarkmodeToggle }), footerText && jsx("div", { className: "ids-side-panel__footer-text", children: footerText })] }));
-        }
-        return null;
-    };
-    const renderContent = () => (jsxs("div", { className: "ids-side-panel__content", tabIndex: noScrollAreaFocus ? -1 : 0, children: [jsxs("div", { className: "ids-side-panel__inner", children: [headline, children] }), renderFooter()] }));
     return (jsx("div", { className: classNames, ref: ref, ...props, children: jsxs("div", { className: clsx("ids-side-panel__panel", {
                 "ids-side-panel__panel--no-close-button": noCloseButton
-            }), children: [!noCloseButton && (jsx("div", { className: "ids-side-panel__actions", children: menu ? (jsx("button", { "aria-label": visible ? srClose : srOpen, className: "ids-side-panel__hamburger", "aria-expanded": visible, ...toggleHandler, ref: hamburgerRef, children: jsx("div", { className: "ids-hamburger", children: jsx("div", { className: "ids-hamburger__lines" }) }) })) : (jsx("button", { "aria-label": srClose, "aria-expanded": visible, className: "ids-side-panel__close-button", ...closeHandler })) })), renderContent()] }) }));
+            }), children: [!noCloseButton && (jsx("div", { className: "ids-side-panel__actions", children: menu ? (jsx("button", { "aria-label": visible ? srClose : srOpen, className: "ids-side-panel__hamburger", "aria-expanded": visible, ...toggleHandler, ref: hamburgerRef, children: jsx("div", { className: "ids-hamburger", children: jsx("div", { className: "ids-hamburger__lines" }) }) })) : (jsx("button", { "aria-label": srClose, "aria-expanded": visible, className: "ids-side-panel__close-button", ...closeHandler })) })), jsxs("div", { className: "ids-side-panel__content", tabIndex: noScrollAreaFocus ? -1 : 0, children: [jsxs("div", { className: "ids-side-panel__inner", children: [headline, children] }), menu && footer && (jsx(IDSSidePanelFooter, { footerLinks: footerLinks, footerText: footerText, footerDarkmodeToggle: footerDarkmodeToggle }))] })] }) }));
 });
 IDSSidePanelBase.displayName = "IDSSidePanelBase";
 

package/components/side-panel/side-panel-footer.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from "react";
+export interface IDSSidePanelFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    footerDarkmodeToggle?: ReactNode;
+    footerLinks?: ReactNode;
+    footerText?: ReactNode;
+}
+export declare function IDSSidePanelFooter({ footerLinks, footerText, footerDarkmodeToggle }: IDSSidePanelFooterProps): React.JSX.Element;
+export declare namespace IDSSidePanelFooter {
+    var displayName: string;
+}

package/components/side-panel/side-panel-footer.js

@@ -0,0 +1,8 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function IDSSidePanelFooter({ footerLinks, footerText, footerDarkmodeToggle }) {
+    return (jsxs("footer", { className: "ids-side-panel__footer", children: [footerLinks && jsx("div", { className: "ids-side-panel__footer-links", children: footerLinks }), footerDarkmodeToggle && jsx("div", { className: "ids-side-panel__footer-toggle", children: footerDarkmodeToggle }), footerText && jsx("div", { className: "ids-side-panel__footer-text", children: footerText })] }));
+}
+IDSSidePanelFooter.displayName = "IDSSidePanelFooter";
+
+export { IDSSidePanelFooter };

package/components/side-panel/side-panel-provider.d.ts

@@ -4,7 +4,7 @@ export interface IDSSidePanelProviderProps extends React.HTMLAttributes<HTMLDivE
     hideSidePanel?: boolean;
     sidePanel: ReactNode;
 }
-export declare function IDSSidePanelProvider({ left, hideSidePanel, sidePanel, className, children, ...props }: IDSSidePanelProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSSidePanelProvider({ left, hideSidePanel, sidePanel, className, children, ...props }: IDSSidePanelProviderProps): React.JSX.Element;
 export declare namespace IDSSidePanelProvider {
     var displayName: string;
 }

package/components/side-panel/side-panel.d.ts

@@ -20,7 +20,7 @@ export interface IDSSidePanelProps extends React.HTMLAttributes<HTMLDivElement>
     noScrollAreaFocus?: boolean;
     noCloseButton?: boolean;
 }
-export declare function IDSSidePanel({ show, menu, noScrollAreaFocus, noCloseButton, srLabel, onVisibilityChange, srClose, srOpen, onOpen, onClose, className, children, ...props }: IDSSidePanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSSidePanel({ show, menu, noScrollAreaFocus, noCloseButton, srLabel, onVisibilityChange, srClose, srOpen, onOpen, onClose, className, children, ...props }: IDSSidePanelProps): import("react").JSX.Element;
 export declare namespace IDSSidePanel {
     var displayName: string;
 }

package/components/side-panel/side-panel.js

@@ -66,7 +66,7 @@ function IDSSidePanel({ show, menu = false, noScrollAreaFocus = false, noCloseBu
     }, [srLabel]);
     useEffect(() => {
         const handleBodyScroll = () => {
-            if (visible && window.innerWidth <= 1024) {
+            if (visible && !noCloseButton && window.innerWidth <= 1024) {
                 document.body.style.overflow = "hidden";
             }
             else {
@@ -79,23 +79,7 @@ function IDSSidePanel({ show, menu = false, noScrollAreaFocus = false, noCloseBu
             window.removeEventListener("resize", handleBodyScroll);
             document.body.style.overflow = ""; // cleanup on unmount
         };
-    }, [visible]);
-    useEffect(() => {
-        const handleBodyScroll = () => {
-            if (visible && window.innerWidth <= 1024) {
-                document.body.style.overflow = "hidden";
-            }
-            else {
-                document.body.style.overflow = "";
-            }
-        };
-        handleBodyScroll();
-        window.addEventListener("resize", handleBodyScroll);
-        return () => {
-            window.removeEventListener("resize", handleBodyScroll);
-            document.body.style.overflow = ""; // cleanup on unmount
-        };
-    }, [visible]);
+    }, [visible, noCloseButton]);
     return (jsx(IDSSidePanelBase, { ...props, ref: componentRef, client: true, menu: menu, className: className, srClose: srClose, srOpen: srOpen, noCloseButton: noCloseButton, noScrollAreaFocus: noScrollAreaFocus, visible: visible, onClosePanel: closePanel, onTogglePanel: togglePanel, hamburgerRef: hamburgerRef, children: children }));
 }
 IDSSidePanel.displayName = "IDSSidePanel";

package/components/stepper/step-base.js

@@ -1,14 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import { forwardRef, useId } from 'react';
 import clsx from 'clsx';
 import '@inera/ids-design/components/stepper/stepper.css';
+import { IDSStepIndicator } from './step-indicator.js';
 
 const IDSStepBase = forwardRef(({ state = "", headline, label = "", stepNumber = "", srIndicatorText = "", expanded = false, disabled = false, onToggleStep, client, className, children, ...props }, ref) => {
-    const renderStepIndicator = () => {
-        if (state === "valid" || state === "invalid")
-            return null;
-        return stepNumber;
-    };
+    const childId = useId();
     const handleKeyPress = (e) => {
         if (!onToggleStep)
             return;
@@ -23,11 +20,11 @@ const IDSStepBase = forwardRef(({ state = "", headline, label = "", stepNumber =
             onKeyDown: handleKeyPress
         }
         : {};
-    return (jsxs("div", { className: clsx("ids-step", className), ...props, children: [jsx("button", { ref: ref, type: "button", disabled: disabled, className: clsx("ids-step__button", {
+    return (jsxs("div", { className: clsx("ids-step", className), ...props, children: [jsx("button", { ref: ref, type: "button", disabled: disabled, tabIndex: disabled ? -1 : undefined, className: clsx("ids-step__button", {
                     "ids-step__button--disabled": disabled
-                }), "aria-expanded": expanded, ...toggleHandlers, children: jsxs("div", { className: "ids-step__button-inner", children: [jsx("div", { className: "ids-step__indicator-wrapper", children: jsx("div", { "aria-label": srIndicatorText || stepNumber, role: "img", className: `ids-step__indicator ids-step__indicator--${state}`, children: renderStepIndicator() }) }), jsxs("div", { className: "ids-step__button-text", children: [jsxs("div", { className: "ids-step__headline-label", children: [headline && jsx("div", { className: "ids-step__headline", children: headline }), label && jsx("div", { className: "ids-step__subtitle", children: label })] }), jsx("div", { className: clsx("ids-step__chevron", {
+                }), "aria-expanded": expanded, "aria-controls": childId, ...toggleHandlers, children: jsxs("div", { className: "ids-step__button-inner", children: [jsx("div", { className: "ids-step__indicator-wrapper", children: jsx(IDSStepIndicator, { state: state, stepNumber: stepNumber, srIndicatorText: srIndicatorText }) }), jsxs("div", { className: "ids-step__button-text", children: [jsxs("div", { className: "ids-step__headline-label", children: [headline && jsx("div", { className: "ids-step__headline", children: headline }), label && jsx("div", { className: "ids-step__subtitle", children: label })] }), jsx("div", { className: clsx("ids-step__chevron", {
                                         "ids-step__chevron--expanded": expanded
-                                    }) })] })] }) }), jsx("div", { className: clsx("ids-step__content", {
+                                    }) })] })] }) }), jsx("div", { id: childId, className: clsx("ids-step__content", {
                     "ids-step__content--expanded": expanded
                 }), children: children })] }));
 });

package/components/stepper/step-indicator.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { StepState } from "./step-base";
+export interface IDSStepIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    state?: StepState;
+    stepNumber?: string;
+    srIndicatorText?: string;
+}
+export declare function IDSStepIndicator({ state, stepNumber, srIndicatorText }: IDSStepIndicatorProps): React.JSX.Element;
+export declare namespace IDSStepIndicator {
+    var displayName: string;
+}

package/components/stepper/step-indicator.js

@@ -0,0 +1,8 @@
+import { jsx } from 'react/jsx-runtime';
+
+function IDSStepIndicator({ state = "", stepNumber = "", srIndicatorText = "" }) {
+    return (jsx("div", { "aria-label": srIndicatorText || stepNumber, role: "img", className: `ids-step__indicator ids-step__indicator--${state}`, children: state !== "valid" && state !== "invalid" && stepNumber }));
+}
+IDSStepIndicator.displayName = "IDSStepIndicator";
+
+export { IDSStepIndicator };

package/components/stepper/stepper.d.ts

@@ -4,7 +4,7 @@ export interface IDSStepperProps extends React.HTMLAttributes<HTMLDivElement> {
     children: ReactElement<IDSStepProps>[] | ReactElement<IDSStepProps>;
     onToggleStep?: (step: string, expanded: boolean) => void;
 }
-export declare function IDSStepper({ children, onToggleStep, className, ...props }: IDSStepperProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSStepper({ children, onToggleStep, className, ...props }: IDSStepperProps): React.JSX.Element;
 export declare namespace IDSStepper {
     var displayName: string;
 }

package/components/tabs/tab-link.js

@@ -3,7 +3,7 @@ import { forwardRef } from 'react';
 import clsx from 'clsx';
 
 const IDSTabLink = forwardRef(({ label, index = "", href, id = "", panelId = "", selected = false, icon = "", notification, onKeyDown, className, ...props }, ref) => {
-    return (jsx("a", { ...props, ref: ref, href: href, id: id, role: "tab", "aria-selected": selected, "aria-controls": panelId, className: clsx("ids-tab", { "ids-tab--selected": selected }, className), onKeyDown: onKeyDown, children: jsxs("div", { className: "ids-tab__label", children: [icon && jsx("span", { className: `ids-tab-icon ids-icon-${icon} ids-icon--m`, "aria-hidden": "true" }), label, notification] }) }));
+    return (jsx("a", { ...props, ref: ref, href: href, id: id, role: "tab", "aria-selected": selected, "aria-controls": panelId, className: clsx("ids-tab", { "ids-tab--selected": selected }, className), onKeyDown: onKeyDown, children: jsxs("div", { className: "ids-tab__label", children: [icon && jsx("span", { className: `ids-tab-icon ids-icon-${icon}`, "aria-hidden": "true" }), label, notification] }) }));
 });
 IDSTabLink.displayName = "IDSTabLink";
 

package/components/tabs/tab.js

@@ -9,7 +9,7 @@ const IDSTab = forwardRef(({ label, index = "", id = "", panelId = "", selected
             onTabClick?.(index);
         }
     };
-    return (jsx("div", { ...props, ref: ref, id: id, role: "tab", "aria-selected": selected, "aria-controls": panelId, tabIndex: selected ? 0 : -1, className: clsx("ids-tab", { "ids-tab--selected": selected }, className), onKeyDown: onKeyDown, onClick: handleClick, children: jsxs("div", { className: "ids-tab__label", children: [icon && jsx("span", { className: `ids-tab-icon ids-icon-${icon} ids-icon--m`, "aria-hidden": "true" }), label, notification && jsx("span", { className: "ids-tab-extra", children: notification })] }) }));
+    return (jsx("div", { ...props, ref: ref, id: id, role: "tab", "aria-selected": selected, "aria-controls": panelId, tabIndex: selected ? 0 : -1, className: clsx("ids-tab", { "ids-tab--selected": selected }, className), onKeyDown: onKeyDown, onClick: handleClick, children: jsxs("div", { className: "ids-tab__label", children: [icon && jsx("span", { className: `ids-tab-icon ids-icon-${icon}`, "aria-hidden": "true" }), label, notification && jsx("span", { className: "ids-tab-extra", children: notification })] }) }));
 });
 IDSTab.displayName = "IDSTab";
 

package/components/tabs/tabs-base.d.ts

@@ -11,7 +11,7 @@ interface IDSTabsBaseProps extends React.HTMLAttributes<HTMLDivElement> {
     tabs?: ReactElement<IDSTabProps>[];
     select?: ReactNode;
 }
-export declare function IDSTabsBase({ unresponsive, light, compact, breakpoint, selectLabel, tabs, className, children, select, ...props }: IDSTabsBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSTabsBase({ unresponsive, light, compact, breakpoint, selectLabel, tabs, className, children, select, ...props }: IDSTabsBaseProps): React.JSX.Element;
 export declare namespace IDSTabsBase {
     var displayName: string;
 }

package/components/tabs/tabs.d.ts

@@ -9,7 +9,7 @@ export interface IDSTabsProps extends React.HTMLAttributes<HTMLDivElement> {
     breakpoint?: "m" | "s";
     selectLabel?: string;
 }
-export declare function IDSTabs({ tabs, selectLabel, light, compact, breakpoint, children, className, onTabChange, ...props }: IDSTabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSTabs({ tabs, selectLabel, light, compact, breakpoint, children, className, onTabChange, ...props }: IDSTabsProps): React.JSX.Element;
 export declare namespace IDSTabs {
     var displayName: string;
 }

package/components/tag/tag.js

@@ -14,5 +14,6 @@ const IDSTagMemo = forwardRef(({ clickable, closeButton, className, children, ..
 });
 IDSTagMemo.displayName = "IDSTag";
 const IDSTag = memo(IDSTagMemo);
+IDSTag.displayName = "IDSTag";
 
 export { IDSTag };

package/components/tooltip/tooltip-base.d.ts

@@ -10,7 +10,7 @@ export interface IDSTooltipBaseProps extends React.HTMLAttributes<HTMLSpanElemen
     triggerRef?: React.Ref<HTMLSpanElement>;
     tooltipContentRef?: React.Ref<HTMLSpanElement>;
 }
-export declare function IDSTooltipBase({ position, maxWidth, translateX, translateY, trigger, triggerRef, tooltipContentRef, className, children, ...props }: IDSTooltipBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSTooltipBase({ position, maxWidth, translateX, translateY, trigger, triggerRef, tooltipContentRef, className, children, ...props }: IDSTooltipBaseProps): React.JSX.Element;
 export declare namespace IDSTooltipBase {
     var displayName: string;
 }

package/components/tooltip/tooltip.d.ts

@@ -1,7 +1,7 @@
 import { IDSTooltipBaseProps } from "./tooltip-base";
 export interface IDSTooltipProps extends Omit<IDSTooltipBaseProps, "translateX" | "translateY"> {
 }
-export declare function IDSTooltip({ position, maxWidth, trigger, className, ...props }: IDSTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSTooltip({ position, maxWidth, trigger, className, ...props }: IDSTooltipProps): import("react").JSX.Element;
 export declare namespace IDSTooltip {
     var displayName: string;
 }

package/components/utils/utils.js

@@ -1,5 +1,4 @@
 const breakPoints = {
-    small: 640,
     medium: 1024
 };
 const getDayAsText = (day) => {

package/index.d.ts

@@ -61,6 +61,7 @@ export * from "./components/breadcrumbs/breadcrumbs";
 export * from "./components/form/datepicker/datepicker";
 export * from "./components/dialog/dialog";
 export * from "./components/dialog/dialog-base";
+export * from "./components/district-selector/district-selector";
 export * from "./components/dropdown/dropdown";
 export * from "./components/dropdown/dropdown-base";
 export * from "./components/dropdown/dropdown-content-link";
@@ -72,6 +73,7 @@ export * from "./components/popover/popover-content";
 export * from "./components/progressbar/progressbar";
 export * from "./components/badge/badge";
 export * from "./components/notification-badge/notification-badge";
+export * from "./components/message-avatar/message-avatar";
 export * from "./components/link/box-link";
 export * from "./components/side-menu/side-menu";
 export * from "./components/side-menu/side-menu-base";
@@ -81,6 +83,8 @@ export * from "./components/side-panel/side-panel-provider";
 export * from "./components/tooltip/tooltip";
 export * from "./components/tooltip/tooltip-base";
 export * from "./components/navigation-content/navigation-content";
+export * from "./components/navigation-content/navigation-content-item";
+export * from "./components/navigation-content/navigation-content-item-base";
 export * from "./components/carousel/carousel";
 export * from "./components/carousel/carousel-item";
 export * from "./components/tag/tag";
@@ -161,10 +165,17 @@ export * from "./components/header-inera-general/header-inera-general";
 export * from "./components/header-inera-general/header-inera-general-base";
 export * from "./components/header-inera-general/header-inera-general-item";
 export * from "./components/header-inera-general/header-inera-general-item-base";
+export * from "./components/header-inera-general/header-inera-general-avatar";
+export * from "./components/header-inera-general/header-inera-general-avatar-base";
+export * from "./components/header-inera-general/header-inera-general-avatar-mobile";
+export * from "./components/header-inera-general/header-inera-general-avatar-mobile-base";
 export * from "./components/header-inera-general/header-inera-general-nav";
 export * from "./components/header-inera-general/header-inera-general-nav-base";
+export * from "./components/header-inera-general/header-inera-general-nav-mobile";
 export * from "./components/header-inera-general/header-inera-general-nav-item";
 export * from "./components/header-inera-general/header-inera-general-nav-item-base";
+export * from "./components/header-inera-general/header-inera-general-nav-item-mobile";
+export * from "./components/header-inera-general/header-inera-general-nav-item-mobile-base";
 export * from "./components/header-inera-general/header-inera-general-menu-mobile";
 export * from "./components/header-inera-general/header-inera-general-menu-mobile-base";
 export * from "./components/header-inera-admin/header-inera-admin";

package/index.js

@@ -61,6 +61,7 @@ export { IDSBreadcrumbs } from './components/breadcrumbs/breadcrumbs.js';
 export { IDSDatePicker } from './components/form/datepicker/datepicker.js';
 export { IDSDialog } from './components/dialog/dialog.js';
 export { IDSDialogBase } from './components/dialog/dialog-base.js';
+export { IDSDistrictSelector } from './components/district-selector/district-selector.js';
 export { IDSDropdown } from './components/dropdown/dropdown.js';
 export { IDSDropdownBase } from './components/dropdown/dropdown-base.js';
 export { IDSDropdownContentLink } from './components/dropdown/dropdown-content-link.js';
@@ -72,6 +73,7 @@ export { IDSPopoverContent } from './components/popover/popover-content.js';
 export { IDSProgressbar } from './components/progressbar/progressbar.js';
 export { IDSBadge } from './components/badge/badge.js';
 export { IDSNotificationBadge } from './components/notification-badge/notification-badge.js';
+export { IDSMessageAvatar } from './components/message-avatar/message-avatar.js';
 export { IDSBoxLink } from './components/link/box-link.js';
 export { IDSSideMenu } from './components/side-menu/side-menu.js';
 export { IDSSideMenuBase } from './components/side-menu/side-menu-base.js';
@@ -81,6 +83,8 @@ export { IDSSidePanelProvider } from './components/side-panel/side-panel-provide
 export { IDSTooltip } from './components/tooltip/tooltip.js';
 export { IDSTooltipBase } from './components/tooltip/tooltip-base.js';
 export { IDSNavigationContent } from './components/navigation-content/navigation-content.js';
+export { IDSNavigationContentItem } from './components/navigation-content/navigation-content-item.js';
+export { IDSNavigationContentItemBase } from './components/navigation-content/navigation-content-item-base.js';
 export { IDSCarousel } from './components/carousel/carousel.js';
 export { IDSCarouselItem } from './components/carousel/carousel-item.js';
 export { IDSTag } from './components/tag/tag.js';
@@ -161,10 +165,17 @@ export { IDSHeaderIneraGeneral } from './components/header-inera-general/header-
 export { IDSHeaderIneraGeneralBase } from './components/header-inera-general/header-inera-general-base.js';
 export { IDSHeaderIneraGeneralItem } from './components/header-inera-general/header-inera-general-item.js';
 export { IDSHeaderIneraGeneralItemBase } from './components/header-inera-general/header-inera-general-item-base.js';
+export { IDSHeaderIneraGeneralAvatar } from './components/header-inera-general/header-inera-general-avatar.js';
+export { IDSHeaderIneraGeneralAvatarBase } from './components/header-inera-general/header-inera-general-avatar-base.js';
+export { IDSHeaderIneraGeneralAvatarMobile } from './components/header-inera-general/header-inera-general-avatar-mobile.js';
+export { IDSHeaderIneraGeneralAvatarMobileBase } from './components/header-inera-general/header-inera-general-avatar-mobile-base.js';
 export { IDSHeaderIneraGeneralNav } from './components/header-inera-general/header-inera-general-nav.js';
 export { IDSHeaderIneraGeneralNavBase } from './components/header-inera-general/header-inera-general-nav-base.js';
+export { IDSHeaderIneraGeneralNavMobile } from './components/header-inera-general/header-inera-general-nav-mobile.js';
 export { IDSHeaderIneraGeneralNavItem } from './components/header-inera-general/header-inera-general-nav-item.js';
 export { IDSHeaderIneraGeneralNavItemBase } from './components/header-inera-general/header-inera-general-nav-item-base.js';
+export { IDSHeaderIneraGeneralNavItemMobile } from './components/header-inera-general/header-inera-general-nav-item-mobile.js';
+export { IDSHeaderIneraGeneralNavItemMobileBase } from './components/header-inera-general/header-inera-general-nav-item-mobile-base.js';
 export { IDSHeaderIneraGeneralMenuMobile } from './components/header-inera-general/header-inera-general-menu-mobile.js';
 export { IDSHeaderIneraGeneralMenuMobileBase } from './components/header-inera-general/header-inera-general-menu-mobile-base.js';
 export { IDSHeaderIneraAdmin } from './components/header-inera-admin/header-inera-admin.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inera/ids-react",
-  "version": "9.3.0",
+  "version": "9.4.1",
   "type": "module",
   "peerDependencies": {
     "react": "*",
@@ -8,7 +8,7 @@
     "react-dom": "*"
   },
   "dependencies": {
-    "@inera/ids-design": "9.3.x",
+    "@inera/ids-design": "9.4.x",
     "clsx": "*"
   },
   "types": "index.d.ts",