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

package/{components/p-08cf2c0e.js → dist/esm/text-8f88c0f6.js}

@@ -11,6 +11,7 @@ const common = {
     required: 'Obligatoriskt',
     optional: 'Frivilligt',
     of: 'av',
+    and: 'och',
     today: 'Idag',
     cancel: 'Avbryt',
     canceled: 'Avbruten',
@@ -26,6 +27,24 @@ const common = {
 };
 const calendar = {
     screenReaderInstructions: 'För navigering mellan månader med piltangenterna, använd inte den virtuella markören.',
+    year: 'År',
+    month: 'Månad',
+    months: [
+        'januari',
+        'februari',
+        'mars',
+        'april',
+        'maj',
+        'juni',
+        'juli',
+        'augusti',
+        'september',
+        'oktober',
+        'november',
+        'december'
+    ],
+    previousMonth: 'föregående månad',
+    nextMonth: 'nästa månad',
     week: 'Vecka',
     weekdays: {
         mon: 'Måndag',

package/dist/esm/typography-heading-jumbo-variation.enum-eb737f1b.js

@@ -0,0 +1,17 @@
+var TypographyHeadingJumboLevel;
+(function (TypographyHeadingJumboLevel) {
+    TypographyHeadingJumboLevel["H1"] = "h1";
+    TypographyHeadingJumboLevel["H2"] = "h2";
+    TypographyHeadingJumboLevel["H3"] = "h3";
+    TypographyHeadingJumboLevel["H4"] = "h4";
+    TypographyHeadingJumboLevel["H5"] = "h5";
+    TypographyHeadingJumboLevel["H6"] = "h6";
+})(TypographyHeadingJumboLevel || (TypographyHeadingJumboLevel = {}));
+
+var TypographyHeadingJumboVariation;
+(function (TypographyHeadingJumboVariation) {
+    TypographyHeadingJumboVariation["PRIMARY"] = "primary";
+    TypographyHeadingJumboVariation["SECONDARY"] = "secondary";
+})(TypographyHeadingJumboVariation || (TypographyHeadingJumboVariation = {}));
+
+export { TypographyHeadingJumboLevel as T, TypographyHeadingJumboVariation as a };

package/dist/esm/{typography-variation.enum-b65edac6.js → typography-variation.enum-04944af5.js}

@@ -49,33 +49,6 @@ var DialogVariation;
     DialogVariation["SECONDARY"] = "secondary";
 })(DialogVariation || (DialogVariation = {}));
 
-var ExpandableAccordionHeaderLevel;
-(function (ExpandableAccordionHeaderLevel) {
-    ExpandableAccordionHeaderLevel["H1"] = "h1";
-    ExpandableAccordionHeaderLevel["H2"] = "h2";
-    ExpandableAccordionHeaderLevel["H3"] = "h3";
-    ExpandableAccordionHeaderLevel["H4"] = "h4";
-    ExpandableAccordionHeaderLevel["H5"] = "h5";
-    ExpandableAccordionHeaderLevel["H6"] = "h6";
-})(ExpandableAccordionHeaderLevel || (ExpandableAccordionHeaderLevel = {}));
-
-var ExpandableFaqItemHeadingLevel;
-(function (ExpandableFaqItemHeadingLevel) {
-    ExpandableFaqItemHeadingLevel["H1"] = "h1";
-    ExpandableFaqItemHeadingLevel["H2"] = "h2";
-    ExpandableFaqItemHeadingLevel["H3"] = "h3";
-    ExpandableFaqItemHeadingLevel["H4"] = "h4";
-    ExpandableFaqItemHeadingLevel["H5"] = "h5";
-    ExpandableFaqItemHeadingLevel["H6"] = "h6";
-})(ExpandableFaqItemHeadingLevel || (ExpandableFaqItemHeadingLevel = {}));
-
-var ExpandableFaqItemVariation;
-(function (ExpandableFaqItemVariation) {
-    ExpandableFaqItemVariation["PRIMARY"] = "primary";
-    ExpandableFaqItemVariation["SECONDARY"] = "secondary";
-    ExpandableFaqItemVariation["TERTIARY"] = "tertiary";
-})(ExpandableFaqItemVariation || (ExpandableFaqItemVariation = {}));
-
 var FooterVariation;
 (function (FooterVariation) {
     FooterVariation["LARGE"] = "large";
@@ -92,6 +65,42 @@ var FormErrorListHeadingLevel;
     FormErrorListHeadingLevel["H6"] = "h6";
 })(FormErrorListHeadingLevel || (FormErrorListHeadingLevel = {}));
 
+var FormInputMode;
+(function (FormInputMode) {
+    FormInputMode["DEFAULT"] = "";
+    FormInputMode["NONE"] = "none";
+    FormInputMode["TEXT"] = "text";
+    FormInputMode["DECIMAL"] = "decimal";
+    FormInputMode["NUMERIC"] = "numeric";
+    FormInputMode["TEL"] = "tel";
+    FormInputMode["SEARCH"] = "search";
+    FormInputMode["EMAIL"] = "email";
+    FormInputMode["URL"] = "url";
+})(FormInputMode || (FormInputMode = {}));
+
+var FormInputValidation;
+(function (FormInputValidation) {
+    FormInputValidation["SUCCESS"] = "success";
+    FormInputValidation["ERROR"] = "error";
+    FormInputValidation["WARNING"] = "warning";
+    FormInputValidation["NEUTRAL"] = "neutral";
+})(FormInputValidation || (FormInputValidation = {}));
+
+var FormInputVariation;
+(function (FormInputVariation) {
+    FormInputVariation["SMALL"] = "small";
+    FormInputVariation["MEDIUM"] = "medium";
+    FormInputVariation["LARGE"] = "large";
+})(FormInputVariation || (FormInputVariation = {}));
+
+var FormFieldsetValidation;
+(function (FormFieldsetValidation) {
+    FormFieldsetValidation["SUCCESS"] = "success";
+    FormFieldsetValidation["ERROR"] = "error";
+    FormFieldsetValidation["WARNING"] = "warning";
+    FormFieldsetValidation["NEUTRAL"] = "neutral";
+})(FormFieldsetValidation || (FormFieldsetValidation = {}));
+
 var FormRadiobuttonLayout;
 (function (FormRadiobuttonLayout) {
     FormRadiobuttonLayout["INLINE"] = "inline";
@@ -139,6 +148,21 @@ var FormSelectFilterValidation;
     FormSelectFilterValidation["NEUTRAL"] = "neutral";
 })(FormSelectFilterValidation || (FormSelectFilterValidation = {}));
 
+var FormSelectValidation;
+(function (FormSelectValidation) {
+    FormSelectValidation["SUCCESS"] = "success";
+    FormSelectValidation["ERROR"] = "error";
+    FormSelectValidation["WARNING"] = "warning";
+    FormSelectValidation["NEUTRAL"] = "neutral";
+})(FormSelectValidation || (FormSelectValidation = {}));
+
+var FormSelectVariation;
+(function (FormSelectVariation) {
+    FormSelectVariation["SMALL"] = "small";
+    FormSelectVariation["MEDIUM"] = "medium";
+    FormSelectVariation["LARGE"] = "large";
+})(FormSelectVariation || (FormSelectVariation = {}));
+
 var HeaderCenterContentWidth;
 (function (HeaderCenterContentWidth) {
     HeaderCenterContentWidth["DEFAULT"] = "none";
@@ -182,38 +206,6 @@ var InfoCardHeadingLevel;
     InfoCardHeadingLevel["H6"] = "h6";
 })(InfoCardHeadingLevel || (InfoCardHeadingLevel = {}));
 
-var LayoutBlockContainer;
-(function (LayoutBlockContainer) {
-    LayoutBlockContainer["STATIC"] = "static";
-    LayoutBlockContainer["FLUID"] = "fluid";
-    LayoutBlockContainer["NONE"] = "none";
-})(LayoutBlockContainer || (LayoutBlockContainer = {}));
-
-var LayoutContainerVariation;
-(function (LayoutContainerVariation) {
-    LayoutContainerVariation["STATIC"] = "static";
-    LayoutContainerVariation["FLUID"] = "fluid";
-    LayoutContainerVariation["NONE"] = "none";
-})(LayoutContainerVariation || (LayoutContainerVariation = {}));
-
-var LayoutContainerMaxWidth;
-(function (LayoutContainerMaxWidth) {
-    LayoutContainerMaxWidth["WIDTH_1200"] = "1200";
-    LayoutContainerMaxWidth["WIDTH_1400"] = "1400";
-})(LayoutContainerMaxWidth || (LayoutContainerMaxWidth = {}));
-
-var LogoColor;
-(function (LogoColor) {
-    LogoColor["PRIMARY"] = "primary";
-    LogoColor["SECONDARY"] = "secondary";
-})(LogoColor || (LogoColor = {}));
-
-var LogoVariation;
-(function (LogoVariation) {
-    LogoVariation["SMALL"] = "small";
-    LogoVariation["LARGE"] = "large";
-})(LogoVariation || (LogoVariation = {}));
-
 var NotificationAlertHeadingLevel;
 (function (NotificationAlertHeadingLevel) {
     NotificationAlertHeadingLevel["H1"] = "h1";
@@ -273,26 +265,10 @@ var FeedbackVariation;
     FeedbackVariation["SECONDARY"] = "secondary";
 })(FeedbackVariation || (FeedbackVariation = {}));
 
-var TypographyHeadingJumboLevel;
-(function (TypographyHeadingJumboLevel) {
-    TypographyHeadingJumboLevel["H1"] = "h1";
-    TypographyHeadingJumboLevel["H2"] = "h2";
-    TypographyHeadingJumboLevel["H3"] = "h3";
-    TypographyHeadingJumboLevel["H4"] = "h4";
-    TypographyHeadingJumboLevel["H5"] = "h5";
-    TypographyHeadingJumboLevel["H6"] = "h6";
-})(TypographyHeadingJumboLevel || (TypographyHeadingJumboLevel = {}));
-
-var TypographyHeadingJumboVariation;
-(function (TypographyHeadingJumboVariation) {
-    TypographyHeadingJumboVariation["PRIMARY"] = "primary";
-    TypographyHeadingJumboVariation["SECONDARY"] = "secondary";
-})(TypographyHeadingJumboVariation || (TypographyHeadingJumboVariation = {}));
-
 var TypographyVariation;
 (function (TypographyVariation) {
     TypographyVariation["SMALL"] = "small";
     TypographyVariation["LARGE"] = "large";
 })(TypographyVariation || (TypographyVariation = {}));
 
-export { TypographyHeadingJumboVariation as A, BadgeNotificationType as B, CalendarDatepickerValidation as C, DialogHeadingLevel as D, ExpandableAccordionHeaderLevel as E, FooterVariation as F, TypographyVariation as G, HeaderCenterContentWidth as H, InfoCardMultiContainerHeadingLevel as I, LayoutBlockContainer as L, NotificationAlertHeadingLevel as N, ToolsFeedbackHeadingLevel as T, CodeBlockLanguage as a, DialogSize as b, DialogVariation as c, ExpandableFaqItemHeadingLevel as d, ExpandableFaqItemVariation as e, FormErrorListHeadingLevel as f, FormRadiobuttonLayout as g, FormRadiobuttonValidation as h, FormRadiobuttonVariation as i, FormReceiptHeadingLevel as j, FormReceiptType as k, FormReceiptVariation as l, FormSelectFilterValidation as m, InfoCardMultiHeadingLevel as n, InfoCardMultiVariation as o, InfoCardHeadingLevel as p, LayoutContainerVariation as q, LayoutContainerMaxWidth as r, LogoColor as s, LogoVariation as t, NotificationAlertSize as u, NotificationAlertVariation as v, ErrorPageStatusCodes as w, ToolsFeedbackType as x, FeedbackVariation as y, TypographyHeadingJumboLevel as z };
+export { BadgeNotificationType as B, CalendarDatepickerValidation as C, DialogHeadingLevel as D, ErrorPageStatusCodes as E, FooterVariation as F, HeaderCenterContentWidth as H, InfoCardMultiContainerHeadingLevel as I, NotificationAlertHeadingLevel as N, ToolsFeedbackHeadingLevel as T, CodeBlockLanguage as a, DialogSize as b, DialogVariation as c, FormErrorListHeadingLevel as d, FormInputMode as e, FormInputValidation as f, FormInputVariation as g, FormFieldsetValidation as h, FormRadiobuttonLayout as i, FormRadiobuttonValidation as j, FormRadiobuttonVariation as k, FormReceiptHeadingLevel as l, FormReceiptType as m, FormReceiptVariation as n, FormSelectFilterValidation as o, FormSelectValidation as p, FormSelectVariation as q, InfoCardMultiHeadingLevel as r, InfoCardMultiVariation as s, InfoCardHeadingLevel as t, NotificationAlertSize as u, NotificationAlertVariation as v, ToolsFeedbackType as w, FeedbackVariation as x, TypographyVariation as y };

package/dist/types/components/_calendar/calendar/calendar.d.ts

@@ -13,26 +13,23 @@ export interface YearAndMonth {
 export declare class Calendar {
     selectedDates: Date[];
     focusedDate: Date;
+    focusedDateChanged(): void;
     dirty: boolean;
     private _tbody;
     /**
-     * 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;
     /**
-     * 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)
+     * 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.
      */
-    afInitSelectedMonth: number;
+    afOpenCalendarTo: Date;
+    afOpenCalendarToChangeHandler(): void;
     /**
-     * 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;
-    /**
-     * 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;
     /**
@@ -48,8 +45,8 @@ export declare class Calendar {
     afSelectedDates: Date[];
     afSelectedDatesChangeHandler(): void;
     /**
-     * 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;
     /**
@@ -63,13 +60,13 @@ export declare class Calendar {
      */
     afMaxDate: 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;
     /**
-     * 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;
     /**
@@ -97,9 +94,9 @@ export declare class Calendar {
     firstWeekOfNextMonth: Date[];
     weeksBetween: number;
     weekDaysbetween: Date[];
-    months: any[];
     focusoutHandler(e: FocusEvent): void;
     clickHandler(e: MouseEvent): void;
+    determineFocusedDate(): void;
     drawCalendar(focusedDate: Date): void;
     appendFirstWeekOfNextMonth(): Date[];
     getLastDayOfPrevMonth(date: YearAndMonth): Date;
@@ -130,7 +127,7 @@ export declare class Calendar {
     resetFocus(): void;
     getFullDate(date: Date): string;
     getDateName(date: Date): string;
-    setFocused(date: Date): boolean;
+    isFocused(date: Date): boolean;
     ariaPressed(date: Date): "true" | "false";
     selectMonth(evt: any): void;
     selectYear(evt: any): void;
@@ -138,7 +135,6 @@ export declare class Calendar {
     latestSelectableYear(): number;
     allSelectableYears(): number[];
     componentWillLoad(): void;
-    componentWillUpdate(): void;
     componentDidLoad(): Promise<void>;
     cssDateModifiers(date: Date): {
         'digi-calendar__date--today': boolean;

package/dist/types/components/_calendar/calendar-datepicker/calendar-datepicker.d.ts

@@ -13,20 +13,25 @@ export declare class CalendarDatepicker {
     private screenReaderUpdateTrigger;
     userInput: string;
     /**
-     * Sätter ett id attribut.
-     * @en Sets an id attribute. Standard är slumpmässig sträng.
+     * 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
      */
     afId: string;
     /**
-     * Texten till labelelementet
+     * Texten till etiketten
      * @en The label text
      */
     afLabel: string;
     /**
-     * Valfri beskrivande text
+     * Beskrivande text som bör beskriva det förväntade formatet och/eller andra krav
      * @en Optional description text
      */
     afLabelDescription: string;
+    /**
+     * 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
@@ -38,48 +43,39 @@ export declare class CalendarDatepicker {
      */
     afCloseCalendarAriaLabel: string;
     /**
-     * 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 egen validering
+     * @en Set input validation message for custom validation
      */
     afValidationText: string;
     /**
-     * Sätter valideringsmeddelandet när du använder afInvalid
-     * @en Set input validation message when using afInvalid property
-     */
-    afInvalid: boolean;
-    /**
-     * 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 den inbyggda formatvalideringen
+     * @en Set input validation message for the built-in format validation
      */
     afValidationWrongFormat: string;
     /**
-     * Sätter valideringsmeddelandet
-     * @en Set input validation message
+     * Sätter valideringsmeddelandet för den inbyggda valideringen av min/max-datum
+     * @en Set input validation message for the built-in min/max date validation
      */
     afValidationDisabledDate: string;
     /**
-     * Sätter attributet 'required'.
+     * Sätter attributet 'required'
      * @en Input required attribute
      */
     afRequired: 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;
+    afDisableValidationChangeHandler(newVal: boolean): void;
     /**
-     * Sätter text för afRequired.
-     * @en Set text for afRequired.
+     * Sätter text för afRequired
+     * @en Set text for afRequired
      */
     afRequiredText: string;
     /**
@@ -87,6 +83,12 @@ export declare class CalendarDatepicker {
      * @en Selected dates in calendar
      */
     afSelectedDates: Array<Date>;
+    afSelectedDatesChangeHandler(newVal: Array<Date>): void;
+    /**
+     * 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
@@ -99,46 +101,70 @@ export declare class CalendarDatepicker {
      * @en Earliest selectable date
      */
     afMinDate: Date;
+    afMinDateChangeHandler(newVal: Date): void;
     /**
      * Senaste valbara datumet
      * @en Latest selectable date
      */
     afMaxDate: Date;
+    afMaxDateChangeHandler(newVal: Date): void;
     /**
-     * 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ä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;
     afMultipleDatesChangeHandler(): void;
     /**
-     * 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;
     /**
-     * Sker vid datum uppdatering
-     * @en When date is updated
+     * 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;
+    /**
+     * 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
      */
-    afOnDateChange: EventEmitter<Date[] | string[] | []>;
+    afOnDateChange: EventEmitter<Date[]>;
+    /**
+     * 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
+     */
+    afOnDateChangeRawText: EventEmitter<string>;
     clickHandler(e: MouseEvent): void;
+    /**
+     * Skickar resultatet när validering sker
+     * @en Emits the validation result
+     */
+    afOnValidationChange: EventEmitter<{
+        isValid: boolean;
+        validationText?: string;
+    }>;
     connectedCallback(): void;
     disconnectedCallback(): void;
     componentDidLoad(): void;
+    componentDidUpdate(): void;
     get cssModifiers(): {
         'digi-calendar-datepicker__show-week-numbers': boolean;
         'digi-calendar-datepicker__show-error': boolean;
         'digi-calendar-datepicker__show-calendar': boolean;
     };
     keyUpHandler(e: KeyboardEvent): void;
+    focusOnCalendarInput(): void;
     focusOnCalendarButton(): void;
+    private positionCalendar;
     toggleCalendar(): void;
     parseInputString(value: string): Date[];
     resetValueAndState(): void;
+    removeDuplicateDates(dates: Date[]): Date[];
     validateInputAndShowErrors(dates: Date[]): void;
     setValue(value: Date[]): void;
     parseInput(evt: any): void;
@@ -149,7 +175,8 @@ export declare class CalendarDatepicker {
     isBefore(a: Date, b: Date): boolean;
     isAfter(a: Date, b: Date): boolean;
     dateWithoutTime(date: Date): Date;
-    getShowError(): boolean;
+    hasBuiltInValidationError(): boolean;
+    hasCustomValidationError(): boolean;
     getErrorText(): string;
     get inputValue(): string;
     datesToInputString(dates: Date[]): string;

package/dist/types/components/_form/form-category-filter/form-category-filter.d.ts

@@ -13,17 +13,17 @@ export declare class FormCategoryFilter {
     afCategories: Array<FormCategory>;
     afCategoriesChangeHandler(): void;
     /**
-     * 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;
@@ -33,8 +33,8 @@ export declare class FormCategoryFilter {
      */
     afVisibleCollapsed: number;
     /**
-     * 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;
     /**
@@ -43,15 +43,15 @@ export declare class FormCategoryFilter {
      */
     afMultiselect: boolean;
     /**
-     * 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;
     /**
      * Sker vid ändrade valda kategorier
      * @en When selected categories is changed
      */
-    afOnSelectedCategoryChange: EventEmitter;
+    afOnSelectedCategoryChange: EventEmitter<string[]>;
     selectedCategories: Array<string>;
     collapsed: boolean;
     componentDidLoad(): void;

package/dist/types/components/_form/form-fieldset/form-fieldset-validation.enum.d.ts

@@ -0,0 +1,6 @@
+export declare enum FormFieldsetValidation {
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning",
+    NEUTRAL = "neutral"
+}

package/dist/types/components/_form/form-fieldset/form-fieldset.d.ts

@@ -1,20 +1,21 @@
+import { FormFieldsetValidation } from './form-fieldset-validation.enum';
 /**
- * @slot default - Ska vara formulärselement. Till exempel digi-form-input.
+ * @slot default - Formulärkomponenter, till exempel digi-form-input eller digi-form-checkbox.
  * @swedishName Fältgruppering
  */
 export declare class FormFieldset {
     /**
-     * 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;
     /**
-     * Fieldset-elementets form attribut.
+     * Id för form-elementet som fältgruppen tillhör.
      * @en The fieldset form attribute.
      */
     afForm: string;
@@ -23,5 +24,15 @@ export declare class FormFieldset {
      * @en Input id attribute. Defaults to random string.
      */
     afId: 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;
     render(): any;
 }

package/dist/types/components/_form/form-radiogroup/form-radiogroup-validation.enum.d.ts

@@ -0,0 +1,6 @@
+export declare enum FormRadiogroupValidation {
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning",
+    NEUTRAL = "neutral"
+}

package/dist/types/components/_form/form-radiogroup/form-radiogroup.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import type { HTMLStencilElement } from '../../../stencil-public-runtime';
+import { FormRadiogroupValidation } from './form-radiogroup-validation.enum';
 /**
  * @slot radiobuttons
  *
@@ -8,6 +9,11 @@ import type { HTMLStencilElement } from '../../../stencil-public-runtime';
 export declare class FormRadiogroup {
     hostElement: HTMLStencilElement;
     radiobuttons: NodeListOf<HTMLDigiFormRadiobuttonElement>;
+    /**
+     * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
+     * @en Input id attribute. Defaults to random string.
+     */
+    afId: string;
     /**
      * Värdet på radiogruppen
      * @en Radiogroup value
@@ -26,6 +32,16 @@ export declare class FormRadiogroup {
      * @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;
     /**
      * Event när värdet ändras
      * @en Event when value changes

package/dist/types/components/_form/form-select/form-select.d.ts

@@ -85,8 +85,8 @@ export declare class FormSelect {
     afValue: string;
     onAfValueChanged(value: any): void;
     /**
-     * Inaktiverar valideringen
-     * @en Disables the validation.
+     * Döljer valideringsmeddelandet.
+     * @en Hides the validation message.
      */
     afDisableValidation: boolean;
     /**