@inera/ids-react 9.2.2 → 9.4.0

package/components/header-1177/header-1177-nav-item-mobile.d.ts

@@ -3,7 +3,7 @@ interface IDSHeader1177NavItemMobileProps extends HTMLAttributes<HTMLElement> {
     icon?: string;
     unresponsive?: boolean;
 }
-export declare function IDSHeader1177NavItemMobile({ icon, unresponsive, children, ...props }: IDSHeader1177NavItemMobileProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177NavItemMobile({ icon, unresponsive, children, ...props }: IDSHeader1177NavItemMobileProps): import("react").JSX.Element;
 export declare namespace IDSHeader1177NavItemMobile {
     var displayName: string;
 }

package/components/header-1177/header-1177-nav-item.d.ts

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

package/components/header-1177/header-1177-nav.d.ts

@@ -4,7 +4,7 @@ interface IDSHeader1177NavProps extends HTMLAttributes<HTMLElement> {
     mobileLeft?: ReactNode;
     mobileRight?: ReactNode;
 }
-export declare function IDSHeader1177Nav({ hideOnTablet, mobileLeft, mobileRight, children, ...props }: IDSHeader1177NavProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177Nav({ hideOnTablet, mobileLeft, mobileRight, children, ...props }: IDSHeader1177NavProps): import("react").JSX.Element;
 export declare namespace IDSHeader1177Nav {
     var displayName: string;
 }

package/components/header-1177/header-1177-region-picker-base.d.ts

@@ -1,12 +1,14 @@
-import { HTMLAttributes } from "react";
+import React, { HTMLAttributes } from "react";
 export interface IDSHeader1177RegionPickerBaseProps extends HTMLAttributes<HTMLElement> {
     text?: string;
+    ariaLabel?: string;
+    ariaControls?: string;
     expanded?: boolean;
     hide?: boolean;
     onToggle?: () => void;
     client?: boolean;
 }
-export declare function IDSHeader1177RegionPickerBase({ text, expanded, hide, children, onToggle, client, ...props }: IDSHeader1177RegionPickerBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177RegionPickerBase({ text, ariaLabel, ariaControls, expanded, hide, children, onToggle, client, ...props }: IDSHeader1177RegionPickerBaseProps): React.JSX.Element;
 export declare namespace IDSHeader1177RegionPickerBase {
     var displayName: string;
 }

package/components/header-1177/header-1177-region-picker-base.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
 
-function IDSHeader1177RegionPickerBase({ text = "Välj region", expanded = false, hide = false, children, onToggle, client = false, ...props }) {
+function IDSHeader1177RegionPickerBase({ text = "Välj region", ariaLabel = "Välj region", ariaControls, expanded = false, hide = false, children, onToggle, client = false, ...props }) {
     if (hide)
         return null;
     const hasChildren = React.Children.count(children) > 0;
@@ -11,11 +11,16 @@ function IDSHeader1177RegionPickerBase({ text = "Välj region", expanded = false
             onClick: onToggle
         }
         : {};
+    const ariaHandler = ariaControls
+        ? {
+            "aria-controls": ariaControls
+        }
+        : {};
     return (jsxs("div", { className: clsx("ids-header-1177-region-picker", {
             "ids-header-1177-region-picker--selected-region": hasChildren
-        }), ...props, children: [jsx("div", { className: "ids-header-1177-region-picker__region-icon", children: children }), jsx("div", { className: "ids-header-1177-region-picker__selector", children: jsx("button", { ...toggleHandler, className: clsx("ids-header-1177-region-picker__button", {
+        }), ...props, children: [jsx("div", { className: "ids-header-1177-region-picker__region-icon", children: children }), jsx("div", { className: "ids-header-1177-region-picker__selector", children: jsx("button", { ...toggleHandler, ...ariaHandler, className: clsx("ids-header-1177-region-picker__button", {
                         "ids-header-1177-region-picker__button--expanded": expanded
-                    }), "aria-label": text, children: text }) })] }));
+                    }), "aria-expanded": expanded ? "true" : "false", "aria-label": ariaLabel, children: text }) })] }));
 }
 IDSHeader1177RegionPickerBase.displayName = "IDSHeader1177RegionPickerBase";
 

package/components/header-1177/header-1177-region-picker-mobile-base.d.ts

@@ -1,12 +1,14 @@
-import { HTMLAttributes } from "react";
+import React, { HTMLAttributes } from "react";
 export interface IDSHeader1177RegionPickerMobileBaseProps extends HTMLAttributes<HTMLElement> {
     text?: string;
+    ariaLabel?: string;
+    ariaControls?: string;
     expanded?: boolean;
     onToggle?: () => void;
     hide?: boolean;
     client?: boolean;
 }
