@designsystem-se/af 35.2.1-beta.0 → 35.3.0

package/dist/esm/{typography-variation.enum-b65edac6.js → typography-variation.enum-5150a9b3.js}

@@ -49,32 +49,12 @@ var DialogVariation;
     DialogVariation["SECONDARY"] = "secondary";
 })(DialogVariation || (DialogVariation = {}));
 
-var ExpandableAccordionHeaderLevel;
-(function (ExpandableAccordionHeaderLevel) {
-    ExpandableAccordionHeaderLevel["H1"] = "h1";
-    ExpandableAccordionHeaderLevel["H2"] = "h2";
-    ExpandableAccordionHeaderLevel["H3"] = "h3";
-    ExpandableAccordionHeaderLevel["H4"] = "h4";
-    ExpandableAccordionHeaderLevel["H5"] = "h5";
-    ExpandableAccordionHeaderLevel["H6"] = "h6";
-})(ExpandableAccordionHeaderLevel || (ExpandableAccordionHeaderLevel = {}));
-
-var ExpandableFaqItemHeadingLevel;
-(function (ExpandableFaqItemHeadingLevel) {
-    ExpandableFaqItemHeadingLevel["H1"] = "h1";
-    ExpandableFaqItemHeadingLevel["H2"] = "h2";
-    ExpandableFaqItemHeadingLevel["H3"] = "h3";
-    ExpandableFaqItemHeadingLevel["H4"] = "h4";
-    ExpandableFaqItemHeadingLevel["H5"] = "h5";
-    ExpandableFaqItemHeadingLevel["H6"] = "h6";
-})(ExpandableFaqItemHeadingLevel || (ExpandableFaqItemHeadingLevel = {}));
-
-var ExpandableFaqItemVariation;
-(function (ExpandableFaqItemVariation) {
-    ExpandableFaqItemVariation["PRIMARY"] = "primary";
-    ExpandableFaqItemVariation["SECONDARY"] = "secondary";
-    ExpandableFaqItemVariation["TERTIARY"] = "tertiary";
-})(ExpandableFaqItemVariation || (ExpandableFaqItemVariation = {}));
+var FooterCardVariation;
+(function (FooterCardVariation) {
+    FooterCardVariation["NONE"] = "none";
+    FooterCardVariation["ICON"] = "icon";
+    FooterCardVariation["BORDER"] = "border";
+})(FooterCardVariation || (FooterCardVariation = {}));
 
 var FooterVariation;
 (function (FooterVariation) {
@@ -92,23 +72,6 @@ var FormErrorListHeadingLevel;
     FormErrorListHeadingLevel["H6"] = "h6";
 })(FormErrorListHeadingLevel || (FormErrorListHeadingLevel = {}));
 
-var FormRadiobuttonLayout;
-(function (FormRadiobuttonLayout) {
-    FormRadiobuttonLayout["INLINE"] = "inline";
-    FormRadiobuttonLayout["BLOCK"] = "block";
-})(FormRadiobuttonLayout || (FormRadiobuttonLayout = {}));
-
-var FormRadiobuttonValidation;
-(function (FormRadiobuttonValidation) {
-    FormRadiobuttonValidation["ERROR"] = "error";
-})(FormRadiobuttonValidation || (FormRadiobuttonValidation = {}));
-
-var FormRadiobuttonVariation;
-(function (FormRadiobuttonVariation) {
-    FormRadiobuttonVariation["PRIMARY"] = "primary";
-    FormRadiobuttonVariation["SECONDARY"] = "secondary";
-})(FormRadiobuttonVariation || (FormRadiobuttonVariation = {}));
-
 var FormReceiptHeadingLevel;
 (function (FormReceiptHeadingLevel) {
     FormReceiptHeadingLevel["H1"] = "h1";
@@ -146,6 +109,13 @@ var HeaderCenterContentWidth;
     HeaderCenterContentWidth["WIDTH_1400"] = "1400";
 })(HeaderCenterContentWidth || (HeaderCenterContentWidth = {}));
 
