@designsystem-se/af 35.2.1-beta.1 → 35.3.1

package/dist/types/components.d.ts

@@ -37,7 +37,6 @@ import { FormCheckboxVariation } from "./components/_form/form-checkbox/form-che
 import { FormCheckboxLayout } from "./components/_form/form-checkbox/form-checkbox-layout.enum";
 import { FormCheckboxValidation } from "./components/_form/form-checkbox/form-checkbox-validation.enum";
 import { FormErrorListHeadingLevel } from "./components/_form/form-error-list/form-error-list-heading-level.enum";
-import { FormFieldsetValidation } from "./components/_form/form-fieldset/form-fieldset-validation.enum";
 import { FormFileUploadVariation } from "./components/_form/form-file-upload/form-file-upload-variation.enum";
 import { FormFileUploadValidation } from "./components/_form/form-file-upload/form-file-upload-validation.enum";
 import { FormFileUploadHeadingLevel } from "./components/_form/form-file-upload/form-file-upload-heading-level.enum";
@@ -52,7 +51,6 @@ import { FormInputSearchVariation } from "./components/_form/form-input-search/f
 import { FormRadiobuttonVariation } from "./components/_form/form-radiobutton/form-radiobutton-variation.enum";
 import { FormRadiobuttonLayout } from "./components/_form/form-radiobutton/form-radiobutton-layout.enum";
 import { FormRadiobuttonValidation } from "./components/_form/form-radiobutton/form-radiobutton-validation.enum";
-import { FormRadiogroupValidation } from "./components/_form/form-radiogroup/form-radiogroup-validation.enum";
 import { FormReceiptVariation } from "./components/_form/form-receipt/form-receipt-variation.enum";
 import { FormReceiptType } from "./components/_form/form-receipt/form-receipt-type.enum";
 import { FormReceiptHeadingLevel } from "./components/_form/form-receipt/form-receipt-heading-level.enum";
@@ -84,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";
@@ -164,7 +162,6 @@ export { FormCheckboxVariation } from "./components/_form/form-checkbox/form-che
 export { FormCheckboxLayout } from "./components/_form/form-checkbox/form-checkbox-layout.enum";
 export { FormCheckboxValidation } from "./components/_form/form-checkbox/form-checkbox-validation.enum";
 export { FormErrorListHeadingLevel } from "./components/_form/form-error-list/form-error-list-heading-level.enum";
-export { FormFieldsetValidation } from "./components/_form/form-fieldset/form-fieldset-validation.enum";
 export { FormFileUploadVariation } from "./components/_form/form-file-upload/form-file-upload-variation.enum";
 export { FormFileUploadValidation } from "./components/_form/form-file-upload/form-file-upload-validation.enum";
 export { FormFileUploadHeadingLevel } from "./components/_form/form-file-upload/form-file-upload-heading-level.enum";
@@ -179,7 +176,6 @@ export { FormInputSearchVariation } from "./components/_form/form-input-search/f
 export { FormRadiobuttonVariation } from "./components/_form/form-radiobutton/form-radiobutton-variation.enum";
 export { FormRadiobuttonLayout } from "./components/_form/form-radiobutton/form-radiobutton-layout.enum";
 export { FormRadiobuttonValidation } from "./components/_form/form-radiobutton/form-radiobutton-validation.enum";
-export { FormRadiogroupValidation } from "./components/_form/form-radiogroup/form-radiogroup-validation.enum";
 export { FormReceiptVariation } from "./components/_form/form-receipt/form-receipt-variation.enum";
 export { FormReceiptType } from "./components/_form/form-receipt/form-receipt-type.enum";
 export { FormReceiptHeadingLevel } from "./components/_form/form-receipt/form-receipt-heading-level.enum";