-export declare function IDSHeader1177RegionPickerMobileBase({ text, expanded, children, onToggle, hide, client, ...props }: IDSHeader1177RegionPickerMobileBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177RegionPickerMobileBase({ text, ariaLabel, ariaControls, expanded, children, onToggle, hide, client, ...props }: IDSHeader1177RegionPickerMobileBaseProps): React.JSX.Element;
 export declare namespace IDSHeader1177RegionPickerMobileBase {
     var displayName: string;
 }

package/components/header-1177/header-1177-region-picker-mobile-base.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
 
-function IDSHeader1177RegionPickerMobileBase({ text = "Välj region", expanded = false, children, onToggle, hide = false, client = false, ...props }) {
+function IDSHeader1177RegionPickerMobileBase({ text = "Välj region", ariaLabel = "Välj region", ariaControls = "", expanded = false, children, onToggle, hide = false, client = false, ...props }) {
     if (hide)
         return null;
     const hasChildren = React.Children.count(children) > 0;
@@ -11,11 +11,16 @@ function IDSHeader1177RegionPickerMobileBase({ text = "Välj region", expanded =
             onClick: onToggle
         }
         : {};
+    const ariaHandler = ariaControls
+        ? {
+            "aria-controls": ariaControls
+        }
+        : {};
     return (jsx("div", { className: clsx("ids-header-1177-region-picker-mobile", {
             "ids-header-1177-region-picker-mobile--selected-region": hasChildren
-        }), ...props, children: jsxs("button", { ...toggleHandler, className: clsx("ids-header-1177-region-picker-mobile__button", {
+        }), ...props, children: jsxs("button", { ...toggleHandler, ...ariaHandler, className: clsx("ids-header-1177-region-picker-mobile__button", {
                 "ids-header-1177-region-picker-mobile__button--expanded": expanded
-            }), "aria-label": text, children: [jsx("div", { className: "ids-header-1177-region-picker-mobile__region-icon", children: children }), jsx("span", { className: "ids-header-1177-region-picker-mobile__button-text", children: text })] }) }));
+            }), "aria-expanded": expanded ? "true" : "false", "aria-label": ariaLabel, children: [jsx("div", { className: "ids-header-1177-region-picker-mobile__region-icon", children: children }), jsx("span", { className: "ids-header-1177-region-picker-mobile__button-text", children: text })] }) }));
 }
 IDSHeader1177RegionPickerMobileBase.displayName = "IDSHeader1177RegionPickerMobileBase";
 

package/components/header-1177/header-1177-region-picker-mobile.d.ts

@@ -1,9 +1,11 @@
 import { HTMLAttributes } from "react";
 export interface IDSHeader1177RegionPickerMobileProps extends HTMLAttributes<HTMLElement> {
     expanded?: boolean;
+    ariaLabel?: string;
+    ariaControls?: string;
     onToggleRegion?: (isExpanded: boolean) => void;
 }
