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

package/dist/collection/components/_progress/progress-circle/progress-circle.js

@@ -55,20 +55,20 @@ export class ProgressCircle {
         return;
     }
     render() {
-        return (h("div", { key: '61e62accd53e54e8d34af45270dca84f28376b89', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
+        return (h("div", { key: '1a3cbd8d4899553af29ed061e9def7d6acabf1e5', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
                 ? ProgressCircleRole.STATUS
-                : null }, h("div", { key: 'f45f630d021bb2645714ecd221121d68070849dc', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: '12a56f4b4420dc61b54878091387413309bd701d', class: "digi-progress-circle__circle" }, h("p", { key: '4bf23b5618b61bd9305224f1e5ece44a4d2c8c0b', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: 'e5a515dade6c5486b0dc603a7bab69881af34a64', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '984b9bc367b7de67d8dd4a91f5340655ffed9520' }, h("mask", { key: '65fc44999c53abb42a7c3cffe69aa39c249807a7', id: this.afId }, h("circle", { key: '410b7fbe91e533bd1e525bcecce9248cfae58ec7', cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", stroke: "white", "stroke-width": this.stroke, "stroke-dasharray": (1000 - this.afTotalSteps * 15) / this.afTotalSteps +
-                ' 15', pathLength: "1000" }))), h("g", { key: '6950491951b071ac8532b4efc18aa5fa01200f46' }, h("circle", { key: '198f5d86b997683e57708da7c07cfd1603731914', class: "digi-progress-circle__circle-step-unfinished", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke }), h("circle", { key: 'a83ae3004707d7e7334450da41794d874e31e66f', class: "digi-progress-circle__circle-step-completed", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * this.afCompletedSteps +
-                ' 1000', pathLength: "1000" }), this.afWarningStep && (h("circle", { key: '48f38043e8873113d4f9b45f2cf937ffb433d092', class: "digi-progress-circle__circle-step-warning", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
-                (this.afCompletedSteps - 1), pathLength: "1000" })), this.afErrorStep && (h("circle", { key: '51fb657182e2c9ab43b648b9b95ea85419cc207a', class: "digi-progress-circle__circle-step-error", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
-                (this.afCompletedSteps - 1), pathLength: "1000" }))))), h("div", { key: '776019544a3b4744347258c22b46a824cb63a667', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '2085653208d4fb02923e797b79a3530bfffd32c6', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+                : null }, h("div", { key: '063f1c6f30fa53d97cae9ffcea0a1968bc5aa06f', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: 'e4bbb22616745bc2dcdd9c0170b571a649de4856', class: "digi-progress-circle__circle" }, h("p", { key: '1d4d3f72605a15628df7eae8398b968912819895', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: '5d8b22ae6d5b22b6ad7feaf59f2f2ed6404cba9b', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '2f2992ef04604171a4ea09239e4516b05fb09020' }, h("mask", { key: 'ca79d3774080aa0a42c05b46bf0810ff05f68991', id: this.afId }, h("circle", { key: '77597d66902e016aaf6f8ab733809e284eb56b5f', cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", stroke: "white", "stroke-width": this.stroke, "stroke-dasharray": (1000 - this.afTotalSteps * 15) / this.afTotalSteps +
+                ' 15', pathLength: "1000" }))), h("g", { key: '162ba4ddefc21d05e0e5a328811e3468112f1866' }, h("circle", { key: 'f926540f73f24625bb6f5c44a47157e094862c5c', class: "digi-progress-circle__circle-step-unfinished", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke }), h("circle", { key: '5301c86b661649448c9f7296a704dee0c70e43fc', class: "digi-progress-circle__circle-step-completed", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * this.afCompletedSteps +
+                ' 1000', pathLength: "1000" }), this.afWarningStep && (h("circle", { key: '4d826aa4f569c8237d9c25dea7dad8bc344bae15', class: "digi-progress-circle__circle-step-warning", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
+                (this.afCompletedSteps - 1), pathLength: "1000" })), this.afErrorStep && (h("circle", { key: '5937a215f6d9135ec65090b9e7442c37e1e5a93b', class: "digi-progress-circle__circle-step-error", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
+                (this.afCompletedSteps - 1), pathLength: "1000" }))))), h("div", { key: '6fd4df913d10a90086a8ea4a9df7d4b753135db5', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '0b308f58dd160b10587599384afd5a1d747a7d82', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: '57d43545814d8ab32e2ac0bea6b745d80a8754c3', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: '802382fbcaadda005bf23ee75a653087f68db28f', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: this.afStepNextLabel !== null &&
                     this.afStepNextLabel !== undefined
                     ? 'visible'
                     : 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: 'c120e84369168e574c6f4e20b0522e14def21a84', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'b89e639d635c31eba290733007fd1b5febd98544', class: "digi-progress-circle__icon--warning" }), h("span", { key: 'b024df54028fe0c7b0644aa94365adc2a32769b3' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '8af7818090ab3d0e0e87ee000cbfcbc914b9a210', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: '28b701e095fee774e2c7d453ef29b7b8007a6f6f', class: "digi-progress-circle__icon--error" }), h("span", { key: '1407890e15de5b938b9f148a45ba696ba612ce5d' }, this.afValidationLabel)))));
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '1ff7ccad0fb8907b06eb8a134b2828adc19319b4', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'fe3826a3ccd343d98dfd200e9b7eccb349afc073', class: "digi-progress-circle__icon--warning" }), h("span", { key: '5febd251010def457155b547c57fde6d77bd9a89' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '9f964073305fbae7f0795dec8d390a95a3e33ed9', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: 'e281a259031989cd2fabcc59a415e33fae8fbea1', class: "digi-progress-circle__icon--error" }), h("span", { key: '338a67a467dc21476468f869d06fa45838f18c5f' }, this.afValidationLabel)))));
     }
     static get is() { return "digi-progress-circle"; }
     static get encapsulation() { return "scoped"; }

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

