@designsystem-se/af 39.0.1-beta.dark-mode → 39.1.0

package/dist/collection/components/_navigation/navigation-context-menu/navigation-context-menu.css

@@ -16,7 +16,7 @@ License: none (public domain)
   --digi--navigation-context-menu--item--background-color--active: var(--digi--color--background--interactive--selected--tertiary);
   --digi--navigation-context-menu--item--display: flex;
   --digi--navigation-context-menu--item--font-family: var(--digi--global--typography--font-family--default);
-  --digi--navigation-context-menu--item--font-color: var(--digi--color--text--interactive--tertiary);
+  --digi--navigation-context-menu--item--font-color: var(--digi--color--text--primary);
   display: block;
   box-sizing: border-box;
   width: fit-content;
@@ -82,7 +82,6 @@ License: none (public domain)
   font-size: var(--digi--navigation-context-menu--item--font-size);
   display: var(--digi--navigation-context-menu--item--display);
   font-family: var(--digi--navigation-context-menu--item--font-family);
-  color: var(--digi--navigation-context-menu--item--font-color);
   padding: 0.625rem 0;
   max-width: max-content;
   min-width: 100%;
@@ -109,7 +108,7 @@ License: none (public domain)
 }
 :host .digi-navigation-context-menu .digi-navigation-context-menu__item--link a {
   padding: 0.625rem 1rem;
-  color: var(--digi--navigation-context-menu--item--font-color);
+  color: var(--digi--navigation-context-menu--item--font-color, #333333);
   text-decoration: none;
   margin: 0;
   width: 100%;

package/dist/collection/components/_navigation/navigation-vertical-menu-item/navigation-vertical-menu-item.css

@@ -5,9 +5,9 @@ License: none (public domain)
 :host {
   --digi--navigation-vertical-menu-item--toggle-icon--character: "+";
   --digi--navigation-vertical-menu-item--toggle-icon--character--active: "-";
-  --digi--navigation-vertical-menu-item--toggle-icon--color: var(--digi--color--icon--cta);
-  --digi--navigation-vertical-menu-item--toggle-icon--color--hover: var(--digi--color--icon--secondary);
-  --digi--navigation-vertical-menu-item--toggle-icon--color--active: var(--digi--color--icon--cta);
+  --digi--navigation-vertical-menu-item--toggle-icon--color: var(--digi--color--text--interactive--primary);
+  --digi--navigation-vertical-menu-item--toggle-icon--color--hover: var(--digi--color--text--interactive--secondary);
+  --digi--navigation-vertical-menu-item--toggle-icon--color--active: var(--digi--color--text--interactive--primary);
   --digi--navigation-vertical-menu-item--toggle-icon--background: var(--digi--color--background--interactive--default--tertiary);
   --digi--navigation-vertical-menu-item--toggle-icon--background--hover: var(--digi--color--background--interactive--hover--tertiary);
   --digi--navigation-vertical-menu-item--toggle-icon--background--active: var(--digi--color--background--interactive--selected--on-menu-minus-button);

package/dist/collection/components/_notification/notification-alert/notification-alert.css

@@ -22,7 +22,7 @@ License: none (public domain)
   --digi--notification-alert--icon--color--success: var(--digi--color--icon--secondary);
   --digi--notification-alert--icon--background--success: var(--digi--color--background--sentiment--success--primary);
   --digi--notification-alert--border--warning: var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--warning);
-  --digi--notification-alert--icon--color--warning: var(--digi--color--icon--primary-anti-reverse);
+  --digi--notification-alert--icon--color--warning: var(--digi--color--icon--primary);
   --digi--notification-alert--icon--background--warning: var(--digi--color--background--sentiment--warning--primary);
   --digi--notification-alert--border--danger: var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--error);
   --digi--notification-alert--icon--color--danger: var(--digi--color--icon--secondary);

package/dist/collection/components/_progress/progress-circle/progress-circle-heading-level.enum.js

@@ -0,0 +1,9 @@
+export var ProgressCircleHeadingLevel;
+(function (ProgressCircleHeadingLevel) {
+    ProgressCircleHeadingLevel["H1"] = "h1";
+    ProgressCircleHeadingLevel["H2"] = "h2";
+    ProgressCircleHeadingLevel["H3"] = "h3";
+    ProgressCircleHeadingLevel["H4"] = "h4";
+    ProgressCircleHeadingLevel["H5"] = "h5";
+    ProgressCircleHeadingLevel["H6"] = "h6";
+})(ProgressCircleHeadingLevel || (ProgressCircleHeadingLevel = {}));

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

@@ -3,8 +3,10 @@ import { _t } from "../../../text";
 import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 import { ProgressCircleRole } from "./progress-circle-role.enum";
+import { ProgressCircleHeadingLevel } from "./progress-circle-heading-level.enum";
 /**
  * @enums ProgressCircleRole - progress-role.enum.ts
+ * @enums ProgressCircleHeadingLevel - progress-circle-heading-level.enum.ts
  * @swedishName Förloppscirkeln
  * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet
  */
@@ -22,6 +24,7 @@ export class ProgressCircle {
         this.afStepText = _t.step;
         this.afStepNextText = _t.progress.questions_next;
         this.afStepHeading = undefined;
+        this.afHeadingLevel = ProgressCircleHeadingLevel.H2;
         this.afStepNextLabel = undefined;
         this.afValidationLabel = undefined;
         this.afRole = ProgressCircleRole.STATUS;
@@ -44,7 +47,7 @@ export class ProgressCircle {
         this.headingElement.focus();
     }
     renderHeading() {
-        return (h("h2", { class: "digi-progress-circle__heading digi-progress-circle__heading--circle", tabIndex: -1, ref: (el) => (this.headingElement = el) }, this.afStepHeading));
+        return (h(this.afHeadingLevel, { class: "digi-progress-circle__heading digi-progress-circle__heading--circle", tabIndex: -1, ref: (el) => (this.headingElement = el) }, this.afStepHeading));
     }
     get cssModifiers() {
         return {
@@ -56,20 +59,20 @@ export class ProgressCircle {
         return;
     }
     render() {
-        return (h("div", { key: 'ca6512b28f62524a92f09546e74bb071641f3049', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
+        return (h("div", { key: 'cbe667e47ef70139fc62656fc1c0378d41f3cb68', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
                 ? ProgressCircleRole.STATUS
-                : null }, h("div", { key: 'bae2c7fde66239d6b9e8a269fa5fd9841e8df061', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: 'd8ee49c0188a9ee21c61c074ea0289cfdf62419c', class: "digi-progress-circle__circle" }, h("p", { key: '35008e69a4a2eaaa8f3a7071fad4c1cb661307a9', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: '5bdea4bc72ede3c1a146265131f09b579acf4536', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '09ac61ffcf124709532354788ffa47dafaa97558' }, h("mask", { key: '0c295af00e32424b07db515f4d0789d1c23d5e62', id: this.afId }, h("circle", { key: '020f8337bfcdd52e8840105232cc64426fb97bd9', 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: '16bbf87e2556c02ca54f7de629862695e85970d1' }, h("circle", { key: 'f71d1e1190044a47e492cca6a9991034f994ba69', 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: '094c56594a03b0ef42034372d57199017372f49e', 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: '7e9a1b166a4b04e7e7c333c0bc57980bec24de0c', 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: '3068f8b64b407e18cec2b11560cd40030916ceb1', 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: '60b96b79b55d444a8345a0eac94b0a881a0c4383', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '3b94d604e8c5b9e4f632a6a87abf449117794f5e', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+                : null }, h("div", { key: '3658a985852d9ac4c0530645cee757c27e8f5c10', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: '3932a036f462f25f46d0eb40b55a87d70d1a8154', class: "digi-progress-circle__circle" }, h("p", { key: '05cbddb140d7eb640c88084dd0c6a8498cedc99a', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: 'c63455cb35348a6a95fda7dd665ad9e4a596a4ad', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '27d7629320dff581aef76bb1f5739044ad818cdd' }, h("mask", { key: '32bcd2e30e7a351a0580cd708968e0774e71ef05', id: this.afId }, h("circle", { key: '1193bb8b82fecf3ff4afca555cdd9e7f1d158949', 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: 'b9519d706d1a80db3498aa7373626bb52c6aa026' }, h("circle", { key: '0bbdfc45b4fd134210b06af9e10ef1a72ec97ada', 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: '42d2ead3315be022db88325ea8162351744b1c8f', 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: '86f8c2b663b3c6c86ab6b1c6d7937a7f9d73d5d6', 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: 'dc0e3aa7de24fcb294a9e3a0b00535ed38bd893b', 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: 'd060eee981d58d82911330fab6bb62bd51a9a8fc', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '6168f458adf3ec8afdf4258ddf053c3043c323cb', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: '705a62347ae918312757296bd03abb2b173964aa', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: '1a200a9ec699d687b93634a6786b7d33c81d9d3d', 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: 'f1e01fd4bfcdb3da1fe3eb1796364da1cf9f438d', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: '480a484300dfeb8be427baec3ad95b25d63d5df1', class: "digi-progress-circle__icon--warning" }), h("span", { key: '009c14e1ed7f75428b258b3315703f3e2f07935f' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '630520bf2e35015347ad8ae56e332b93d56a118d', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: 'a6d205065dcee634688ff21baae8980f1e4bdba5', class: "digi-progress-circle__icon--error" }), h("span", { key: '96318e2beef967797a3b4e3ff84f0856f7e5c4de' }, this.afValidationLabel)))));
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: 'cf0d97fe3d7db7a5115df1ac1c267199c76235f8', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'ec0ea9e9fe5a48d2dff0d51bf4022067cf11feca', class: "digi-progress-circle__icon--warning" }), h("span", { key: '7763a0683203ddce8902914872c56a74459c9a24' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '0da675614decd1cebc5364893dd4f98be6bdfd1f', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: '0ab96219c963d43e7c646205e615778ba9059467', class: "digi-progress-circle__icon--error" }), h("span", { key: 'e294028781666aa354c82c993a000b3e03becf5a' }, this.afValidationLabel)))));
     }
     static get is() { return "digi-progress-circle"; }
     static get encapsulation() { return "scoped"; }
@@ -304,6 +307,35 @@ export class ProgressCircle {
                 "attribute": "af-step-heading",
                 "reflect": false
             },
+            "afHeadingLevel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ProgressCircleHeadingLevel",
+                    "resolved": "ProgressCircleHeadingLevel.H1 | ProgressCircleHeadingLevel.H2 | ProgressCircleHeadingLevel.H3 | ProgressCircleHeadingLevel.H4 | ProgressCircleHeadingLevel.H5 | ProgressCircleHeadingLevel.H6",
+                    "references": {
+                        "ProgressCircleHeadingLevel": {
+                            "location": "import",
+                            "path": "./progress-circle-heading-level.enum",
+                            "id": "src/components/_progress/progress-circle/progress-circle-heading-level.enum.ts::ProgressCircleHeadingLevel"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "Set heading level. Default is 'h2'"
+                        }],
+                    "text": "S\u00E4tter rubrikniv\u00E5. 'h2' \u00E4r f\u00F6rvalt."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-heading-level",
+                "reflect": false,
+                "defaultValue": "ProgressCircleHeadingLevel.H2"
+            },
             "afStepNextLabel": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/_progress/progress-indicator/progress-indicator-heading-level.enum.js

@@ -0,0 +1,9 @@
+export var ProgressIndicatorHeadingLevel;
+(function (ProgressIndicatorHeadingLevel) {
+    ProgressIndicatorHeadingLevel["H1"] = "h1";
+    ProgressIndicatorHeadingLevel["H2"] = "h2";
+    ProgressIndicatorHeadingLevel["H3"] = "h3";
+    ProgressIndicatorHeadingLevel["H4"] = "h4";
+    ProgressIndicatorHeadingLevel["H5"] = "h5";
+    ProgressIndicatorHeadingLevel["H6"] = "h6";
+})(ProgressIndicatorHeadingLevel || (ProgressIndicatorHeadingLevel = {}));

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

@@ -24,7 +24,7 @@ License: none (public domain)
   --digi--progress-indicator--step--line--style: dashed;
   --digi--progress-indicator--icon--width: 1rem;
   --digi--progress-indicator--icon--height: 1rem;
-  --digi--progress-indicator--icon--color: var(--digi--color--marking--indication--marker);
+  --digi--progress-indicator--icon--color: var(--digi--color--icon--secondary);
   --digi--progress-indicator--icon-status--width: 1.75rem;
   --digi--progress-indicator--icon-status--height: 1.75rem;
   --digi--progress-indicator--icon--warning--color: var(--digi--color--icon--validation--warning);
@@ -43,7 +43,6 @@ License: none (public domain)
 }
 :host .digi-progress-indicator__heading {
   font-size: var(--digi--typography--heading-2--font-size--desktop);
-  color: var(--digi--color--text--primary);
   font-weight: var(--digi--progress-indicator--heading--font-weight);
   margin: 0;
   margin-bottom: 0.5rem;
@@ -57,7 +56,7 @@ License: none (public domain)
 :host .digi-progress-indicator__next {
   font-size: var(--digi--typography--body--font-size--desktop);
   font-style: italic;
-  color: var(--digi--color--text--description);
+  color: var(--digi--color--text--primary);
   margin: 0;
 }
 :host .digi-progress-indicator__icon {
@@ -100,10 +99,10 @@ License: none (public domain)
   margin-left: 8px;
 }
 :host .digi-progress-indicator__validation-label--warning {
-  background-color: var(--digi--color--background--sentiment--warning--quarternary);
+  background-color: var(--digi--color--background--interactive--validation--warning);
 }
 :host .digi-progress-indicator__validation-label--error {
-  background-color: var(--digi--color--background--sentiment--error--tertiary-discreet);
+  background-color: var(--digi--color--background--interactive--validation--error);
 }
 :host .digi-progress-indicator__list {
   position: relative;

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

@@ -4,9 +4,11 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 import { ProgressIndicatorRole } from "./progress-indicator-role.enum";
 import { ProgressIndicatorVariation } from "./progress-indicator-variation.enum";
+import { ProgressIndicatorHeadingLevel } from "./progress-indicator-heading-level.enum";
 /**
  * @enums ProgressIndicatorRole - progress-indicator-role.enum.ts
  * @enums ProgressIndicatorVariation - progress-indicator-variation.enum.ts
+ * @enums ProgressIndicatorHeadingLevel - progress-indicator-heading-level.enum.ts
  * @swedishName Förloppsstegaren
  * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet
  */
@@ -26,6 +28,7 @@ export class ProgressIndicator {
         this.afStepText = _t.step;
         this.afStepNextText = _t.progress.questions_next;
         this.afStepHeading = undefined;
+        this.afHeadingLevel = ProgressIndicatorHeadingLevel.H2;
         this.afStepNextLabel = undefined;
         this.afValidationLabel = undefined;
         this.afRole = ProgressIndicatorRole.STATUS;
@@ -81,7 +84,7 @@ export class ProgressIndicator {
         this.headingElement.focus();
     }
     renderHeading() {
-        return (h("h2", { class: "digi-progress-indicator__heading", tabIndex: -1, ref: (el) => (this.headingElement = el) }, this.afStepHeading));
+        return (h(this.afHeadingLevel, { class: "digi-progress-indicator__heading", tabIndex: -1, ref: (el) => (this.headingElement = el) }, this.afStepHeading));
     }
     get cssModifiers() {
         return {
@@ -95,9 +98,9 @@ export class ProgressIndicator {
         return;
     }
     render() {
-        return (h("div", { key: 'fdad0002fd35380021d269316ee56870b952ae3c', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
+        return (h("div", { key: '8385a3ed1df5a8400cfc02838b5a965ca059ffbe', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
                 ? ProgressIndicatorRole.STATUS
-                : null }, h("div", { key: '82e57ba4d93bcdf18f15b136f3dcf8248264fc66' }, 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: '29948dc0fa9a11a4a2003b7d3ba0a98fa13016b1' }, 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'
@@ -123,7 +126,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: 'c4e951347ed2edcf3440e390295a1967e2d53a16', class: "digi-progress-indicator__label" }, h("span", { key: '325da063eeda88971ed43cbdcf04d62559fe587d' }, `${this.afStepText}`, " "), h("span", { key: '9535eed956ed1a21d005e10c6b850692e32682e3', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: 'b9be1eb5c5715ef22f1ba77de9dad30289441095', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'ab22017d7be88e193d012f3c3f28426eb04a9404', class: "digi-progress-indicator__icon--warning" }), h("span", { key: '4d43a998a0f65cbf61d60073f8ad77eb6a57cd6f' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '0203ec04e6cf851dfbf04e660e0fe960905eef76', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '70f2bd5c873f7b16067ce16dd61f6e10bee389b2', class: "digi-progress-indicator__icon--error" }), h("span", { key: 'b57326edd0159d1e98152028cb467e27e87336ba' }, this.afValidationLabel))), h("div", { key: '7596bea1a02384b0fb93f9e17f739c550b1405b3', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: 'e2c31d5ff52182885984049bf9fae41605f6b30f', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '8c0b79d330dffb1f8f1e1f56ecf1ae73b6c82777' })))));
+        }))), this.afStepNextLabel !== undefined && (h("p", { key: '9b0455af95c8ce148ce31b4dfcbe3a097e73b129', class: "digi-progress-indicator__label" }, h("span", { key: 'ffc294d61bf8484631b362ec0d70b581acceefbf' }, `${this.afStepText}`, " "), h("span", { key: '28fc53ae38358cd87ca47c70c2dc8e819f9614e2', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '907ffeb86230e735a72b61bd2b426e93093e5edd', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: '36c9dad23a82b00023a25e52b6a93289d5e351b5', class: "digi-progress-indicator__icon--warning" }), h("span", { key: 'c6a092eddbe03304062de96eb14cc8e9ee8f35f1' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: 'ce0195f2383b9d79699e35dc4d1e09aa34ac4fc2', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '6d35214f667d68e281495ac2f1817fbc561e5532', class: "digi-progress-indicator__icon--error" }), h("span", { key: '9443b83ca4e2233d0f90d053f2fa2f8f1154829e' }, this.afValidationLabel))), h("div", { key: '8b4ee78d5a9295a75edb08ccdc7864688328e5fc', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: '9acf7cdd34d1f86a0e608ca5c07cbe3743ec8682', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: 'ff9d1eb77ccc33bde20204d9249d8b0c00577642' })))));
     }
     static get is() { return "digi-progress-indicator"; }
     static get encapsulation() { return "scoped"; }
@@ -358,6 +361,35 @@ export class ProgressIndicator {
                 "attribute": "af-step-heading",
                 "reflect": false
             },
+            "afHeadingLevel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ProgressIndicatorHeadingLevel",
+                    "resolved": "ProgressIndicatorHeadingLevel.H1 | ProgressIndicatorHeadingLevel.H2 | ProgressIndicatorHeadingLevel.H3 | ProgressIndicatorHeadingLevel.H4 | ProgressIndicatorHeadingLevel.H5 | ProgressIndicatorHeadingLevel.H6",
+                    "references": {
+                        "ProgressIndicatorHeadingLevel": {
+                            "location": "import",
+                            "path": "./progress-indicator-heading-level.enum",
+                            "id": "src/components/_progress/progress-indicator/progress-indicator-heading-level.enum.ts::ProgressIndicatorHeadingLevel"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "Set heading level. Default is 'h2'"
+                        }],
+                    "text": "S\u00E4tter rubrikniv\u00E5. 'h2' \u00E4r f\u00F6rvalt."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-heading-level",
+                "reflect": false,
+                "defaultValue": "ProgressIndicatorHeadingLevel.H2"
+            },
             "afStepNextLabel": {
                 "type": "string",
                 "mutable": false,

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

@@ -61,7 +61,7 @@ License: none (public domain)
 }
 :host .digi-progress-list-item--current:host .digi-progress-list-item__indicator--circle {
   background-color: var(--INDICATOR--CIRCLE--COLOR);
-  box-shadow: inset 0 0 0 4px var(--INDICATOR--CIRCLE--COLOR), inset 0 0 0 7px var(--digi--color--marking--indication--marker);
+  box-shadow: inset 0 0 0 4px var(--INDICATOR--CIRCLE--COLOR), inset 0 0 0 7px #fff;
   height: 32px;
   width: 100%;
 }
@@ -97,7 +97,7 @@ License: none (public domain)
 }
 :host .digi-progress-list-item__indicator--icon--digi {
   color: var(--digi--color--text--secondary);
-  --digi--icon--color: var(--digi--color--marking--indication--marker);
+  --digi--icon--color: var(--digi--color--icon--secondary);
   margin: auto;
   max-height: 18px;
   max-width: 18px;

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

@@ -3,9 +3,9 @@ v2.0 | 20110126
 License: none (public domain)
 */
 :host {
-  --digi--quote--background--primary: var(--digi--color--background--primary-elevated);
+  --digi--quote--background--primary: var(--digi--color--background--primary);
   --digi--quote--background--secondary: var(--digi--color--background--pop-out);
-  --digi--quote--background--tertiary: var(--digi--color--background--secondary-elevated);
+  --digi--quote--background--tertiary: var(--digi--color--background--secondary);
   --BACKGROUND: transparent;
 }
 :host .digi-quote {

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

@@ -1,6 +1,6 @@
 :host {
   --digi--tools-feedback--background-color--primary: var(--digi--color--background--pop-out);
-  --digi--tools-feedback--background-color--secondary: var(--digi--color--background--primary-elevated);
+  --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);