-export declare function IDSHeader1177RegionPickerMobile({ expanded, onToggleRegion, children, ...props }: IDSHeader1177RegionPickerMobileProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177RegionPickerMobile({ expanded, onToggleRegion, children, ...props }: IDSHeader1177RegionPickerMobileProps): import("react").JSX.Element;
 export declare namespace IDSHeader1177RegionPickerMobile {
     var displayName: string;
 }

package/components/header-1177/header-1177-region-picker.d.ts

@@ -1,9 +1,11 @@
 import { HTMLAttributes } from "react";
 export interface IDSHeader1177RegionPickerProps extends HTMLAttributes<HTMLElement> {
     expanded?: boolean;
+    ariaLabel?: string;
+    ariaControls?: string;
     onToggleRegion?: (isExpanded: boolean) => void;
 }
-export declare function IDSHeader1177RegionPicker({ expanded, onToggleRegion, children, ...props }: IDSHeader1177RegionPickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177RegionPicker({ expanded, onToggleRegion, children, ...props }: IDSHeader1177RegionPickerProps): import("react").JSX.Element;
 export declare namespace IDSHeader1177RegionPicker {
     var displayName: string;
 }

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

@@ -6,6 +6,7 @@ interface IDSHeader1177Props extends React.HTMLAttributes<HTMLDivElement> {
     logoHref?: string;
     logoProps?: AnchorHTMLAttributes<HTMLAnchorElement>;
     logo?: ReactNode;
+    logoLink?: ReactNode;
     srLogoText?: string;
     regionPicker?: ReactNode;
     skipToContentLink?: ReactNode;
@@ -14,7 +15,7 @@ interface IDSHeader1177Props extends React.HTMLAttributes<HTMLDivElement> {
     mobileMenu?: ReactNode;
     children?: ReactNode;
 }
-export declare function IDSHeader1177({ hideRegionPicker, unresponsive, hideAvatar, children, ...props }: IDSHeader1177Props): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177({ hideRegionPicker, unresponsive, hideAvatar, logo, logoLink, children, ...props }: IDSHeader1177Props): React.JSX.Element;
 export declare namespace IDSHeader1177 {
     var displayName: string;
 }

package/components/header-1177/header-1177.js

@@ -3,8 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import { HeaderProvider } from '../utils/contexts/HeaderContext.js';
 import { IDSHeader1177Base } from './header-1177-base.js';
 
-function IDSHeader1177({ hideRegionPicker = false, unresponsive = false, hideAvatar = false, children, ...props }) {
-    return (jsx(HeaderProvider, { value: { unresponsive, hideRegionPicker, hideAvatar }, children: jsx(IDSHeader1177Base, { ...props, unresponsive: unresponsive, hideRegionPicker: hideRegionPicker, children: children }) }));
+function IDSHeader1177({ hideRegionPicker = false, unresponsive = false, hideAvatar = false, logo, logoLink, children, ...props }) {
+    return (jsx(HeaderProvider, { value: { unresponsive, hideRegionPicker, hideAvatar }, children: jsx(IDSHeader1177Base, { ...props, logoLink: logoLink ?? logo, unresponsive: unresponsive, hideRegionPicker: hideRegionPicker, children: children }) }));
 }
 IDSHeader1177.displayName = "IDSHeader1177";
 

package/components/header-1177-admin/header-1177-admin-avatar-base.d.ts

@@ -11,7 +11,7 @@ interface IDSHeader1177AdminAvatarBaseProps extends HTMLAttributes<HTMLElement>
     buttonRef?: React.RefObject<HTMLButtonElement>;
     client?: boolean;
 }
-export declare function IDSHeader1177AdminAvatarBase({ username, unit, expanded, unresponsive, hide, componentRef, menuRef, buttonRef, children, onToggleAvatar, client, ...props }: IDSHeader1177AdminAvatarBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177AdminAvatarBase({ username, unit, expanded, unresponsive, hide, componentRef, menuRef, buttonRef, children, onToggleAvatar, client, ...props }: IDSHeader1177AdminAvatarBaseProps): import("react").JSX.Element;
 export declare namespace IDSHeader1177AdminAvatarBase {
     var displayName: string;
 }

package/components/header-1177-admin/header-1177-admin-avatar-mobile-base.d.ts

@@ -10,7 +10,7 @@ interface IDSHeader1177AdminAvatarMobileBaseProps extends HTMLAttributes<HTMLEle
     componentRef?: React.Ref<HTMLDivElement>;
     buttonRef?: React.Ref<HTMLButtonElement>;
 }
-export declare function IDSHeader1177AdminAvatarMobileBase({ username, unit, children, unresponsive, expanded, hide, client, onToggleAvatar, componentRef, buttonRef, ...props }: IDSHeader1177AdminAvatarMobileBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177AdminAvatarMobileBase({ username, unit, children, unresponsive, expanded, hide, client, onToggleAvatar, componentRef, buttonRef, ...props }: IDSHeader1177AdminAvatarMobileBaseProps): React.JSX.Element;
 export declare namespace IDSHeader1177AdminAvatarMobileBase {
     var displayName: string;
 }

package/components/header-1177-admin/header-1177-admin-avatar-mobile.d.ts

@@ -6,7 +6,7 @@ interface IDSHeader1177AdminAvatarMobileProps extends HTMLAttributes<HTMLElement
     persistent?: boolean;
     children?: ReactNode;
 }
-export declare function IDSHeader1177AdminAvatarMobile({ username, unit, expanded, persistent, children, ...props }: IDSHeader1177AdminAvatarMobileProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177AdminAvatarMobile({ username, unit, expanded, persistent, children, ...props }: IDSHeader1177AdminAvatarMobileProps): import("react").JSX.Element;
 export declare namespace IDSHeader1177AdminAvatarMobile {
     var displayName: string;
 }

package/components/header-1177-admin/header-1177-admin-avatar.d.ts

@@ -5,7 +5,7 @@ interface IDSHeader1177AdminAvatarProps extends HTMLAttributes<HTMLElement> {
     expanded?: boolean;
     persistent?: boolean;
 }
-export declare function IDSHeader1177AdminAvatar({ username, unit, expanded, children, persistent, ...props }: IDSHeader1177AdminAvatarProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177AdminAvatar({ username, unit, expanded, children, persistent, ...props }: IDSHeader1177AdminAvatarProps): import("react").JSX.Element;
 export declare namespace IDSHeader1177AdminAvatar {
     var displayName: string;
 }

package/components/header-1177-admin/header-1177-admin-base.d.ts

@@ -8,13 +8,13 @@ interface IDSHeader1177AdminBaseProps extends React.HTMLAttributes<HTMLDivElemen
     brandTextBottom?: string;
     logoHref?: string;
     logoProps?: AnchorHTMLAttributes<HTMLAnchorElement>;
-    logo?: ReactNode;
+    logoLink?: ReactNode;
     avatar?: ReactNode;
     mobileMenu?: ReactNode;
     items?: ReactNode;
     skipToContentLink?: ReactNode;
 }
-export declare function IDSHeader1177AdminBase({ unresponsive, srLogoText, brandTextTop, brandText, brandTextBottom, logoHref, logoProps, logo, avatar, mobileMenu, items, skipToContentLink, className, children, ...props }: IDSHeader1177AdminBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177AdminBase({ unresponsive, srLogoText, brandTextTop, brandText, brandTextBottom, logoHref, logoProps, logoLink, avatar, mobileMenu, items, skipToContentLink, className, children, ...props }: IDSHeader1177AdminBaseProps): React.JSX.Element;
 export declare namespace IDSHeader1177AdminBase {
     var displayName: string;
 }

package/components/header-1177-admin/header-1177-admin-base.js

@@ -1,14 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import '@inera/ids-design/components/header-1177-admin/composite-header-1177-admin.css';
+import { IDSHeader1177AdminLogo } from './header-1177-admin-logo.js';
 
-function IDSHeader1177AdminBase({ unresponsive = false, srLogoText = "Logotyp", brandTextTop = "", brandText = "", brandTextBottom = "", logoHref = "", logoProps = {}, logo, avatar, mobileMenu, items, skipToContentLink, className, children, ...props }) {
-    const renderLogo = () => {
-        return logo ? (logo) : (jsx("a", { className: "ids-header-1177-admin__logo-link", href: logoHref, "aria-label": srLogoText, ...logoProps }));
-    };
+function IDSHeader1177AdminBase({ unresponsive = false, srLogoText = "Logotyp", brandTextTop = "", brandText = "", brandTextBottom = "", logoHref = "", logoProps = {}, logoLink, avatar, mobileMenu, items, skipToContentLink, className, children, ...props }) {
     return (jsxs("header", { ...props, className: clsx("ids-header-1177-admin", {
             "ids-header-1177-admin--unresponsive": unresponsive
-        }, className), style: { position: "relative", zIndex: 3 }, children: [skipToContentLink && jsx("div", { className: "ids-header-1177-admin__skip-to-content", children: skipToContentLink }), jsxs("div", { className: "ids-header-1177-admin__main", children: [jsxs("div", { className: "ids-header-1177-admin__main-left", children: [jsx("div", { className: "ids-header-1177-admin__logo", children: renderLogo() }), jsxs("div", { className: "ids-header-1177-admin__brand", children: [brandTextTop && jsx("div", { className: "ids-header-1177-admin__brand-text---supplement", children: brandTextTop }), brandText && jsx("div", { className: "ids-header-1177-admin__brand-text", children: brandText }), brandTextBottom && jsx("div", { className: "ids-header-1177-admin__brand-text---supplement", children: brandTextBottom })] })] }), jsxs("div", { className: "ids-header-1177-admin__main-right", children: [items, avatar, mobileMenu] })] }), children] }));
+        }, className), style: { position: "relative", zIndex: 3 }, children: [skipToContentLink && jsx("div", { className: "ids-header-1177-admin__skip-to-content", children: skipToContentLink }), jsxs("div", { className: "ids-header-1177-admin__main", children: [jsxs("div", { className: "ids-header-1177-admin__main-left", children: [jsx("div", { className: "ids-header-1177-admin__logo", children: jsx(IDSHeader1177AdminLogo, { logoLink: logoLink, logoHref: logoHref, logoProps: logoProps, srLogoText: srLogoText }) }), jsxs("div", { className: "ids-header-1177-admin__brand", children: [brandTextTop && jsx("div", { className: "ids-header-1177-admin__brand-text---supplement", children: brandTextTop }), brandText && jsx("div", { className: "ids-header-1177-admin__brand-text", children: brandText }), brandTextBottom && jsx("div", { className: "ids-header-1177-admin__brand-text---supplement", children: brandTextBottom })] })] }), jsxs("div", { className: "ids-header-1177-admin__main-right", children: [items, avatar, mobileMenu] })] }), children] }));
 }
 IDSHeader1177AdminBase.displayName = "IDSHeader1177AdminBase";
 

package/components/header-1177-admin/header-1177-admin-item-base.d.ts

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

package/components/header-1177-admin/header-1177-admin-item-base.js

@@ -2,11 +2,10 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 
 function IDSHeader1177AdminItemBase({ mobile = false, icon, children, unresponsive = false, ...props }) {
-    const renderContent = () => (jsx("div", { className: "ids-header-1177-admin-item-icon", "aria-hidden": "true", children: jsx("span", { className: `ids-icon-${icon}` }) }));
     return (jsxs("div", { className: clsx("ids-header-1177-admin-item", {
             "ids-header-1177-admin-item--unresponsive": unresponsive,
             "ids-header-1177-admin-item--mobile": mobile
-        }), ...props, children: [renderContent(), children] }));
+        }), ...props, children: [jsx("div", { className: "ids-header-1177-admin-item__icon", "aria-hidden": "true", children: jsx("span", { className: `ids-icon-${icon}` }) }), children] }));
 }
 IDSHeader1177AdminItemBase.displayName = "IDSHeader1177AdminItemBase";
 