+var TitleLogoVariation;
+(function (TitleLogoVariation) {
+    TitleLogoVariation["MOBILE"] = "mobile";
+    TitleLogoVariation["ONE_ROW"] = "one-row";
+    TitleLogoVariation["TWO_ROWS"] = "two-rows";
+})(TitleLogoVariation || (TitleLogoVariation = {}));
+
 var InfoCardMultiContainerHeadingLevel;
 (function (InfoCardMultiContainerHeadingLevel) {
     InfoCardMultiContainerHeadingLevel["H1"] = "h1";
@@ -295,4 +265,4 @@ var TypographyVariation;
     TypographyVariation["LARGE"] = "large";
 })(TypographyVariation || (TypographyVariation = {}));
 
-export { TypographyHeadingJumboVariation as A, BadgeNotificationType as B, CalendarDatepickerValidation as C, DialogHeadingLevel as D, ExpandableAccordionHeaderLevel as E, FooterVariation as F, TypographyVariation as G, HeaderCenterContentWidth as H, InfoCardMultiContainerHeadingLevel as I, LayoutBlockContainer as L, NotificationAlertHeadingLevel as N, ToolsFeedbackHeadingLevel as T, CodeBlockLanguage as a, DialogSize as b, DialogVariation as c, ExpandableFaqItemHeadingLevel as d, ExpandableFaqItemVariation as e, FormErrorListHeadingLevel as f, FormRadiobuttonLayout as g, FormRadiobuttonValidation as h, FormRadiobuttonVariation as i, FormReceiptHeadingLevel as j, FormReceiptType as k, FormReceiptVariation as l, FormSelectFilterValidation as m, InfoCardMultiHeadingLevel as n, InfoCardMultiVariation as o, InfoCardHeadingLevel as p, LayoutContainerVariation as q, LayoutContainerMaxWidth as r, LogoColor as s, LogoVariation as t, NotificationAlertSize as u, NotificationAlertVariation as v, ErrorPageStatusCodes as w, ToolsFeedbackType as x, FeedbackVariation as y, TypographyHeadingJumboLevel as z };
+export { BadgeNotificationType as B, CalendarDatepickerValidation as C, DialogHeadingLevel as D, ErrorPageStatusCodes as E, FooterCardVariation as F, HeaderCenterContentWidth as H, InfoCardMultiContainerHeadingLevel as I, LayoutBlockContainer as L, NotificationAlertHeadingLevel as N, TitleLogoVariation as T, CodeBlockLanguage as a, DialogSize as b, DialogVariation as c, FooterVariation as d, FormErrorListHeadingLevel as e, FormReceiptHeadingLevel as f, FormReceiptType as g, FormReceiptVariation as h, FormSelectFilterValidation as i, InfoCardMultiHeadingLevel as j, InfoCardMultiVariation as k, InfoCardHeadingLevel as l, LayoutContainerVariation as m, LayoutContainerMaxWidth as n, LogoColor as o, LogoVariation as p, NotificationAlertSize as q, NotificationAlertVariation as r, ToolsFeedbackHeadingLevel as s, ToolsFeedbackType as t, FeedbackVariation as u, TypographyHeadingJumboLevel as v, TypographyHeadingJumboVariation as w, TypographyVariation as x };

package/dist/types/components/_header/header/header.d.ts

