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

package/dist/types/components.d.ts

@@ -37,6 +37,7 @@ import { FormCheckboxVariation } from "./components/_form/form-checkbox/form-che
 import { FormCheckboxLayout } from "./components/_form/form-checkbox/form-checkbox-layout.enum";
 import { FormCheckboxValidation } from "./components/_form/form-checkbox/form-checkbox-validation.enum";
 import { FormErrorListHeadingLevel } from "./components/_form/form-error-list/form-error-list-heading-level.enum";
+import { FormFieldsetValidation } from "./components/_form/form-fieldset/form-fieldset-validation.enum";
 import { FormFileUploadVariation } from "./components/_form/form-file-upload/form-file-upload-variation.enum";
 import { FormFileUploadValidation } from "./components/_form/form-file-upload/form-file-upload-validation.enum";
 import { FormFileUploadHeadingLevel } from "./components/_form/form-file-upload/form-file-upload-heading-level.enum";
@@ -51,6 +52,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";
@@ -162,6 +164,7 @@ export { FormCheckboxVariation } from "./components/_form/form-checkbox/form-che
 export { FormCheckboxLayout } from "./components/_form/form-checkbox/form-checkbox-layout.enum";
 export { FormCheckboxValidation } from "./components/_form/form-checkbox/form-checkbox-validation.enum";
 export { FormErrorListHeadingLevel } from "./components/_form/form-error-list/form-error-list-heading-level.enum";
+export { FormFieldsetValidation } from "./components/_form/form-fieldset/form-fieldset-validation.enum";
 export { FormFileUploadVariation } from "./components/_form/form-file-upload/form-file-upload-variation.enum";
 export { FormFileUploadValidation } from "./components/_form/form-file-upload/form-file-upload-validation.enum";
 export { FormFileUploadHeadingLevel } from "./components/_form/form-file-upload/form-file-upload-heading-level.enum";
@@ -176,6 +179,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 +450,20 @@ 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.
+          * 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.
          */
-        "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;
+        "afInitFocusDate": Date;
         /**
           * Senaste valbara datumet
           * @en Latest selectable date
@@ -525,11 +524,6 @@ export namespace Components {
           * @en Sets an id attribute. Standard är slumpmässig sträng.
          */
         "afId": string;
-        /**
-          * Sätter valideringsmeddelandet när du använder afInvalid
-          * @en Set input validation message when using afInvalid property
-         */
-        "afInvalid": boolean;
         /**
           * Texten till labelelementet
           * @en The label text
@@ -555,6 +549,11 @@ export namespace Components {
           * @en Set this to true to be able to select multiple dates in the calander. Default is false
          */
         "afMultipleDates": boolean;
+        /**
+          * Sätter attributet 'name' på det inre input-elementet.
+          * @en Sets the 'name' attribute on the inner input element.
+         */
+        "afName": string;
         /**
           * Aria-label till knappen som öppnar kalendern
           * @en Aria-label for the button that opens the calendar
@@ -581,7 +580,7 @@ export namespace Components {
          */
         "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;