@@ -94,9 +94,9 @@ export class ProgressIndicator {
         return;
     }
     render() {
-        return (h("div", { key: '958a62cdf5d2fd27c0d7d8f6098bbcf0fc512660', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
+        return (h("div", { key: '43392769b56d5746853546f9a0500ec40a74272f', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
                 ? ProgressIndicatorRole.STATUS
-                : null }, h("div", { key: '508a5a7eb3cfa030faa65822a380b458d55d8709' }, this.afStepNextLabel !== undefined ? (h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (h("p", { class: "digi-progress-indicator__next", style: {
+                : null }, h("div", { key: '5462c691f608be217fd9aefccb83fce62de5248b' }, this.afStepNextLabel !== undefined ? (h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (h("p", { class: "digi-progress-indicator__next", style: {
                 visibility: this.afStepNextLabel !== null &&
                     this.afStepNextLabel !== undefined
                     ? 'visible'
@@ -122,7 +122,7 @@ export class ProgressIndicator {
                 ProgressIndicatorVariation.SECONDARY &&
                 item.checked &&
                 this.afCompletedSteps !== index + 1 && (h("digi-icon-check", { class: "digi-progress-indicator__icon" })), h("span", { class: "digi-progress-indicator__step-number" }, index + 1))));
-        }))), this.afStepNextLabel !== undefined && (h("p", { key: '6e0875168648eb1e6ac358bad31d76fba6bf72de', class: "digi-progress-indicator__label" }, h("span", { key: '352369c1601294275fb195895502e11e1871b123' }, `${this.afStepText}`, " "), h("span", { key: '866667e733dc7ea21df81d16197db5d87ce0949b', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: 'f8e174fb61d50f87a5e21c42ef94fcf78c83c5f5', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'ae14c34ea9dcdd5f49424468f1e10edefc81e5b2', class: "digi-progress-indicator__icon--warning" }), h("span", { key: 'e44ef622b83ab376fb3786992c560a6d3aa4202f' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '5e18e078abb80a94dd3c2524c7be282ef013ec1f', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '3c8611c4bf52b0fe45c77b4d769679b0893ddb83', class: "digi-progress-indicator__icon--error" }), h("span", { key: '0447fdcdee3ad0a2a972f1b12d1dbd8e0366aeda' }, this.afValidationLabel))), h("div", { key: 'a51a23d32d8cc51baad5e81a9829b196e769a0c9', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: '3e5289a870999317ba9d5bf542fd96acceb14b45', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: 'accad44c82032186ae66fb330902bae9fed7acbd' })))));
+        }))), this.afStepNextLabel !== undefined && (h("p", { key: '5e085c2ba7979c21f4f67b9b633fd10933c6f651', class: "digi-progress-indicator__label" }, h("span", { key: '3684a3cdda7f94a870e7bfe9e1e2d8881c4a5f05' }, `${this.afStepText}`, " "), h("span", { key: 'cbf24f2028d6a90234ed6a8a954a1613110d36cb', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '96ce77412971fce06cb49c6512dfcf17b9f80e31', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: '3de532d6cc8559958fdbf7a394d666e0b95f851b', class: "digi-progress-indicator__icon--warning" }), h("span", { key: '4d6a53a632e40c8f901606f7efa4ff7574cafd49' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '350b9d146b7ae2f06b5313f60ad8035e5febc8e1', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '8aac2241a2e76118962dceab2d605f4d70fab060', class: "digi-progress-indicator__icon--error" }), h("span", { key: '27d641b718cc413c78a2b728dde3d36ad5517574' }, this.afValidationLabel))), h("div", { key: '5530eadf13fb3ddfcd68301e134f979518c6c609', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: '5127409982e8ae675a4092a40ec1fe61a1894c19', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '49315ebaa461fb3ebabe88556b9d72484ac655fa' })))));
     }
     static get is() { return "digi-progress-indicator"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_progress/progress-list/progress-list.js

@@ -106,7 +106,7 @@ export class ProgressList {
         return null;
     }
     render() {
-        return (h("div", { key: 'd8e290ff4a95a95a7cc751066b42726a895cc152', class: "digi-progress-list" }, h("digi-typography", { key: '3185516c57e71ad920acdf32cd0e75ec6e65cbad' }, this.renderHeading(), h("ol", { key: 'fcbd8850448582f663752a30ba8f9a7b9f892f51', class: "digi-progress-list__content" }, h("slot", { key: '9b35cd65b6e7ab05d37d382012a01ca62225cf9f' })))));
+        return (h("div", { key: '5e1868ca288b8df8924d6a378e3a3e4676b072b2', class: "digi-progress-list" }, h("digi-typography", { key: '05df8d33e8421c1b50c6ece5a0fef00e0c1d600d' }, this.renderHeading(), h("ol", { key: '55555aadc901f299ebd67220594edb368ef20b58', class: "digi-progress-list__content" }, h("slot", { key: 'd36492f837bf45753525fcf21ec05a7519c02f59' })))));
     }
     static get is() { return "digi-progress-list"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_progress/progress-list-item/progress-list-item.js

@@ -78,7 +78,7 @@ export class ProgressListItem {
     }
     render() {
         const ariaCurrent = this.afStepStatus == ProgressListItemStatus.CURRENT ? 'step' : 'false';
-        return (h(Host, { key: '80b21a14dc9261efb2ce32212506b22fb37b9ef4', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: 'f20ef3af659461b0634fbbb569fe42be2b591d32', class: {
+        return (h(Host, { key: '197d6b972495fbc577d3e9c0dece0ca4fac6b9cc', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: 'cbf0f5ec1fde7f30c53f94c77101179aa903b2aa', class: {
                 'digi-progress-list-item': true,
                 'digi-progress-list-item--expanded': this.afExpandable && this.afExpanded,
                 [`digi-progress-list-item--${this.afStepStatus}`]: true,
@@ -86,18 +86,18 @@ export class ProgressListItem {
                 'digi-progress-list-item--primary': this.afVariation == ProgressListItemVariation.PRIMARY,
                 'digi-progress-list-item--secondary': this.afVariation == ProgressListItemVariation.SECONDARY,
                 'digi-progress-list-item--tertiary': this.afVariation == ProgressListItemVariation.TERTIARY
-            } }, h("span", { key: '49d10fd08f38a5aad0b1356d54fd61407bdf93ec', class: "digi-progress-list-item__indicator" }, h("span", { key: '2a1a31a3805e14d4bf0d787aecebfbfecab16190', class: {
+            } }, h("span", { key: '0b230fc37676fa0ea40dea11cede50276eb349e9', class: "digi-progress-list-item__indicator" }, h("span", { key: '391910ebf913ed5841a529f1d4ac7e99b87f6db7', class: {
                 'digi-progress-list-item__indicator--circle': this.afType == ProgressListItemType.CIRCLE,
                 'digi-progress-list-item__indicator--icon': this.afType == ProgressListItemType.ICON
-            } }, this.renderStatusIcon()), h("span", { key: '8311a17ed2c4498c38031326f91f804c9c6cbd4b', class: "digi-progress-list-item__indicator--line" })), h("div", { key: 'cd3be243237c5080b10ef048d9351e892da61557', class: {
+            } }, this.renderStatusIcon()), h("span", { key: '428727a5fcbac61a3b0ca022c96c92a0dc605b3b', class: "digi-progress-list-item__indicator--line" })), h("div", { key: 'c1c5151fc7e304220c29acf09219e8de61333020', class: {
                 'digi-progress-list-item__wrapper': true,
                 'digi-progress-list-item__wrapper--last': this.afIsLast
-            } }, h("div", { key: 'ca7fe2a368f42ce8e80c651e4173e44b07d5ca6d', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: '2008fa5d8f7abcae822d824288705f2717eb97f8', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: '546e03eaea8c688064e18d21fe4a3bb2aa334013', class: {
+            } }, h("div", { key: '797847753f88f7cd78bff16c8582dd83f128ed0d', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: '60861cd514fa685607659cc223fc6f95448454c6', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: 'd9e334aae5b1bf9f47582ba9c9df4fcf413dea47', class: {
                 'digi-progress-list-item__content': true,
                 'digi-progress-list-item__content--expandable': this.afExpandable,
                 'digi-progress-list-item__content--hidden': this.afExpandable && !this.afExpanded,
                 'digi-progress-list-item__content--visible': !this.afExpandable || (this.afExpandable && this.afExpanded)
-            }, id: `${this.afId}-content` }, h("div", { key: '715b7137357fef90ee74314040d75c3fc73e7ffe' }, h("slot", { key: '1f9617310191422e4edf4073b5518c1b0a6e3e35' })))))));
+            }, id: `${this.afId}-content` }, h("div", { key: '4a53614e340b463ead0efcecab443929186aa30d' }, h("slot", { key: '67d6e74b5a934f61ffbb73fd14b38dbab9353f62' })))))));
     }
     static get is() { return "digi-progress-list-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_progress/progressbar/progressbar.js

@@ -82,7 +82,7 @@ export class Progressbar {
         return;
     }
     render() {
-        return (h("div", { key: 'd8e75eb4b9cfaf86d41e9fb936db466b4e4fb3f5', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: '84cb940acde7d5545f2d27a9daa4b6d03adc9a75', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
+        return (h("div", { key: '72b2c72dca1847b4497b6d9aedd94f6a94c26d3e', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: '8eee915839751e85e87a10f0a4fa5a2504e67123', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
             return (h("li", { class: {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': this.afCompletedSteps > i,
@@ -93,7 +93,7 @@ export class Progressbar {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': item.checked
                 } }, h("span", { class: "digi-progressbar__step-indicator" }, h("span", { class: "digi-progressbar__step-number" }, index + 1))));
-        }))), h("div", { key: '3873931a1ae0bbc0b27c8844621f9dcf76b00db2', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: '0a82a4fb490c3e89586269117744e223ae9d0a85', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '8bead9eb3d7572b65017bc5326e20924121c82e1' })))));
+        }))), h("div", { key: '07db3935ba42b46a407200db48172f01db586ff7', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: 'ffc6bf405a07398feda144f1d9f231926cc2af00', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '1a8c537b142d33740bf82b43532f1d6d392d7dd2' })))));
     }
     static get is() { return "digi-progressbar"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_quote/quote/quote.js

@@ -98,7 +98,7 @@ export class Quote {
         return (h("div", { class: "digi-quote__variation--highlight-wrapper" }, h("div", { class: { 'quote-image': true, hide: !this.isMobile } }, this.renderImage()), h("div", { class: "digi-quote-icon-flex" }, h("span", { class: "quote-icon" }, this.renderQuotationMark()), h("div", { class: "quote-content" }, h("digi-typography", null, h("blockquote", null, h("slot", null))), h("digi-typography", null, this.afQuoteAuthorName && this.renderAuthorName(), this.afQuoteAuthorTitle && this.renderAuthorTitle()))), h("div", { class: { 'quote-image': true, hide: this.isMobile } }, this.renderImage())));
     }
     render() {
-        return (h(Host, { key: '4adb2aefdcbdd5634be5ecf68e4e7714deb32fd4' }, h("digi-util-breakpoint-observer", { key: '3a99520cc013f2c17138fdd949cf8fe645f90cb6', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: 'e82a844c1e927541756d5abfd403a83192b8ce74', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
+        return (h(Host, { key: 'a4a429871f99db7d8c2deaaa6817361cae355215' }, h("digi-util-breakpoint-observer", { key: 'fdef9062a395c4c3d50eedc5f28f4d5a310bf6ba', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '89f0b25b7e676a25e2842ce8086ab4038af0d4c6', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
     }
     static get is() { return "digi-quote"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_table/table/table.js

@@ -24,7 +24,7 @@ export class Table {
         };
     }
     render() {
-        return (h("div", { key: 'ec9c0c95f98cd7283387f7a3d41a5a8884026843', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: '19cc3c24676575e0c1b90d780e1f978846c5b374', class: "digi-table__scroll-container" }, h("slot", { key: 'd2601c42183b85a83b6088e71e272685b73f3569' }))));
+        return (h("div", { key: 'b21d633f149a4cfed2a2347293d820097364fc0e', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: 'bb3324d6301b28c1a30ad3c5846174137b70a358', class: "digi-table__scroll-container" }, h("slot", { key: 'b2e313c2ebc5a1ff10164cddf443b4a1b2cfafd3' }))));
     }
     static get is() { return "digi-table"; }
     static get originalStyleUrls() {

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

@@ -27,7 +27,7 @@ export class Tag {
         return this.afText;
     }
     render() {
-        return (h("digi-button", { key: 'fb74bcf162887c49f48f83324c59406d641159a7', 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: 'ef6c1a3278a9dad10d4763f0a56ab2d9da8979fc', slot: "icon-secondary" })));
+        return (h("digi-button", { key: '2e62535e3a3717f8994c142021bc5e18810d408c', 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: 'f37d6f8d0de5ff0f430d794e719eba44f1134b26', slot: "icon-secondary" })));
     }
     static get is() { return "digi-tag"; }
     static get encapsulation() { return "scoped"; }

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

@@ -33,9 +33,9 @@ export class TagMedia {
         return h("digi-icon-news", { class: "digi-tag-media__icon" });
     }
     render() {
-        return (h(Host, { key: 'd6fd6c062015513969862ecbb7a97284740b951d' }, h("div", { key: '678c6136fddc185b84bb48ebdedd2d0b75be5878', class: {
+        return (h(Host, { key: '75e8e6920276730d5c1eb5d82f85511e39ecc569' }, h("div", { key: '7b746325ccf7299b575fe50606331681191aa12a', class: {
                 'digi-tag-media': true
-            } }, this.tagIcon, h("span", { key: '1c39ef5991724012abec20c2625881234df6ac30', class: "digi-tag-media__text" }, this.afText))));
+            } }, this.tagIcon, h("span", { key: 'daaccf83531e857376371d77d411c56d729413b4', class: "digi-tag-media__text" }, this.afText))));
     }
     static get is() { return "digi-tag-media"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_tools/tools-feedback/tools-feedback.js

@@ -73,7 +73,7 @@ export class ToolsFeedback {
         this.afOnReady.emit();
     }
     render() {
-        return (h("div", { key: '5e40ec3ba96d1a94ab572f70ec26aa12052bcc3a', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: 'd0b6ee58166aabe5d3ef53a56ef5820a217d1534', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
+        return (h("div", { key: '2026093dc40c9cfd602498c9555723444dff86f8', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: 'a6457021299bfd721ec5f48a5ecbac4833f74db5', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
     }
     static get is() { return "digi-tools-feedback"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_tools/tools-feedback-banner/tools-feedback-banner.js

@@ -90,7 +90,7 @@ export class FeedbackBanner {
             }), h("div", { hidden: true, class: "digi-tools-feedback-banner__slot" }, h("digi-util-mutation-observer", { ref: (el) => (this._observer = el), onAfOnChange: () => this.validateLinks() }, h("slot", null))))));
     }
     render() {
-        return (h("div", { key: 'd518c92ecc3c45ac56f87fdc26f0f5242d5c5b32', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: '3a90603a2d1110cbbb98e18b11963c7e5078bc0a', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
+        return (h("div", { key: 'b3b99909ba98cb91c8bed7f828b12b304a27bee2', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: '63851ad243ba4fb2353709d50488edb81a282467', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
     }
     static get is() { return "digi-tools-feedback-banner"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_tools/tools-feedback-rating/tools-feedback-rating.js

@@ -170,7 +170,7 @@ export class ToolsFeedbackRating {
             {}).text.toLowerCase() || null}`)), h("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (h("div", { class: "digi-tools-feedback-rating__star-rating-star" }, h("button", { class: "digi-tools-feedback-rating__star-rating-star-button", onClick: () => this.handleRatingChange(value), "aria-label": `${value} ${value === 1 ? 'stjärna' : 'stjärnor'}${text !== '' ? ', ' + text : ''}`, onMouseEnter: () => this.handleHover(value), onMouseLeave: () => this.handleHover(0), onFocus: () => this.handleHover(value), onFocusout: () => this.handleHover(0) }, h("svg", { "aria-hidden": "true", width: "29px", height: "29px", viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg", class: `digi-tools-feedback-rating-star-icon ${this.hoveredRating >= value ? 'filled' : ''}` }, h("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, h("g", { transform: "translate(1663, 2565)" }, h("g", { transform: "translate(190, 0)" }, h("path", { d: "M13.0369701,1.00988613 L9.47212213,8.51643297 L1.4958694,9.72422429 C0.0655277509,9.93973122 -0.507709524,11.7709448 0.529620648,12.8199039 L6.30005635,18.6595463 L4.93529305,26.9090563 C4.6897182,28.3999832 6.20191813,29.5170473 7.46854321,28.8195669 L14.6037422,24.9244875 L21.7391705,28.8195669 C23.0057956,29.5113322 24.5179955,28.3999832 24.2721914,26.9090563 L22.9074281,18.6595463 L28.6780931,12.8199039 C29.715194,11.7709448 29.1419567,9.93973122 27.711615,9.72422429 L19.7355916,8.51643297 L16.1707436,1.00988613 C15.531928,-0.328161856 13.6810595,-0.345069029 13.0369701,1.00988613 L13.0369701,1.00988613 Z" })))))))))))))), this.currentStep === 2 && (h("div", { class: "digi-tools-feedback-rating__thankyou" }, h("div", { class: "digi-tools-feedback-rating__thankyou-text" }, h("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, h("g", { fill: "none", "fill-rule": "evenodd" }, h("path", { d: "M12.431 25.438C5.577 25.438 0 19.848 0 12.978 0 6.107 5.577.518 12.43.518c2.874 0 5.677 1.006 7.893 2.833l-1.441 1.755a10.163 10.163 0 0 0-6.452-2.315c-5.604 0-10.163 4.57-10.163 10.187 0 5.616 4.56 10.186 10.163 10.186 4.346 0 8.21-2.766 9.617-6.883l2.146.737a12.435 12.435 0 0 1-11.763 8.42", fill: "#333" }), h("path", { d: "M13.073 20.935a.725.725 0 0 1-1.022 0l-8.042-8.013a.72.72 0 0 1 0-1.019l1.704-1.699a.725.725 0 0 1 1.023 0l5.826 5.805L28.417.211a.724.724 0 0 1 1.023 0l1.704 1.699a.72.72 0 0 1 0 1.02l-18.07 18.005Z", fill: "none", class: "digi-tools-feedback-rating__infographic-primary" }))), h("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (h("p", { class: "digi-tools-feedback-rating__thankyou-text-with-rating" }, "Du har gett betyget \"", this.selectedText.toLowerCase(), "\" med", ' ', this.selectedRating, `${this.selectedRating === 1 ? ' stjärna' : ' stjärnor'}`, ".")))), this.currentStep === 2 && this.afLinkText && (h("div", { class: "digi-tools-feedback-rating__link" }, h("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
     }
     render() {
-        return (h("div", { key: '12c11001e051554b009821f38a669d323eedac92', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: '724097bc7649f5efb45d738e0ec6d60b4974ca43', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
+        return (h("div", { key: 'ebc4bc501db49984e721fbca2c04a43dd1cd59ce', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: 'ef069b28c8b81b4151f54e867807dca1c627f650', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
     }
     static get is() { return "digi-tools-feedback-rating"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.js

@@ -16,7 +16,7 @@ export class ToolsThemeProvider {
         };
     }
     render() {
-        return (h(Host, { key: '2607773b6e9516e477a143114b6dcd09fe9ac429' }, h("div", { key: '92deb3e6684e801b9344736816460c2b92dc71b5', class: this.cssModifiers }, h("slot", { key: '624ca40f329a46a334613772b7676296506070cf' }))));
+        return (h(Host, { key: '673cff1d13833c2223adf5c06e0c120324eaad76' }, h("div", { key: '92ffd52c9b0f9c2e0227eb30654977818d7f5c10', class: this.cssModifiers }, h("slot", { key: '54d5f602c524af5c8ca5606673c1939bb5abaef2' }))));
     }
     static get is() { return "digi-tools-theme-provider"; }
     static get encapsulation() { return "scoped"; }

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

@@ -15,7 +15,7 @@ export class Typography {
         };
     }
     render() {
-        return (h("div", { key: '0a53e415d6ac45f689b60eed07395369e17f4d70', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '42d3601d815402494c54be1029bb2aa1f81750ee' })));
+        return (h("div", { key: '5db67ad20bda5f5523f8ecb2d4dab10b78c5f2e6', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '4950037182ec2f186c0c14b38027ce3e9906f45f' })));
     }
     static get is() { return "digi-typography"; }
     static get originalStyleUrls() {

package/dist/collection/components/_typography/typography-heading-jumbo/typography-heading-jumbo.js

@@ -27,7 +27,7 @@ export class TypographyHeadingJumbo {
         };
     }
     render() {
-        return (h(this.afLevel, { key: '7e08e4982ca944b6c0cfc40662ab3adf0570e051', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
+        return (h(this.afLevel, { key: '3e7dd74258d680d423a0d3f0ebd7cdd4eaa312ff', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
     }
     static get is() { return "digi-typography-heading-jumbo"; }
     static get encapsulation() { return "scoped"; }

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

@@ -17,7 +17,7 @@ export class TypographyMeta {
         };
     }
     render() {
-        return (h("div", { key: 'ef29c26740b13108920869f1d486b5a7ed3ef98b', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: '28a3d77973d755226f877a5b702a8691bf5c300d', class: "digi-typography-meta__meta" }, h("slot", { key: '08907d99fc021f9ce4e6288c4d5122f5c8da5013' })), h("div", { key: 'e9061b642ad438ac9a8208c23b4abfac013a5fb7', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: '17b7692f373466908810795e89d040963b1b3c37', name: "secondary" }))));
+        return (h("div", { key: '93a062bd1164cd1d37b9a86e530159d4b5f1b8ff', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: '093ff52961913d865ed4f32d5aad9417eeb5ff7d', class: "digi-typography-meta__meta" }, h("slot", { key: '5f4ff067085c79ffcd7d6fb1b2d91c2562249533' })), h("div", { key: '697016f9b62f0bbe5fa744822e23bae41414ba5b', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: '473eb8a333d269bed20bd4f5e5e40afae6e5b559', name: "secondary" }))));
     }
     static get is() { return "digi-typography-meta"; }
     static get encapsulation() { return "scoped"; }

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

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class TypographyPreamble {
     render() {
-        return (h("p", { key: 'f36ed04f88420fd6e4cee6b32c942162d015d2c7', class: "digi-typography-preamble" }, h("slot", { key: '20412c932c9b4bf5ac257e6cb5e70fddc4908b1d' })));
+        return (h("p", { key: '0b6395ace6b7679213689fa37fd41c5e8c4f5b30', class: "digi-typography-preamble" }, h("slot", { key: 'cc20315940fae3c5fe81ff0d8fc76d545e3de817' })));
     }
     static get is() { return "digi-typography-preamble"; }
     static get encapsulation() { return "scoped"; }

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

@@ -58,7 +58,7 @@ export class TypographyTime {
         this.formatDate(this.afDateTime);
     }
     render() {
-        return (h("time", { key: '66745abd60dd22e77650ad78d9dec6785aee7a03', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
+        return (h("time", { key: 'a44cb06794fb8bebb1198cf0a0f040bea34b6e13', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
     }
     static get is() { return "digi-typography-time"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-breakpoint-observer/util-breakpoint-observer.js

@@ -30,7 +30,7 @@ export class UtilBreakpointObserver {
         }
     }
     render() {
-        return (h(Host, { key: 'ad069f81879593a325040b9c74e32d12c8015223' }, h("div", { key: '5095c371970e0bcf193b87a7b42e5bb9e0bbe55c', class: "digi-util-breakpoint-observer" }, h("div", { key: '3bc810c17434bd255ba1fad44e21bc9641ac0682', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: 'd931493321c7decfed8ae2340f7284e5455928d9' }))));
+        return (h(Host, { key: '9cf20d195bb4948df361742378c96edda7a0a8b0' }, h("div", { key: '1e89fa7a92ba17cf37d366a677f0ca94075dbc1f', class: "digi-util-breakpoint-observer" }, h("div", { key: '349561395422d7849f8e987fbd88bab1887def6f', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '99542e2edbff718dffd480f76d98985092c8893a' }))));
     }
     static get is() { return "digi-util-breakpoint-observer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-detect-click-outside/util-detect-click-outside.js

@@ -24,7 +24,7 @@ export class UtilDetectClickOutside {
         }
     }
     render() {
-        return h("slot", { key: '8c250aaf23b3b298fb74b3f2b84436240de779b9' });
+        return h("slot", { key: '1dca54c9a47460813545107791bbc5baa86d790f' });
     }
     static get is() { return "digi-util-detect-click-outside"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-detect-focus-outside/util-detect-focus-outside.js

@@ -25,7 +25,7 @@ export class UtilDetectFocusOutside {
         }
     }
     render() {
-        return h("slot", { key: '01ea8b7681552724af508fdc4eefddbbb3fcfce9' });
+        return h("slot", { key: 'ed1ce7e86315f60e4294f8937c6ea5570c934b08' });
     }
     static get is() { return "digi-util-detect-focus-outside"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-intersection-observer/util-intersection-observer.js

@@ -58,7 +58,7 @@ export class UtilIntersectionObserver {
         this._hasIntersected = false;
     }
     render() {
-        return h("slot", { key: '6fc0dc16d279605794da7c05cbac9285ec65ed4b' });
+        return h("slot", { key: '4f16e3af503f72ac9638c557348b429eea6ad784' });
     }
     static get is() { return "digi-util-intersection-observer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-keydown-handler/util-keydown-handler.js

@@ -61,7 +61,7 @@ export class UtilKeydownHandler {
         }
     }
     render() {
-        return h("slot", { key: 'c005ab4f415b2b68811263ad16350be67b0d08fd' });
+        return h("slot", { key: 'b7e41652ee0661acd8970f626e94d6e80bf89223' });
     }
     static get is() { return "digi-util-keydown-handler"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-keyup-handler/util-keyup-handler.js

@@ -61,7 +61,7 @@ export class UtilKeyupHandler {
         }
     }
     render() {
-        return h("slot", { key: '54c6dbc94dd5a4ace8f487cb4c58beee7c7ab94f' });
+        return h("slot", { key: 'c500f5e8ed4a3784777fbbc3dd35f533c0447309' });
     }
     static get is() { return "digi-util-keyup-handler"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-resize-observer/util-resize-observer.js

@@ -28,7 +28,7 @@ export class UtilResizeObserver {
         this.afOnChange.emit(e);
     }
     render() {
-        return h("slot", { key: '09295e6aee942d1bce9f26c58506e0be647412e9' });
+        return h("slot", { key: '6a2db57bdd73892a5df92bd3ff85fefc2192c924' });
     }
     static get is() { return "digi-util-resize-observer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/design-tokens/components/_calendar-datepicker.variables.scss

@@ -7,8 +7,8 @@
   --digi--datepicker--calendar--show-week--max-width: #{rem(374)};
   --digi--datepicker--calendar-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);
   --digi--datepicker--calendar--background-color: var(--digi--color--background--interactive--default--secondary);
-  --digi--datepicker--input-icon--width: #{rem(14)};
-  --digi--datepicker--input-icon--horizontal-padding: #{rem(12)};
+  --digi--datepicker--input-icon--width: #{rem(18)};
+  --digi--datepicker--input-icon--horizontal-padding: #{rem(20)};
   --digi--datepicker--input-icon--vertical-padding: var(--digi--global--spacing--smallest-2);
   --digi--datepicker--input--inline-start: var(--digi--gutter--medium);
   --digi--datepicker--input--inline-end: calc(var(--digi--datepicker--input-icon--width) + var(--digi--datepicker--input-icon--horizontal-padding) * 2);

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

@@ -9,4 +9,5 @@
   --digi--footer--link--border-color--hover: var(--digi--color--text--secondary);
   --digi--footer--padding-top: var(--digi--container-gutter--largest);
   --digi--footer--margin-top: var(--digi--container-gutter--large);
+  --digi--footer--logo-vertical-padding: var(--digi--container-gutter--large);
 }

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

@@ -1,8 +1,8 @@
 @mixin digi-header--variables() {
-  --digi--header--padding: var(--digi--padding--large);
+  --digi--header--logo--padding-right: var(--digi--padding--large);
   --digi--header--border-width: var(--digi--border-width--primary);
   --digi--header--border-color: var(--digi--color--divider--primary);
+  --digi--header--padding-left: var(--digi--padding--medium);
   --digi--header--padding-right: var(--digi--padding--medium);
-  --digi--header--font-size: var(--digi--typography--body--font-size--desktop);
-  --digi--header--font-weight: var(--digi--typography--title-logo--font-weight--desktop);
+  --digi--header--content--gap: 1rem;
 }

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

@@ -2,11 +2,11 @@
 
 @mixin digi-logo--variables() {
   --digi--logo--img--min-width: #{rem(256)};
-  --digi--logo--img--max-width:#{rem(312)}; 
-  --digi--logo--img--max-width--large: #{rem(392)};   
-  --digi--logo--img--max-width--system: #{rem(44)}; 
-  
-  --digi--logo--padding: var(--digi--gutter--medium);
+  --digi--logo--img--max-width:#{rem(292)};
+  --digi--logo--img--max-width--large: #{rem(368)};
+  --digi--logo--img--max-width--system: #{rem(44)};
+
+  --digi--logo--padding: 1.375rem;
   --digi--logo--padding--wide: var(--digi--gutter--larger);
   --digi--logo--padding--large: var(--digi--gutter--medium);
   --digi--logo--padding--large--wide: var(--digi--gutter--larger);
@@ -15,25 +15,6 @@
   --digi--logo--color--primary: var(--digi--color--text--interactive--brand-primary);
   --digi--logo--color--secondary: var(--digi--color--text--secondary);
 
-  --digi--logo--system-name-color--primary: var(--digi--color--text--primary);
-  --digi--logo--system-name-color--secondary: var(--digi--color--text--secondary);
-
   --digi--logo--color--border--primary: var(--digi--color--text--primary);
   --digi--logo--color--border--secondary: var(--digi--color--text--secondary);
-
-  --digi--logo--border-width: var(--digi--border-width--primary);
-  --digi--logo--border-width--large: var(--digi--border-width--secondary);
-
-  --digi--logo--margin--system: 0 0 0 var(--digi--gutter--medium);
-  --digi--logo--margin--system--large: 0 0 0 var(--digi--gutter--larger);
-  --digi--logo--padding--system: 0 0 0 var(--digi--gutter--medium);
-  --digi--logo--padding--system--large: 0 0 0 var(--digi--gutter--larger);
-
-  --digi--logo--font-size: var(--digi--typography--title-logo--font-size--mobile);
-  --digi--logo--font-size--large: var(--digi--typography--title-logo--font-size--desktop-large);
-  --digi--logo--font-size--system: var(--digi--typography--title-logo--font-size--mobile);
-  --digi--logo--font-size--system--large: var(--digi--typography--title-logo--font-size--desktop);
-  --digi--logo--font-weight: var(--digi--typography--title-logo--font-weight--desktop);
-  --digi--logo--line-height: #{rem(44)}; // or 1.375
-  --digi--logo--font-family: var(--digi--global--typography--font-family--default);
 }

package/dist/collection/design-tokens/components/_navigation-breadcrumbs.variables.scss

@@ -12,7 +12,7 @@
 
 	--digi--navigation-breadcrumbs--link--visited--color: var(--digi--color--text--interactive--primary);
 	--digi--navigation-breadcrumbs--link--hover--focus--color: var(--digi--color--text--interactive--primary);
-	--digi--navigation-breadcrumbs--link--hover--focus--text-decoration: underline;
-	--digi--navigation-breadcrumbs--link--hover--focus--text-decoration-thickness: var(--digi--typography--text-decoration-thickness--hover);
+	--digi--navigation-breadcrumbs--link--hover--text-decoration: underline;
+	--digi--navigation-breadcrumbs--link--hover--text-decoration-thickness: var(--digi--typography--text-decoration-thickness--hover);
 	--digi--navigation-breadcrumbs--link--color: var(--digi--color--text--interactive--primary);
 }

package/dist/collection/enums.js

@@ -38,11 +38,9 @@ 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';
@@ -54,6 +52,7 @@ export * from './components/_form/form-textarea/form-textarea-validation.enum';
 export * from './components/_form/form-textarea/form-textarea-variation.enum';
 export * from './components/_form/form-validation-message/form-validation-message-variation.enum';
 export * from './components/_header/header/header-center-content-width.enum';
+export * from './components/_logo/title-logo/title-logo-variation.enum';
 export * from './components/_info-card/info-card-multi-container/info-card-multi-container-heading-level.enum';
 export * from './components/_info-card/info-card-multi/info-card-multi-heading-level.enum';
 export * from './components/_info-card/info-card-multi/info-card-multi-type.enum';

package/dist/collection/global/utils/applyStencilScope/applyStencilScope.util.js

@@ -0,0 +1,13 @@
+/**
+ * Small utility for adding Stencil component scope to dynamically inserted elements
+ * (e.g. svg for title logotypes)
+ */
+export function applyStencilScope(host, root) {
+    const scopeClasses = [...host.classList].filter(c => c.startsWith('sc-'));
+    if (!scopeClasses.length)
+        return;
+    root.classList.add(...scopeClasses);
+    root.querySelectorAll('*').forEach(el => {
+        el.classList.add(...scopeClasses);
+    });
+}

package/dist/collection/global/utils/applyStencilScope/index.js

@@ -0,0 +1 @@
+export * from './applyStencilScope.util';

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

@@ -7,8 +7,8 @@
   --digi--datepicker--calendar--show-week--max-width: #{rem(374)};
   --digi--datepicker--calendar-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);
   --digi--datepicker--calendar--background-color: var(--digi--color--background--interactive--default--secondary);
-  --digi--datepicker--input-icon--width: #{rem(14)};
-  --digi--datepicker--input-icon--horizontal-padding: #{rem(12)};
+  --digi--datepicker--input-icon--width: #{rem(18)};
+  --digi--datepicker--input-icon--horizontal-padding: #{rem(20)};
   --digi--datepicker--input-icon--vertical-padding: var(--digi--global--spacing--smallest-2);
   --digi--datepicker--input--inline-start: var(--digi--gutter--medium);
   --digi--datepicker--input--inline-end: calc(var(--digi--datepicker--input-icon--width) + var(--digi--datepicker--input-icon--horizontal-padding) * 2);

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

@@ -9,4 +9,5 @@
   --digi--footer--link--border-color--hover: var(--digi--color--text--secondary);
   --digi--footer--padding-top: var(--digi--container-gutter--largest);
   --digi--footer--margin-top: var(--digi--container-gutter--large);
+  --digi--footer--logo-vertical-padding: var(--digi--container-gutter--large);
 }

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

@@ -1,8 +1,8 @@
 @mixin digi-header--variables() {
-  --digi--header--padding: var(--digi--padding--large);
+  --digi--header--logo--padding-right: var(--digi--padding--large);
   --digi--header--border-width: var(--digi--border-width--primary);
   --digi--header--border-color: var(--digi--color--divider--primary);
+  --digi--header--padding-left: var(--digi--padding--medium);
   --digi--header--padding-right: var(--digi--padding--medium);
-  --digi--header--font-size: var(--digi--typography--body--font-size--desktop);
-  --digi--header--font-weight: var(--digi--typography--title-logo--font-weight--desktop);
+  --digi--header--content--gap: 1rem;
 }

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

@@ -2,11 +2,11 @@
 
 @mixin digi-logo--variables() {
   --digi--logo--img--min-width: #{rem(256)};
-  --digi--logo--img--max-width:#{rem(312)}; 
-  --digi--logo--img--max-width--large: #{rem(392)};   
-  --digi--logo--img--max-width--system: #{rem(44)}; 
-  
-  --digi--logo--padding: var(--digi--gutter--medium);
+  --digi--logo--img--max-width:#{rem(292)};
+  --digi--logo--img--max-width--large: #{rem(368)};
+  --digi--logo--img--max-width--system: #{rem(44)};
+
+  --digi--logo--padding: 1.375rem;
   --digi--logo--padding--wide: var(--digi--gutter--larger);
   --digi--logo--padding--large: var(--digi--gutter--medium);
   --digi--logo--padding--large--wide: var(--digi--gutter--larger);
@@ -15,25 +15,6 @@
   --digi--logo--color--primary: var(--digi--color--text--interactive--brand-primary);
   --digi--logo--color--secondary: var(--digi--color--text--secondary);
 
-  --digi--logo--system-name-color--primary: var(--digi--color--text--primary);
-  --digi--logo--system-name-color--secondary: var(--digi--color--text--secondary);
-
   --digi--logo--color--border--primary: var(--digi--color--text--primary);
   --digi--logo--color--border--secondary: var(--digi--color--text--secondary);
-
-  --digi--logo--border-width: var(--digi--border-width--primary);
-  --digi--logo--border-width--large: var(--digi--border-width--secondary);
-
-  --digi--logo--margin--system: 0 0 0 var(--digi--gutter--medium);
-  --digi--logo--margin--system--large: 0 0 0 var(--digi--gutter--larger);
-  --digi--logo--padding--system: 0 0 0 var(--digi--gutter--medium);
-  --digi--logo--padding--system--large: 0 0 0 var(--digi--gutter--larger);
-
-  --digi--logo--font-size: var(--digi--typography--title-logo--font-size--mobile);
-  --digi--logo--font-size--large: var(--digi--typography--title-logo--font-size--desktop-large);
-  --digi--logo--font-size--system: var(--digi--typography--title-logo--font-size--mobile);
-  --digi--logo--font-size--system--large: var(--digi--typography--title-logo--font-size--desktop);
-  --digi--logo--font-weight: var(--digi--typography--title-logo--font-weight--desktop);
-  --digi--logo--line-height: #{rem(44)}; // or 1.375
-  --digi--logo--font-family: var(--digi--global--typography--font-family--default);
 }

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

@@ -12,7 +12,7 @@
 
 	--digi--navigation-breadcrumbs--link--visited--color: var(--digi--color--text--interactive--primary);
 	--digi--navigation-breadcrumbs--link--hover--focus--color: var(--digi--color--text--interactive--primary);
-	--digi--navigation-breadcrumbs--link--hover--focus--text-decoration: underline;
-	--digi--navigation-breadcrumbs--link--hover--focus--text-decoration-thickness: var(--digi--typography--text-decoration-thickness--hover);
+	--digi--navigation-breadcrumbs--link--hover--text-decoration: underline;
+	--digi--navigation-breadcrumbs--link--hover--text-decoration-thickness: var(--digi--typography--text-decoration-thickness--hover);
 	--digi--navigation-breadcrumbs--link--color: var(--digi--color--text--interactive--primary);
 }