@@ -1,14 +1,21 @@
-import { HeaderCenterContentWidth } from '../../../enums';
+import type { HTMLStencilElement } from '../../../stencil-public-runtime';
+import { HeaderCenterContentWidth, UtilBreakpointObserverBreakpoints } from '../../../enums';
+import { DigiUtilBreakpointObserverCustomEvent } from '../../../components';
 /**
  * @enums HeaderCenterContentWidth - header-center-content-width.enum.ts
+ * @enums LayoutBlockContainer - layout-block-container.enum.ts
+ * @enums UtilBreakpointObserverBreakpoints - util-breakpoint-observer-breakpoints.enum.ts
  * @swedishName Sidhuvud
  */
 export declare class Header {
+    hostElement: HTMLStencilElement;
     afActive: boolean;
     isMobile: boolean;
+    hasNavigation: boolean;
     /**
      * Sätter systemnamnet
      * @en Set system name.
+     * @deprecated Använd afAriaLabel istället
      */
     afSystemName: string;
     /**
@@ -24,6 +31,7 @@ export declare class Header {
     /**
      * Döljer systemnamnet
      * @en Hide system name
+     * @deprecated Systemnamnet är en del av titellogotypen och döljs automatiskt vid små skärmstorlekar
      */
     afHideSystemName: boolean;
     /**
@@ -33,7 +41,32 @@ export declare class Header {
     afCentered: HeaderCenterContentWidth;
     toggleHandler(e: Event): void;
     closeHandler(): void;
-    breakpointChange(e: CustomEvent): void;
+    get cssModifiers(): {
+        'digi-header--af-centered': boolean;
+        'digi-header--has-navigation': boolean;
+    };
+    handleBreakpointObserver(e: DigiUtilBreakpointObserverCustomEvent<{
+        value: UtilBreakpointObserverBreakpoints;
+    }>): void;
+    get ariaLabel(): string;
+    /**
+     * Ta reda på om vi har en populerad navigations-slot. Om inte så renderar vi ingen menyknapp
+     * @en Find out if we have a populated navigation slot. If, we don't, let's not bother rendering the navigation toggle button
+     */
+    checkNavigation(): void;
+    /**
+    * Om vi inte har vare sig digi-title-logo eller digi-logo, men vi har ett af-system-name så renderar vi en digi-title-logo som fallback
+    * @en If we have neither a digi-title-logo or a digi-logo,but we do have an af-system name, we render a digi-title-logo as a fallback.
+    *
+    * This will be removed when we finally deprecate af-syetem-name.
+    */
+    createLegacyLogoIfNeeded(): void;
+    componentWillLoad(): void;
+    /**
+     * If we have a <digi-logo> in the logo slot, make sure its afOnlySymbol prop
+     * is true when we're in mobile
+     */
+    componentWillRender(): void;
     renderContent(): any;
     render(): any;
 }

package/dist/types/components/_header/header-navigation/header-navigation.d.ts

@@ -99,6 +99,7 @@ export declare class HeaderNavigation {
         'digi-header-navigation--open': boolean;
         'digi-header-navigation--mobile': boolean;
         'digi-header-navigation--visible': boolean;
+        'digi-header-navigation--centered': boolean;
     };
     render(): any;
 }

package/dist/types/components/_logo/logo/logo.d.ts