package/components/header-1177-admin/header-1177-admin-item.d.ts

@@ -3,7 +3,7 @@ interface IDSHeader1177AdminItemProps extends HTMLAttributes<HTMLElement> {
     mobile?: boolean;
     icon?: string;
 }
-export declare function IDSHeader1177AdminItem({ mobile, icon, children, ...props }: IDSHeader1177AdminItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177AdminItem({ mobile, icon, children, ...props }: IDSHeader1177AdminItemProps): import("react").JSX.Element;
 export declare namespace IDSHeader1177AdminItem {
     var displayName: string;
 }

package/components/header-1177-admin/header-1177-admin-logo.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode, AnchorHTMLAttributes } from "react";
+interface IDSHeader1177AdminLogoProps extends React.HTMLAttributes<HTMLDivElement> {
+    srLogoText?: string;
+    logoHref?: string;
+    logoProps?: AnchorHTMLAttributes<HTMLAnchorElement>;
+    logoLink?: ReactNode;
+}
+export declare function IDSHeader1177AdminLogo({ srLogoText, logoHref, logoProps, logoLink }: IDSHeader1177AdminLogoProps): string | number | bigint | true | 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 IDSHeader1177AdminLogo {
+    var displayName: string;
+}
+export {};

package/components/header-1177-admin/header-1177-admin-logo.js