@@ -590,11 +589,6 @@ export namespace Components {
           * @en Set input validation message
          */
         "afValidationDisabledDate": string;
-        /**
-          * Sätter valideringsmeddelandet när du använder afInvalid
-          * @en Set input validation message when using afInvalid property
-         */
-        "afValidationMessage": string;
         /**
           * Sätter valideringsmeddelandet
           * @en Set input validation message
@@ -605,6 +599,11 @@ export namespace Components {
           * @en Set input validation message
          */
         "afValidationWrongFormat": string;
+        /**
+          * Sätts till true för att byta knapparna för föregående och nästa månad till dropdowns för att välja månad och år. Rekommenderas då förväntat datum är många månader bakåt eller framåt i tiden, som exempelvis ett födelsedatum.
+          * @en Set this to true to change the previous/next month buttons to dropdowns for selecting month and year. Recommended when the expected date is many months back or forward in time, such as a birthdate.
+         */
+        "afYearSelect": boolean;
         /**
           * Sätter attributet 'value'
           * @en Input value attribute
@@ -1182,7 +1181,7 @@ export namespace Components {
      */
     interface DigiFormFieldset {
         /**
-          * Fieldset-elementets form attribut.
+          * Id för form-elementet som fältgruppen tillhör.
           * @en The fieldset form attribute.
          */
         "afForm": string;
@@ -1192,15 +1191,25 @@ 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
@@ -1824,11 +1833,26 @@ export namespace Components {
      * @swedishName Radiogrupp
      */
     interface DigiFormRadiogroup {
+        /**
+          * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
+          * @en Input id attribute. Defaults to random string.
+         */
+        "afId": string;
         /**
           * Namnet på radiogruppen
           * @en Radiogroup name
          */
         "afName": string;
+        /**
+          * Sätter valideringsstatus. Kan vara 'success', 'error', 'warning', 'neutral' eller ingenting.
+          * @en Set input validation status
+         */
+        "afValidation": FormRadiogroupValidation;
+        /**
+          * Sätter valideringsmeddelandet
+          * @en Set input validation message
+         */
+        "afValidationText": string;
         /**
           * Värdet på radiogruppen
           * @en Radiogroup value
@@ -8569,7 +8593,9 @@ declare global {
         new (): HTMLDigiCalendarElement;
     };
     interface HTMLDigiCalendarDatepickerElementEventMap {
-        "afOnDateChange": Date[] | string[] | [];
+        "afOnDateChange": Date[];
+        "afOnDisplayChange": string;
+        "afOnValidationChange": { valid: boolean };
     }
     /**
      * @swedishName Datumväljare
@@ -11723,25 +11749,20 @@ 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)
+          * 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.
          */
-        "afInitSelectedMonth"?: number;
+        "afInitFocusDate"?: Date;
         /**
           * Senaste valbara datumet
           * @en Latest selectable date
@@ -11822,11 +11843,6 @@ declare namespace LocalJSX {
           * @en Sets an id attribute. Standard är slumpmässig sträng.
          */
         "afId"?: string;
-        /**
-          * Sätter valideringsmeddelandet när du använder afInvalid
-          * @en Set input validation message when using afInvalid property
-         */
-        "afInvalid"?: boolean;
         /**
           * Texten till labelelementet
           * @en The label text
@@ -11852,6 +11868,11 @@ declare namespace LocalJSX {
           * @en Set this to true to be able to select multiple dates in the calander. Default is false
          */
         "afMultipleDates"?: boolean;
+        /**
+          * Sätter attributet 'name' på det inre input-elementet.
+          * @en Sets the 'name' attribute on the inner input element.
+         */
+        "afName"?: string;
         /**
           * Aria-label till knappen som öppnar kalendern
           * @en Aria-label for the button that opens the calendar
@@ -11878,7 +11899,7 @@ declare namespace LocalJSX {
          */
         "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;
@@ -11887,11 +11908,6 @@ declare namespace LocalJSX {
           * @en Set input validation message
          */
         "afValidationDisabledDate"?: string;
-        /**
-          * Sätter valideringsmeddelandet när du använder afInvalid
-          * @en Set input validation message when using afInvalid property
-         */
-        "afValidationMessage"?: string;
         /**
           * Sätter valideringsmeddelandet
           * @en Set input validation message
@@ -11903,10 +11919,25 @@ declare namespace LocalJSX {
          */
         "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.
+         */
+        "onAfOnDisplayChange"?: (event: DigiCalendarDatepickerCustomEvent<string>) => void;
+        /**
+          * Skickar valideringsstatus som en boolean när validering sker.
+          * @en Emits validation status as a boolean when validation occurs.
+         */
+        "onAfOnValidationChange"?: (event: DigiCalendarDatepickerCustomEvent<{ valid: boolean }>) => void;
         /**
           * Sätter attributet 'value'
           * @en Input value attribute
@@ -12584,7 +12615,7 @@ declare namespace LocalJSX {
      */
     interface DigiFormFieldset {
         /**
-          * Fieldset-elementets form attribut.
+          * Id för form-elementet som fältgruppen tillhör.
           * @en The fieldset form attribute.
          */
         "afForm"?: string;
@@ -12594,15 +12625,25 @@ 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
@@ -13390,11 +13431,26 @@ declare namespace LocalJSX {
      * @swedishName Radiogrupp
      */
     interface DigiFormRadiogroup {
+        /**
+          * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
+          * @en Input id attribute. Defaults to random string.
+         */
+        "afId"?: string;
         /**
           * Namnet på radiogruppen
           * @en Radiogroup name
          */
         "afName"?: string;
+        /**
+          * Sätter valideringsstatus. Kan vara 'success', 'error', 'warning', 'neutral' eller ingenting.
+          * @en Set input validation status
+         */
+        "afValidation"?: FormRadiogroupValidation;
+        /**
+          * Sätter valideringsmeddelandet
+          * @en Set input validation message
+         */
+        "afValidationText"?: string;
         /**
           * Värdet på radiogruppen
           * @en Radiogroup value

package/dist/types/enums.d.ts

@@ -38,9 +38,11 @@ export * from './components/_form/form-input/form-input-mode.enum';
 export * from './components/_form/form-input/form-input-type.enum';
 export * from './components/_form/form-input/form-input-validation.enum';
 export * from './components/_form/form-input/form-input-variation.enum';
+export * from './components/_form/form-fieldset/form-fieldset-validation.enum';
 export * from './components/_form/form-radiobutton/form-radiobutton-layout.enum';
 export * from './components/_form/form-radiobutton/form-radiobutton-validation.enum';
 export * from './components/_form/form-radiobutton/form-radiobutton-variation.enum';
+export * from './components/_form/form-radiogroup/form-radiogroup-validation.enum';
 export * from './components/_form/form-receipt/form-receipt-heading-level.enum';
 export * from './components/_form/form-receipt/form-receipt-type.enum';
 export * from './components/_form/form-receipt/form-receipt-variation.enum';