@@ -1,26 +1,33 @@
 import { LogoColor } from './logo-color.enum';
 import { LogoVariation } from './logo-variation.enum';
 /**
- * @enums LogoSize - logo-size.enum.ts
  * @enums LogoVariation - logo-variation.enum.ts
+ * @enums LogoColor - logo-color.enum.ts
  * @swedishName Logotyp
  */
 export declare class Logo {
+    isMobile: boolean;
     relation: string;
     /**
-     * Sätter variation. kan vara 'primary' eller 'secondary'.
-     * @en Sets the variation of the logo.
+     * Bestämmer om endast logotypens symbol ska visas
+     * @en Decides wether to show the logotype's symbol only
      */
-    afColor: LogoColor;
+    afOnlySymbol: boolean;
     /**
      * Sätter storlek. Kan vara 'small' eller 'large'.
      * @en Sets the size of the logo.
-     * @ignore
+     * @deprecated Använd afOnlySymbol istället
      */
     afVariation: LogoVariation;
+    /**
+     * Sätter variation. kan vara 'primary' eller 'secondary'.
+     * @en Sets the variation of the logo.
+     */
+    afColor: LogoColor;
     /**
      * Skriver ut namn på systemet bredvid logosymbolen.
      * @en Writes out system name next to the logo symbol.
+     * @deprecated Kommer att tas bort i juni 2026
      */
     afSystemName: string;
     /**
@@ -44,10 +51,15 @@ export declare class Logo {
      * @en Id attribute on the title element inside of the svg. Defaults to random string.
      */
     afTitleId: string;
+    /**
+     * Till dess afVariation är helt utfasad, använd afOnlySymbol i första hand
+     * men om den inte är satt, fall tillbaks på afVariation om den är satt
+     */
+    get isOnlySymbol(): boolean;
     get cssModifiers(): {
         'digi-logo': boolean;
-        'digi-logo--small': boolean;
-        'digi-logo--large': boolean;
+        'digi-logo--only-symbol': boolean;
+        'digi-logo--full-logo': boolean;
         'digi-logo--primary': boolean;
         'digi-logo--secondary': boolean;
         'digi-logo--system-name': boolean;

package/dist/types/components/_logo/title-logo/title-logo-variation.enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum TitleLogoVariation {
+    MOBILE = "mobile",
+    ONE_ROW = "one-row",
+    TWO_ROWS = "two-rows"
+}

package/dist/types/components/_logo/title-logo/title-logo.d.ts

@@ -0,0 +1,52 @@
+import type { HTMLStencilElement } from '../../../stencil-public-runtime';
+import { UtilBreakpointObserverBreakpoints, TitleLogoVariation } from '../../../enums';
+import { DigiUtilBreakpointObserverCustomEvent } from '../../../components';
+/**
+ * @enums UtilBreakpointObserverBreakpoints - util-breakpoint-observer-breakpoints.enum.ts
+ * @enums TitleLogoVariation - title-logo-variation.enum.ts
+ * @swedishName Titellogotyp
+ * @new
+ */
+export declare class TitleLogo {
+    hasOneRowLogoName: boolean;
+    hasTwoRowLogoName: boolean;
+    hostElement: HTMLStencilElement;
+    isMobile: boolean;
+    isTablet: boolean;
+    titleLogoVariation: TitleLogoVariation;
+    /**
+     * Sätter attributet 'aria-label' på titellogotypen
+     * @en Input aria-label attribute
+     */
+    afAriaLabel: string;
+    /**
+     * Bestämmer vid vilken skärmbredd som titellogotypen ändras från en till två rader
+     * @en Decides at which screen size the title logo changes from one to two rows
+     */
+    afLogoBreakpoint: number;
+    setLogoVariation(width: number): TitleLogoVariation;
+    /**
+     * Find out if we have one or both of the possible logo variations
+     * Throw an error if we have none
+     */
+    componentWillLoad(): void;
+    /**
+     * We need a custom resize listener here, since we're
+     * not only relying on breakpoints
+     */
+    componentDidLoad(): void;
+    /**
+     * Let's clean up as well
+     */
+    disconnectedCallback(): void;
+    handleWindowResize: () => void;
+    handleBreakpointObserver(e: DigiUtilBreakpointObserverCustomEvent<{
+        value: UtilBreakpointObserverBreakpoints;
+    }>): void;
+    get cssModifiers(): {
+        'digi-title-logo--mobile': boolean;
+        'digi-title-logo--one-row': boolean;
+        'digi-title-logo--two-rows': boolean;
+    };
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -82,8 +82,8 @@ import { LinkButtonVariation } from "./components/_link/link-button/link-button-
 import { ListType } from "./components/_list/list/list-type.enum";
 import { LoaderSkeletonVariation } from "./components/_loader/loader-skeleton/loader-skeleton-variation.enum";
 import { LoaderSpinnerSize } from "./components/_loader/loader-spinner/loader-spinner-size.enum";
-import { LogoColor } from "./components/_logo/logo/logo-color.enum";
 import { LogoVariation } from "./components/_logo/logo/logo-variation.enum";
+import { LogoColor } from "./components/_logo/logo/logo-color.enum";
 import { MediaFigureAlignment } from "./components/_media/media-figure/media-figure-alignment.enum";
 import { NavigationSidebarPosition } from "./components/_navigation/navigation-sidebar/navigation-sidebar-position.enum";
 import { NavigationSidebarVariation } from "./components/_navigation/navigation-sidebar/navigation-sidebar-variation.enum";
@@ -207,8 +207,8 @@ export { LinkButtonVariation } from "./components/_link/link-button/link-button-
 export { ListType } from "./components/_list/list/list-type.enum";
 export { LoaderSkeletonVariation } from "./components/_loader/loader-skeleton/loader-skeleton-variation.enum";
 export { LoaderSpinnerSize } from "./components/_loader/loader-spinner/loader-spinner-size.enum";
-export { LogoColor } from "./components/_logo/logo/logo-color.enum";
 export { LogoVariation } from "./components/_logo/logo/logo-variation.enum";
+export { LogoColor } from "./components/_logo/logo/logo-color.enum";
 export { MediaFigureAlignment } from "./components/_media/media-figure/media-figure-alignment.enum";
 export { NavigationSidebarPosition } from "./components/_navigation/navigation-sidebar/navigation-sidebar-position.enum";
 export { NavigationSidebarVariation } from "./components/_navigation/navigation-sidebar/navigation-sidebar-variation.enum";
@@ -2238,6 +2238,8 @@ export namespace Components {
     }
     /**
      * @enums HeaderCenterContentWidth - header-center-content-width.enum.ts
+     * @enums LayoutBlockContainer - layout-block-container.enum.ts
+     * @enums UtilBreakpointObserverBreakpoints - util-breakpoint-observer-breakpoints.enum.ts
      * @swedishName Sidhuvud
      */
     interface DigiHeader {
@@ -2254,6 +2256,7 @@ export namespace Components {
         /**
           * Döljer systemnamnet
           * @en Hide system name
+          * @deprecated Systemnamnet är en del av titellogotypen och döljs automatiskt vid små skärmstorlekar
          */
         "afHideSystemName": boolean;
         /**
@@ -2264,6 +2267,7 @@ export namespace Components {
         /**
           * Sätter systemnamnet
           * @en Set system name.
+          * @deprecated Använd afAriaLabel istället
          */
         "afSystemName": string;
     }
@@ -7006,8 +7010,8 @@ export namespace Components {
         "afText": string;
     }
     /**
-     * @enums LogoSize - logo-size.enum.ts
      * @enums LogoVariation - logo-variation.enum.ts
+     * @enums LogoColor - logo-color.enum.ts
      * @swedishName Logotyp
      */
     interface DigiLogo {
@@ -7021,6 +7025,11 @@ export namespace Components {
           * @en Adds a desc element inside the svg
          */
         "afDesc": string;
+        /**
+          * Bestämmer om endast logotypens symbol ska visas
+          * @en Decides wether to show the logotype's symbol only
+         */
+        "afOnlySymbol": boolean;
         /**
           * För att dölja logotypen för skärmläsare.
           * @en Hides the logotype for screen readers.
@@ -7029,6 +7038,7 @@ export namespace Components {
         /**
           * Skriver ut namn på systemet bredvid logosymbolen.
           * @en Writes out system name next to the logo symbol.
+          * @deprecated Kommer att tas bort i juni 2026
          */
         "afSystemName": string;
         /**
@@ -7044,7 +7054,7 @@ export namespace Components {
         /**
           * Sätter storlek. Kan vara 'small' eller 'large'.
           * @en Sets the size of the logo.
-          * @ignore
+          * @deprecated Använd afOnlySymbol istället
          */
         "afVariation": LogoVariation;
     }
@@ -7923,6 +7933,24 @@ export namespace Components {
          */
         "afText": string;
     }
+    /**
+     * @enums UtilBreakpointObserverBreakpoints - util-breakpoint-observer-breakpoints.enum.ts
+     * @enums TitleLogoVariation - title-logo-variation.enum.ts
+     * @swedishName Titellogotyp
+     * @new 
+     */
+    interface DigiTitleLogo {
+        /**
+          * Sätter attributet 'aria-label' på titellogotypen
+          * @en Input aria-label attribute
+         */
+        "afAriaLabel": string;
+        /**
+          * Bestämmer vid vilken skärmbredd som titellogotypen ändras från en till två rader
+          * @en Decides at which screen size the title logo changes from one to two rows
+         */
+        "afLogoBreakpoint": number;
+    }
     /**
      * @enums ToolsFeedbackHeadingLevel - tools-feedback-heading-level.enum.ts
      * @enums FeedbackVariation - tools-feedback-variation.enum.ts
@@ -9139,6 +9167,8 @@ declare global {
     };
     /**
      * @enums HeaderCenterContentWidth - header-center-content-width.enum.ts
+     * @enums LayoutBlockContainer - layout-block-container.enum.ts
+     * @enums UtilBreakpointObserverBreakpoints - util-breakpoint-observer-breakpoints.enum.ts
      * @swedishName Sidhuvud
      */
     interface HTMLDigiHeaderElement extends Components.DigiHeader, HTMLStencilElement {
@@ -10543,8 +10573,8 @@ declare global {
         new (): HTMLDigiLoaderSpinnerElement;
     };
     /**
-     * @enums LogoSize - logo-size.enum.ts
      * @enums LogoVariation - logo-variation.enum.ts
+     * @enums LogoColor - logo-color.enum.ts
      * @swedishName Logotyp
      */
     interface HTMLDigiLogoElement extends Components.DigiLogo, HTMLStencilElement {
@@ -10915,6 +10945,18 @@ declare global {
         prototype: HTMLDigiTagMediaElement;
         new (): HTMLDigiTagMediaElement;
     };
+    /**
+     * @enums UtilBreakpointObserverBreakpoints - util-breakpoint-observer-breakpoints.enum.ts
+     * @enums TitleLogoVariation - title-logo-variation.enum.ts
+     * @swedishName Titellogotyp
+     * @new 
+     */
+    interface HTMLDigiTitleLogoElement extends Components.DigiTitleLogo, HTMLStencilElement {
+    }
+    var HTMLDigiTitleLogoElement: {
+        prototype: HTMLDigiTitleLogoElement;
+        new (): HTMLDigiTitleLogoElement;
+    };
     interface HTMLDigiToolsFeedbackElementEventMap {
         "afOnReady": any;
     }
@@ -11498,6 +11540,7 @@ declare global {
         "digi-tablist-panel": HTMLDigiTablistPanelElement;
         "digi-tag": HTMLDigiTagElement;
         "digi-tag-media": HTMLDigiTagMediaElement;
+        "digi-title-logo": HTMLDigiTitleLogoElement;
         "digi-tools-feedback": HTMLDigiToolsFeedbackElement;
         "digi-tools-feedback-banner": HTMLDigiToolsFeedbackBannerElement;
         "digi-tools-feedback-rating": HTMLDigiToolsFeedbackRatingElement;
@@ -13875,6 +13918,8 @@ declare namespace LocalJSX {
     }
     /**
      * @enums HeaderCenterContentWidth - header-center-content-width.enum.ts
+     * @enums LayoutBlockContainer - layout-block-container.enum.ts
+     * @enums UtilBreakpointObserverBreakpoints - util-breakpoint-observer-breakpoints.enum.ts
      * @swedishName Sidhuvud
      */
     interface DigiHeader {
@@ -13891,6 +13936,7 @@ declare namespace LocalJSX {
         /**
           * Döljer systemnamnet
           * @en Hide system name
+          * @deprecated Systemnamnet är en del av titellogotypen och döljs automatiskt vid små skärmstorlekar
          */
         "afHideSystemName"?: boolean;
         /**
@@ -13901,6 +13947,7 @@ declare namespace LocalJSX {
         /**
           * Sätter systemnamnet
           * @en Set system name.
+          * @deprecated Använd afAriaLabel istället
          */
         "afSystemName"?: string;
     }
@@ -18697,8 +18744,8 @@ declare namespace LocalJSX {
         "afText"?: string;
     }
     /**
-     * @enums LogoSize - logo-size.enum.ts
      * @enums LogoVariation - logo-variation.enum.ts
+     * @enums LogoColor - logo-color.enum.ts
      * @swedishName Logotyp
      */
     interface DigiLogo {
@@ -18712,6 +18759,11 @@ declare namespace LocalJSX {
           * @en Adds a desc element inside the svg
          */
         "afDesc"?: string;
+        /**
+          * Bestämmer om endast logotypens symbol ska visas
+          * @en Decides wether to show the logotype's symbol only
+         */
+        "afOnlySymbol"?: boolean;
         /**
           * För att dölja logotypen för skärmläsare.
           * @en Hides the logotype for screen readers.
@@ -18720,6 +18772,7 @@ declare namespace LocalJSX {
         /**
           * Skriver ut namn på systemet bredvid logosymbolen.
           * @en Writes out system name next to the logo symbol.
+          * @deprecated Kommer att tas bort i juni 2026
          */
         "afSystemName"?: string;
         /**
@@ -18735,7 +18788,7 @@ declare namespace LocalJSX {
         /**
           * Sätter storlek. Kan vara 'small' eller 'large'.
           * @en Sets the size of the logo.
-          * @ignore
+          * @deprecated Använd afOnlySymbol istället
          */
         "afVariation"?: LogoVariation;
     }
@@ -19691,6 +19744,24 @@ declare namespace LocalJSX {
          */
         "afText": string;
     }
+    /**
+     * @enums UtilBreakpointObserverBreakpoints - util-breakpoint-observer-breakpoints.enum.ts
+     * @enums TitleLogoVariation - title-logo-variation.enum.ts
+     * @swedishName Titellogotyp
+     * @new 
+     */
+    interface DigiTitleLogo {
+        /**
+          * Sätter attributet 'aria-label' på titellogotypen
+          * @en Input aria-label attribute
+         */
+        "afAriaLabel"?: string;
+        /**
+          * Bestämmer vid vilken skärmbredd som titellogotypen ändras från en till två rader
+          * @en Decides at which screen size the title logo changes from one to two rows
+         */
+        "afLogoBreakpoint"?: number;
+    }
     /**
      * @enums ToolsFeedbackHeadingLevel - tools-feedback-heading-level.enum.ts
      * @enums FeedbackVariation - tools-feedback-variation.enum.ts
@@ -20504,6 +20575,7 @@ declare namespace LocalJSX {
         "digi-tablist-panel": DigiTablistPanel;
         "digi-tag": DigiTag;
         "digi-tag-media": DigiTagMedia;
+        "digi-title-logo": DigiTitleLogo;
         "digi-tools-feedback": DigiToolsFeedback;
         "digi-tools-feedback-banner": DigiToolsFeedbackBanner;
         "digi-tools-feedback-rating": DigiToolsFeedbackRating;
@@ -20715,6 +20787,8 @@ declare module "@stencil/core" {
             "digi-form-validation-message": LocalJSX.DigiFormValidationMessage & JSXBase.HTMLAttributes<HTMLDigiFormValidationMessageElement>;
             /**
              * @enums HeaderCenterContentWidth - header-center-content-width.enum.ts
+             * @enums LayoutBlockContainer - layout-block-container.enum.ts
+             * @enums UtilBreakpointObserverBreakpoints - util-breakpoint-observer-breakpoints.enum.ts
              * @swedishName Sidhuvud
              */
             "digi-header": LocalJSX.DigiHeader & JSXBase.HTMLAttributes<HTMLDigiHeaderElement>;
@@ -20993,8 +21067,8 @@ declare module "@stencil/core" {
              */
             "digi-loader-spinner": LocalJSX.DigiLoaderSpinner & JSXBase.HTMLAttributes<HTMLDigiLoaderSpinnerElement>;
             /**
-             * @enums LogoSize - logo-size.enum.ts
              * @enums LogoVariation - logo-variation.enum.ts
+             * @enums LogoColor - logo-color.enum.ts
              * @swedishName Logotyp
              */
             "digi-logo": LocalJSX.DigiLogo & JSXBase.HTMLAttributes<HTMLDigiLogoElement>;
@@ -21116,6 +21190,13 @@ declare module "@stencil/core" {
              * @swedishName Mediatagg
              */
             "digi-tag-media": LocalJSX.DigiTagMedia & JSXBase.HTMLAttributes<HTMLDigiTagMediaElement>;
+            /**
+             * @enums UtilBreakpointObserverBreakpoints - util-breakpoint-observer-breakpoints.enum.ts
+             * @enums TitleLogoVariation - title-logo-variation.enum.ts
+             * @swedishName Titellogotyp
+             * @new 
+             */
+            "digi-title-logo": LocalJSX.DigiTitleLogo & JSXBase.HTMLAttributes<HTMLDigiTitleLogoElement>;
             /**
              * @enums ToolsFeedbackHeadingLevel - tools-feedback-heading-level.enum.ts
              * @enums FeedbackVariation - tools-feedback-variation.enum.ts

package/dist/types/enums.d.ts

@@ -52,6 +52,7 @@ export * from './components/_form/form-textarea/form-textarea-validation.enum';
 export * from './components/_form/form-textarea/form-textarea-variation.enum';
 export * from './components/_form/form-validation-message/form-validation-message-variation.enum';
 export * from './components/_header/header/header-center-content-width.enum';
+export * from './components/_logo/title-logo/title-logo-variation.enum';
 export * from './components/_info-card/info-card-multi-container/info-card-multi-container-heading-level.enum';
 export * from './components/_info-card/info-card-multi/info-card-multi-heading-level.enum';
 export * from './components/_info-card/info-card-multi/info-card-multi-type.enum';

package/dist/types/global/utils/applyStencilScope/applyStencilScope.util.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Small utility for adding Stencil component scope to dynamically inserted elements
+ * (e.g. svg for title logotypes)
+ */
+export declare function applyStencilScope(host: HTMLElement, root: Element): void;

package/dist/types/global/utils/applyStencilScope/index.d.ts

@@ -0,0 +1 @@
+export * from './applyStencilScope.util';