@@ -0,0 +1,8 @@
+import { jsx } from 'react/jsx-runtime';
+
+function IDSHeader1177AdminLogo({ srLogoText = "Logotyp", logoHref = "", logoProps = {}, logoLink }) {
+    return logoLink ? (logoLink) : (jsx("a", { className: "ids-header-1177-admin__logo-link", href: logoHref, "aria-label": srLogoText, ...logoProps }));
+}
+IDSHeader1177AdminLogo.displayName = "IDSHeader1177AdminLogo";
+
+export { IDSHeader1177AdminLogo };

package/components/header-1177-admin/header-1177-admin-menu-mobile-base.d.ts

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

package/components/header-1177-admin/header-1177-admin-menu-mobile.d.ts

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

package/components/header-1177-admin/header-1177-admin-nav-base.d.ts

@@ -3,9 +3,10 @@ interface IDSHeader1177AdminNavBaseProps extends HTMLAttributes<HTMLElement> {
     children?: ReactNode;
     unresponsive?: boolean;
     mobileOnly?: boolean;
+    desktopOnly?: boolean;
     srLabel?: string;
 }
-export declare function IDSHeader1177AdminNavBase({ mobileOnly, srLabel, unresponsive, children, ...props }: IDSHeader1177AdminNavBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177AdminNavBase({ mobileOnly, desktopOnly, srLabel, unresponsive, children, ...props }: IDSHeader1177AdminNavBaseProps): import("react").JSX.Element;
 export declare namespace IDSHeader1177AdminNavBase {
     var displayName: string;
 }

package/components/header-1177-admin/header-1177-admin-nav-base.js

@@ -1,11 +1,12 @@
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 
-function IDSHeader1177AdminNavBase({ mobileOnly = false, srLabel = "Huvudmeny", unresponsive, children, ...props }) {
+function IDSHeader1177AdminNavBase({ mobileOnly = false, desktopOnly = false, srLabel = "Huvudmeny", unresponsive, children, ...props }) {
     return (jsx("nav", { className: clsx("ids-header-1177-admin-nav", {
             "ids-header-1177-admin-nav--unresponsive": unresponsive,
-            "ids-header-1177-admin-nav--only-mobile": mobileOnly
-        }), "aria-label": srLabel, ...props, children: jsx("div", { className: "ids-header-1177-admin-nav__inner", children: jsx("div", { className: "ids-header-1177-admin-nav__items", children: children }) }) }));
+            "ids-header-1177-admin-nav--mobile-only": mobileOnly,
+            "ids-header-1177-admin-nav--desktop-only": desktopOnly
+        }), "aria-label": srLabel, ...props, children: jsx("div", { className: "ids-header-1177-admin-nav__inner", children: children }) }));
 }
 IDSHeader1177AdminNavBase.displayName = "IDSHeader1177AdminNavBase";
 