@@ -211,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";
@@ -450,20 +446,25 @@ export namespace Components {
      */
     interface DigiCalendar {
         /**
-          * Visar eller döljer kalendern.
-          * @en Toggle calendar hide/show.
+          * Visar döljer kalendern. Visas som förvalt
+          * @en Toggle calendar hide/show. Defaults to true
          */
         "afActive": boolean;
         /**
-          * Prefix för komponentens 'id'-attribut. Ex. 'my-cool-id' genererar 'my-cool-id-calendar'. Ges inget värde genereras ett slumpmässigt.
-          * @en Prefix for the component's 'id' attribute. Example: 'my-cool-id' generates 'my-cool-id-calendar'. Defaults to random string.
+          * Prefix för komponentens alla olika interna 'id'-attribut på kalendern etc. Ex. 'my-cool-id' genererar 'my-cool-id-calendar' osv. Ges inget värde genereras ett slumpmässigt.
+          * @en Prefix for all id attributes inside the component. Example: 'my-cool-id' generates 'my-cool-id-calendar' and so on. Defaults to random string.
          */
         "afId": string;
         /**
-          * Styr vilken månad som visas från start, samt vilken datumknapp som är ingångspunkt för tangentbordsnavigering. Om inte angiven används valt datum, dagens datum eller månadens första dag.
-          * @en Controls which month is shown from start, and which date button is the entry point for keyboard navigation. If not provided, selected date, today's date or the first day of the month is used.
+          * Valt måndad och år från start. Förvalt är dagens månad och år.
+          * @en Selected month and year to display from start. Defaults to todays month and year.
          */
-        "afInitFocusDate": Date;
+        "afInitSelectedDate": Date;
+        /**
+          * Vald månad att visa från start. Förvalt är den månad som dagens datum har. (Januari = 0, December = 11)
+          * @en Selected month to display from start. Defaults to the month of todays month. (Januray = 0, December = 11)
+         */
+        "afInitSelectedMonth": number;
         /**
           * Senaste valbara datumet
           * @en Latest selectable date
@@ -524,6 +525,11 @@ export namespace Components {
           * @en Sets an id attribute. Standard är slumpmässig sträng.
          */
         "afId": string;
+        /**
+          * Sätter valideringsmeddelandet när du använder afInvalid
+          * @en Set input validation message when using afInvalid property
+         */
+        "afInvalid": boolean;
         /**
           * Texten till labelelementet
           * @en The label text
@@ -549,11 +555,6 @@ export namespace Components {
           * @en Set this to true to be able to select multiple dates in the calander. Default is false
          */
         "afMultipleDates": boolean;
-        /**
-          * Sätter attributet 'name' på det inre input-elementet.
-          * @en Sets the 'name' attribute on the inner input element.
-         */
-        "afName": string;
         /**
           * Aria-label till knappen som öppnar kalendern
           * @en Aria-label for the button that opens the calendar
@@ -580,7 +581,7 @@ export namespace Components {
          */
         "afShowWeekNumber": boolean;
         /**
-          * Sätter valideringsstatus. Kan vara 'success', 'error', 'warning', 'neutral' eller ingenting. Om värdet är 'error' sätts också aria-invalid="true" på input-elementet.
+          * Sätter valideringsstatus. Kan vara 'success', 'error', 'warning', 'neutral' eller ingenting.
           * @en Set input validation status
          */
         "afValidation": CalendarDatepickerValidation;
@@ -589,6 +590,11 @@ export namespace Components {
           * @en Set input validation message
          */
         "afValidationDisabledDate": string;
+        /**
+          * Sätter valideringsmeddelandet när du använder afInvalid
+          * @en Set input validation message when using afInvalid property
+         */
+        "afValidationMessage": string;
         /**
           * Sätter valideringsmeddelandet
           * @en Set input validation message
@@ -599,11 +605,6 @@ export namespace Components {
           * @en Set input validation message
          */
         "afValidationWrongFormat": string;
-        /**
-          * Sätts till true för att byta knapparna för föregående och nästa månad till dropdowns för att välja månad och år. Rekommenderas då förväntat datum är många månader bakåt eller framåt i tiden, som exempelvis ett födelsedatum.
-          * @en Set this to true to change the previous/next month buttons to dropdowns for selecting month and year. Recommended when the expected date is many months back or forward in time, such as a birthdate.
-         */
-        "afYearSelect": boolean;
         /**
           * Sätter attributet 'value'
           * @en Input value attribute
@@ -1181,7 +1182,7 @@ export namespace Components {
      */
     interface DigiFormFieldset {
         /**
-          * Id för form-elementet som fältgruppen tillhör.
+          * Fieldset-elementets form attribut.
           * @en The fieldset form attribute.
          */
         "afForm": string;
@@ -1191,25 +1192,15 @@ export namespace Components {
          */
         "afId": string;
         /**
-          * Text till legend-elementet som fungerar som fältgruppens rubrik.
+          * Legend-elementets text.
           * @en The legend text.
          */
         "afLegend": string;
         /**
-          * Text till name-attributet som ger fältgruppen ett programmatiskt namn.
+          * Fieldset-elementets namn attribut.
           * @en The fieldset name attribute.
          */
         "afName": string;
-        /**
-          * Sätter valideringsstatus. Kan vara 'success', 'error', 'warning', 'neutral' eller ingenting.
-          * @en Set input validation status
-         */
-        "afValidation": FormFieldsetValidation;
-        /**
-          * Sätter valideringsmeddelandet
-          * @en Set input validation message
-         */
-        "afValidationText": string;
     }
     /**
      * @enums FormInputFileType - form-input-file-type.enum.ts
@@ -1833,26 +1824,11 @@ export namespace Components {
      * @swedishName Radiogrupp
      */
     interface DigiFormRadiogroup {
-        /**
-          * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
-          * @en Input id attribute. Defaults to random string.
-         */
-        "afId": string;
         /**
           * Namnet på radiogruppen
           * @en Radiogroup name
          */
         "afName": string;
-        /**
-          * Sätter valideringsstatus. Kan vara 'success', 'error', 'warning', 'neutral' eller ingenting.
-          * @en Set input validation status
-         */
-        "afValidation": FormRadiogroupValidation;
-        /**
-          * Sätter valideringsmeddelandet
-          * @en Set input validation message
-         */
-        "afValidationText": string;
         /**
           * Värdet på radiogruppen
           * @en Radiogroup value
@@ -2262,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 {
@@ -2278,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;
         /**
@@ -2288,6 +2267,7 @@ export namespace Components {
         /**
           * Sätter systemnamnet
           * @en Set system name.
+          * @deprecated Använd afAriaLabel istället
          */
         "afSystemName": string;
     }
@@ -7030,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 {
@@ -7045,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.
@@ -7053,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;
         /**
@@ -7068,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;
     }
@@ -7947,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
@@ -8593,9 +8597,7 @@ declare global {
         new (): HTMLDigiCalendarElement;
     };
     interface HTMLDigiCalendarDatepickerElementEventMap {
-        "afOnDateChange": Date[];
-        "afOnDisplayChange": string;
-        "afOnValidationChange": { valid: boolean };
+        "afOnDateChange": Date[] | string[] | [];
     }
     /**
      * @swedishName Datumväljare
@@ -9165,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 {
@@ -10569,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 {
@@ -10941,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;
     }
@@ -11524,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;
@@ -11749,20 +11766,25 @@ declare namespace LocalJSX {
      */
     interface DigiCalendar {
         /**
-          * Visar eller döljer kalendern.
-          * @en Toggle calendar hide/show.
+          * Visar döljer kalendern. Visas som förvalt
+          * @en Toggle calendar hide/show. Defaults to true
          */
         "afActive"?: boolean;
         /**
-          * Prefix för komponentens 'id'-attribut. Ex. 'my-cool-id' genererar 'my-cool-id-calendar'. Ges inget värde genereras ett slumpmässigt.
-          * @en Prefix for the component's 'id' attribute. Example: 'my-cool-id' generates 'my-cool-id-calendar'. Defaults to random string.
+          * Prefix för komponentens alla olika interna 'id'-attribut på kalendern etc. Ex. 'my-cool-id' genererar 'my-cool-id-calendar' osv. Ges inget värde genereras ett slumpmässigt.
+          * @en Prefix for all id attributes inside the component. Example: 'my-cool-id' generates 'my-cool-id-calendar' and so on. Defaults to random string.
          */
         "afId"?: string;
         /**
-          * Styr vilken månad som visas från start, samt vilken datumknapp som är ingångspunkt för tangentbordsnavigering. Om inte angiven används valt datum, dagens datum eller månadens första dag.
-          * @en Controls which month is shown from start, and which date button is the entry point for keyboard navigation. If not provided, selected date, today's date or the first day of the month is used.
+          * Valt måndad och år från start. Förvalt är dagens månad och år.
+          * @en Selected month and year to display from start. Defaults to todays month and year.
+         */
+        "afInitSelectedDate"?: Date;
+        /**
+          * Vald månad att visa från start. Förvalt är den månad som dagens datum har. (Januari = 0, December = 11)
+          * @en Selected month to display from start. Defaults to the month of todays month. (Januray = 0, December = 11)
          */
-        "afInitFocusDate"?: Date;
+        "afInitSelectedMonth"?: number;
         /**
           * Senaste valbara datumet
           * @en Latest selectable date
@@ -11843,6 +11865,11 @@ declare namespace LocalJSX {
           * @en Sets an id attribute. Standard är slumpmässig sträng.
          */
         "afId"?: string;
+        /**
+          * Sätter valideringsmeddelandet när du använder afInvalid
+          * @en Set input validation message when using afInvalid property
+         */
+        "afInvalid"?: boolean;
         /**
           * Texten till labelelementet
           * @en The label text
@@ -11868,11 +11895,6 @@ declare namespace LocalJSX {
           * @en Set this to true to be able to select multiple dates in the calander. Default is false
          */
         "afMultipleDates"?: boolean;
-        /**
-          * Sätter attributet 'name' på det inre input-elementet.
-          * @en Sets the 'name' attribute on the inner input element.
-         */
-        "afName"?: string;
         /**
           * Aria-label till knappen som öppnar kalendern
           * @en Aria-label for the button that opens the calendar
@@ -11899,7 +11921,7 @@ declare namespace LocalJSX {
          */
         "afShowWeekNumber"?: boolean;
         /**
-          * Sätter valideringsstatus. Kan vara 'success', 'error', 'warning', 'neutral' eller ingenting. Om värdet är 'error' sätts också aria-invalid="true" på input-elementet.
+          * Sätter valideringsstatus. Kan vara 'success', 'error', 'warning', 'neutral' eller ingenting.
           * @en Set input validation status
          */
         "afValidation"?: CalendarDatepickerValidation;
@@ -11908,6 +11930,11 @@ declare namespace LocalJSX {
           * @en Set input validation message
          */
         "afValidationDisabledDate"?: string;
+        /**
+          * Sätter valideringsmeddelandet när du använder afInvalid
+          * @en Set input validation message when using afInvalid property
+         */
+        "afValidationMessage"?: string;
         /**
           * Sätter valideringsmeddelandet
           * @en Set input validation message
@@ -11919,25 +11946,10 @@ declare namespace LocalJSX {
          */
         "afValidationWrongFormat"?: string;
         /**
-          * Sätts till true för att byta knapparna för föregående och nästa månad till dropdowns för att välja månad och år. Rekommenderas då förväntat datum är många månader bakåt eller framåt i tiden, som exempelvis ett födelsedatum.
-          * @en Set this to true to change the previous/next month buttons to dropdowns for selecting month and year. Recommended when the expected date is many months back or forward in time, such as a birthdate.
-         */
-        "afYearSelect"?: boolean;
-        /**
-          * Skickar värdet som en array av Date-objekt när datumet uppdateras.
-          * @en Sends the value as an array of Date objects when the date is updated.
-         */
-        "onAfOnDateChange"?: (event: DigiCalendarDatepickerCustomEvent<Date[]>) => void;
-        /**
-          * Skickar strängen som visas i inputfältet när datumet uppdateras.
-          * @en Sends the string displayed in the input field when the date is updated.
+          * Sker vid datum uppdatering
+          * @en When date is updated
          */
-        "onAfOnDisplayChange"?: (event: DigiCalendarDatepickerCustomEvent<string>) => void;
-        /**
-          * Skickar valideringsstatus som en boolean när validering sker.
-          * @en Emits validation status as a boolean when validation occurs.
-         */
-        "onAfOnValidationChange"?: (event: DigiCalendarDatepickerCustomEvent<{ valid: boolean }>) => void;
+        "onAfOnDateChange"?: (event: DigiCalendarDatepickerCustomEvent<Date[] | string[] | []>) => void;
         /**
           * Sätter attributet 'value'
           * @en Input value attribute
@@ -12615,7 +12627,7 @@ declare namespace LocalJSX {
      */
     interface DigiFormFieldset {
         /**
-          * Id för form-elementet som fältgruppen tillhör.
+          * Fieldset-elementets form attribut.
           * @en The fieldset form attribute.
          */
         "afForm"?: string;
@@ -12625,25 +12637,15 @@ declare namespace LocalJSX {
          */
         "afId"?: string;
         /**
-          * Text till legend-elementet som fungerar som fältgruppens rubrik.
+          * Legend-elementets text.
           * @en The legend text.
          */
         "afLegend"?: string;
         /**
-          * Text till name-attributet som ger fältgruppen ett programmatiskt namn.
+          * Fieldset-elementets namn attribut.
           * @en The fieldset name attribute.
          */
         "afName"?: string;
-        /**
-          * Sätter valideringsstatus. Kan vara 'success', 'error', 'warning', 'neutral' eller ingenting.
-          * @en Set input validation status
-         */
-        "afValidation"?: FormFieldsetValidation;
-        /**
-          * Sätter valideringsmeddelandet
-          * @en Set input validation message
-         */
-        "afValidationText"?: string;
     }
     /**
      * @enums FormInputFileType - form-input-file-type.enum.ts
@@ -13431,26 +13433,11 @@ declare namespace LocalJSX {
      * @swedishName Radiogrupp
      */
     interface DigiFormRadiogroup {
-        /**
-          * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
-          * @en Input id attribute. Defaults to random string.
-         */
-        "afId"?: string;
         /**
           * Namnet på radiogruppen
           * @en Radiogroup name
          */
         "afName"?: string;
-        /**
-          * Sätter valideringsstatus. Kan vara 'success', 'error', 'warning', 'neutral' eller ingenting.
-          * @en Set input validation status
-         */
-        "afValidation"?: FormRadiogroupValidation;
-        /**
-          * Sätter valideringsmeddelandet
-          * @en Set input validation message
-         */
-        "afValidationText"?: string;
         /**
           * Värdet på radiogruppen
           * @en Radiogroup value
@@ -13931,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 {
@@ -13947,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;
         /**
@@ -13957,6 +13947,7 @@ declare namespace LocalJSX {
         /**
           * Sätter systemnamnet
           * @en Set system name.
+          * @deprecated Använd afAriaLabel istället
          */
         "afSystemName"?: string;
     }
@@ -18753,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 {
@@ -18768,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.
@@ -18776,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;
         /**
@@ -18791,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;
     }
@@ -19747,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
@@ -20560,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;
@@ -20771,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>;
@@ -21049,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>;
@@ -21172,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

@@ -38,11 +38,9 @@ export * from './components/_form/form-input/form-input-mode.enum';
 export * from './components/_form/form-input/form-input-type.enum';
 export * from './components/_form/form-input/form-input-validation.enum';
 export * from './components/_form/form-input/form-input-variation.enum';
-export * from './components/_form/form-fieldset/form-fieldset-validation.enum';
 export * from './components/_form/form-radiobutton/form-radiobutton-layout.enum';
 export * from './components/_form/form-radiobutton/form-radiobutton-validation.enum';
 export * from './components/_form/form-radiobutton/form-radiobutton-variation.enum';
-export * from './components/_form/form-radiogroup/form-radiogroup-validation.enum';
 export * from './components/_form/form-receipt/form-receipt-heading-level.enum';
 export * from './components/_form/form-receipt/form-receipt-type.enum';
 export * from './components/_form/form-receipt/form-receipt-variation.enum';
@@ -54,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;