@designsystem-se/af 32.3.1-beta.1 → 33.0.0

package/dist/cjs/digi-notification-error-page.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cfa8e9be.js');
-const toolsFeedbackVariation_enum = require('./tools-feedback-variation.enum-4547e1e3.js');
+const toolsFeedbackVariation_enum = require('./tools-feedback-variation.enum-2ac9956e.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
@@ -28,9 +28,10 @@ require('./form-textarea-variation.enum-9c90d40f.js');
 require('./form-validation-message-variation.enum-855ae0be.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
-require('./layout-container-max-width.enum-7e637f44.js');
+require('./layout-block-container.enum-52ae6994.js');
 require('./layout-block-variation.enum-f6102119.js');
 require('./layout-columns-variation.enum-65675649.js');
+require('./typography-variation.enum-d7083728.js');
 require('./layout-media-object-alignment.enum-81c8e205.js');
 require('./link-button-variation.enum-6c51aa80.js');
 require('./link-external-variation.enum-4865305c.js');
@@ -50,7 +51,6 @@ require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');
 require('./progressbar-variation.enum-aff9fa80.js');
 require('./quote-image-inner-position.enum-e64e7a6d.js');
-require('./quote-single-variation.enum-53f94dbc.js');
 require('./table-variation.enum-25df2ad7.js');
 require('./tag-media-icon.enum-372563c5.js');
 require('./tag-size.enum-0a6be639.js');
@@ -59,15 +59,13 @@ require('./tools-feedback-rating-variation.enum-2f71e84d.js');
 require('./typography-heading-jumbo-variation.enum-8677e099.js');
 require('./typography-meta-variation.enum-13ac3538.js');
 require('./typography-time-variation.enum-bce1d87e.js');
-require('./typography-variation.enum-5b035b3b.js');
 const utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
 
 /* eslint-disable max-len */
 const notificationIllustrations = {
     'ill-401': {
         NotificationIllustrationComponent(children) {
-            return (index.h("svg", { width: "296.9px", height: "336.8px", viewBox: "0 0 296.9 336.8", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
-                index.h("title", null, "ill-401-dskt"),
+            return (index.h("svg", { "aria-hidden": "true", width: "296.9px", height: "336.8px", viewBox: "0 0 296.9 336.8", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
                 children,
                 index.h("g", { id: "Symboler", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
                     index.h("g", { id: "base-symbols/svg/deskt/401", transform: "translate(-174.100000, -2.100000)" },
@@ -84,7 +82,6 @@ const notificationIllustrations = {
     'ill-403': {
         NotificationIllustrationComponent(children) {
             return (index.h("svg", { width: "320.880434px", height: "348.880002px", viewBox: "0 0 320.880434 348.880002", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
-                index.h("title", null, "ill-403-dskt"),
                 children,
                 index.h("g", { id: "Symboler", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
                     index.h("g", { id: "base-symbols/svg/deskt/403", transform: "translate(-154.559953, -2.560000)" },
@@ -109,7 +106,6 @@ const notificationIllustrations = {
     'ill-404': {
         NotificationIllustrationComponent(children) {
             return (index.h("svg", { width: "351.88px", height: "283.88px", viewBox: "0 0 351.88 283.88", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
-                index.h("title", null, "ill-404-dskt"),
                 children,
                 index.h("g", { id: "Symboler", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
                     index.h("g", { id: "base-symbols/svg/deskt/404", transform: "translate(-119.560000, -1.560000)" },
@@ -143,7 +139,6 @@ const notificationIllustrations = {
     'ill-410': {
         NotificationIllustrationComponent(children) {
             return (index.h("svg", { width: "450.667027px", height: "312.33355px", viewBox: "0 0 450.667027 312.33355", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
-                index.h("title", null, "ill-410-dskt"),
                 children,
                 index.h("defs", null,
                     index.h("polygon", { id: "path-1", points: "0 0 32.3885059 0 32.3885059 56.5918546 0 56.5918546" })),
@@ -182,7 +177,6 @@ const notificationIllustrations = {
     'ill-500': {
         NotificationIllustrationComponent(children) {
             return (index.h("svg", { width: "358.675px", height: "317.675px", viewBox: "0 0 358.675 317.675", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
-                index.h("title", null, "ill-500-dskt"),
                 children,
                 index.h("g", { id: "Symboler", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
                     index.h("g", { id: "base-symbols/svg/deskt/500", transform: "translate(-115.162500, -11.162500)" },
@@ -202,7 +196,6 @@ const notificationIllustrations = {
     'ill-503': {
         NotificationIllustrationComponent(children) {
             return (index.h("svg", { width: "310", height: "349", viewBox: "0 0 310 349", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                index.h("title", null, "ill-503"),
                 children,
                 index.h("path", { d: "M178.013 33.1343V40.3293C178.013 51.8662 171.598 62.2979 161.256 67.5533H161.245C161.065 67.6548 160.918 67.7675 160.794 67.9029C158.262 69.9554 156.754 73.0341 156.754 76.2257V133.109H143.981V84.9545H140.605V133.109H127.832V76.2257C127.832 73.0341 126.335 69.9554 123.814 67.9141C123.679 67.7675 123.522 67.6548 123.342 67.5645C112.999 62.3092 106.574 51.8775 106.574 40.3293V33.1343C106.574 19.6238 115.678 7.64711 128.496 3.86914V36.9574C128.496 42.0774 132.66 46.25 137.78 46.25H146.817C151.938 46.25 156.09 42.0774 156.09 36.9574V3.86914C168.92 7.64711 178.013 19.6238 178.013 33.1343Z", fill: "white" }),
                 index.h("path", { d: "M178.013 308.26V315.466C178.013 328.966 168.92 340.954 156.09 344.72V311.643C156.09 306.512 151.938 302.339 146.817 302.339H137.78C132.66 302.339 128.496 306.512 128.496 311.643V344.72C115.678 340.954 106.574 328.966 106.574 315.466V308.26C106.574 296.723 112.999 286.292 123.342 281.036C123.342 281.036 123.353 281.036 123.353 281.025C123.533 280.935 123.679 280.822 123.814 280.687C126.335 278.634 127.832 275.555 127.832 272.375V248.828H140.605V263.635H143.981V248.828H156.754V272.375C156.754 275.657 158.352 278.837 161.031 280.89C161.098 280.935 161.177 280.991 161.245 281.036C161.267 281.047 161.278 281.047 161.301 281.059C161.312 281.07 161.323 281.07 161.323 281.07C161.335 281.07 161.346 281.07 161.357 281.093C171.632 286.359 178.013 296.757 178.013 308.26Z", fill: "white" }),
@@ -227,7 +220,6 @@ const notificationIllustrations = {
     'ill-504': {
         NotificationIllustrationComponent(children) {
             return (index.h("svg", { width: "336.450496px", height: "356.8025px", viewBox: "0 0 336.450496 356.8025", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
-                index.h("title", null, "ill-504-dskt"),
                 children,
                 index.h("g", { id: "Symboler", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
                     index.h("g", { id: "base-symbols/svg/deskt/504", transform: "translate(-138.352004, -3.000000)" },
@@ -380,15 +372,15 @@ const NotificationErrorPage = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '122ee131eafff827a559a15a9794ed12634af283' }, index.h("digi-layout-container", { key: '7db733ab80e8193af1dab1fc7cbc5f5e0245fad2', class: {
+        return (index.h(index.Host, { key: '69b1211fc7d3d4db840c8e1123e257089fdd8e0f' }, index.h("digi-layout-container", { key: 'c2d0853971479bed66da16ec998026d3e4ac5563', class: {
                 'digi-notification-error-page': true,
                 'digi-notification-error-page--mobile': this.isMobile
-            }, id: this.afId }, index.h("digi-typography", { key: '08c9ca2d9c060ec71393e2bd6244c03e7906ce21' }, index.h("digi-util-breakpoint-observer", { key: '96cccda47a00edf5366528c1777f8811eb021afa', onAfOnChange: (e) => {
+            }, id: this.afId }, index.h("digi-typography", { key: 'd2e5b8f0fce07cd7cfa06644ca8f436195511450' }, index.h("digi-util-breakpoint-observer", { key: 'aaa01436570a3e2daa311c8a10a54d4b70d0f0bb', onAfOnChange: (e) => {
                 const val = e.detail.value;
                 this.isMobile =
                     val === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL ||
                         val === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.MEDIUM;
-            } }), index.h("div", { key: '415ad07b14a1891762301dec86e290387bb07046', class: "digi-notification-error-page__grid" }, index.h("div", { key: '82a7fff99f37c566cb57a5c5119e2818b745d660', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (index.h(this.currentIllustration, null)) : null), index.h("div", { key: '61e19c546b45617ee929fe1b470e3e2363431cf5', class: "digi-notification-error-page__content" }, index.h("h1", { key: '4b64250d032be57a1a645a0e4f376b9eb8fb222a', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (index.h("div", { class: "digi-notification-error-page__content__bodytext" }, index.h("slot", { name: "bodytext" }))) : (index.h("div", { class: "digi-notification-error-page__content__bodytext" }, index.h("div", { innerHTML: this.getText().body }))), this.hasSearch && (index.h("div", { key: 'ca7778acd50ade49aa5799853ddcbb7990982406', class: "digi-notification-error-page__content__search" }, index.h("slot", { key: '5adce9ae4d208bf86936cfb19b95d477db25fcbb', name: "search" }))), this.hasLinks && (index.h("div", { key: '1c4aa7b215fd6cdde4b5b384eac7f0f5217caf0b', class: "digi-notification-error-page__content__links" }, index.h("slot", { key: '4b94715c2f78e6169967c085becd7c0d7b582ad3', name: "links" })))))))));
+            } }), index.h("div", { key: '8de7e47b2bb931e958b8b102f4a6494e9ec585a9', class: "digi-notification-error-page__grid" }, index.h("div", { key: '9c569fb53b9f2ccb151e610e337833548367da54', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (index.h(this.currentIllustration, null)) : null), index.h("div", { key: 'd378738a817d498298bd56110480bff977de340e', class: "digi-notification-error-page__content" }, index.h("h1", { key: 'b6d765c168c40d0ab4cdac4459d6ddd2bf16dce9', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (index.h("div", { class: "digi-notification-error-page__content__bodytext" }, index.h("slot", { name: "bodytext" }))) : (index.h("div", { class: "digi-notification-error-page__content__bodytext" }, index.h("div", { innerHTML: this.getText().body }))), this.hasSearch && (index.h("div", { key: '402a4ea8c2783706b25f0d1053c34c7faef353b9', class: "digi-notification-error-page__content__search" }, index.h("slot", { key: '270dfcc9e84cac8da44f186010295e4da827e8e6', name: "search" }))), this.hasLinks && (index.h("div", { key: '9a4154b3ab9775ad0690af8bcb32389dd896ace6', class: "digi-notification-error-page__content__links" }, index.h("slot", { key: 'd2d0ea4f25126989b86181ac61651a9d0de0431e', name: "links" })))))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-progress-circle.cjs.entry.js

@@ -44,6 +44,10 @@ const ProgressCircle = class {
     changeCompletedStepsHandler(value) {
         this.completedSteps = value;
     }
+    /**
+     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
+     * @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
+     */
     focusOnHeading() {
         this.headingElement.focus();
     }
@@ -60,20 +64,20 @@ const ProgressCircle = class {
         return;
     }
     render() {
-        return (index.h("div", { key: '99b44a85b82e6a8ad45a8361a2942df70f85b2d4', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
+        return (index.h("div", { key: '313f925e9c663a767f0c187f2e0c28419f05b717', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
                 ? ProgressCircleRole.STATUS
-                : null }, index.h("div", { key: 'b8a56de16fd355d1a6124e90e1fb50925798af1a', class: "digi-progress-circle__circle-wrapper" }, index.h("div", { key: '42aff20821e2a39e036ae6e0152e8364197cf80a', class: "digi-progress-circle__circle" }, index.h("p", { key: 'ca57e6b02ce3f4de6b18a45c2ff40ff92318e4e0', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), index.h("svg", { key: '00c80edf811f66e09f98244fd98bf36136eec3e7', width: this.radius * 2, height: this.radius * 2 }, index.h("defs", { key: 'e1af198e062d149f44aad1a48b123a2e2b462115' }, index.h("mask", { key: 'aac270d76145897b853a19033e49075355dbd842', id: this.afId }, index.h("circle", { key: 'bcd3c9035c26ab875e743fe7ff2a849015bbffed', 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" }))), index.h("g", { key: '34d76882ac77db38897cc87c113fd15e66270c31' }, index.h("circle", { key: '3faa9e6b428a47c944ab7c5a62837395fa834f53', 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 }), index.h("circle", { key: '27c3d8bd99cc46f421d1fcd0f96f4f0c60f79561', 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 && (index.h("circle", { key: 'a378becb2da253e4699d7e232ba3064c1819dc3a', 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 && (index.h("circle", { key: '63606706bd225d6cdfa79aef416cb4a8786be52b', 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" }))))), index.h("div", { key: '658eb6718710b4d4a0542df6dfa0cb548cea6f49', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (index.h("p", { key: '088e9ae3b8870aa33c820474c11a359a9b689332', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+                : null }, index.h("div", { key: 'efa8f433e6d8c0191167788b5b37e6468bd4488e', class: "digi-progress-circle__circle-wrapper" }, index.h("div", { key: '67b7980b3747f2b5f714e6f186e22e65985cdcfd', class: "digi-progress-circle__circle" }, index.h("p", { key: '6beab3bd347292e640450750265f8f392b968017', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), index.h("svg", { key: '475b126c34edf9e3da66a23108f177291c941918', width: this.radius * 2, height: this.radius * 2 }, index.h("defs", { key: '26cce0f47c702093546592ee194a05624475b7a9' }, index.h("mask", { key: '485c7ca4564d1c16a4b2f6a749cfc4f372dfc7b8', id: this.afId }, index.h("circle", { key: '0594753f47a8fb563b52992eeb204c4c5373962e', 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" }))), index.h("g", { key: '019dff70966a9bcf92920a3a6d41a8a856a97aa0' }, index.h("circle", { key: '7e581598ae735eb3c9a165f12fa1736421afb3bd', 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 }), index.h("circle", { key: '8ea320289a4d28e43577e2b752540458ddd17278', 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 && (index.h("circle", { key: '981935dcfe69e5fce609e78b10c6dde2979ddc72', 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 && (index.h("circle", { key: '430052951101efa1f38b2464ea55c8fd5d1a381a', 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" }))))), index.h("div", { key: '1d416f43064725e8028be4ec3535abcfe2fee45d', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (index.h("p", { key: 'cdfed2655943bd9db4a5700d5026e48e7045009f', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (index.h("p", { key: '22f2530e1f8a3aa8efdb4f06f86589c5791cbcf4', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (index.h("p", { key: 'f917fb0a169becaf6291c4681c228b0d2d53965b', 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 && (index.h("p", { key: '4ac2a6e3f8f07746190a8c3ea0c3d63e180ab78b', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, index.h("digi-icon-validation-warning", { key: '450134e22a151a88bee999afa5e90039cd006d3d', class: "digi-progress-circle__icon--warning" }), index.h("span", { key: 'c073d0d4f646ded69c6bbe0fc5c5b1be98e8d894' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (index.h("p", { key: '17639d528fb0259ea1cfc64a27f8d89a71142b61', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, index.h("digi-icon-validation-error", { key: '20a37e36adfeb6e6f8e4a2feee7cd5b8dbed47ed', class: "digi-progress-circle__icon--error" }), index.h("span", { key: 'b3df2d98a5719f1a1181582d63c931e7e4888819' }, this.afValidationLabel)))));
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (index.h("p", { key: 'a80cdd18ffa18536b68926c3b59de5c2b2da5db4', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, index.h("digi-icon-validation-warning", { key: '372bf47ba739af7528da52e053a187371e82d6e0', class: "digi-progress-circle__icon--warning" }), index.h("span", { key: 'a3dd19434e4ca601cc88aa3944a3707a81a3438f' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (index.h("p", { key: '5179e5145a9bf1d0cffca68b3bca92d429e2caa9', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, index.h("digi-icon-validation-error", { key: '59123cb52600064e9c53dcf754c597094de92d24', class: "digi-progress-circle__icon--error" }), index.h("span", { key: 'ca983c8a656a8e415d740142493bac7afbcef246' }, this.afValidationLabel)))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-progress-indicator.cjs.entry.js

@@ -74,6 +74,10 @@ const ProgressIndicator = class {
             });
         }
     }
+    /**
+     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
+     * @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
+     */
     focusOnHeading() {
         this.headingElement.focus();
     }
@@ -92,9 +96,9 @@ const ProgressIndicator = class {
         return;
     }
     render() {
-        return (index.h("div", { key: '287cbf18a16c942fac231faf112bd6f566223415', class: this.cssModifiers, role: this.afRole === progressIndicatorVariation_enum.ProgressIndicatorRole.STATUS
+        return (index.h("div", { key: '129050ed3f0aecee43976870d8c3fe834ab498fa', class: this.cssModifiers, role: this.afRole === progressIndicatorVariation_enum.ProgressIndicatorRole.STATUS
                 ? progressIndicatorVariation_enum.ProgressIndicatorRole.STATUS
-                : null }, index.h("div", { key: '4aeadba98f01be82e5f710f5c3cf4d14941ef4d5' }, this.afStepNextLabel !== undefined ? (index.h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (index.h("p", { class: "digi-progress-indicator__next", style: {
+                : null }, index.h("div", { key: 'ec760ad17be307e7078188b5f355f14008bd939d' }, this.afStepNextLabel !== undefined ? (index.h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (index.h("p", { class: "digi-progress-indicator__next", style: {
                 visibility: this.afStepNextLabel !== null &&
                     this.afStepNextLabel !== undefined
                     ? 'visible'
@@ -120,7 +124,7 @@ const ProgressIndicator = class {
                 progressIndicatorVariation_enum.ProgressIndicatorVariation.SECONDARY &&
                 item.checked &&
                 this.afCompletedSteps !== index$1 + 1 && (index.h("digi-icon-check", { class: "digi-progress-indicator__icon" })), index.h("span", { class: "digi-progress-indicator__step-number" }, index$1 + 1))));
-        }))), this.afStepNextLabel !== undefined && (index.h("p", { key: 'b0b3f8b2c66c4162a14c0d006c66b8c3223bf89f', class: "digi-progress-indicator__label" }, index.h("span", { key: 'ddbe99366fd65c649a0a8776c30e0d524b3675e5' }, `${this.afStepText}`, " "), index.h("span", { key: '8e07174a7de9d049e284b0b54131615f1213af2c', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (index.h("p", { key: 'e5dff1e3a81d6ba1f0da9257d6c78aff4c5c6e07', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, index.h("digi-icon-validation-warning", { key: '0d42e557e15b1e6ba23082f0168aefb7380ea58d', class: "digi-progress-indicator__icon--warning" }), index.h("span", { key: '3471990a83522db0e24e9b08c8feef405a00b75e' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (index.h("p", { key: 'c49a7ec3a760589080cbcf8bc1161b01be939aec', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, index.h("digi-icon-validation-error", { key: '5e03f34f8721a6e51ae801cab17f8fd2cb561746', class: "digi-progress-indicator__icon--error" }), index.h("span", { key: 'ab44ebbace52a015f1c59cfe2c33f1650a78ab4a' }, this.afValidationLabel))), index.h("div", { key: '5eee0a90be57aa07e883146da14b4abbfc5617f7', hidden: true, class: "digi-progress-indicator__slot" }, index.h("digi-util-mutation-observer", { key: 'f41e38917edf5f706890c2592feff4f11344d8ea', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, index.h("slot", { key: '3a46d6cc6a7b03fcf8449e2e8d147545e0ffbc84' })))));
+        }))), this.afStepNextLabel !== undefined && (index.h("p", { key: 'd22d8344fdec62143e0147e701c011ce7e189eac', class: "digi-progress-indicator__label" }, index.h("span", { key: '9a66cc1d054ce853a014acf2a5cbad43a1ac3e19' }, `${this.afStepText}`, " "), index.h("span", { key: '68bfada37c4de1fee2ec4e53ceb467831832f947', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (index.h("p", { key: 'd0b2f915f238245bd993401c9e16f17190258508', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, index.h("digi-icon-validation-warning", { key: '29ce0863e62eae150df7d327d79eb516bb2d6d20', class: "digi-progress-indicator__icon--warning" }), index.h("span", { key: 'c360860b68c279fdb61441cb2d2d21e9b0b18101' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (index.h("p", { key: '40839ee9f09d34803a7cf4e3800be15bfb5d8532', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, index.h("digi-icon-validation-error", { key: '81cde2de59b5d0b8965a96e2c23fdb1a586be862', class: "digi-progress-indicator__icon--error" }), index.h("span", { key: 'b9a33dcce30760da08233f6333acd425392d11e3' }, this.afValidationLabel))), index.h("div", { key: '1dcd28b87affe8aea016a0a47bacee08b2eac637', hidden: true, class: "digi-progress-indicator__slot" }, index.h("digi-util-mutation-observer", { key: '1d2f85e12f722cf8e322f89efcb109a377d2c09a', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, index.h("slot", { key: 'f12c39b8602f924929873b075acb04a57bac3f12' })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-progress-list-item.cjs.entry.js

@@ -79,7 +79,7 @@ const ProgressListItem = class {
     }
     render() {
         const ariaCurrent = this.afStepStatus == progressListItemVariation_enum.ProgressListItemStatus.CURRENT ? 'step' : 'false';
-        return (index.h(index.Host, { key: '2004d3f2ca692a20f609f444f35fe94d24cfb673', role: "listitem", "aria-current": ariaCurrent }, index.h("div", { key: '37bc4e2b86897d3f025a18ac09698b256d370f57', class: {
+        return (index.h(index.Host, { key: 'c527e33ef4dfe0504c747f8643c45b2c21344533', role: "listitem", "aria-current": ariaCurrent }, index.h("div", { key: 'c91f73ec86c55b767523160771fb70bfcc71bf4c', class: {
                 'digi-progress-list-item': true,
                 'digi-progress-list-item--expanded': this.afExpandable && this.afExpanded,
                 [`digi-progress-list-item--${this.afStepStatus}`]: true,
@@ -87,18 +87,18 @@ const ProgressListItem = class {
                 'digi-progress-list-item--primary': this.afVariation == progressListItemVariation_enum.ProgressListItemVariation.PRIMARY,
                 'digi-progress-list-item--secondary': this.afVariation == progressListItemVariation_enum.ProgressListItemVariation.SECONDARY,
                 'digi-progress-list-item--tertiary': this.afVariation == progressListItemVariation_enum.ProgressListItemVariation.TERTIARY
-            } }, index.h("span", { key: 'a37143979bac86ee2ffd8add5bcdbec44227be63', class: "digi-progress-list-item__indicator" }, index.h("span", { key: '1647889e6b5593d994cbef9d3cd0d035ec5940a9', class: {
+            } }, index.h("span", { key: '380e428b67ed7c033b6add22ea7f8d3734cf7a38', class: "digi-progress-list-item__indicator" }, index.h("span", { key: '4e440c6b736d91bda35c6bc7ce6c1c9c783be777', class: {
                 'digi-progress-list-item__indicator--circle': this.afType == progressListItemVariation_enum.ProgressListItemType.CIRCLE,
                 'digi-progress-list-item__indicator--icon': this.afType == progressListItemVariation_enum.ProgressListItemType.ICON
-            } }, this.renderStatusIcon()), index.h("span", { key: 'ce090c4488ede784a8c47ff36e467b5c277e5115', class: "digi-progress-list-item__indicator--line" })), index.h("div", { key: 'dadce4e437a8bf6d7860580f26f730e91590b15f', class: {
+            } }, this.renderStatusIcon()), index.h("span", { key: '2d8f62b655a505350f68dbcbe2ae409458f2b02e', class: "digi-progress-list-item__indicator--line" })), index.h("div", { key: 'db7136beb9e99297a139b30adfad5d8d72a00a94', class: {
                 'digi-progress-list-item__wrapper': true,
                 'digi-progress-list-item__wrapper--last': this.afIsLast
-            } }, index.h("div", { key: '1c86722346374122a84354a964bb007ee63bb112', class: "digi-progress-list-item__header" }, index.h(this.afHeadingLevel, { key: 'a974a68dfb81376d4bc5e70c69b325e1e6604283', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), index.h("div", { key: '790ae06d68cd4613dda360d6a341124318874184', class: {
+            } }, index.h("div", { key: 'e38ba65ea5235c4567beb15cf82f344eb5204597', class: "digi-progress-list-item__header" }, index.h(this.afHeadingLevel, { key: '77b6a655561af992fdbd9a61b446c5adf041d375', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), index.h("div", { key: '92dbfab6b9cee06e5893c1f068fe4ef659efb161', 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` }, index.h("div", { key: '8dc7078884f9ab1ee0dbbfcbfecf1bff27956a0d' }, index.h("slot", { key: '22ff5218a472f49d186c2c11446b105f0350dc10' })))))));
+            }, id: `${this.afId}-content` }, index.h("div", { key: 'c01a10d5f6210befae10f96c874ce9ed93f18176' }, index.h("slot", { key: '6cfc2f43a2edf8ab7e73f2ac4837b340083ab489' })))))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-progress-list.cjs.entry.js

@@ -106,7 +106,7 @@ const ProgressList = class {
         return null;
     }
     render() {
-        return (index.h("div", { key: '930b93adf674ebd315c626662d371bfb6e04fc28', class: "digi-progress-list" }, index.h("digi-typography", { key: '035695b2efcdc1073e40d1730d8461564003b417' }, this.renderHeading(), index.h("ol", { key: '12ada641bfb1f19771fcc81c7d7275d9af5d21c1', class: "digi-progress-list__content" }, index.h("slot", { key: 'ba58257657394088cf2e8daee1c2cbffda7fca0c' })))));
+        return (index.h("div", { key: 'f00cf7b4acc30e32aa2f5b0032d999733bf3d3f5', class: "digi-progress-list" }, index.h("digi-typography", { key: '870b83fe756b5594e4a3cbd80d2875d45ff7dc95' }, this.renderHeading(), index.h("ol", { key: 'fe6c80534fb9c387e339a1c888270f469077790d', class: "digi-progress-list__content" }, index.h("slot", { key: '6b357caf4c3368131f26a66d7bf3bcf14e362bd6' })))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-progressbar.cjs.entry.js

@@ -78,7 +78,7 @@ const Progressbar = class {
         return;
     }
     render() {
-        return (index.h("div", { key: '737754cdfc0ab7b1522a3404a8cd421a7314c85e', class: this.cssModifiers, role: this.afRole === progressbarVariation_enum.ProgressbarRole.STATUS ? progressbarVariation_enum.ProgressbarRole.STATUS : null }, index.h("p", { key: 'a037db0f689e985ef825dcdb59f34c87e97ed323', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (index.h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
+        return (index.h("div", { key: '19aa7eb7cc780b10e7d24221fadcabf50a39aff8', class: this.cssModifiers, role: this.afRole === progressbarVariation_enum.ProgressbarRole.STATUS ? progressbarVariation_enum.ProgressbarRole.STATUS : null }, index.h("p", { key: '9548f8e9c5189cb20a184e249a5c24997a0cc5a4', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (index.h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
             return (index.h("li", { class: {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': this.afCompletedSteps > i,
@@ -89,7 +89,7 @@ const Progressbar = class {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': item.checked
                 } }, index.h("span", { class: "digi-progressbar__step-indicator" }, index.h("span", { class: "digi-progressbar__step-number" }, index$1 + 1))));
-        }))), index.h("div", { key: '0796f41a58bc14e1a8fb4252b397c7f9a7d01c8d', hidden: true, class: "digi-progressbar__slot" }, index.h("digi-util-mutation-observer", { key: 'abb21fe822e71adb7a1953b643def1cd052711fa', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, index.h("slot", { key: '86216adf2fe5918967d24e15f436f83ee5179415' })))));
+        }))), index.h("div", { key: '14e4da3e6aaa62fcff644e5d51f4fd73fd14c911', hidden: true, class: "digi-progressbar__slot" }, index.h("digi-util-mutation-observer", { key: '7a9c3ab5f6d95848a6266c98203da43a0517a96e', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, index.h("slot", { key: '5b2bc7d3445a7149d013ef33d3b8532a71e22a63' })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-quote.cjs.entry.js

@@ -96,7 +96,7 @@ const Quote = class {
         return (index.h("div", { class: "digi-quote__variation--highlight-wrapper" }, index.h("div", { class: { 'quote-image': true, hide: !this.isMobile } }, this.renderImage()), index.h("div", { class: "digi-quote-icon-flex" }, index.h("span", { class: "quote-icon" }, this.renderQuotationMark()), index.h("div", { class: "quote-content" }, index.h("digi-typography", null, index.h("blockquote", null, index.h("slot", null))), index.h("digi-typography", null, this.afQuoteAuthorName && this.renderAuthorName(), this.afQuoteAuthorTitle && this.renderAuthorTitle()))), index.h("div", { class: { 'quote-image': true, hide: this.isMobile } }, this.renderImage())));
     }
     render() {
-        return (index.h(index.Host, { key: 'bdcd5e9b3978fece02663be25fc6dcc2c871de4a' }, index.h("digi-util-breakpoint-observer", { key: 'a93a7be061ee2d4ec2c59fb5496d0fd7a231a358', onAfOnChange: (e) => this.breakpointHandler(e) }), index.h("div", { key: '51ee0cec4b807761e61f3621867cb55c175a80e8', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
+        return (index.h(index.Host, { key: '9e8b787191871822c615e3dd6e5ba11afe2c9558' }, index.h("digi-util-breakpoint-observer", { key: '1d4928219776edf8e04063a747df706b1fc72267', onAfOnChange: (e) => this.breakpointHandler(e) }), index.h("div", { key: 'cc9d869d70e83686b7ce07e31cc9e3a757e30354', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
     }
 };
 Quote.style = DigiQuoteStyle0;

package/dist/cjs/digi-table.cjs.entry.js

@@ -25,7 +25,7 @@ const Table = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'f69b05f3bf115c7b840dadaed6997186b014707d', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, index.h("div", { key: '057043fac73af48d87da7b3bfe0da4e94f1b9635', class: "digi-table__scroll-container" }, index.h("slot", { key: '08e76e6805bfdda5ec5c593f91ae1cb437ffd7ce' }))));
+        return (index.h("div", { key: '081ef1b6b8ea07625c06a2009187f2d39f03abd3', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, index.h("div", { key: '035c017a946ac09441f65e44b823d0fcb3e10b05', class: "digi-table__scroll-container" }, index.h("slot", { key: '49ebdc1e980713faee29d3dec72ecf8dfbcb50db' }))));
     }
 };
 Table.style = DigiTableStyle0;

package/dist/cjs/digi-tablist-panel.cjs.entry.js

@@ -11,11 +11,11 @@ const NavigationTabPanel = class {
         this.isVisible = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'c6085ad48782a59362e55f1c12cfaf928fc40c47' }, index.h("div", { key: '23da99f4d99d1a88e1125f127e7de150e6ef0aea', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
+        return (index.h(index.Host, { key: '86f137cc5e2a52c59307d8efd21981606c84478e' }, index.h("div", { key: '642ae49a6b9c667b786acd732d30b5e62f0a629e', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
                 display: this.isVisible ? 'initial' : 'none',
                 overflowX: 'hidden',
                 overflowY: 'auto'
-            } }, index.h("slot", { key: 'a798b98cbc83639854995d446b457f3f39fbf3ab' }))));
+            } }, index.h("slot", { key: '01cdafb4516423f5561fdf8d8128fc7370e4f9ec' }))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-tablist.cjs.entry.js

@@ -228,14 +228,14 @@ const NavigationTablist = class {
             cancelAnimationFrame(this._requestAnimationFrame);
     }
     render() {
-        return (index.h(index.Host, { key: '1c4f02178c4ec0a728bc08b9679a9c067d58e64b' }, index.h("div", { key: '8cd714379823932261c1903babf6cbe6c1df6b95', class: {
+        return (index.h(index.Host, { key: 'b254db2497b74752d34aa4672ae38ac5a1051024' }, index.h("div", { key: '4028d5c2ee9954fb5755285dfe88029fec02d516', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === navigationTablist_types.OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === navigationTablist_types.OverflowMode.Controls
-            } }, index.h("div", { key: 'c263bdf6f3d1904d43e90d7ff92547f6c3665bb0', class: "control-wrapper", style: {
+            } }, index.h("div", { key: '1643904cc02630eb56f711b7decf3157cefab417', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, index.h("button", { key: 'ed97d0d647af8f9cd4c8b93a789f247297df5c6c', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Previous) }, index.h("digi-icon-chevron-left", { key: 'afcb7a95d3e2ac83b4af9881ddde8163905cc4c8' }))), index.h("div", { key: '9de31c4f7e188a5105f806cd0a6b1af800bc5b28', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, index.h("button", { key: 'd71bb576079e486f2bf197c1654e47ef81147455', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Previous) }, index.h("digi-icon-chevron-left", { key: 'e9d6cfbbb9aa6175d591db7fa67918b266506ed1' }))), index.h("div", { key: 'ae8db9b6af8276c07fef53b1e376ccf975dd1822', 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}`;
@@ -244,10 +244,10 @@ const NavigationTablist = class {
                     '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) }, index.h("div", { class: "content-wrapper" }, index.h("span", { class: "tablist-content" }, tab.icon && index.h(Icon, { "aria-hidden": "true" }), index.h("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (index.h("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), index.h("div", { class: "indicator" }))));
-        })), index.h("div", { key: 'c476c9b8713f87bddfc2bf7c22f1f0d32fa6af59', class: "control-wrapper", style: {
+        })), index.h("div", { key: 'fad2b3c44632c2354abef8c4a863654cfb44954a', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, index.h("button", { key: '9c4432ddaa1318580ca5dcad137c677444d463dc', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Next) }, index.h("digi-icon-chevron-right", { key: '2f72fddaa29d6ba0d6956f8fcf1db6b457f8c0fd' })))), index.h("div", { key: '2294cc2cb2c5947d904340b0daa3a81e6b18f1e1', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, index.h("slot", { key: '14844d23f7ae2ac24c82fe0d21f5f2f5b423c53e' }))));
+            } }, index.h("button", { key: '75df669a8a5693fb90755daccbb85a09478124cc', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Next) }, index.h("digi-icon-chevron-right", { key: 'b9d9fe9346d98fda9c97f999a1667645a58e3686' })))), index.h("div", { key: '03997499224b2d881c755eef234cee9dda4e2828', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, index.h("slot", { key: '0d983ff976eb7a90b92030b3ef9a33c135aab90a' }))));
     }
     static get watchers() { return {
         "activeTab": ["syncPanels"],

package/dist/cjs/digi-tag-media.cjs.entry.js

@@ -36,9 +36,9 @@ const TagMedia = class {
         return index.h("digi-icon-news", { class: "digi-tag-media__icon" });
     }
     render() {
-        return (index.h(index.Host, { key: '133d7efdfb8710dfd6cdc70656215c6f484ea02a' }, index.h("div", { key: '1c0cd0c2b20c2461f4d4e7172f65c9322d93fc43', class: {
+        return (index.h(index.Host, { key: '6495cad281699957e8e521be923aab4f3fcfeb9f' }, index.h("div", { key: 'a634a1c2c35b6888b8220923b316b701e0647f76', class: {
                 'digi-tag-media': true
-            } }, this.tagIcon, index.h("span", { key: '6efa6d773aef28165f9b76cc822e0f823cb2a5b9', class: "digi-tag-media__text" }, this.afText))));
+            } }, this.tagIcon, index.h("span", { key: '506bf750e77c8147c2becc2cce14fb7026984343', class: "digi-tag-media__text" }, this.afText))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-tag.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-cfa8e9be.js');
 const tagSize_enum = require('./tag-size.enum-0a6be639.js');
 const text = require('./text-ca7e238b.js');
 
-const tagCss = ".sc-digi-tag-h{--digi--tag--display:inline-block;--digi--tag--margin-bottom:var(--digi--gutter--smaller)}.sc-digi-tag-h .digi-tag.sc-digi-tag{display:var(--digi--tag--display);margin-bottom:var(--digi--tag--margin-bottom)}";
+const tagCss = ".sc-digi-tag-h{--digi--tag--display:inline-block;--digi--tag--margin-bottom:var(--digi--gutter--smaller)}.sc-digi-tag-h .digi-tag.sc-digi-tag{display:var(--digi--tag--display);margin-bottom:var(--digi--tag--margin-bottom)}.sc-digi-tag-h .digi-tag__text.sc-digi-tag{display:inline-block;max-width:100%;white-space:normal}.sc-digi-tag-h .digi-tag__text--break.sc-digi-tag{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}";
 const DigiTagStyle0 = tagCss;
 
 const Tag = class {
@@ -17,6 +17,7 @@ const Tag = class {
         this.afNoIcon = false;
         this.afAriaLabel = undefined;
         this.afSize = tagSize_enum.TagSize.SMALL;
+        this.afBreakWords = false;
     }
     clickHandler(e) {
         this.afOnClick.emit(e);
@@ -32,7 +33,7 @@ const Tag = class {
         return this.afText;
     }
     render() {
-        return (index.h("digi-button", { key: 'cd3122d6a6e72ecc037cf22b1d7df6f41aa29a78', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && index.h("digi-icon-x", { key: '4c6c28a3b449109f65b82238e1d5215630fd63e5', slot: "icon-secondary" })));
+        return (index.h("digi-button", { key: '6462faeac49e6bea1de19d53cfceb82189b27daf', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && index.h("digi-icon-x", { key: '89c4ecec2d4e7fdbf665fe75b19e784548067029', slot: "icon-secondary" })));
     }
 };
 Tag.style = DigiTagStyle0;

package/dist/cjs/digi-tools-feedback-banner.cjs.entry.js

@@ -90,7 +90,7 @@ const FeedbackBanner = class {
             }), index.h("div", { hidden: true, class: "digi-tools-feedback-banner__slot" }, index.h("digi-util-mutation-observer", { ref: (el) => (this._observer = el), onAfOnChange: () => this.validateLinks() }, index.h("slot", null))))));
     }
     render() {
-        return (index.h("div", { key: '99e32940138a94cd11fd231367f0787302758f65', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === toolsFeedbackBannerType_enum.ToolsFeedbackBannerType.FULLWIDTH && (index.h("digi-layout-block", { key: '149d46da9d955d9dabc36581127bd90a6d24061a', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== toolsFeedbackBannerType_enum.ToolsFeedbackBannerType.FULLWIDTH && this.content));
+        return (index.h("div", { key: 'c7b4c2ba4fc1d8a012fb6660c57f9aaf16719695', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === toolsFeedbackBannerType_enum.ToolsFeedbackBannerType.FULLWIDTH && (index.h("digi-layout-block", { key: '6730815e4d57ef48bc1b23da9bda93c427e42325', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== toolsFeedbackBannerType_enum.ToolsFeedbackBannerType.FULLWIDTH && this.content));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-tools-feedback-rating.cjs.entry.js

@@ -167,10 +167,10 @@ const ToolsFeedbackRating = class {
     get content() {
         return (index.h("digi-typography", null, this.validContent && (index.h("div", { dir: this.afDir, lang: this.afLang, class: `digi-tools-feedback-rating__wrapper ${this.currentStep === 2 ? 'step2' : ''}` }, this.currentStep === 1 && (index.h("div", { class: "digi-tools-feedback-rating__star-rating" }, index.h(this.afHeadingLevel, { id: `${this.afId}-rating-question`, class: `digi-tools-feedback-rating__heading ${this.afType === toolsFeedbackRatingVariation_enum.FeedbackRatingType.MINIMAL ? 'hidden' : ''}` }, this.afQuestion), index.h("div", { class: "digi-tools-feedback-rating__step1-wrapper" }, this.afRatings && (index.h("span", { class: "digi-tools-feedback-rating__step1-description" }, "V\u00E4lj fr\u00E5n", ' ', `${(this.ratingsData().find((item) => item.value === 1) ||
             {}).text.toLowerCase() || null} till ${(this.ratingsData().find((item) => item.value === 5) ||
-            {}).text.toLowerCase() || null}`)), index.h("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (index.h("div", { class: "digi-tools-feedback-rating__star-rating-star" }, index.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) }, index.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' : ''}` }, index.h("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, index.h("g", { transform: "translate(1663, 2565)" }, index.h("g", { transform: "translate(190, 0)" }, index.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", id: "Stroke-3" })))))))))))))), this.currentStep === 2 && (index.h("div", { class: "digi-tools-feedback-rating__thankyou" }, index.h("div", { class: "digi-tools-feedback-rating__thankyou-text" }, index.h("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.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" }), index.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: "#95C13E" }))), index.h("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (index.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 && (index.h("div", { class: "digi-tools-feedback-rating__link" }, index.h("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
+            {}).text.toLowerCase() || null}`)), index.h("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (index.h("div", { class: "digi-tools-feedback-rating__star-rating-star" }, index.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) }, index.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' : ''}` }, index.h("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, index.h("g", { transform: "translate(1663, 2565)" }, index.h("g", { transform: "translate(190, 0)" }, index.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 && (index.h("div", { class: "digi-tools-feedback-rating__thankyou" }, index.h("div", { class: "digi-tools-feedback-rating__thankyou-text" }, index.h("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.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" }), index.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: "#95C13E" }))), index.h("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (index.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 && (index.h("div", { class: "digi-tools-feedback-rating__link" }, index.h("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
     }
     render() {
-        return (index.h("div", { key: '0a851042501b8d4be3c30fcb8a59ca8920f6274a', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, index.h("digi-layout-block", { key: '06d9e3de4b0c967ff8f6105cbd2182c229cf382f', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
+        return (index.h("div", { key: '26c24e24485d795838830758c6616229bd9d5fc4', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, index.h("digi-layout-block", { key: '9df5e3a6c4d99c8e206c7bb08407c79247e52121', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-tools-feedback.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cfa8e9be.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-const toolsFeedbackVariation_enum = require('./tools-feedback-variation.enum-4547e1e3.js');
+const toolsFeedbackVariation_enum = require('./tools-feedback-variation.enum-2ac9956e.js');
 const layoutBlockVariation_enum = require('./layout-block-variation.enum-f6102119.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
@@ -29,8 +29,9 @@ require('./form-textarea-variation.enum-9c90d40f.js');
 require('./form-validation-message-variation.enum-855ae0be.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
-require('./layout-container-max-width.enum-7e637f44.js');
+require('./layout-block-container.enum-52ae6994.js');
 require('./layout-columns-variation.enum-65675649.js');
+require('./typography-variation.enum-d7083728.js');
 require('./layout-media-object-alignment.enum-81c8e205.js');
 require('./link-button-variation.enum-6c51aa80.js');
 require('./link-external-variation.enum-4865305c.js');
@@ -50,7 +51,6 @@ require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');
 require('./progressbar-variation.enum-aff9fa80.js');
 require('./quote-image-inner-position.enum-e64e7a6d.js');
-require('./quote-single-variation.enum-53f94dbc.js');
 require('./table-variation.enum-25df2ad7.js');
 require('./tag-media-icon.enum-372563c5.js');
 require('./tag-size.enum-0a6be639.js');
@@ -59,7 +59,6 @@ require('./tools-feedback-rating-variation.enum-2f71e84d.js');
 require('./typography-heading-jumbo-variation.enum-8677e099.js');
 require('./typography-meta-variation.enum-13ac3538.js');
 require('./typography-time-variation.enum-bce1d87e.js');
-require('./typography-variation.enum-5b035b3b.js');
 require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
 
 const toolsFeedbackCss = ".digi--util--fs--xs.sc-digi-tools-feedback{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-tools-feedback{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-tools-feedback{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-tools-feedback{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-tools-feedback{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-tools-feedback{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-tools-feedback{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-tools-feedback{padding-top:5rem !important}.digi--util--pb--1.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-tools-feedback{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-tools-feedback{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-tools-feedback{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-tools-feedback{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-tools-feedback{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-tools-feedback{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-tools-feedback{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-tools-feedback{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-tools-feedback{padding:2.5rem !important}.digi--util--p--60.sc-digi-tools-feedback{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-tools-feedback{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-tools-feedback{padding:4.5rem !important}.digi--util--p--90.sc-digi-tools-feedback{padding:5rem !important}.digi--util--ptb--1.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-tools-feedback{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-tools-feedback{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-tools-feedback{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-tools-feedback{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-tools-feedback{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-tools-feedback{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-tools-feedback{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-tools-feedback{display:none}.sc-digi-tools-feedback-h{--digi--tools-feedback--background-color--primary:var(--digi--color--background--neutral-5);--digi--tools-feedback--background-color--secondary:var(--digi--color--background--primary);--digi--tools-feedback--padding:var(--digi--padding--large);--digi--tools-feedback--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--digi--tools-feedback--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--tools-feedback--heading--font-family:var(--digi--global--typography--font-family--default);--digi--tools-feedback--heading--font-weight:var(--digi--typography--heading-4--font-weight--desktop)}.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{background-color:var(--BACKGROUND-COLOR);font-family:var(--digi--tools-feedback--heading--font-family)}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:0;padding-bottom:3rem}}.sc-digi-tools-feedback-h .digi-tools-feedback--primary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--primary)}.sc-digi-tools-feedback-h .digi-tools-feedback--secondary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--secondary)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback{display:grid;padding-inline:var(--digi--padding--medium)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{grid-column:1;grid-row:1}.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:row;align-items:center;padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:column;align-items:flex-start;padding-inline-start:0;padding-top:0;padding-bottom:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{display:flex;flex-direction:row;padding-inline-end:var(--digi--padding--largest-3);font-size:var(--digi--tools-feedback--font-size--desktop)}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{padding-inline-start:0;padding-inline-end:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{margin-top:0.4rem;font-size:var(--digi--tools-feedback--font-size--desktop);margin-bottom:0 !important;font-weight:var(--digi--tools-feedback--heading--font-weight)}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{font-size:var(--digi--tools-feedback--font-size--mobile)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.4rem;padding-inline-end:var(--digi--padding--large);flex-shrink:0}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{padding-inline-end:var(--digi--padding--medium)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{display:flex;column-gap:var(--digi--padding--smaller)}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback digi-button.sc-digi-tools-feedback{--digi--button--width:5.625rem;text-align:center}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:calc(58px + 1rem)}}.sc-digi-tools-feedback-h .digi-tools-feedback__close-button.sc-digi-tools-feedback{visibility:hidden}.sc-digi-tools-feedback-h .digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{padding-bottom:0}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:var(--digi--padding--medium);padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:0}}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.65rem}.sc-digi-tools-feedback-s>[slot=form]{display:none}.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{display:grid;justify-content:end;padding-top:var(--digi--padding--medium);padding-inline-end:var(--digi--padding--smaller);visibility:visible}@media (max-width: 36rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{padding-top:0;padding-bottom:var(--digi--padding--medium)}}.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{display:flex;flex-direction:column;padding-top:var(--digi--padding--large);padding-bottom:3.563rem;max-width:37.5rem}@media (max-width: 36rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{padding-inline-start:0}}";
@@ -125,7 +124,7 @@ const ToolsFeedback = class {
         this.afOnReady.emit();
     }
     render() {
-        return (index.h("div", { key: '7947fb1c1bf8822ebc86238325092876f3f12cd8', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === toolsFeedbackVariation_enum.ToolsFeedbackType.FULLWIDTH && (index.h("digi-layout-block", { key: '38a96dd03449a9b9398390da7d5e8aced4a067d3', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== toolsFeedbackVariation_enum.ToolsFeedbackType.FULLWIDTH && this.content));
+        return (index.h("div", { key: '83db61c7c9b70f2dbef26326b875516084e9f1bf', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === toolsFeedbackVariation_enum.ToolsFeedbackType.FULLWIDTH && (index.h("digi-layout-block", { key: '5b40e1b4d98076f70aae457ae44bc361d3a4c38a', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== toolsFeedbackVariation_enum.ToolsFeedbackType.FULLWIDTH && this.content));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-tools-languagepicker.cjs.entry.js

@@ -96,19 +96,19 @@ const ToolsLanguagepicker = class {
         return {};
     }
     render() {
-        return (index.h("div", { key: 'f9f8a82bf6ff533a1351f58e43feb9a9975f3b17', class: Object.assign({ 'digi-tools-languagepicker': true }, this.cssModifiers) }, this._afLanguagepickerHide === false && (index.h("digi-navigation-context-menu", { key: '18667e2f55d8a221847bf0d8da2ecb464c3d4563', afText: this._afLanguagepickerText, afId: this._afId + '__languagepicker', afStartSelected: this._afLanguagepickerStartSelected, afNavigationContextMenuItems: this._afLanguagepickerItems, afIcon: this._languagepickerIcon, onAfOnActive: (event) => this.afOnActive.emit(event.detail), onAfOnBlur: (event) => this.afOnBlur.emit(event.detail), onAfOnChange: (event) => this.afOnChange.emit(event.detail), onAfOnInactive: (event) => this.afOnInactive.emit(event.detail), onAfOnSelect: (event) => this.afOnSelect.emit(event.detail), onAfOnToggle: (event) => this.afOnToggle.emit(event.detail), class: "digi-tools-languagepicker__context" })), this._afListenShow && (index.h("digi-button", { key: '4eafb707710d6f50bca516c49d964b336b68b80e', "af-size": "medium", "af-variation": "primary", onAfOnClick: (event) => {
+        return (index.h("div", { key: '9d6a102cfafccc1ce645b30116103f774747f8ff', class: Object.assign({ 'digi-tools-languagepicker': true }, this.cssModifiers) }, this._afLanguagepickerHide === false && (index.h("digi-navigation-context-menu", { key: '7330c35a38e49cc30afbecee91b263be666d0854', afText: this._afLanguagepickerText, afId: this._afId + '__languagepicker', afStartSelected: this._afLanguagepickerStartSelected, afNavigationContextMenuItems: this._afLanguagepickerItems, afIcon: this._languagepickerIcon, onAfOnActive: (event) => this.afOnActive.emit(event.detail), onAfOnBlur: (event) => this.afOnBlur.emit(event.detail), onAfOnChange: (event) => this.afOnChange.emit(event.detail), onAfOnInactive: (event) => this.afOnInactive.emit(event.detail), onAfOnSelect: (event) => this.afOnSelect.emit(event.detail), onAfOnToggle: (event) => this.afOnToggle.emit(event.detail), class: "digi-tools-languagepicker__context" })), this._afListenShow && (index.h("digi-button", { key: '8207ac75310488b64ca90106eff988d4df1c494e', "af-size": "medium", "af-variation": "primary", onAfOnClick: (event) => {
                 this.afOnClick.emit(event);
             }, onAfOnBlur: (event) => {
                 this.afOnBlur.emit(event);
             }, onAfOnFocus: (event) => {
                 this.afOnFocus.emit(event);
-            }, "af-id": this._afId + '__listenButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : ''}` }, index.h("digi-icon-volume", { key: '5c0d42d19823d1521c91c29862360ce1ca016ce7', slot: "icon" }), this._afListenText)), this._afSignlangHide === false && (index.h("digi-button", { key: '9053a1f9220db13761cc01558c69ac0b37a3bad7', "af-size": "medium", "af-variation": "primary", onAfOnClick: (event) => {
+            }, "af-id": this._afId + '__listenButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : ''}` }, index.h("digi-icon-volume", { key: '8f223b7951a4bcccbf2cbadbec0740b082067450', slot: "icon" }), this._afListenText)), this._afSignlangHide === false && (index.h("digi-button", { key: '9002660c75d94c4a907ff0f6b967dfc5583ebbeb', "af-size": "medium", "af-variation": "primary", onAfOnClick: (event) => {
                 this.afOnClick.emit(event);
             }, onAfOnBlur: (event) => {
                 this.afOnBlur.emit(event);
             }, onAfOnFocus: (event) => {
                 this.afOnFocus.emit(event);
-            }, "af-id": this._afId + '__signlangButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : 'show-text'}` }, index.h("digi-icon-sign", { key: 'cc527644d8d5cb58372774965dfb542abc55356c', slot: "icon" }), this._afSignlangText))));
+            }, "af-id": this._afId + '__signlangButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : 'show-text'}` }, index.h("digi-icon-sign", { key: '9dd664b4a3620cc063ad7128046ffab5e7175760', slot: "icon" }), this._afSignlangText))));
     }
     static get watchers() { return {
         "afLanguagepickerText": ["watchHandler_afLanguagepickerText"],

package/dist/cjs/digi-typography-heading-jumbo.cjs.entry.js

@@ -16,17 +16,21 @@ const TypographyHeadingJumbo = class {
         this.afLevel = typographyHeadingJumboVariation_enum.TypographyHeadingJumboLevel.H1;
         this.afLang = 'sv';
     }
+    /**
+     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
+     * @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
+     */
     focusOnHeading() {
         this.headingElement.focus();
     }
     get cssModifiers() {
         return {
             'digi-typography-heading-jumbo--primary': this.afVariation === typographyHeadingJumboVariation_enum.TypographyHeadingJumboVariation.PRIMARY,
-            'digi-typography-heading-jumbo--secondary': this.afVariation === typographyHeadingJumboVariation_enum.TypographyHeadingJumboVariation.SECONDARY,
+            'digi-typography-heading-jumbo--secondary': this.afVariation === typographyHeadingJumboVariation_enum.TypographyHeadingJumboVariation.SECONDARY
         };
     }
     render() {
-        return (index.h(this.afLevel, { key: '33bf2fc6ca5a18c5440ba7ca9ccc2409c853f45a', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
+        return (index.h(this.afLevel, { key: 'b02d50505c6632cea642b1d8e5139549e20da4e6', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
     }
 };
 TypographyHeadingJumbo.style = DigiTypographyHeadingJumboStyle0;