package/components/header-1177-admin/header-1177-admin-nav-item-base.d.ts

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

package/components/header-1177-admin/header-1177-admin-nav-item-base.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useId } from 'react';
+import { useId } from 'react';
 import clsx from 'clsx';
+import { IDSHeader1177AdminNavItemLink } from './header-1177-admin-nav-item-link.js';
 
 function IDSHeader1177AdminNavItemBase({ label, active, expanded, children, col1, col2, col3, col4, componentRef, menuRef, buttonRef, onToggleItem, unresponsive, client = false, ...props }) {
     const itemId = `header-1177-admin-item-${useId()}`;
@@ -13,17 +14,7 @@ function IDSHeader1177AdminNavItemBase({ label, active, expanded, children, col1
             "ids-header-1177-admin-nav-item--unresponsive": unresponsive,
             "ids-header-1177-admin-nav-item--expanded": expanded,
             "ids-header-1177-admin-nav-item--active": active
-        }), children: [!!label && (jsx("button", { ref: buttonRef, "aria-controls": itemId, "aria-expanded": expanded, className: "ids-header-1177-admin-nav-item__button", ...toggleHandler, children: label })), !label && (jsx("span", { className: "ids-header-1177-admin-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-1177-admin-nav-item__menu", {
+        }), children: [!label && jsx(IDSHeader1177AdminNavItemLink, { active: active, children: children }), !!label && (jsx("button", { ref: buttonRef, "aria-controls": itemId, "aria-expanded": expanded, className: "ids-header-1177-admin-nav-item__button", ...toggleHandler, children: label })), jsx("div", { ref: menuRef, id: itemId, className: clsx("ids-header-1177-admin-nav-item__menu", {
                     "ids-header-1177-admin-nav-item__menu--expanded": expanded
                 }), children: jsxs("div", { className: "ids-header-1177-admin-nav-item__menu-content", children: [jsx("div", { className: "ids-header-1177-admin-nav-item__menu-col-1", children: col1?.map((link, idx) => (jsx("div", { className: "ids-header-1177-admin-nav__menu-item-wrapper", children: link }, idx))) }), jsx("div", { className: "ids-header-1177-admin-nav-item__menu-col-2", children: col2?.map((link, idx) => (jsx("div", { className: "ids-header-1177-admin-nav__menu-item-wrapper", children: link }, idx))) }), jsx("div", { className: "ids-header-1177-admin-nav-item__menu-col-3", children: col3?.map((link, idx) => (jsx("div", { className: "ids-header-1177-admin-nav__menu-item-wrapper", children: link }, idx))) }), jsx("div", { className: "ids-header-1177-admin-nav-item__menu-col-4", children: col4?.map((link, idx) => (jsx("div", { className: "ids-header-1177-admin-nav__menu-item-wrapper", children: link }, idx))) })] }) })] }));
 }

package/components/header-1177-admin/header-1177-admin-nav-item-link.d.ts

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

package/components/header-1177-admin/header-1177-admin-nav-item-link.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+
+function IDSHeader1177AdminNavItemLink({ active, children }) {
+    return (jsx("span", { className: "ids-header-1177-admin-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;
+        }) }));
+}
+IDSHeader1177AdminNavItemLink.displayName = "IDSHeader1177AdminNavItemLink";
+
+export { IDSHeader1177AdminNavItemLink };

package/components/header-1177-admin/header-1177-admin-nav-item-mobile-base.d.ts

@@ -3,7 +3,7 @@ interface IDSHeader1177AdminNavItemMobileBaseProps extends HTMLAttributes<HTMLEl
     icon?: string;
     unresponsive?: boolean;
 }
-export declare function IDSHeader1177AdminNavItemMobileBase({ icon, unresponsive, children, ...props }: IDSHeader1177AdminNavItemMobileBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177AdminNavItemMobileBase({ icon, unresponsive, children, ...props }: IDSHeader1177AdminNavItemMobileBaseProps): import("react").JSX.Element;
 export declare namespace IDSHeader1177AdminNavItemMobileBase {
     var displayName: string;
 }

package/components/header-1177-admin/header-1177-admin-nav-item-mobile.d.ts

@@ -3,7 +3,7 @@ interface IDSHeader1177AdminNavItemMobileProps extends HTMLAttributes<HTMLElemen
     icon?: string;
     unresponsive?: boolean;
 }
