@designsystem-se/af 34.0.1-beta.0 → 34.0.2

package/dist/cjs/{progress-indicator-variation.enum-7cf8e0e4.js → typography-variation.enum-252bed2e.js}

@@ -11,3 +11,9 @@ exports.ProgressIndicatorVariation = void 0;
     ProgressIndicatorVariation["PRIMARY"] = "primary";
     ProgressIndicatorVariation["SECONDARY"] = "secondary";
 })(exports.ProgressIndicatorVariation || (exports.ProgressIndicatorVariation = {}));
+
+exports.TypographyVariation = void 0;
+(function (TypographyVariation) {
+    TypographyVariation["SMALL"] = "small";
+    TypographyVariation["LARGE"] = "large";
+})(exports.TypographyVariation || (exports.TypographyVariation = {}));

package/dist/collection/components/_button/button/button.js

@@ -106,7 +106,7 @@ export class Button {
         this.afOnBlur.emit(e);
     }
     render() {
-        return (h(Host, { key: '3a398d75ad83e3caa9ec54928544d5bf8315d30f' }, h("button", { key: '2159552d7e8064acbb6da5c02c28ead3d4985e85', class: Object.assign({ 'digi-button': true }, this.cssModifiers), type: this.afType, role: this.afRole, ref: (el) => {
+        return (h(Host, { key: 'ef36d70f087c51bb37fa5b2c0fdd9ff7bebb7b02' }, h("button", { key: 'c62591e478d6dec6cb33d197c46ab4aea06ee9f6', class: Object.assign({ 'digi-button': true }, this.cssModifiers), type: this.afType, role: this.afRole, ref: (el) => {
                 var _a, _b, _c;
                 this._button = el;
                 (_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
@@ -115,7 +115,7 @@ export class Button {
                 this.afForm
                     ? (_b = this._button) === null || _b === void 0 ? void 0 : _b.setAttribute('form', this.afForm)
                     : (_c = this._button) === null || _c === void 0 ? void 0 : _c.removeAttribute('form');
-            }, id: this.afId, tabindex: this.afTabindex, "aria-label": this.afAriaLabel, "aria-labelledby": this.afAriaLabelledby, "aria-controls": this.afAriaControls, "aria-pressed": this.pressedState, "aria-expanded": this.expandedState, "aria-haspopup": this.hasPopup, "aria-current": this.afAriaCurrent, "aria-checked": this.afAriaChecked, onClick: (e) => this.clickHandler(e), onFocus: (e) => this.focusHandler(e), onBlur: (e) => this.blurHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null, form: this.afForm, lang: this.afLang, dir: this.afDir }, this.hasIcon && (h("span", { key: '1188d5cb005a51e4e065b70663d06877db3a1477', class: "digi-button__icon" }, h("slot", { key: 'f90319563c18e1f82fa13f478b4d4d13ce3e9bf7', name: "icon" }))), h("span", { key: '17dce8eed2e845ca6166cf85a1c0252c2c0b8037', class: "digi-button__text" }, h("slot", { key: '2f637e48b837ecd0f0f2333349f328c497aee650' })), this.hasIconSecondary && (h("span", { key: '49ffd3361b0cc00c074e1ce332dab2de33127fcc', class: "digi-button__icon digi-button__icon--secondary" }, h("slot", { key: '367d3ba37e2fd0b7e83d600f35d02d4df303c1c0', name: "icon-secondary" }))))));
+            }, id: this.afId, tabindex: this.afTabindex, "aria-label": this.afAriaLabel, "aria-labelledby": this.afAriaLabelledby, "aria-controls": this.afAriaControls, "aria-pressed": this.pressedState, "aria-expanded": this.expandedState, "aria-haspopup": this.hasPopup, "aria-current": this.afAriaCurrent, "aria-checked": this.afAriaChecked, onClick: (e) => this.clickHandler(e), onFocus: (e) => this.focusHandler(e), onBlur: (e) => this.blurHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null, form: this.afForm, lang: this.afLang, dir: this.afDir }, this.hasIcon && (h("span", { key: 'dd57484f5da45dbc1caf2b04733b89ac1641fd8b', class: "digi-button__icon" }, h("slot", { key: 'ca59512ee3eef6d6e772d6fc45d3b97523fc57a0', name: "icon" }))), h("span", { key: '4808cd35ff202c5ae9a07421e028cc463f87f951', class: "digi-button__text" }, h("slot", { key: '2e8005e8c42e81b1dbec44aef6ef9625ee7a089d' })), this.hasIconSecondary && (h("span", { key: '8a7e897b5cebf94c11d3dd6aa1c8a3ca23bc056d', class: "digi-button__icon digi-button__icon--secondary" }, h("slot", { key: 'ead4d4e5be559f0e6740e63ccff69bb03e46fee9', name: "icon-secondary" }))))));
     }
     static get is() { return "digi-button"; }
     static get encapsulation() { return "scoped"; }
@@ -151,6 +151,9 @@ export class Button {
                     "tags": [{
                             "name": "en",
                             "text": "Set button size. Defaults to medium size."
+                        }, {
+                            "name": "deprecated",
+                            "text": "Obs - variationen \"large\" f\u00F6rsvinner i januari 2026."
                         }],
                     "text": "S\u00E4tter knappens storlek. 'medium' \u00E4r f\u00F6rvalt."
                 },

package/dist/collection/components/_form/form-select-filter/form-select-filter.js

@@ -119,11 +119,6 @@ export class FormSelectFilter {
         }
         else {
             this.focusInList = !detectFocusOutside(target, `#${this.afId}-select-filter-list`);
-            //Update tabindex on focused input element
-            if (this.isOpen && this.focusInList && target.tagName === 'LI') {
-                this.setTabIndex();
-                this.updateTabIndex(target);
-            }
         }
     }
     debounce(func, timeout = 300) {
@@ -207,23 +202,6 @@ export class FormSelectFilter {
             element.focus();
         }
     }
-    setTabIndex() {
-        const tabindexes = document.querySelectorAll(`#${this.afId}-dropdown-menu`);
-        if (!tabindexes) {
-            logger.warn(`No input elements was found to set tabindex on.`, this.hostElement);
-            return;
-        }
-        Array.from(tabindexes).map((tabindex) => {
-            tabindex.setAttribute('tabindex', '-1');
-        });
-    }
-    updateTabIndex(element) {
-        if (!element) {
-            logger.warn(`No input element was found to update tabindex on.`, this.hostElement);
-            return;
-        }
-        element.setAttribute('tabindex', '0');
-    }
     incrementFocusItem() {
         const listLength = this.showNeutralValue
             ? this._filteredResult.length
@@ -466,16 +444,16 @@ export class FormSelectFilter {
             } }, h("slot", { name: "empty-search-result" })))));
     }
     render() {
-        return (h("div", { key: '131d9bcd798a19ab4da264d59e7b2b938af39e4d', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: '6ad325b665d8d23ffb8bc926cec923a4f43cec77', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("digi-util-keydown-handler", { key: 'd90ec9e07871d99e964036346a13d3dcf8bb98f3', onAfOnEsc: () => this.escHandler() }, h("button", { key: '1d64f4c3a76bc2d81a10b60e82ee7f5724192051', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-labelledby": this.afFilterButtonAriaDescribedby, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, h("div", { key: '4c82b8b3dfd9a6c66bcbd852498eeabcd4aa5ccb', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: '8b8d3ed48f8f7cfdc374ebf9d62da00891d15e06', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: 'e35d0ae711a81e43886707bffaed3b10ecffb25d', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: 'dfe447e717e5c99d400390aaaacad6160d188928', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: 'cd68ced3b7f00548e23a3d37e54bccbc3f7ca700', id: `${this.afId}-dropdown-menu`, class: {
+        return (h("div", { key: '0441a3108913933a52f7ce85a8e808637d1b3c91', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: '642aeed1224efdd28628722fc29c4885defe1f88', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("digi-util-keydown-handler", { key: 'b5117f00c181ceb475eff973d9fef953ab057ffe', onAfOnEsc: () => this.escHandler() }, h("button", { key: 'f5ac9723c420b469f280751113b8fed4be799b2f', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-labelledby": this.afFilterButtonAriaDescribedby, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, h("div", { key: '95f70c6e4a9ce0fb00d549ea9a2a56c889694536', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: '1acd4598fe9a41669038186b086013a027c8e84f', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '965fd1089e5ebe115ebada0e6a8bac72de406d83', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: '23ee710f53016cf532cf74bd2288e3202418bffd', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: '55f99522a98d710b4d222b43e51c63961bdd390e', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
                 'digi-form-select-filter__dropdown': true,
                 'digi-form-select-filter__dropdown--right': this.afAlignRight,
                 'digi-form-select-filter__dropdown--hidden': !this.isOpen
-            } }, h("fieldset", { key: '8cf2eedb7d23bcec85d761336f80c94665f8de8b' }, h("div", { key: '9e791ab8c6eea058919f01e6819d64c84a1958a5', class: "digi-form-select-filter__header" }, h("legend", { key: '8497b0c1517187628a3978697cf804fb4a647935', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: '934ae7bc9be7b0d3a312dea866e21065246c1a84', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
+            } }, h("fieldset", { key: 'b801358f02ee8719a354128ce1669276ae26052c' }, h("div", { key: 'a307b294684fe855f61c3f1fae1359d79e118ed8', class: "digi-form-select-filter__header" }, h("legend", { key: '854730c3331539ff816c78bbb5c4afa8b3f8045f', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: 'ee515e0d2a5392fac6614309804762bb02b31b1b', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
                 this.focusListItemIndex = 0;
                 99;
             }, onAfOnKeyup: (e) => {
                 this.inputSearchKeyboardHandler(e.detail);
-            }, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: '1768a9ad717b385f8a3c2c76d12c126009d97821', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '55527df2cae38577b555155a03f50b1167eb8c65', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, h("ul", { key: '7898741e2835ef7362a240feacd421aa843aedbb', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
+            }, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: '4c3b4dd67932713d3b0f9784ddb6908172bae788', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '21fd9e82b72a29c6d4f6d9483a189bd877f86c7f', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, h("ul", { key: '1c7566020cc272722d7978b618395177c114a9ac', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
                 ? 'false'
                 : this.afValidation === FormSelectFilterValidation.ERROR
                     ? 'true'
@@ -483,11 +461,11 @@ export class FormSelectFilter {
                 ? false
                 : this.afRequired
                     ? 'true'
-                    : 'false' }, this.showNeutralValue && (h("li", { key: '5cc7d76c73e0029bd050417798bfc9b023132ee5', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
+                    : 'false' }, this.showNeutralValue && (h("li", { key: '8d05cf89e96e8ac1483ce26a337a5978f838b639', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
                 ? 'false'
                 : this.afRequired
                     ? 'true'
-                    : 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: '01cfe3f21036a55b97644fb03d915a5eea506694', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
+                    : 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: 'a38310179982e60d3f2689e86205b60954626a7b', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
             this._filteredResult.map((item, index) => {
                 return (h("li", { class: "digi-form-select-filter__item", key: index, dir: item.dir, lang: item.lang, "aria-checked": this.isSelected(item.value) ? 'true' : 'false', role: this.afMultipleItems ? 'checkbox' : 'radio', "aria-required": this.afMultipleItems
                         ? 'false'
@@ -499,9 +477,9 @@ export class FormSelectFilter {
                             ? 'true'
                             : 'false'
                         : 'false', "aria-errormessage": `${this.afId}--validation-message`, onClick: () => this.selectItemHandler(item), tabIndex: this.showNeutralValue ? -1 : index === 0 ? 0 : -1 }, this.isSelected(item.value) && (h("digi-icon-check", { class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), item.label));
-            }))))), this.afMultipleItems && (h("div", { key: 'e0be65595bed741b5de8216ada9fe0d0de47ac3e', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: 'db69b04b4b2ab410a237198a23a3100b48ce6bdb', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), h("digi-util-keydown-handler", { key: '192df90619ef17bbf77e11a2467f09d80bd5fc36', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: '05f35b1ce6b839803b437f686802ac5caba52dc8', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
+            }))))), this.afMultipleItems && (h("div", { key: '5b86ccce4ca0f6a5c8fdc02680aa792b97912a0b', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: 'b644d87b83ecbed6cfd1599a641e5264921ac4fc', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), h("digi-util-keydown-handler", { key: 'b0e8623abc016dcae8614310ea8653f28ec5d9b3', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: '838f2780f265db6153e2e928ab23935a19885b51', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
                 this.setClosed(true);
-            }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: 'd9e0abd51c768bd874bfaff6da2c6b13fe9d279d', class: "digi-form-select__footer" }, h("div", { key: 'b80b09a64b27eebed494a5f4978f527c24fed3b0', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'b574f92b656755f9ee7f47d1c46dbff5e3b2ece8', "af-variation": this.afValidation }, this.afValidationText))))));
+            }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: 'e2a972b032f28e6e0347e2bd7aca7724e7a144a2', class: "digi-form-select__footer" }, h("div", { key: 'f8d44fff602afedb23b2f64b80d5bcaf7b15b49e', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'c91161db619777dbb192afa4b600732e39769208', "af-variation": this.afValidation }, this.afValidationText))))));
     }
     static get is() { return "digi-form-select-filter"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_layout/layout-media-object/layout-media-object.js

@@ -3,6 +3,7 @@ import { LayoutMediaObjectAlignment } from "./layout-media-object-alignment.enum
 /**
  * @slot media - Bör innehålla någon sorts mediakompinent (t.ex. en bild eller en video).
  * @slot default - Kan innehålla vad som helst. Vanligen är det textinnehåll.
+ * @deprecated Denna komponent kommer att tas bort i slutet av februari 2026.
  *
  * @enums LayoutMediaObjectAlignment - layout-media-object-alignment.enum.ts
  * @swedishName Medieobjekt
@@ -17,7 +18,7 @@ export class LayoutMediaObject {
         };
     }
     render() {
-        return (h("div", { key: '48df37972201b70bcb0196234f7695e206036460', class: Object.assign({ 'digi-layout-media-object': true }, this.cssModifiers) }, h("div", { key: '39c2266d0c1150903239cf98d8c1e77ab6a03fbb', class: "digi-layout-media-object__first" }, h("slot", { key: 'b538d94dd54cd98721e2eac50d12e4d1451827cb', name: "media" })), h("div", { key: '85434391b7ef02cbdd0b3c4b121c1840cbd53f94', class: "digi-layout-media-object__last" }, h("slot", { key: '42e76714a9f55182662ce769b2b31b1f6f90901d' }))));
+        return (h("div", { key: 'c224ab7e0a87f9a92296bf446190b774579ab643', class: Object.assign({ 'digi-layout-media-object': true }, this.cssModifiers) }, h("div", { key: 'bc3a5ebee281899ff31d88be2206914b987152a4', class: "digi-layout-media-object__first" }, h("slot", { key: 'e05bdf5e4f713086810e86e975a68df1beab1568', name: "media" })), h("div", { key: '8b7c30b5d1eccda7f456b6d95087e6f2bfb91422', class: "digi-layout-media-object__last" }, h("slot", { key: '697388291a8fa210546001431ecd986001952d10' }))));
     }
     static get is() { return "digi-layout-media-object"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_link/link-button/link-button.js

@@ -58,7 +58,7 @@ export class LinkButton {
         };
     }
     render() {
-        return (h(Host, { key: 'd6b967617a3fa6a8d5ba68b7982ee2ae4eeef847', class: Object.assign({ 'digi-link-button': true }, this.cssModifiers) }, !this.afLinkContainer && (h("a", { key: 'd95e231a794a57b16e888fa98a12b0b0f91cf385', href: this.afHref, onClick: (e) => this.clickLinkHandler(e), ref: (el) => (this._link = el) }, h("span", { key: 'db4bb1a99b20e1ae08662da723305814545d0346', class: "digi-link-button__text" }, h("slot", { key: 'd1e690a82f45e4b96fb03582185c3ed9a7836fa1' })), this.hasNotification && h("slot", { key: '606d2b8c3709f80ca01ffbe5ed34d07e64cdb914', name: "notification" }), h("digi-icon-chevron-right", { key: '0bbcaa4fd33ea271f622435ab16d7792111114c0', class: "digi-link-button__icon" }))), this.afLinkContainer && (h(Fragment, { key: 'cb86ba19e8750179007c79255312e051a4c5edee' }, h("slot", { key: '21aa062ab6de4eac5e3d5abf9051ebcb2ea99b4d' }), this.hasNotification && h("slot", { key: 'a08beeb67df365a0830da1f87d623876b34675f9', name: "notification" })))));
+        return (h(Host, { key: 'fcb4dae6f790646d3ce9255d1a1f06a0a0495f62', class: Object.assign({ 'digi-link-button': true }, this.cssModifiers) }, !this.afLinkContainer && (h("a", { key: 'a3c8160da677cf9b90658d50b9d0cf34b6b5ace8', href: this.afHref, onClick: (e) => this.clickLinkHandler(e), ref: (el) => (this._link = el) }, h("span", { key: '10aeae6b9e856a9594d53902f1ef81c1306446aa', class: "digi-link-button__text" }, h("slot", { key: '03619a6fa72d9cd75ba831ad3ec3210c4b1ad30b' })), this.hasNotification && h("slot", { key: '51d148026e61b19c12ccdc68b0a35f7780d09d71', name: "notification" }), h("digi-icon-chevron-right", { key: 'c74e46d8bbf9277ff50e83481463dfa64331b76f', class: "digi-link-button__icon" }))), this.afLinkContainer && (h(Fragment, { key: 'c5bcd05ed24fd616e839a237fb7be4b49b2181d1' }, h("slot", { key: 'e6def7b66cccd7d08da04cdb1b88efe9d79f8eee' }), this.hasNotification && h("slot", { key: '0d653fae65ffe1a9cbbba60292c9f6e87df80e65', name: "notification" })))));
     }
     static get is() { return "digi-link-button"; }
     static get encapsulation() { return "scoped"; }
@@ -144,9 +144,12 @@ export class LinkButton {
                 "docs": {
                     "tags": [{
                             "name": "en",
-                            "text": "Set size. Can be 'medium' or 'large'"
+                            "text": "Set size."
+                        }, {
+                            "name": "deprecated",
+                            "text": "Obs - variationerna \"medium-large\" och \"large\" f\u00F6rsvinner i januari 2026, d\u00E4rmed f\u00F6rsvinner \u00E4ven afSize. Storleken Medium blir standard."
                         }],
-                    "text": "S\u00E4tter storlek. Kan vara 'medium' eller 'large'"
+                    "text": "S\u00E4tter storlek."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/_list/list/list.css

@@ -265,34 +265,22 @@ License: none (public domain)
 }
 
 :host {
-  --digi--list--margin--top: initial;
-  --digi--list--margin--bottom: var(--digi--margin--large);
-}
-:host .digi-list {
-  --LIST--PADDING-INLINE-START: 0;
-  padding-inline-start: var(--LIST--PADDING-INLINE-START);
-  margin-top: var(--digi--list--margin--top);
-  margin-bottom: var(--digi--list--margin--bottom);
-  box-sizing: border-box;
-  width: 100%;
-}
-:host .digi-list--numbered {
-  --LIST--PADDING-INLINE-START: 1.5rem;
-}
-:host .digi-list--bullet {
-  --LIST--PADDING-INLINE-START: 1.5rem;
+  --digi--list--padding-inline-start: 0.25rem;
 }
 :host .digi-list--checked {
-  --LIST--PADDING-INLINE-START: 0;
   list-style-position: inside;
+  padding-inline-start: var(--digi--list--padding-inline-start);
 }
-:host .digi-list ::slotted(li:not(:last-child)) {
-  margin-bottom: var(--digi--padding--smaller);
+:host .digi-list--checked li {
+  list-style: none;
+  display: flex;
+  align-items: flex-start;
 }
 
 ::slotted(* .digi-list--checked .digi-list__icon) {
   padding-right: var(--digi--padding--small);
   width: 1rem;
+  min-height: auto;
   flex-shrink: 0;
   align-items: start;
   margin-top: 0.4375rem;

package/dist/collection/components/_list/list/list.js

@@ -43,9 +43,6 @@ export class List {
         if (this.afListType === ListType.CHECKED) {
             const lis = this.hostElement.querySelectorAll('li');
             lis.forEach((li) => {
-                li.style.listStyle = 'none';
-                li.style.display = 'flex';
-                li.style.alignItems = 'flex-start';
                 if (!li.querySelector('digi-icon-check')) {
                     const icon = document.createElement('digi-icon-check');
                     icon.classList.add('digi-list__icon');
@@ -53,6 +50,15 @@ export class List {
                 }
             });
         }
+        else {
+            const lis = this.hostElement.querySelectorAll('li');
+            lis.forEach((li) => {
+                const icon = li.querySelector('digi-icon-check');
+                if (icon) {
+                    li.removeChild(icon);
+                }
+            });
+        }
     }
     getListItems() {
         const slotItems = this.hostElement.querySelectorAll('li');
@@ -66,16 +72,13 @@ export class List {
         this.hasSlottedItems = true;
         this.listItems = Array.from(slotItems);
     }
-    get listElement() {
-        return this.afListType === ListType.NUMBERED ? 'ol' : 'ul';
-    }
     render() {
         const Tag = this.afListType === ListType.NUMBERED ? 'ol' : 'ul';
         const className = {
             'digi-list': true,
             [`digi-list--${this.afListType}`]: true
         };
-        return (h("digi-typography", { key: 'cec688df7cdb9bcff52e98bf5ae33ba3ca8176d2' }, h(Tag, { key: 'e9bd20b77dbbd72ad5477fad1caf3f10e88db327', class: className }, h("slot", { key: '45981df4d7211feb9240d84fbedc9a6b235a87b6' }))));
+        return (h("digi-typography", { key: '2c3f61b8ff3a0d8fb476d06ef06b650bd04422ef' }, h(Tag, { key: 'aa10692caf21f135486a30cd3a91d563d2b0c333', class: className }, h("slot", { key: '6c6dcd731c16f065714515a9acd8665aa1aeba10' }))));
     }
     static get is() { return "digi-list"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_navigation/navigation-breadcrumbs/navigation-breadcrumbs.css

@@ -303,6 +303,8 @@ License: none (public domain)
   font-family: var(--digi--navigation-breadcrumbs--item--font-family);
   font-size: var(--digi--navigation-breadcrumbs--item--font-size);
   color: var(--digi--navigation-breadcrumbs--item--color);
+  width: unset;
+  margin-bottom: unset;
 }
 :host .digi-navigation-breadcrumbs__item:not([aria-current=page])::after {
   content: "/";

package/dist/collection/components/_navigation/navigation-tablist/navigation-tablist.js

@@ -26,6 +26,11 @@ export class NavigationTablist {
                 // How many whole tabs fit? Nudge by tolerance to avoid off-by-one at zoom edges
                 const tabsPerWindow = Math.floor((containerWidth + tolerance) / avgTabWidth);
                 this.tabsPerWindow = Math.max(1, Math.min(tabsPerWindow, tabsCount));
+                // Ensure windowTab stays within valid bounds after resize
+                const maxValidWindowTab = Math.max(0, tabsCount - this.tabsPerWindow);
+                if (this.windowTab > maxValidWindowTab) {
+                    this.windowTab = maxValidWindowTab;
+                }
                 // Overflow check with tolerance
                 this.listOverflows = contentWidth - containerWidth > tolerance;
                 // (Optional) if you have left/right “handles”, compute visibility too:
@@ -167,7 +172,19 @@ export class NavigationTablist {
         this.afTabChange.emit(tab);
     }
     handleTabControl(direction) {
-        this.moveWindow(this.windowTab + direction * this.tabsPerWindow);
+        // Calculate the current window group
+        const currentGroup = Math.floor(this.windowTab / this.tabsPerWindow);
+        const totalGroups = Math.ceil(this.tabs.length / this.tabsPerWindow);
+        let newGroup;
+        if (direction === Direction.Next) {
+            newGroup = Math.min(currentGroup + 1, totalGroups - 1);
+        }
+        else {
+            newGroup = Math.max(currentGroup - 1, 0);
+        }
+        // Move to the first tab of the target group
+        const newWindowTab = newGroup * this.tabsPerWindow;
+        this.moveWindow(newWindowTab);
     }
     setActiveTabAndFocus(tabIdx) {
         this.activeTab = tabIdx;
@@ -221,14 +238,14 @@ export class NavigationTablist {
             cancelAnimationFrame(this._requestAnimationFrame);
     }
     render() {
-        return (h(Host, { key: 'b254db2497b74752d34aa4672ae38ac5a1051024' }, h("div", { key: '4028d5c2ee9954fb5755285dfe88029fec02d516', class: {
+        return (h(Host, { key: 'aa87d470a00824859deb1e9305497f0001339c6a' }, h("div", { key: 'd2ea6128277f7aa604f8fab19828e5aabca636b3', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
-            } }, h("div", { key: '1643904cc02630eb56f711b7decf3157cefab417', class: "control-wrapper", style: {
+            } }, h("div", { key: '70f11f894aebe7b07ba8242e77415269b4993d3b', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, h("button", { key: 'd71bb576079e486f2bf197c1654e47ef81147455', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: 'e9d6cfbbb9aa6175d591db7fa67918b266506ed1' }))), h("div", { key: 'ae8db9b6af8276c07fef53b1e376ccf975dd1822', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, h("button", { key: 'e3f12c0df8027fb68d0dc2a3959e3eb381c32cc0', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: '5c38bf4c6a812b8a3037ac56f157fcca621aeeb0' }))), h("div", { key: '64a663ca0549924b09ac5c8e2baf3068ddcd31f5', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
             const focusable = tab.id === this.tabs[this.selectedTab].id;
             const isActive = tab.id === this.tabs[this.activeTab].id;
             const Icon = `digi-icon-${tab.icon}`;
@@ -237,10 +254,10 @@ export class NavigationTablist {
                     'digi-tab': true,
                     'is-active': isActive
                 }, id: `tab-${tab.id}`, role: "tab", type: "button", tabindex: focusable ? '0' : '-1', "aria-label": tab.ariaLabel, "aria-selected": isActive.toString(), "aria-controls": `tabpanel-${tab.id}`, onClick: () => this.handleTabChange(tab) }, h("div", { class: "content-wrapper" }, h("span", { class: "tablist-content" }, tab.icon && h(Icon, { "aria-hidden": "true" }), h("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (h("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), h("div", { class: "indicator" }))));
-        })), h("div", { key: 'fad2b3c44632c2354abef8c4a863654cfb44954a', class: "control-wrapper", style: {
+        })), h("div", { key: '0b1a044dee5a083e591c432eb3f581e3b55d8194', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, h("button", { key: '75df669a8a5693fb90755daccbb85a09478124cc', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: 'b9d9fe9346d98fda9c97f999a1667645a58e3686' })))), h("div", { key: '03997499224b2d881c755eef234cee9dda4e2828', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: '0d983ff976eb7a90b92030b3ef9a33c135aab90a' }))));
+            } }, h("button", { key: '1a7cae20dc4c7e642d42e387ef8943a7b50fcede', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '4a5b8f1777c8dda09b6ff6dbbcd56cf86cac1d95' })))), h("div", { key: '91aaa4dedab1a063461b6c15e030bd5a29259c9b', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: 'fac2b5dacfc27c2cc51166d4841f122f5b496506' }))));
     }
     static get is() { return "digi-tablist"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_progress/progress-indicator/progress-indicator.css

@@ -495,8 +495,17 @@ License: none (public domain)
   );
   --digi--progress-indicator--step--line--style: dashed;
 }
-:host .digi-progress-indicator__step--current span {
-  box-shadow: inset 0px 0px 0px 2px var(--digi--color--background--primary);
+:host .digi-progress-indicator__step--current span:not(:has(> digi-icon-validation-error)):not(:has(> digi-icon-validation-warning)) {
+  box-shadow: inset 0px 0px 0px 3px var(--digi--color--background--primary), 0 0 0 3px var(--digi--progress-indicator--step--background);
+  width: 1.75rem;
+  height: 1.75rem;
+}
+@media (max-width: 36rem) {
+  :host .digi-progress-indicator__step--current span:not(:has(> digi-icon-validation-error)):not(:has(> digi-icon-validation-warning)) {
+    width: 1.375rem;
+    height: 1.375rem;
+    box-shadow: inset 0px 0px 0px 3px var(--digi--color--background--primary), 0 0 0 2px var(--digi--progress-indicator--step--background);
+  }
 }
 :host .digi-progress-indicator__step--warning, :host .digi-progress-indicator__step--error {
   --digi--progress-indicator--step--background: transparent;
@@ -523,6 +532,10 @@ License: none (public domain)
   :host .digi-progress-indicator__step-indicator {
     width: 1.1rem;
     height: 1.1rem;
+    --digi--progress-indicator--icon-status--width: 1.3rem;
+    --digi--progress-indicator--icon-status--width: 1.3rem;
+    --digi--progress-indicator--icon--width: 0.6rem;
+    --digi--progress-indicator--icon--height: 0.6rem;
   }
 }
 :host .digi-progress-indicator__step-number {

package/dist/collection/components/_tag/tag/tag.js

@@ -27,7 +27,7 @@ export class Tag {
         return this.afText;
     }
     render() {
-        return (h("digi-button", { key: 'cb0aef834156e83db3da9d2afa1b88cce2c14b34', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: 'd147c33804713948a4d3466decf7e3c30381e0c8', slot: "icon-secondary" })));
+        return (h("digi-button", { key: '25fdc1c2823e98fde25fcfa24be67d47a4fef609', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: '2b23fc2ea9682c42f9e0e791499eee1ee377a457', slot: "icon-secondary" })));
     }
     static get is() { return "digi-tag"; }
     static get encapsulation() { return "scoped"; }
@@ -130,6 +130,9 @@ export class Tag {
                     "tags": [{
                             "name": "en",
                             "text": "Sets tag size."
+                        }, {
+                            "name": "deprecated",
+                            "text": "Obs - variationen \"large\" f\u00F6rsvinner i januari 2026."
                         }],
                     "text": "S\u00E4tter taggens storlek."
                 },

package/dist/collection/components/_typography/typography/typography.css

@@ -763,9 +763,18 @@ digi-typography dl {
   max-width: var(--digi--paragraph-width--medium);
   margin-bottom: var(--MARGIN--BODY);
 }
-digi-typography ul:last-child,
-digi-typography ol:last-child,
-digi-typography dl:last-child {
+digi-typography ul, digi-typography ol {
+  margin: 0 0 var(--MARGIN--BODY) 0;
+  padding-inline-start: 1.5rem;
+}
+digi-typography ul li, digi-typography ol li {
+  margin-top: initial;
+  margin-bottom: 0.5rem;
+  box-sizing: border-box;
+  width: 100%;
+  padding-left: 0;
+}
+digi-typography ul li:last-child, digi-typography ol li:last-child {
   margin-bottom: 0;
 }
 digi-typography a {

package/dist/collection/components/_typography/typography/typography.js

@@ -19,7 +19,7 @@ export class Typography {
         };
     }
     render() {
-        return (h("div", { key: 'd4c7dde696cb9e4f629649c2d12e5b015c7aa713', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '4512f6b74ec58c3f04437c6ef598eb1d3625d347' })));
+        return (h("div", { key: '4a881c4feb6cbe1cf6b50a49209d0ba3ed373324', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '4935b0dbadff8ed9f1830b23caa976701a29343e' })));
     }
     static get is() { return "digi-typography"; }
     static get originalStyleUrls() {
@@ -54,6 +54,9 @@ export class Typography {
                     "tags": [{
                             "name": "en",
                             "text": "Set variation. Can be 'small' or 'large'"
+                        }, {
+                            "name": "deprecated",
+                            "text": "Obs - Propertyn utg\u00E5r, typografin kommer bara finnas med en bas p\u00E5 16px font-storlek. Tas bort i februari 2026."
                         }],
                     "text": "S\u00E4tter variant. Kan vara 'small' eller 'large'"
                 },

package/dist/collection/design-tokens/components/_list.variables.scss

@@ -1,6 +1,5 @@
 @mixin digi-list--variables (){
-	--digi--list--margin--top: initial;
-	--digi--list--margin--bottom: var(--digi--margin--large);
+	--digi--list--padding-inline-start: 0.25rem;
 }
 
 /** Do not touch! Autogenerated 

package/dist/digi-arbetsformedlingen/design-tokens/components/_list.variables.scss

@@ -1,6 +1,5 @@
 @mixin digi-list--variables (){
-	--digi--list--margin--top: initial;
-	--digi--list--margin--bottom: var(--digi--margin--large);
+	--digi--list--padding-inline-start: 0.25rem;
 }
 
 /** Do not touch! Autogenerated