@designsystem-se/af 35.4.1-beta.0 → 36.0.0

package/dist/types/components.d.ts

@@ -14,6 +14,7 @@ import { ButtonSize } from "./components/_button/button/button-size.enum";
 import { ButtonVariation } from "./components/_button/button/button-variation.enum";
 import { ButtonType } from "./components/_button/button/button-type.enum";
 import { CalendarDatepickerValidation } from "./components/_calendar/calendar-datepicker/calendar-datepicker-validation.enum";
+import { ValidationChange } from "./components/_calendar/calendar-datepicker/calendar-datepicker.types";
 import { CalendarWeekViewHeadingLevel } from "./components/_calendar/week-view/calendar-week-view-heading-level.enum";
 import { CodeVariation } from "./components/_code/code/code-variation.enum";
 import { CodeLanguage } from "./components/_code/code/code-language.enum";
@@ -37,6 +38,8 @@ 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 { ClickLink } from "./components/_form/form-error-list/form-error-list.types";
+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";
@@ -51,6 +54,7 @@ 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";
@@ -139,6 +143,7 @@ export { ButtonSize } from "./components/_button/button/button-size.enum";
 export { ButtonVariation } from "./components/_button/button/button-variation.enum";
 export { ButtonType } from "./components/_button/button/button-type.enum";
 export { CalendarDatepickerValidation } from "./components/_calendar/calendar-datepicker/calendar-datepicker-validation.enum";
+export { ValidationChange } from "./components/_calendar/calendar-datepicker/calendar-datepicker.types";
 export { CalendarWeekViewHeadingLevel } from "./components/_calendar/week-view/calendar-week-view-heading-level.enum";
 export { CodeVariation } from "./components/_code/code/code-variation.enum";
 export { CodeLanguage } from "./components/_code/code/code-language.enum";