-export declare function IDSHeader1177AdminNavItemMobile({ icon, unresponsive, children, ...props }: IDSHeader1177AdminNavItemMobileProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177AdminNavItemMobile({ icon, unresponsive, children, ...props }: IDSHeader1177AdminNavItemMobileProps): import("react").JSX.Element;
 export declare namespace IDSHeader1177AdminNavItemMobile {
     var displayName: string;
 }

package/components/header-1177-admin/header-1177-admin-nav-item.d.ts

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

package/components/header-1177-admin/header-1177-admin-nav.d.ts

@@ -1,9 +1,10 @@
 import { HTMLAttributes } from "react";
 interface IDSHeader1177AdminNavProps extends HTMLAttributes<HTMLElement> {
     mobileOnly?: boolean;
+    desktopOnly?: boolean;
     srLabel?: string;
 }
-export declare function IDSHeader1177AdminNav({ mobileOnly, srLabel, children, ...props }: IDSHeader1177AdminNavProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177AdminNav({ mobileOnly, desktopOnly, srLabel, children, ...props }: IDSHeader1177AdminNavProps): import("react").JSX.Element;
 export declare namespace IDSHeader1177AdminNav {
     var displayName: string;
 }

package/components/header-1177-admin/header-1177-admin-nav.js

@@ -3,9 +3,9 @@ import { jsx } from 'react/jsx-runtime';
 import { useHeaderContext } from '../utils/contexts/HeaderContext.js';
 import { IDSHeader1177AdminNavBase } from './header-1177-admin-nav-base.js';
 
-function IDSHeader1177AdminNav({ mobileOnly, srLabel, children, ...props }) {
+function IDSHeader1177AdminNav({ mobileOnly, desktopOnly, srLabel, children, ...props }) {
     const headerContext = useHeaderContext();
-    return (jsx(IDSHeader1177AdminNavBase, { ...props, srLabel: srLabel, mobileOnly: mobileOnly, unresponsive: headerContext?.unresponsive ?? false, children: children }));
+    return (jsx(IDSHeader1177AdminNavBase, { ...props, srLabel: srLabel, mobileOnly: mobileOnly, desktopOnly: desktopOnly, unresponsive: headerContext?.unresponsive ?? false, children: children }));
 }
 IDSHeader1177AdminNav.displayName = "IDSHeader1177AdminNav";
 

package/components/header-1177-admin/header-1177-admin.d.ts

@@ -9,12 +9,13 @@ interface IDSHeader1177AdminProps extends React.HTMLAttributes<HTMLDivElement> {
     logoHref?: string;
     logoProps?: AnchorHTMLAttributes<HTMLAnchorElement>;
     logo?: ReactNode;
+    logoLink?: ReactNode;
     avatar?: ReactNode;
     mobileMenu?: ReactNode;
     items?: ReactNode;
     skipToContentLink?: ReactNode;
 }
-export declare function IDSHeader1177Admin({ unresponsive, hideAvatar, children, ...props }: IDSHeader1177AdminProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177Admin({ unresponsive, hideAvatar, logo, logoLink, children, ...props }: IDSHeader1177AdminProps): React.JSX.Element;
 export declare namespace IDSHeader1177Admin {
     var displayName: string;
 }

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

@@ -3,8 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import { HeaderProvider } from '../utils/contexts/HeaderContext.js';
 import { IDSHeader1177AdminBase } from './header-1177-admin-base.js';
 
-function IDSHeader1177Admin({ unresponsive = false, hideAvatar = false, children, ...props }) {
-    return (jsx(HeaderProvider, { value: { unresponsive, hideAvatar }, children: jsx(IDSHeader1177AdminBase, { ...props, unresponsive: unresponsive, children: children }) }));
+function IDSHeader1177Admin({ unresponsive = false, hideAvatar = false, logo, logoLink, children, ...props }) {
+    return (jsx(HeaderProvider, { value: { unresponsive, hideAvatar }, children: jsx(IDSHeader1177AdminBase, { ...props, logoLink: logoLink ?? logo, unresponsive: unresponsive, children: children }) }));
 }
 IDSHeader1177Admin.displayName = "IDSHeader1177Admin";
 

package/components/header-1177-pro/header-1177-pro-avatar-base.d.ts

@@ -12,7 +12,7 @@ export interface IDSHeader1177ProAvatarBaseProps extends HTMLAttributes<HTMLElem
     unresponsive?: boolean;
     client?: boolean;
 }
-export declare function IDSHeader1177ProAvatarBase({ username, unit, children, expanded, hide, client, onToggleAvatar, componentRef, menuRef, buttonRef, unresponsive }: IDSHeader1177ProAvatarBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177ProAvatarBase({ username, unit, children, expanded, hide, client, onToggleAvatar, componentRef, menuRef, buttonRef, unresponsive }: IDSHeader1177ProAvatarBaseProps): import("react").JSX.Element;
 export declare namespace IDSHeader1177ProAvatarBase {
     var displayName: string;
 }

package/components/header-1177-pro/header-1177-pro-avatar-mobile-base.d.ts

@@ -10,7 +10,7 @@ interface IDSHeader1177ProAvatarMobileBaseProps extends HTMLAttributes<HTMLDivEl
     componentRef?: React.RefObject<HTMLDivElement>;
     buttonRef?: React.RefObject<HTMLButtonElement>;
 }
-export declare function IDSHeader1177ProAvatarMobileBase({ username, unit, expanded, hide, unresponsive, componentRef, buttonRef, children, client, onToggleMenu, ...props }: IDSHeader1177ProAvatarMobileBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177ProAvatarMobileBase({ username, unit, expanded, hide, unresponsive, componentRef, buttonRef, children, client, onToggleMenu, ...props }: IDSHeader1177ProAvatarMobileBaseProps): import("react").JSX.Element;
 export declare namespace IDSHeader1177ProAvatarMobileBase {
     var displayName: string;
 }

package/components/header-1177-pro/header-1177-pro-avatar-mobile-base.js

@@ -12,7 +12,6 @@ function IDSHeader1177ProAvatarMobileBase({ username = "", unit = "", expanded,
         }
         : {};
     return (jsx("div", { ref: componentRef, className: clsx("ids-header-1177-pro-avatar-mobile", {
-            "ids-header-1177-pro-avatar-mobile--logged-in": !!username,
             "ids-header-1177-pro-avatar-mobile--unresponsive": unresponsive
         }), ...props, children: jsxs("div", { className: "ids-header-1177-pro-avatar-mobile__menu-wrapper", children: [jsx("button", { ...toggleHandler, ref: buttonRef, className: clsx("ids-header-1177-pro-avatar-mobile__button", {
                         "ids-header-1177-pro-avatar-mobile__button--expanded": expanded

package/components/header-1177-pro/header-1177-pro-avatar-mobile.d.ts

@@ -5,7 +5,7 @@ interface IDSHeader1177ProAvatarMobileProps extends HTMLAttributes<HTMLDivElemen
     expanded?: boolean;
     persistent?: boolean;
 }
-export declare function IDSHeader1177ProAvatarMobile({ username, unit, expanded, persistent, children, ...props }: IDSHeader1177ProAvatarMobileProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177ProAvatarMobile({ username, unit, expanded, persistent, children, ...props }: IDSHeader1177ProAvatarMobileProps): import("react").JSX.Element;
 export declare namespace IDSHeader1177ProAvatarMobile {
     var displayName: string;
 }

package/components/header-1177-pro/header-1177-pro-avatar.d.ts

@@ -5,7 +5,7 @@ interface IDSHeader1177ProAvatarProps extends HTMLAttributes<HTMLDivElement> {
     expanded?: boolean;
     persistent?: boolean;
 }
-export declare function IDSHeader1177ProAvatar({ username, unit, expanded, children, persistent, ...props }: IDSHeader1177ProAvatarProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177ProAvatar({ username, unit, expanded, children, persistent, ...props }: IDSHeader1177ProAvatarProps): import("react").JSX.Element;
 export declare namespace IDSHeader1177ProAvatar {
     var displayName: string;
 }

package/components/header-1177-pro/header-1177-pro-base.d.ts

@@ -15,7 +15,7 @@ interface IDSHeader1177ProBaseProps extends HTMLAttributes<HTMLElement> {
     skipToContentLink?: ReactNode;
     mobileMenu?: ReactNode;
 }
-export declare function IDSHeader1177ProBase({ hideRegionPicker, unresponsive, logoText, srLogoText, logoHref, logoProps, avatar, logoLink, regionPicker, items, skipToContentLink, mobileMenu, className, children, ...props }: IDSHeader1177ProBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeader1177ProBase({ hideRegionPicker, unresponsive, logoText, srLogoText, logoHref, logoProps, avatar, logoLink, regionPicker, items, skipToContentLink, mobileMenu, className, children, ...props }: IDSHeader1177ProBaseProps): import("react").JSX.Element;
 export declare namespace IDSHeader1177ProBase {
     var displayName: string;
 }