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

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

@@ -163,22 +163,6 @@ var FormSelectVariation;
     FormSelectVariation["LARGE"] = "large";
 })(FormSelectVariation || (FormSelectVariation = {}));
 
-var FormTextareaValidation;
-(function (FormTextareaValidation) {
-    FormTextareaValidation["SUCCESS"] = "success";
-    FormTextareaValidation["ERROR"] = "error";
-    FormTextareaValidation["WARNING"] = "warning";
-    FormTextareaValidation["NEUTRAL"] = "neutral";
-})(FormTextareaValidation || (FormTextareaValidation = {}));
-
-var FormTextareaVariation;
-(function (FormTextareaVariation) {
-    FormTextareaVariation["SMALL"] = "small";
-    FormTextareaVariation["MEDIUM"] = "medium";
-    FormTextareaVariation["LARGE"] = "large";
-    FormTextareaVariation["AUTO"] = "auto";
-})(FormTextareaVariation || (FormTextareaVariation = {}));
-
 var HeaderCenterContentWidth;
 (function (HeaderCenterContentWidth) {
     HeaderCenterContentWidth["DEFAULT"] = "none";
@@ -287,4 +271,4 @@ var TypographyVariation;
     TypographyVariation["LARGE"] = "large";
 })(TypographyVariation || (TypographyVariation = {}));
 
-export { TypographyVariation as A, 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, FormTextareaValidation as r, FormTextareaVariation as s, InfoCardMultiHeadingLevel as t, InfoCardMultiVariation as u, InfoCardHeadingLevel as v, NotificationAlertSize as w, NotificationAlertVariation as x, ToolsFeedbackType as y, FeedbackVariation 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,8 +13,8 @@ export interface YearAndMonth {
 export declare class Calendar {
     selectedDates: Date[];
     focusedDate: Date;
+    focusedDateChanged(): void;
     dirty: boolean;
-    readonly locale: string;
     private _tbody;
     /**
      * Prefix för komponentens 'id'-attribut. Ex. 'my-cool-id' genererar 'my-cool-id-calendar'. Ges inget värde genereras ett slumpmässigt.
@@ -22,13 +22,14 @@ export declare class Calendar {
      */
     afId: string;
     /**
-     * Styr vilken månad som visas från start, samt vilken datumknapp som är ingångspunkt för tangentbordsnavigering. Om inte angiven används valt datum, dagens datum eller månadens första dag.
-     * @en Controls which month is shown from start, and which date button is the entry point for keyboard navigation. If not provided, selected date, today's date or the first day of the month is used.
+     * 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.
      */
-    afInitFocusDate: Date;
+    afOpenCalendarTo: Date;
+    afOpenCalendarToChangeHandler(): 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 calendar
      */
     afShowWeekNumber: boolean;
     /**
@@ -59,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;
     /**
@@ -93,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;
@@ -134,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

@@ -12,25 +12,24 @@ export declare class CalendarDatepicker {
     private futureYears;
     private screenReaderUpdateTrigger;
     userInput: string;
-    isEditing: boolean;
     /**
-     * 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.
+     * Sätter attributet 'name' på det inre input-elementet
+     * @en Sets the 'name' attribute on the inner input element
      */
     afName: string;
     /**
@@ -49,34 +48,34 @@ export declare class CalendarDatepicker {
      */
     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
-     * @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;
     /**
@@ -110,38 +109,44 @@ export declare class CalendarDatepicker {
     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;
     /**
-     * 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.
+     * 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[]>;
     /**
-     * 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.
+     * 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
      */
-    afOnDisplayChange: EventEmitter<string>;
+    afOnDateChangeRawText: EventEmitter<string>;
     clickHandler(e: MouseEvent): void;
     /**
-     * Skickar valideringsstatus som en boolean när validering sker.
-     * @en Emits validation status as a boolean when validation occurs.
+     * Skickar resultatet när validering sker
+     * @en Emits the validation result
      */
     afOnValidationChange: EventEmitter<{
-        valid: boolean;
+        isValid: boolean;
+        validationText?: string;
     }>;
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -153,6 +158,7 @@ export declare class CalendarDatepicker {
         'digi-calendar-datepicker__show-calendar': boolean;
     };
     keyUpHandler(e: KeyboardEvent): void;
+    focusOnCalendarInput(): void;
     focusOnCalendarButton(): void;
     private positionCalendar;
     toggleCalendar(): void;

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-input/form-input.d.ts

@@ -19,7 +19,6 @@ export declare class FormInput {
     hasButton: boolean;
     dirty: boolean;
     touched: boolean;
-    isEditing: boolean;
     /**
      * Texten till labelelementet
      * @en The label text

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;
     /**

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

@@ -24,8 +24,8 @@ export declare class FormSelectFilter {
      */
     afDescription: string;
     /**
-     * Inaktiverar valideringen
-     * @en Disables the validation.
+     * Döljer valideringsmeddelandet.
+     * @en Hides the validation message.
      */
     afDisableValidation: boolean;
     /**
@@ -153,7 +153,7 @@ export declare class FormSelectFilter {
      * Vid uppdatering av filtret
      * @en At filter submit
      */
-    afOnSubmitFilters: EventEmitter<any[]>;
+    afOnSubmitFilters: EventEmitter<IListItem[]>;
     /**
      * När filtret stängs utan att valda alternativ bekräftats
      * @en When the filter is closed without confirming the selected options
@@ -168,7 +168,7 @@ export declare class FormSelectFilter {
      * När ett eller flera filter väljs
      * @en When a filter is changed
      */
-    afOnSelect: EventEmitter<any[]>;
+    afOnSelect: EventEmitter<IListItem[]>;
     /**
      * När en söksträng ändras
      * @en When a search query is changed.

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

@@ -13,7 +13,6 @@ export declare class FormTextarea {
     hasActiveValidationMessage: boolean;
     dirty: boolean;
     touched: boolean;
-    isEditing: boolean;
     /**
      * Texten till labelelementet
      * @en The label text