@@ -162,6 +167,8 @@ 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 { ClickLink } from "./components/_form/form-error-list/form-error-list.types";
+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";
@@ -176,6 +183,7 @@ 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";
@@ -446,25 +454,15 @@ export namespace Components {
      */
     interface DigiCalendar {
         /**
-          * Visar döljer kalendern. Visas som förvalt
-          * @en Toggle calendar hide/show. Defaults to true
+          * Visar eller döljer kalendern.
+          * @en Toggle calendar hide/show.
          */
         "afActive": boolean;
         /**
-          * 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.
+          * 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.
          */
         "afId": string;
-        /**
-          * 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)
-         */
-        "afInitSelectedMonth": number;
         /**
           * Senaste valbara datumet
           * @en Latest selectable date
@@ -476,10 +474,15 @@ export namespace Components {
          */
         "afMinDate": Date;
         /**
-          * Sätt denna till true för att kunna markera mer en ett datum i kalendern. Förvalt är false
-          * @en Set this to true to be able to select multiple dates in the calander. Default is false
+          * Sätt denna till true för att tillåta val av flera datum
+          * @en Set this to true to be able to allow selection of multiple dates
          */
         "afMultipleDates": boolean;
+        /**
+          * 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 eller dagens datum.
+          * @en Controls which month is shown from start, and which date button is the entry point for keyboard navigation. If not provided, selected date or today's date is used.
+         */
+        "afOpenCalendarTo": Date;
         /**
           * Valt datum i kalendern
           * @en Selected date in calendar
@@ -491,18 +494,19 @@ export namespace Components {
          */
         "afSelectedDates": Date[];
         /**
-          * Visa veckonummer i kalender. Förvalt är false
-          * @en Show week number in the calander. Default is false
+          * Visa veckonummer i kalender
+          * @en Show week number in the calendar
          */
         "afShowWeekNumber": boolean;
         /**
-          * Sätt denna till true för att kunna välja år genom en väljare. Förvalt är false
-          * @en Set this to true to be able to select year through a select component. Default is false
+          * Sätt denna till true för att visa väljare för år
+          * @en Set this to true to be show year selector
          */
         "afYearSelect": boolean;
     }
     /**
      * @swedishName Datumväljare
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
      */
     interface DigiCalendarDatepicker {
         /**
@@ -511,32 +515,32 @@ export namespace Components {
          */
         "afCloseCalendarAriaLabel": string;
         /**
-          * Sätt denna till true om kalendern ska stängas när användaren väljer ett datum. Förvalt är false
-          * @en Set this to true if the calendar should close when a date is selected. Default is false
+          * Sätt denna till true om kalendern ska stängas när användaren väljer ett datum
+          * @en Set this to true if the calendar should close when a date is selected
          */
         "afCloseOnSelect": boolean;
         /**
-          * Sätt denna till true för att stänga av komponentens egna validering.
-          * @en Set this to true to disable internal validation.
+          * Sätt denna till true för att stänga av komponentens egna validering
+          * @en Set this to true to disable internal validation
          */
         "afDisableValidation": boolean;
         /**
-          * Sätter ett id attribut.
-          * @en Sets an id attribute. Standard är slumpmässig sträng.
+          * Om värdet är true får felmeddelandet attributet role="alert". Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
+          * @en If the value is true, the error message gets the attribute role="alert". If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
          */
-        "afId": string;
+        "afErrorMessageIsAlert": boolean | string;
         /**
-          * Sätter valideringsmeddelandet när du använder afInvalid
-          * @en Set input validation message when using afInvalid property
+          * Sätter attributet id för inputfältet, och utgör basen för andra id:n i komponenten
+          * @en Sets an id attribute for the input field, and serves as the base for other ids in the component
          */
-        "afInvalid": boolean;
+        "afId": string;
         /**
-          * Texten till labelelementet
+          * Texten till etiketten
           * @en The label text
          */
         "afLabel": string;
         /**
-          * Valfri beskrivande text
+          * Beskrivande text som bör ange det förväntade formatet och/eller andra krav
           * @en Optional description text
          */
         "afLabelDescription": string;
@@ -551,23 +555,33 @@ export namespace Components {
          */
         "afMinDate": Date;
         /**
-          * Sätt denna till true för att kunna markera mer en ett datum i kalendern. Förvalt är false
-          * @en Set this to true to be able to select multiple dates in the calander. Default is false
+          * Sätt denna till true för att kunna markera mer en ett datum i kalendern
+          * @en Set this to true to be able to select multiple dates in the calander
          */
         "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
          */
         "afOpenCalendarAriaLabel": string;
         /**
-          * Sätter attributet 'required'.
+          * 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 eller dagens datum.
+          * @en Controls which month is shown from start, and which date button is the entry point for keyboard navigation. If not provided, selected date or today's date is used.
+         */
+        "afOpenCalendarTo": Date;
+        /**
+          * Sätter attributet 'required'
           * @en Input required attribute
          */
         "afRequired": boolean;
         /**
-          * Sätter text för afRequired.
-          * @en Set text for afRequired.
+          * Ersätter texten "obligatorisk" i fältetiketten
+          * @en Replaces the text "obligatorisk" in the label
          */
         "afRequiredText": string;
         /**
@@ -576,35 +590,35 @@ export namespace Components {
          */
         "afSelectedDates": Array<Date>;
         /**
-          * Visa veckonummer i kalender. Förvalt är false
-          * @en Show week number in the calander. Default is false
+          * Visa veckonummer i kalender
+          * @en Show week number in the calander.
          */
         "afShowWeekNumber": boolean;
         /**
-          * Sätter valideringsstatus. Kan vara 'success', 'error', 'warning', 'neutral' eller ingenting.
+          * 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.
           * @en Set input validation status
          */
         "afValidation": CalendarDatepickerValidation;
         /**
-          * Sätter valideringsmeddelandet
-          * @en Set input validation message
+          * Sätter valideringsmeddelandet för den inbyggda valideringen när man anger datum som inte är valbara. Default är "Ej valbart datum"
+          * @en Set input validation message for the built-in when date is not selectable
          */
         "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
+          * Sätter valideringsmeddelandet för egen validering
+          * @en Set input validation message for custom validation
          */
         "afValidationText": string;
         /**
-          * Sätter valideringsmeddelandet
-          * @en Set input validation message
+          * Sätter valideringsmeddelandet för den inbyggda formatvalideringen. Default är "Fel format"
+          * @en Set input validation message for the built-in format validation
          */
         "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
@@ -988,17 +1002,17 @@ export namespace Components {
      */
     interface DigiFormCategoryFilter {
         /**
-          * Ifall listan ska börja med en 'Alla kategorier' kategori
-          * @en If the list should start with a 'All categories' category
+          * Ifall listan ska börja med en knapp för 'Alla kategorier'
+          * @en If the list should start with a button for 'All categories'
          */
         "afAllCategories": boolean;
         /**
-          * Ifall 'Alla kategorier' kategorin ska börja vald
-          * @en If the 'All categories' category should start selected
+          * Ifall 'Alla kategorier' kategorin ska vara vald från start
+          * @en If the 'All categories' category should be selected from start
          */
         "afAllCategoriesSelected": boolean;
         /**
-          * Namnet på 'Alla kategorier' kategorin
+          * Namnet på 'Alla kategorier'-kategorin
           * @en The name of the 'All categories' category
          */
         "afAllCategoriesText": string;
@@ -1008,8 +1022,8 @@ export namespace Components {
          */
         "afCategories": Array<FormCategory>;
         /**
-          * Visa alla kategorier och dölj knappen för att "visa fler/visa färre
-          * @en Show all categories and hide button to "visa fler"/"visa färre"
+          * Visa alla kategorier och dölj knappen för att visa fler/färre
+          * @en Show all categories and hide button to show more/fewer
          */
         "afHideToggle": boolean;
         /**
@@ -1018,8 +1032,8 @@ export namespace Components {
          */
         "afMultiselect": boolean;
         /**
-          * Ifall listan ska var kollapsad från början
-          * @en If the list should start out collapsed
+          * Ifall listan ska vara kollapsad från början
+          * @en If the list should be collapsed from start
          */
         "afStartCollapsed": boolean;
         /**
@@ -1032,6 +1046,7 @@ export namespace Components {
      * @enums FormCheckboxValidation - form-checkbox-validation.enum.ts
      * @enums FormCheckboxVariation - form-checkbox-variation.enum.ts
      * @swedishName Kryssruta
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
      */
     interface DigiFormCheckbox {
         /**
@@ -1105,7 +1120,8 @@ export namespace Components {
          */
         "afRequired": boolean;
         /**
-          * TODO
+          * Tabindex
+          * @deprecated Denna prop kommer att tas bort i slutet av juli
          */
         "afTabIndex": number;
         /**
@@ -1130,8 +1146,8 @@ export namespace Components {
          */
         "checked": boolean;
         /**
-          * Intern spegling av afValue.  Ska inte användas direkt — använd afValue istället.
-          * @en Internal mirror of afValue.  Do not use directly — use afValue instead.
+          * Intern spegling av afValue. Ska inte användas direkt — använd afValue istället.
+          * @en Internal mirror of afValue. Do not use directly — use afValue instead.
           * @ignore
          */
         "value": string;
@@ -1182,7 +1198,12 @@ export namespace Components {
      */
     interface DigiFormFieldset {
         /**
-          * Fieldset-elementets form attribut.
+          * Om värdet är true får felmeddelandet attributet role="alert". Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
+          * @en If the value is true, the error message gets the attribute role="alert". If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
+         */
+        "afErrorMessageIsAlert": boolean | string;
+        /**
+          * Id för form-elementet som fältgruppen tillhör.
           * @en The fieldset form attribute.
          */
         "afForm": string;
@@ -1192,20 +1213,31 @@ export namespace Components {
          */
         "afId": string;
         /**
-          * Legend-elementets text.
+          * Text till legend-elementet som fungerar som fältgruppens rubrik.
           * @en The legend text.
          */
         "afLegend": string;
         /**
-          * Fieldset-elementets namn attribut.
+          * Text till name-attributet som ger fältgruppen ett programmatiskt namn.
           * @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
      * @enums FormInputFileVariation - form-input-file-variation.enum.ts
      * @swedishName Filuppladdare
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
      */
     interface DigiFormFileUpload {
         /**
@@ -1223,6 +1255,11 @@ export namespace Components {
           * @en Activates preview of uploaded files.
          */
         "afEnablePreview": boolean;
+        /**
+          * Om värdet är true får felmeddelandet attributet role="alert". Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
+          * @en If the value is true, the error message gets the attribute role="alert". If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
+         */
+        "afErrorMessageIsAlert": boolean | string;
         /**
           * Sätter en maximal filstorlek i MB, 10MB är standard.
           * @en Set file max size in MB
@@ -1411,6 +1448,7 @@ export namespace Components {
      * @enums FormInputValidation - form-input-validation.enum.ts
      * @enums FormInputVariation - form-input-variation.enum.ts
      * @swedishName Inmatningsfält
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
      */
     interface DigiFormInput {
         /**
@@ -1468,6 +1506,11 @@ export namespace Components {
           * @en Input dirname attribute
          */
         "afDirname": string;
+        /**
+          * Om värdet är true får felmeddelandet attributet role="alert". Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
+          * @en If the value is true, the error message gets the attribute role="alert". If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
+         */
+        "afErrorMessageIsAlert": boolean | string;
         /**
           * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
           * @en Input id attribute. Defaults to random string.
@@ -1583,6 +1626,7 @@ export namespace Components {
     /**
      * @enums FormInputSearchVariation - form-input-search-variation.enum.ts
      * @swedishName Sökfält
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
      */
     interface DigiFormInputSearch {
         /**
@@ -1740,6 +1784,7 @@ export namespace Components {
      * @enums FormRadiobuttonValidation - form-radiobutton-validation.enum.ts
      * @enums FormRadiobuttonVariation - form-radiobutton-variation.enum.ts
      * @swedishName Radioknapp
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet.
      */
     interface DigiFormRadiobutton {
         /**
@@ -1822,13 +1867,34 @@ export namespace Components {
     }
     /**
      * @swedishName Radiogrupp
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till den första radioknappen i gruppen
      */
     interface DigiFormRadiogroup {
+        /**
+          * Om värdet är true får felmeddelandet attributet role="alert". Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
+          * @en If the value is true, the error message gets the attribute role="alert". If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
+         */
+        "afErrorMessageIsAlert": boolean | string;
+        /**
+          * 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
@@ -1873,6 +1939,7 @@ export namespace Components {
      * @enums FormSelectValidation - form-select-validation.enum
      * @enums FormSelectVariation - form-select-variation.enum
      * @swedishName Väljare
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva select-elementet
      */
     interface DigiFormSelect {
         /**
@@ -1901,10 +1968,15 @@ export namespace Components {
          */
         "afDescription": string;
         /**
-          * Inaktiverar valideringen
-          * @en Disables the validation.
+          * Döljer valideringsmeddelandet.
+          * @en Hides the validation message.
          */
         "afDisableValidation": boolean;
+        /**
+          * Om värdet är true får felmeddelandet attributet role="alert". Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
+          * @en If the value is true, the error message gets the attribute role="alert". If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
+         */
+        "afErrorMessageIsAlert": boolean | string;
         /**
           * Sätter ett id attribut.
           * @en Sets an id attribute. Standard är slumpmässig sträng.
@@ -1940,12 +2012,6 @@ export namespace Components {
           * @en Set text for afRequired.
          */
         "afRequiredText": string;
-        /**
-          * Sätter ett förvalt värde.
-          * @deprecated Använd afValue istället
-          * @en Sets initial selected value.
-         */
-        "afStartSelected": number;
         /**
           * Sätter väljarens validering
           * @en Set select validation
@@ -1975,6 +2041,7 @@ export namespace Components {
     }
     /**
      * @swedishName Väljare med sök
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till toggle-knappen
      */
     interface DigiFormSelectFilter {
         /**
@@ -1998,8 +2065,8 @@ export namespace Components {
          */
         "afDescription": string;
         /**
-          * Inaktiverar valideringen
-          * @en Disables the validation.
+          * Döljer valideringsmeddelandet.
+          * @en Hides the validation message.
          */
         "afDisableValidation": boolean;
         /**
@@ -2007,6 +2074,11 @@ export namespace Components {
           * @en Text that is shown the the search gives no result.
          */
         "afEmptySearchMessage": string;
+        /**
+          * Om värdet är true får felmeddelandet attributet role="alert". Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
+          * @en If the value is true, the error message gets the attribute role="alert". If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
+         */
+        "afErrorMessageIsAlert": boolean | string;
         /**
           * Sätter attributet 'aria-describedby' på filterknappen
           * @en Input aria-describedby attribute on filter button
@@ -2116,6 +2188,7 @@ export namespace Components {
      * @enums FormTextareaValidation - form-textarea-validation.enum.ts
      * @enums FormTextareaVariation - form-textarea-variation.enum.ts
      * @swedishName Textarea
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva textarea-elementet
      */
     interface DigiFormTextarea {
         /**
@@ -2148,6 +2221,11 @@ export namespace Components {
           * @en Input autofocus attribute
          */
         "afAutofocus": boolean;
+        /**
+          * Om värdet är true får felmeddelandet attributet role="alert". Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
+          * @en If the value is true, the error message gets the attribute role="alert". If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
+         */
+        "afErrorMessageIsAlert": boolean | string;
         /**
           * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
           * @en Set id attribute. Defaults to random string.
@@ -7466,6 +7544,7 @@ export namespace Components {
     /**
      * @enums ProgressCircleRole - progress-role.enum.ts
      * @swedishName Förloppscirkeln
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet
      */
     interface DigiProgressCircle {
         /**
@@ -7535,6 +7614,7 @@ export namespace Components {
      * @enums ProgressIndicatorRole - progress-indicator-role.enum.ts
      * @enums ProgressIndicatorVariation - progress-indicator-variation.enum.ts
      * @swedishName Förloppsstegaren
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet
      */
     interface DigiProgressIndicator {
         /**
@@ -8182,6 +8262,7 @@ export namespace Components {
      * @enums TypographyHeadingJumboLevel - typography-heading-jumbo-level.enum.ts
      * @enums TypographyHeadingJumboVariant - typography-heading-jumbo-variant.enum.ts
      * @swedishName Jumborubrik
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet
      */
     interface DigiTypographyHeadingJumbo {
         /**
@@ -8602,10 +8683,13 @@ declare global {
         new (): HTMLDigiCalendarElement;
     };
     interface HTMLDigiCalendarDatepickerElementEventMap {
-        "afOnDateChange": Date[] | string[] | [];
+        "afOnDateChange": Date[];
+        "afOnDateChangeRawText": string;
+        "afOnValidationChange": ValidationChange;
     }
     /**
      * @swedishName Datumväljare
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
      */
     interface HTMLDigiCalendarDatepickerElement extends Components.DigiCalendarDatepicker, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDigiCalendarDatepickerElementEventMap>(type: K, listener: (this: HTMLDigiCalendarDatepickerElement, ev: DigiCalendarDatepickerCustomEvent<HTMLDigiCalendarDatepickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -8813,7 +8897,7 @@ declare global {
         new (): HTMLDigiFooterCardElement;
     };
     interface HTMLDigiFormCategoryFilterElementEventMap {
-        "afOnSelectedCategoryChange": any;
+        "afOnSelectedCategoryChange": string[];
     }
     /**
      * @swedishName Kategorifilter
@@ -8846,6 +8930,7 @@ declare global {
      * @enums FormCheckboxValidation - form-checkbox-validation.enum.ts
      * @enums FormCheckboxVariation - form-checkbox-variation.enum.ts
      * @swedishName Kryssruta
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
      */
     interface HTMLDigiFormCheckboxElement extends Components.DigiFormCheckbox, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDigiFormCheckboxElementEventMap>(type: K, listener: (this: HTMLDigiFormCheckboxElement, ev: DigiFormCheckboxCustomEvent<HTMLDigiFormCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -8862,7 +8947,7 @@ declare global {
         new (): HTMLDigiFormCheckboxElement;
     };
     interface HTMLDigiFormErrorListElementEventMap {
-        "afOnClickLink": any;
+        "afOnClickLink": ClickLink;
         "afOnReady": any;
     }
     /**
@@ -8903,6 +8988,7 @@ declare global {
      * @enums FormInputFileType - form-input-file-type.enum.ts
      * @enums FormInputFileVariation - form-input-file-variation.enum.ts
      * @swedishName Filuppladdare
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
      */
     interface HTMLDigiFormFileUploadElement extends Components.DigiFormFileUpload, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDigiFormFileUploadElementEventMap>(type: K, listener: (this: HTMLDigiFormFileUploadElement, ev: DigiFormFileUploadCustomEvent<HTMLDigiFormFileUploadElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -8959,6 +9045,7 @@ declare global {
      * @enums FormInputValidation - form-input-validation.enum.ts
      * @enums FormInputVariation - form-input-variation.enum.ts
      * @swedishName Inmatningsfält
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
      */
     interface HTMLDigiFormInputElement extends Components.DigiFormInput, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDigiFormInputElementEventMap>(type: K, listener: (this: HTMLDigiFormInputElement, ev: DigiFormInputCustomEvent<HTMLDigiFormInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -8992,6 +9079,7 @@ declare global {
     /**
      * @enums FormInputSearchVariation - form-input-search-variation.enum.ts
      * @swedishName Sökfält
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
      */
     interface HTMLDigiFormInputSearchElement extends Components.DigiFormInputSearch, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDigiFormInputSearchElementEventMap>(type: K, listener: (this: HTMLDigiFormInputSearchElement, ev: DigiFormInputSearchCustomEvent<HTMLDigiFormInputSearchElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -9030,6 +9118,7 @@ declare global {
      * @enums FormRadiobuttonValidation - form-radiobutton-validation.enum.ts
      * @enums FormRadiobuttonVariation - form-radiobutton-variation.enum.ts
      * @swedishName Radioknapp
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet.
      */
     interface HTMLDigiFormRadiobuttonElement extends Components.DigiFormRadiobutton, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDigiFormRadiobuttonElementEventMap>(type: K, listener: (this: HTMLDigiFormRadiobuttonElement, ev: DigiFormRadiobuttonCustomEvent<HTMLDigiFormRadiobuttonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -9050,6 +9139,7 @@ declare global {
     }
     /**
      * @swedishName Radiogrupp
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till den första radioknappen i gruppen
      */
     interface HTMLDigiFormRadiogroupElement extends Components.DigiFormRadiogroup, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDigiFormRadiogroupElementEventMap>(type: K, listener: (this: HTMLDigiFormRadiogroupElement, ev: DigiFormRadiogroupCustomEvent<HTMLDigiFormRadiogroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -9090,6 +9180,7 @@ declare global {
      * @enums FormSelectValidation - form-select-validation.enum
      * @enums FormSelectVariation - form-select-variation.enum
      * @swedishName Väljare
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva select-elementet
      */
     interface HTMLDigiFormSelectElement extends Components.DigiFormSelect, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDigiFormSelectElementEventMap>(type: K, listener: (this: HTMLDigiFormSelectElement, ev: DigiFormSelectCustomEvent<HTMLDigiFormSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -9107,14 +9198,15 @@ declare global {
     };
     interface HTMLDigiFormSelectFilterElementEventMap {
         "afOnFocusout": any;
-        "afOnSubmitFilters": any[];
+        "afOnSubmitFilters": IListItem[];
         "afOnFilterClosed": any;
         "afOnResetFilters": any;
-        "afOnSelect": any[];
+        "afOnSelect": IListItem[];
         "afOnQueryChanged": string;
     }
     /**
      * @swedishName Väljare med sök
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till toggle-knappen
      */
     interface HTMLDigiFormSelectFilterElement extends Components.DigiFormSelectFilter, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDigiFormSelectFilterElementEventMap>(type: K, listener: (this: HTMLDigiFormSelectFilterElement, ev: DigiFormSelectFilterCustomEvent<HTMLDigiFormSelectFilterElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -9145,6 +9237,7 @@ declare global {
      * @enums FormTextareaValidation - form-textarea-validation.enum.ts
      * @enums FormTextareaVariation - form-textarea-variation.enum.ts
      * @swedishName Textarea
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva textarea-elementet
      */
     interface HTMLDigiFormTextareaElement extends Components.DigiFormTextarea, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDigiFormTextareaElementEventMap>(type: K, listener: (this: HTMLDigiFormTextareaElement, ev: DigiFormTextareaCustomEvent<HTMLDigiFormTextareaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -10787,6 +10880,7 @@ declare global {
     /**
      * @enums ProgressCircleRole - progress-role.enum.ts
      * @swedishName Förloppscirkeln
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet
      */
     interface HTMLDigiProgressCircleElement extends Components.DigiProgressCircle, HTMLStencilElement {
     }
@@ -10798,6 +10892,7 @@ declare global {
      * @enums ProgressIndicatorRole - progress-indicator-role.enum.ts
      * @enums ProgressIndicatorVariation - progress-indicator-variation.enum.ts
      * @swedishName Förloppsstegaren
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet
      */
     interface HTMLDigiProgressIndicatorElement extends Components.DigiProgressIndicator, HTMLStencilElement {
     }
@@ -11044,6 +11139,7 @@ declare global {
      * @enums TypographyHeadingJumboLevel - typography-heading-jumbo-level.enum.ts
      * @enums TypographyHeadingJumboVariant - typography-heading-jumbo-variant.enum.ts
      * @swedishName Jumborubrik
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet
      */
     interface HTMLDigiTypographyHeadingJumboElement extends Components.DigiTypographyHeadingJumbo, HTMLStencilElement {
     }
@@ -11771,25 +11867,15 @@ declare namespace LocalJSX {
      */
     interface DigiCalendar {
         /**
-          * Visar döljer kalendern. Visas som förvalt
-          * @en Toggle calendar hide/show. Defaults to true
+          * Visar eller döljer kalendern.
+          * @en Toggle calendar hide/show.
          */
         "afActive"?: boolean;
         /**
-          * 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.
+          * 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.
          */
         "afId"?: string;
-        /**
-          * 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)
-         */
-        "afInitSelectedMonth"?: number;
         /**
           * Senaste valbara datumet
           * @en Latest selectable date
@@ -11801,10 +11887,15 @@ declare namespace LocalJSX {
          */
         "afMinDate"?: Date;
         /**
-          * Sätt denna till true för att kunna markera mer en ett datum i kalendern. Förvalt är false
-          * @en Set this to true to be able to select multiple dates in the calander. Default is false
+          * Sätt denna till true för att tillåta val av flera datum
+          * @en Set this to true to be able to allow selection of multiple dates
          */
         "afMultipleDates"?: boolean;
+        /**
+          * 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 eller dagens datum.
+          * @en Controls which month is shown from start, and which date button is the entry point for keyboard navigation. If not provided, selected date or today's date is used.
+         */
+        "afOpenCalendarTo"?: Date;
         /**
           * Valt datum i kalendern
           * @en Selected date in calendar
@@ -11816,13 +11907,13 @@ declare namespace LocalJSX {
          */
         "afSelectedDates"?: Date[];
         /**
-          * Visa veckonummer i kalender. Förvalt är false
-          * @en Show week number in the calander. Default is false
+          * Visa veckonummer i kalender
+          * @en Show week number in the calendar
          */
         "afShowWeekNumber"?: boolean;
         /**
-          * Sätt denna till true för att kunna välja år genom en väljare. Förvalt är false
-          * @en Set this to true to be able to select year through a select component. Default is false
+          * Sätt denna till true för att visa väljare för år
+          * @en Set this to true to be show year selector
          */
         "afYearSelect"?: boolean;
         /**
@@ -11848,6 +11939,7 @@ declare namespace LocalJSX {
     }
     /**
      * @swedishName Datumväljare
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
      */
     interface DigiCalendarDatepicker {
         /**
@@ -11856,32 +11948,32 @@ declare namespace LocalJSX {
          */
         "afCloseCalendarAriaLabel"?: string;
         /**
-          * Sätt denna till true om kalendern ska stängas när användaren väljer ett datum. Förvalt är false
-          * @en Set this to true if the calendar should close when a date is selected. Default is false
+          * Sätt denna till true om kalendern ska stängas när användaren väljer ett datum
+          * @en Set this to true if the calendar should close when a date is selected
          */
         "afCloseOnSelect"?: boolean;
         /**
-          * Sätt denna till true för att stänga av komponentens egna validering.
-          * @en Set this to true to disable internal validation.
+          * Sätt denna till true för att stänga av komponentens egna validering
+          * @en Set this to true to disable internal validation
          */
         "afDisableValidation"?: boolean;
         /**
-          * Sätter ett id attribut.
-          * @en Sets an id attribute. Standard är slumpmässig sträng.
+          * Om värdet är true får felmeddelandet attributet role="alert". Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
+          * @en If the value is true, the error message gets the attribute role="alert". If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
          */
-        "afId"?: string;
+        "afErrorMessageIsAlert"?: boolean | string;
         /**
-          * Sätter valideringsmeddelandet när du använder afInvalid
-          * @en Set input validation message when using afInvalid property
+          * Sätter attributet id för inputfältet, och utgör basen för andra id:n i komponenten
+          * @en Sets an id attribute for the input field, and serves as the base for other ids in the component
          */
-        "afInvalid"?: boolean;
+        "afId"?: string;
         /**
-          * Texten till labelelementet
+          * Texten till etiketten
           * @en The label text
          */
         "afLabel"?: string;
         /**
-          * Valfri beskrivande text
+          * Beskrivande text som bör ange det förväntade formatet och/eller andra krav
           * @en Optional description text
          */
         "afLabelDescription"?: string;
@@ -11896,23 +11988,33 @@ declare namespace LocalJSX {
          */
         "afMinDate"?: Date;
         /**
-          * Sätt denna till true för att kunna markera mer en ett datum i kalendern. Förvalt är false
-          * @en Set this to true to be able to select multiple dates in the calander. Default is false
+          * Sätt denna till true för att kunna markera mer en ett datum i kalendern
+          * @en Set this to true to be able to select multiple dates in the calander
          */
         "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
          */
         "afOpenCalendarAriaLabel"?: string;
         /**
-          * Sätter attributet 'required'.
+          * 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 eller dagens datum.
+          * @en Controls which month is shown from start, and which date button is the entry point for keyboard navigation. If not provided, selected date or today's date is used.
+         */
+        "afOpenCalendarTo"?: Date;
+        /**
+          * Sätter attributet 'required'
           * @en Input required attribute
          */
         "afRequired"?: boolean;
         /**
-          * Sätter text för afRequired.
-          * @en Set text for afRequired.
+          * Ersätter texten "obligatorisk" i fältetiketten
+          * @en Replaces the text "obligatorisk" in the label
          */
         "afRequiredText"?: string;
         /**
@@ -11921,40 +12023,50 @@ declare namespace LocalJSX {
          */
         "afSelectedDates"?: Array<Date>;
         /**
-          * Visa veckonummer i kalender. Förvalt är false
-          * @en Show week number in the calander. Default is false
+          * Visa veckonummer i kalender
+          * @en Show week number in the calander.
          */
         "afShowWeekNumber"?: boolean;
         /**
-          * Sätter valideringsstatus. Kan vara 'success', 'error', 'warning', 'neutral' eller ingenting.
+          * 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.
           * @en Set input validation status
          */
         "afValidation"?: CalendarDatepickerValidation;
         /**
-          * Sätter valideringsmeddelandet
-          * @en Set input validation message
+          * Sätter valideringsmeddelandet för den inbyggda valideringen när man anger datum som inte är valbara. Default är "Ej valbart datum"
+          * @en Set input validation message for the built-in when date is not selectable
          */
         "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
+          * Sätter valideringsmeddelandet för egen validering
+          * @en Set input validation message for custom validation
          */
         "afValidationText"?: string;
         /**
-          * Sätter valideringsmeddelandet
-          * @en Set input validation message
+          * Sätter valideringsmeddelandet för den inbyggda formatvalideringen. Default är "Fel format"
+          * @en Set input validation message for the built-in format validation
          */
         "afValidationWrongFormat"?: string;
         /**
-          * Sker vid datum uppdatering
-          * @en When date is updated
+          * 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.
          */
-        "onAfOnDateChange"?: (event: DigiCalendarDatepickerCustomEvent<Date[] | string[] | []>) => void;
+        "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
+         */
+        "onAfOnDateChangeRawText"?: (event: DigiCalendarDatepickerCustomEvent<string>) => void;
+        /**
+          * Skickar resultatet när validering sker
+          * @en Emits the validation result
+         */
+        "onAfOnValidationChange"?: (event: DigiCalendarDatepickerCustomEvent<ValidationChange>) => void;
         /**
           * Sätter attributet 'value'
           * @en Input value attribute
@@ -12393,17 +12505,17 @@ declare namespace LocalJSX {
      */
     interface DigiFormCategoryFilter {
         /**
-          * Ifall listan ska börja med en 'Alla kategorier' kategori
-          * @en If the list should start with a 'All categories' category
+          * Ifall listan ska börja med en knapp för 'Alla kategorier'
+          * @en If the list should start with a button for 'All categories'
          */
         "afAllCategories"?: boolean;
         /**
-          * Ifall 'Alla kategorier' kategorin ska börja vald
-          * @en If the 'All categories' category should start selected
+          * Ifall 'Alla kategorier' kategorin ska vara vald från start
+          * @en If the 'All categories' category should be selected from start
          */
         "afAllCategoriesSelected"?: boolean;
         /**
-          * Namnet på 'Alla kategorier' kategorin
+          * Namnet på 'Alla kategorier'-kategorin
           * @en The name of the 'All categories' category
          */
         "afAllCategoriesText"?: string;
@@ -12413,8 +12525,8 @@ declare namespace LocalJSX {
          */
         "afCategories"?: Array<FormCategory>;
         /**
-          * Visa alla kategorier och dölj knappen för att "visa fler/visa färre
-          * @en Show all categories and hide button to "visa fler"/"visa färre"
+          * Visa alla kategorier och dölj knappen för att visa fler/färre
+          * @en Show all categories and hide button to show more/fewer
          */
         "afHideToggle"?: boolean;
         /**
@@ -12423,8 +12535,8 @@ declare namespace LocalJSX {
          */
         "afMultiselect"?: boolean;
         /**
-          * Ifall listan ska var kollapsad från början
-          * @en If the list should start out collapsed
+          * Ifall listan ska vara kollapsad från början
+          * @en If the list should be collapsed from start
          */
         "afStartCollapsed"?: boolean;
         /**
@@ -12436,12 +12548,13 @@ declare namespace LocalJSX {
           * Sker vid ändrade valda kategorier
           * @en When selected categories is changed
          */
-        "onAfOnSelectedCategoryChange"?: (event: DigiFormCategoryFilterCustomEvent<any>) => void;
+        "onAfOnSelectedCategoryChange"?: (event: DigiFormCategoryFilterCustomEvent<string[]>) => void;
     }
     /**
      * @enums FormCheckboxValidation - form-checkbox-validation.enum.ts
      * @enums FormCheckboxVariation - form-checkbox-variation.enum.ts
      * @swedishName Kryssruta
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
      */
     interface DigiFormCheckbox {
         /**
@@ -12510,7 +12623,8 @@ declare namespace LocalJSX {
          */
         "afRequired"?: boolean;
         /**
-          * TODO
+          * Tabindex
+          * @deprecated Denna prop kommer att tas bort i slutet av juli
          */
         "afTabIndex"?: number;
         /**
@@ -12575,8 +12689,8 @@ declare namespace LocalJSX {
          */
         "onAfOnTouched"?: (event: DigiFormCheckboxCustomEvent<any>) => void;
         /**
-          * Intern spegling av afValue.  Ska inte användas direkt — använd afValue istället.
-          * @en Internal mirror of afValue.  Do not use directly — use afValue instead.
+          * Intern spegling av afValue. Ska inte användas direkt — använd afValue istället.
+          * @en Internal mirror of afValue. Do not use directly — use afValue instead.
           * @ignore
          */
         "value"?: string;
@@ -12617,10 +12731,10 @@ declare namespace LocalJSX {
          */
         "afOverrideLink"?: boolean;
         /**
-          * Länkelementens 'onclick'-event.
+          * Används för att fånga upp href till länken man har klickat på
           * @en The link elements' 'onclick' event.
          */
-        "onAfOnClickLink"?: (event: DigiFormErrorListCustomEvent<any>) => void;
+        "onAfOnClickLink"?: (event: DigiFormErrorListCustomEvent<ClickLink>) => void;
         /**
           * När komponenten och slotsen är laddade och initierade så skickas detta eventet.
           * @en When the component and slots are loaded and initialized this event will trigger.
@@ -12632,7 +12746,12 @@ declare namespace LocalJSX {
      */
     interface DigiFormFieldset {
         /**
-          * Fieldset-elementets form attribut.
+          * Om värdet är true får felmeddelandet attributet role="alert". Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
+          * @en If the value is true, the error message gets the attribute role="alert". If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
+         */
+        "afErrorMessageIsAlert"?: boolean | string;
+        /**
+          * Id för form-elementet som fältgruppen tillhör.
           * @en The fieldset form attribute.
          */
         "afForm"?: string;
@@ -12642,20 +12761,31 @@ declare namespace LocalJSX {
          */
         "afId"?: string;
         /**
-          * Legend-elementets text.
+          * Text till legend-elementet som fungerar som fältgruppens rubrik.
           * @en The legend text.
          */
         "afLegend"?: string;
         /**
-          * Fieldset-elementets namn attribut.
+          * Text till name-attributet som ger fältgruppen ett programmatiskt namn.
           * @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
      * @enums FormInputFileVariation - form-input-file-variation.enum.ts
      * @swedishName Filuppladdare
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
      */
     interface DigiFormFileUpload {
         /**
@@ -12673,6 +12803,11 @@ declare namespace LocalJSX {
           * @en Activates preview of uploaded files.
          */
         "afEnablePreview"?: boolean;
+        /**
+          * Om värdet är true får felmeddelandet attributet role="alert". Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
+          * @en If the value is true, the error message gets the attribute role="alert". If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
+         */
+        "afErrorMessageIsAlert"?: boolean | string;
         /**
           * Sätter en maximal filstorlek i MB, 10MB är standard.
           * @en Set file max size in MB
@@ -12890,6 +13025,7 @@ declare namespace LocalJSX {
      * @enums FormInputValidation - form-input-validation.enum.ts
      * @enums FormInputVariation - form-input-variation.enum.ts
      * @swedishName Inmatningsfält
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
      */
     interface DigiFormInput {
         /**
@@ -12947,6 +13083,11 @@ declare namespace LocalJSX {
           * @en Input dirname attribute
          */
         "afDirname"?: string;
+        /**
+          * Om värdet är true får felmeddelandet attributet role="alert". Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
+          * @en If the value is true, the error message gets the attribute role="alert". If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
+         */
+        "afErrorMessageIsAlert"?: boolean | string;
         /**
           * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
           * @en Input id attribute. Defaults to random string.
@@ -13102,6 +13243,7 @@ declare namespace LocalJSX {
     /**
      * @enums FormInputSearchVariation - form-input-search-variation.enum.ts
      * @swedishName Sökfält
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
      */
     interface DigiFormInputSearch {
         /**
@@ -13319,6 +13461,7 @@ declare namespace LocalJSX {
      * @enums FormRadiobuttonValidation - form-radiobutton-validation.enum.ts
      * @enums FormRadiobuttonVariation - form-radiobutton-variation.enum.ts
      * @swedishName Radioknapp
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet.
      */
     interface DigiFormRadiobutton {
         /**
@@ -13436,13 +13579,34 @@ declare namespace LocalJSX {
     }
     /**
      * @swedishName Radiogrupp
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till den första radioknappen i gruppen
      */
     interface DigiFormRadiogroup {
+        /**
+          * Om värdet är true får felmeddelandet attributet role="alert". Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
+          * @en If the value is true, the error message gets the attribute role="alert". If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
+         */
+        "afErrorMessageIsAlert"?: boolean | string;
+        /**
+          * 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
@@ -13492,6 +13656,7 @@ declare namespace LocalJSX {
      * @enums FormSelectValidation - form-select-validation.enum
      * @enums FormSelectVariation - form-select-variation.enum
      * @swedishName Väljare
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva select-elementet
      */
     interface DigiFormSelect {
         /**
@@ -13520,10 +13685,15 @@ declare namespace LocalJSX {
          */
         "afDescription"?: string;
         /**
-          * Inaktiverar valideringen
-          * @en Disables the validation.
+          * Döljer valideringsmeddelandet.
+          * @en Hides the validation message.
          */
         "afDisableValidation"?: boolean;
+        /**
+          * Om värdet är true får felmeddelandet attributet role="alert". Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
+          * @en If the value is true, the error message gets the attribute role="alert". If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
+         */
+        "afErrorMessageIsAlert"?: boolean | string;
         /**
           * Sätter ett id attribut.
           * @en Sets an id attribute. Standard är slumpmässig sträng.
@@ -13554,12 +13724,6 @@ declare namespace LocalJSX {
           * @en Set text for afRequired.
          */
         "afRequiredText"?: string;
-        /**
-          * Sätter ett förvalt värde.
-          * @deprecated Använd afValue istället
-          * @en Sets initial selected value.
-         */
-        "afStartSelected"?: number;
         /**
           * Sätter väljarens validering
           * @en Set select validation
@@ -13604,6 +13768,7 @@ declare namespace LocalJSX {
     }
     /**
      * @swedishName Väljare med sök
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till toggle-knappen
      */
     interface DigiFormSelectFilter {
         /**
@@ -13627,8 +13792,8 @@ declare namespace LocalJSX {
          */
         "afDescription"?: string;
         /**
-          * Inaktiverar valideringen
-          * @en Disables the validation.
+          * Döljer valideringsmeddelandet.
+          * @en Hides the validation message.
          */
         "afDisableValidation"?: boolean;
         /**
@@ -13636,6 +13801,11 @@ declare namespace LocalJSX {
           * @en Text that is shown the the search gives no result.
          */
         "afEmptySearchMessage"?: string;
+        /**
+          * Om värdet är true får felmeddelandet attributet role="alert". Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
+          * @en If the value is true, the error message gets the attribute role="alert". If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
+         */
+        "afErrorMessageIsAlert"?: boolean | string;
         /**
           * Sätter attributet 'aria-describedby' på filterknappen
           * @en Input aria-describedby attribute on filter button
@@ -13741,12 +13911,12 @@ declare namespace LocalJSX {
           * När ett eller flera filter väljs
           * @en When a filter is changed
          */
-        "onAfOnSelect"?: (event: DigiFormSelectFilterCustomEvent<any[]>) => void;
+        "onAfOnSelect"?: (event: DigiFormSelectFilterCustomEvent<IListItem[]>) => void;
         /**
           * Vid uppdatering av filtret
           * @en At filter submit
          */
-        "onAfOnSubmitFilters"?: (event: DigiFormSelectFilterCustomEvent<any[]>) => void;
+        "onAfOnSubmitFilters"?: (event: DigiFormSelectFilterCustomEvent<IListItem[]>) => void;
         /**
           * Sorterar listan i alfabetisk ordning.
           * @en Sort the list in alphabetical order.
@@ -13761,6 +13931,7 @@ declare namespace LocalJSX {
      * @enums FormTextareaValidation - form-textarea-validation.enum.ts
      * @enums FormTextareaVariation - form-textarea-variation.enum.ts
      * @swedishName Textarea
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva textarea-elementet
      */
     interface DigiFormTextarea {
         /**
@@ -13793,6 +13964,11 @@ declare namespace LocalJSX {
           * @en Input autofocus attribute
          */
         "afAutofocus"?: boolean;
+        /**
+          * Om värdet är true får felmeddelandet attributet role="alert". Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
+          * @en If the value is true, the error message gets the attribute role="alert". If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
+         */
+        "afErrorMessageIsAlert"?: boolean | string;
         /**
           * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
           * @en Set id attribute. Defaults to random string.
@@ -19259,6 +19435,7 @@ declare namespace LocalJSX {
     /**
      * @enums ProgressCircleRole - progress-role.enum.ts
      * @swedishName Förloppscirkeln
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet
      */
     interface DigiProgressCircle {
         /**
@@ -19328,6 +19505,7 @@ declare namespace LocalJSX {
      * @enums ProgressIndicatorRole - progress-indicator-role.enum.ts
      * @enums ProgressIndicatorVariation - progress-indicator-variation.enum.ts
      * @swedishName Förloppsstegaren
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet
      */
     interface DigiProgressIndicator {
         /**
@@ -19991,6 +20169,7 @@ declare namespace LocalJSX {
      * @enums TypographyHeadingJumboLevel - typography-heading-jumbo-level.enum.ts
      * @enums TypographyHeadingJumboVariant - typography-heading-jumbo-variant.enum.ts
      * @swedishName Jumborubrik
+     * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet
      */
     interface DigiTypographyHeadingJumbo {
         /**
@@ -20640,6 +20819,7 @@ declare module "@stencil/core" {
             "digi-calendar": LocalJSX.DigiCalendar & JSXBase.HTMLAttributes<HTMLDigiCalendarElement>;
             /**
              * @swedishName Datumväljare
+             * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
              */
             "digi-calendar-datepicker": LocalJSX.DigiCalendarDatepicker & JSXBase.HTMLAttributes<HTMLDigiCalendarDatepickerElement>;
             /**
@@ -20719,6 +20899,7 @@ declare module "@stencil/core" {
              * @enums FormCheckboxValidation - form-checkbox-validation.enum.ts
              * @enums FormCheckboxVariation - form-checkbox-variation.enum.ts
              * @swedishName Kryssruta
+             * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
              */
             "digi-form-checkbox": LocalJSX.DigiFormCheckbox & JSXBase.HTMLAttributes<HTMLDigiFormCheckboxElement>;
             /**
@@ -20734,6 +20915,7 @@ declare module "@stencil/core" {
              * @enums FormInputFileType - form-input-file-type.enum.ts
              * @enums FormInputFileVariation - form-input-file-variation.enum.ts
              * @swedishName Filuppladdare
+             * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
              */
             "digi-form-file-upload": LocalJSX.DigiFormFileUpload & JSXBase.HTMLAttributes<HTMLDigiFormFileUploadElement>;
             /**
@@ -20746,11 +20928,13 @@ declare module "@stencil/core" {
              * @enums FormInputValidation - form-input-validation.enum.ts
              * @enums FormInputVariation - form-input-variation.enum.ts
              * @swedishName Inmatningsfält
+             * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
              */
             "digi-form-input": LocalJSX.DigiFormInput & JSXBase.HTMLAttributes<HTMLDigiFormInputElement>;
             /**
              * @enums FormInputSearchVariation - form-input-search-variation.enum.ts
              * @swedishName Sökfält
+             * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet
              */
             "digi-form-input-search": LocalJSX.DigiFormInputSearch & JSXBase.HTMLAttributes<HTMLDigiFormInputSearchElement>;
             /**
@@ -20761,10 +20945,12 @@ declare module "@stencil/core" {
              * @enums FormRadiobuttonValidation - form-radiobutton-validation.enum.ts
              * @enums FormRadiobuttonVariation - form-radiobutton-variation.enum.ts
              * @swedishName Radioknapp
+             * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva input-elementet.
              */
             "digi-form-radiobutton": LocalJSX.DigiFormRadiobutton & JSXBase.HTMLAttributes<HTMLDigiFormRadiobuttonElement>;
             /**
              * @swedishName Radiogrupp
+             * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till den första radioknappen i gruppen
              */
             "digi-form-radiogroup": LocalJSX.DigiFormRadiogroup & JSXBase.HTMLAttributes<HTMLDigiFormRadiogroupElement>;
             /**
@@ -20778,16 +20964,19 @@ declare module "@stencil/core" {
              * @enums FormSelectValidation - form-select-validation.enum
              * @enums FormSelectVariation - form-select-variation.enum
              * @swedishName Väljare
+             * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva select-elementet
              */
             "digi-form-select": LocalJSX.DigiFormSelect & JSXBase.HTMLAttributes<HTMLDigiFormSelectElement>;
             /**
              * @swedishName Väljare med sök
+             * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till toggle-knappen
              */
             "digi-form-select-filter": LocalJSX.DigiFormSelectFilter & JSXBase.HTMLAttributes<HTMLDigiFormSelectFilterElement>;
             /**
              * @enums FormTextareaValidation - form-textarea-validation.enum.ts
              * @enums FormTextareaVariation - form-textarea-variation.enum.ts
              * @swedishName Textarea
+             * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva textarea-elementet
              */
             "digi-form-textarea": LocalJSX.DigiFormTextarea & JSXBase.HTMLAttributes<HTMLDigiFormTextareaElement>;
             /**
@@ -21137,12 +21326,14 @@ declare module "@stencil/core" {
             /**
              * @enums ProgressCircleRole - progress-role.enum.ts
              * @swedishName Förloppscirkeln
+             * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet
              */
             "digi-progress-circle": LocalJSX.DigiProgressCircle & JSXBase.HTMLAttributes<HTMLDigiProgressCircleElement>;
             /**
              * @enums ProgressIndicatorRole - progress-indicator-role.enum.ts
              * @enums ProgressIndicatorVariation - progress-indicator-variation.enum.ts
              * @swedishName Förloppsstegaren
+             * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet
              */
             "digi-progress-indicator": LocalJSX.DigiProgressIndicator & JSXBase.HTMLAttributes<HTMLDigiProgressIndicatorElement>;
             /**
@@ -21241,6 +21432,7 @@ declare module "@stencil/core" {
              * @enums TypographyHeadingJumboLevel - typography-heading-jumbo-level.enum.ts
              * @enums TypographyHeadingJumboVariant - typography-heading-jumbo-variant.enum.ts
              * @swedishName Jumborubrik
+             * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet
              */
             "digi-typography-heading-jumbo": LocalJSX.DigiTypographyHeadingJumbo & JSXBase.HTMLAttributes<HTMLDigiTypographyHeadingJumboElement>;
             /**