@designsystem-se/af 35.0.0 → 35.0.2

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

@@ -55,20 +55,20 @@ export class ProgressCircle {
         return;
     }
     render() {
-        return (h("div", { key: '892677dd610a029531a6a7fffd664a3d1fad085a', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
+        return (h("div", { key: '2223e710ea591a1bce724a73514f121a8ac15e10', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
                 ? ProgressCircleRole.STATUS
-                : null }, h("div", { key: 'ee3f1ae5f8def6d7e046eac289fd8077331b337f', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: 'a08811ea73acc3243a7e93df421f7f72ab9828ac', class: "digi-progress-circle__circle" }, h("p", { key: 'a6f3f81f4eb5627e3cbe89ea464a597d0568a12d', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: '73c723c5f3c6fbb2142e4e4b579bc93fda736eae', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '270bc9e2fd9cb466660d9635dd6bff10087db2b4' }, h("mask", { key: 'baf4a411f0cb0f92a45aa603d7170ab37ad37d6c', id: this.afId }, h("circle", { key: 'e41e36804baf5a913974a70faa09c80dbc00d982', 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: '287b9522be234e84f47dd82945c69f3fe3c51f96' }, h("circle", { key: 'afb99bacdd2f80303b21651f83f871538261c7d7', 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: '38578139973afb58321cdc72b420eef262e68873', 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: 'b2b468087f596dacd0455241eef5d579d8161d7f', 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: '4883aaaf40d10e3b295ab460b6d9c6c777f6fc5e', 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: '9b9ce8c2972192fe02f77e57f45cd7c54c3c13c5', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: 'eea801adeddcdb47997f4f96e751d852400ff25a', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+                : null }, h("div", { key: 'a894b5cdb0ec890bdc2556fd6c69d1a22e9d82e6', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: '09a276fdb5a447e76fdb42c7cc31412d8f4d1306', class: "digi-progress-circle__circle" }, h("p", { key: 'de38adfd8ca69ee59e78592fe3eea6b5e6a0fd49', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: 'c4bc578ad7365f955960fb09ece6071f797362e0', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: 'fbec7c6308e376c38e448783c1e5b33f109902ef' }, h("mask", { key: 'fdc1a020eef009ae54041e097bb58e2ac8882c1d', id: this.afId }, h("circle", { key: '2fdfbc45457ab9b58c73f824f4533bb8f9574858', 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: 'b8fa0e61163e0bc8c916cc1c12a1125d05dc470c' }, h("circle", { key: '295044989d6af45c77e755308629e459f015de73', 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: 'b38d425aac902e0b18a01be38ba32613a11b4d75', 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: 'c26f7b3f795a0d09a77d257c9b3ce1da3d6bc67e', 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: 'dcb2345922fa867b2fba23d80d97e62c19c96612', 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: '85ca927a82f24010f864f84d7db12b75a9c2a510', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '07a8b228374479bfb432180294ae68740faf4191', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: '28f8ef32c770c3685a6b796649b355fde537c256', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: 'fbe11b39bf20f8495595f3112eac99da39ae9e11', 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: '2f78aaf8cde5ff4a865810d40396065a2bf3db96', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: '3f03224d84a948b9161273f4d5d296e25c6a6c31', class: "digi-progress-circle__icon--warning" }), h("span", { key: 'f04614958769ab3ea886ad7c6e8cbc6a4f8ace43' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '02e4951c45aa51b3c59afe0c98b1cb469b288ce6', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: 'd26e69c1b043a0487c69ef9fbe4579a8939c4340', class: "digi-progress-circle__icon--error" }), h("span", { key: 'b4ef342853bdbcbb971b2eb5d2da212dfe73bcac' }, this.afValidationLabel)))));
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: 'e35629ef757aa9350625a07e9f3199a9e6a27452', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: '090c4b0a12f658fd36e027c43d19b9c604bb518c', class: "digi-progress-circle__icon--warning" }), h("span", { key: '8e847f2fae3db29de10652acbb0b0e7f12df4a9e' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '9caaebaf35de03040557fc0328a4e4b778c85c9c', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: '1e8a09e1cf9391b6f39dd5a05c1bb1be6907fe12', class: "digi-progress-circle__icon--error" }), h("span", { key: '845d528643bb57444238c024ffa7c5c502c60bbe' }, this.afValidationLabel)))));
     }
     static get is() { return "digi-progress-circle"; }
     static get encapsulation() { return "scoped"; }

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

@@ -94,9 +94,9 @@ export class ProgressIndicator {
         return;
     }
     render() {
-        return (h("div", { key: '28dcf5b6b82cabb6e490643f6c04f6982908e068', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
+        return (h("div", { key: '80d02e8a2fc25b111dc148d7342eb7d5d160064e', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
                 ? ProgressIndicatorRole.STATUS
-                : null }, h("div", { key: '20e4b1f43f993e8e0bdccbc3b436c9c1d982acec' }, 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: '9bb8aed7ef1655f91a8cb384e0b4aa9ed38096f8' }, this.afStepNextLabel !== undefined ? (h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (h("p", { class: "digi-progress-indicator__next", style: {
                 visibility: this.afStepNextLabel !== null &&
                     this.afStepNextLabel !== undefined
                     ? 'visible'
@@ -122,7 +122,7 @@ export class ProgressIndicator {
                 ProgressIndicatorVariation.SECONDARY &&
                 item.checked &&
                 this.afCompletedSteps !== index + 1 && (h("digi-icon-check", { class: "digi-progress-indicator__icon" })), h("span", { class: "digi-progress-indicator__step-number" }, index + 1))));
-        }))), this.afStepNextLabel !== undefined && (h("p", { key: '85b9ad522ffba0e7bbec473dd950e84fbfb5db18', class: "digi-progress-indicator__label" }, h("span", { key: '09b82ba8662e3ae4d496405b49b560812af1ca92' }, `${this.afStepText}`, " "), h("span", { key: 'd420097470e8e53ebba1b6eb10747e5bcebab648', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '3755c2938a4a34454413e0d69e2fa98dfe70e77b', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: '44458ac60a2d36dab051d2fd866dd234f3e2d466', class: "digi-progress-indicator__icon--warning" }), h("span", { key: '27f966846fb2188fea9de911cd6ab3c0ba7c408e' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: 'e6b8f12bbff89f491b00ee3ec8ca54088296313f', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: 'b9bcfb0bc64ab285904fff57b42fe24cb75e1c73', class: "digi-progress-indicator__icon--error" }), h("span", { key: 'c5ece49e674c589d9433bdf3587763316d345ac1' }, this.afValidationLabel))), h("div", { key: 'a855d1804c5d2fa493f3ab833958c9f8041c751e', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: 'aefed24aea846343c373fb36a00b6ce0315cc410', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '511a3fb57c3c44e0c69d8e654c01890fb3a9056b' })))));
+        }))), this.afStepNextLabel !== undefined && (h("p", { key: '4ce381c212b37353cba14e1aa5e9f3e43929fe66', class: "digi-progress-indicator__label" }, h("span", { key: 'fcb7d38baa3fce4d1a3cccda6b0ae748ef5ef7b8' }, `${this.afStepText}`, " "), h("span", { key: '46fc8f8370fb9cbd3aaff4fba3fbb36e650a39a5', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '4a8cfe5fa796ff0b17a8288fb141506273b4cb96', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'b59887bffe6e77531e379036e2108cb986dc4580', class: "digi-progress-indicator__icon--warning" }), h("span", { key: '7bdc23d5a5dcc6836df8e235c14d97376b5cc69a' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '29b758c17c66d6d0ed9e8c2f1ef8438bd8e460ad', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '74d87bee96eef04ec38393fd8ad11003e209b122', class: "digi-progress-indicator__icon--error" }), h("span", { key: '6d1d541507038f8834c506729cac3b757100110c' }, this.afValidationLabel))), h("div", { key: 'a9899b65134bcc1c9743a942786b225bbfabc34d', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: '95893bcda4cba517e53fe9d42e692a7f3827bb91', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '79f246054518884ec034928842555409327636d7' })))));
     }
     static get is() { return "digi-progress-indicator"; }
     static get encapsulation() { return "scoped"; }

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

@@ -106,7 +106,7 @@ export class ProgressList {
         return null;
     }
     render() {
-        return (h("div", { key: '1a8db6801822ecb572384fe8d2244b3cb50da4b8', class: "digi-progress-list" }, h("digi-typography", { key: '6494c20d016e3172e565d5f98685856c6ab73604' }, this.renderHeading(), h("ol", { key: '7714f2baf5995937894188c2e91a4484450b614d', class: "digi-progress-list__content" }, h("slot", { key: '70b59937ec8df7afae2caa45998d1642459448fb' })))));
+        return (h("div", { key: '1a696131aa28b130b2a5b44ab5ede8c8cae2666c', class: "digi-progress-list" }, h("digi-typography", { key: '56c8deb6a47750636379483d0d5c57461d783486' }, this.renderHeading(), h("ol", { key: '8ba62b7230a8d11833d48888ca734593b8c94511', class: "digi-progress-list__content" }, h("slot", { key: '94419705974ec1de0c9687bccd101ef6d4c5a15e' })))));
     }
     static get is() { return "digi-progress-list"; }
     static get encapsulation() { return "scoped"; }

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

@@ -78,7 +78,7 @@ export class ProgressListItem {
     }
     render() {
         const ariaCurrent = this.afStepStatus == ProgressListItemStatus.CURRENT ? 'step' : 'false';
-        return (h(Host, { key: '5712a865ec72cf5a067ce23b73be0b12a20f05cc', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: '66c31f61f670e22c63d5e9e9204759104fc9c4bb', class: {
+        return (h(Host, { key: '834de26f305237a5f1532ff1f304779add7ce606', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: '3fd5e84508a59ed43f96b88bfaf685bb73fcdd4e', class: {
                 'digi-progress-list-item': true,
                 'digi-progress-list-item--expanded': this.afExpandable && this.afExpanded,
                 [`digi-progress-list-item--${this.afStepStatus}`]: true,
@@ -86,18 +86,18 @@ export class ProgressListItem {
                 'digi-progress-list-item--primary': this.afVariation == ProgressListItemVariation.PRIMARY,
                 'digi-progress-list-item--secondary': this.afVariation == ProgressListItemVariation.SECONDARY,
                 'digi-progress-list-item--tertiary': this.afVariation == ProgressListItemVariation.TERTIARY
-            } }, h("span", { key: '4a1df5b36f1ea766e61bc0dda28b950918a2a5d4', class: "digi-progress-list-item__indicator" }, h("span", { key: '3ae1ae27f523dca7306b0fb7de5c19c863f0118f', class: {
+            } }, h("span", { key: 'aa1ff9f53f6a5b08c89304a5150bdadce0fec2d1', class: "digi-progress-list-item__indicator" }, h("span", { key: '4584c7ce7ee04b56513fa6015b597db4487c2eb0', class: {
                 'digi-progress-list-item__indicator--circle': this.afType == ProgressListItemType.CIRCLE,
                 'digi-progress-list-item__indicator--icon': this.afType == ProgressListItemType.ICON
-            } }, this.renderStatusIcon()), h("span", { key: '2bbb3998fbbbd58bc5a026eb8a9d23b3e3be36d2', class: "digi-progress-list-item__indicator--line" })), h("div", { key: '90d68a634f84451cb4fb3616140230b78ab4ee53', class: {
+            } }, this.renderStatusIcon()), h("span", { key: 'f3b351440c84674cf469687587045a89230d485a', class: "digi-progress-list-item__indicator--line" })), h("div", { key: '39ad7a77f44adb6cbc6215d9edc8919d7da63633', class: {
                 'digi-progress-list-item__wrapper': true,
                 'digi-progress-list-item__wrapper--last': this.afIsLast
-            } }, h("div", { key: '30d11eed5863c8898312721dbf006937874591b0', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: 'de46e10caf084897d70ef7a74f277386261b2305', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: 'df9bec9702a056fdea56a8a3cb59f37059450d71', class: {
+            } }, h("div", { key: '54b002a7fbfad68619d984be5dc568c3339b3beb', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: '276356c056a98fbb1fc20bbda7ded4570d36f5fb', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: '718e95ab6de94df08a333e777b27875f0fc82a79', class: {
                 'digi-progress-list-item__content': true,
                 'digi-progress-list-item__content--expandable': this.afExpandable,
                 'digi-progress-list-item__content--hidden': this.afExpandable && !this.afExpanded,
                 'digi-progress-list-item__content--visible': !this.afExpandable || (this.afExpandable && this.afExpanded)
-            }, id: `${this.afId}-content` }, h("div", { key: '4c1cbada923d335fb14c522c0863aa54b59382a7' }, h("slot", { key: '2a2583a33c5cd3e86190a7f18a2dec0597af9fc4' })))))));
+            }, id: `${this.afId}-content` }, h("div", { key: 'e06bdb9fdbe1e91076470f065fd402016d18dd27' }, h("slot", { key: '80e7f96dece78142b16d6e14c73536efdab28650' })))))));
     }
     static get is() { return "digi-progress-list-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -82,7 +82,7 @@ export class Progressbar {
         return;
     }
     render() {
-        return (h("div", { key: '151336013ed8b95c8768446617154ff687be2e29', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: 'b2de477f0269b24f7743637e5e40e687b4eba091', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
+        return (h("div", { key: 'cd9de104336face6adf170fb4b1293908b994ef3', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: 'eedec93430edec0ff10058c67a97aa7bdb977d4c', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
             return (h("li", { class: {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': this.afCompletedSteps > i,
@@ -93,7 +93,7 @@ export class Progressbar {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': item.checked
                 } }, h("span", { class: "digi-progressbar__step-indicator" }, h("span", { class: "digi-progressbar__step-number" }, index + 1))));
-        }))), h("div", { key: '6d8ec353c3162d3019c44f48f3be7a7b9a07adce', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: '977129def5204fff9e2307628434f844272c5245', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: 'e7246db76f7836d1df8b4225ee92e45b82bffa98' })))));
+        }))), h("div", { key: 'bddda9fc4b39a47cdfa3cd3af6a3d796fdbad14d', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: 'c5e0705ecbfb5575a786758964486d5b17cc04f0', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '7118f96d78366df86ff006c43cadeb1fc43bb858' })))));
     }
     static get is() { return "digi-progressbar"; }
     static get encapsulation() { return "scoped"; }

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

@@ -92,7 +92,7 @@ License: none (public domain)
   margin-left: -0.125rem;
   margin-top: -0.1875rem;
   margin-right: 0.625rem;
-  fill: var(--digi--color--text--interactive--brand-primary);
+  fill: var(--digi--color--icon--brand-primary);
 }
 :host .digi-quote__text {
   display: inline-block;

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

@@ -98,7 +98,7 @@ export class Quote {
         return (h("div", { class: "digi-quote__variation--highlight-wrapper" }, h("div", { class: { 'quote-image': true, hide: !this.isMobile } }, this.renderImage()), h("div", { class: "digi-quote-icon-flex" }, h("span", { class: "quote-icon" }, this.renderQuotationMark()), h("div", { class: "quote-content" }, h("digi-typography", null, h("blockquote", null, h("slot", null))), h("digi-typography", null, this.afQuoteAuthorName && this.renderAuthorName(), this.afQuoteAuthorTitle && this.renderAuthorTitle()))), h("div", { class: { 'quote-image': true, hide: this.isMobile } }, this.renderImage())));
     }
     render() {
-        return (h(Host, { key: '87877e2a6673408528a948d9b30819cd6ac2b8bc' }, h("digi-util-breakpoint-observer", { key: '694b3b0af533dc63ab7f8376d4f31be0aec03bb7', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: 'b0e58828e47831efccd8134a727e8fa09830c635', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
+        return (h(Host, { key: '525ba7fbd71b2a31a8b050d300af0e580bb6a98e' }, h("digi-util-breakpoint-observer", { key: 'e6a0cea740192e9f12f7d636d3baee7fb7261f36', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '0e1bb67754db4cc513e5db22f475f59f77aab797', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
     }
     static get is() { return "digi-quote"; }
     static get encapsulation() { return "scoped"; }

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

@@ -24,7 +24,7 @@ export class Table {
         };
     }
     render() {
-        return (h("div", { key: '8ac08323eaac5cc315114a986497362ab605d891', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: '607592e7cdf1606691b26eb2bf2338d73ef32dce', class: "digi-table__scroll-container" }, h("slot", { key: '33299011515a9f4dfbe0b317a69e61fcb2bb6e7c' }))));
+        return (h("div", { key: '672c0d88ee2057829da46509f4a3ed678715242a', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: 'f197d78db93c1b22cf727a1322b1781939aa4d98', class: "digi-table__scroll-container" }, h("slot", { key: 'b35255291276b12e0b7661a5d257c8038c4b6b41' }))));
     }
     static get is() { return "digi-table"; }
     static get originalStyleUrls() {

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

@@ -27,7 +27,7 @@ export class Tag {
         return this.afText;
     }
     render() {
-        return (h("digi-button", { key: '6cd1e8bd2b86cfc5dc56f9a8f608af04f8b9bd38', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: '7552bb5b2151effbdb3cb887387b5d6966632795', slot: "icon-secondary" })));
+        return (h("digi-button", { key: '25cd85aae8ecef406e405a7334aebd9386cea51c', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: '92a8316a636f60cd25b4da9a4b542ccf703f8b76', slot: "icon-secondary" })));
     }
     static get is() { return "digi-tag"; }
     static get encapsulation() { return "scoped"; }

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

@@ -33,9 +33,9 @@ export class TagMedia {
         return h("digi-icon-news", { class: "digi-tag-media__icon" });
     }
     render() {
-        return (h(Host, { key: 'b056b523f0be742d2af41b9734e0db41d665eeaa' }, h("div", { key: '366e0e530ff486178a1667ecdab71dcb34c96b0d', class: {
+        return (h(Host, { key: 'efd13fdeab1128b75e97d558dcae6686e3942124' }, h("div", { key: 'd2465b967077f22e5410870a044b637cdb2ba850', class: {
                 'digi-tag-media': true
-            } }, this.tagIcon, h("span", { key: '65d35f0234bab6039154145b3e444424c671baaa', class: "digi-tag-media__text" }, this.afText))));
+            } }, this.tagIcon, h("span", { key: 'd9a9bb25e48873ba99d9ef96f528cc4fd979504b', class: "digi-tag-media__text" }, this.afText))));
     }
     static get is() { return "digi-tag-media"; }
     static get encapsulation() { return "scoped"; }

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

@@ -73,7 +73,7 @@ export class ToolsFeedback {
         this.afOnReady.emit();
     }
     render() {
-        return (h("div", { key: '1f5143d0753d083ce4c6414e7fef0fae421907ea', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: '48691aeca81929244d8d3aa89d45937b80d595d8', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
+        return (h("div", { key: '8b5324384461950afeefb05016ac9a50b26a0f98', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: '4a5389e739712975c6c1561cc3592e3c682c00d8', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
     }
     static get is() { return "digi-tools-feedback"; }
     static get encapsulation() { return "scoped"; }

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

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

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

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

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

@@ -16,7 +16,7 @@ export class ToolsThemeProvider {
         };
     }
     render() {
-        return (h(Host, { key: 'abee476e758c439570721e97ad1a823ba735b4ac' }, h("div", { key: 'ac14be06f3dc8ea4fea7e6e73b85f12900e28704', class: this.cssModifiers }, h("slot", { key: '359808b5467a64d0475c9ce83c25941a2136f716' }))));
+        return (h(Host, { key: '3d85bfe083df9d1feada59943c68d95d800f3db5' }, h("div", { key: '74d720cb1d027f2e38bb8aeed19b541cb9cf9f8e', class: this.cssModifiers }, h("slot", { key: '42555ba2aba34139d098d0ad96cf64e3499e04ae' }))));
     }
     static get is() { return "digi-tools-theme-provider"; }
     static get encapsulation() { return "scoped"; }

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

@@ -15,7 +15,7 @@ export class Typography {
         };
     }
     render() {
-        return (h("div", { key: '3fa0921aef69e263ba374a11f1b9b8f4b12cdb96', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '79e9abb96eb5db1fd7ddda8fb0419abbef89f0b2' })));
+        return (h("div", { key: '85c3c6c0b06ab8164b20945c0e75fe34043ccdf6', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '5a1ccbd36d655dbf475c241f24163d53f8d05185' })));
     }
     static get is() { return "digi-typography"; }
     static get originalStyleUrls() {

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

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

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

@@ -17,7 +17,7 @@ export class TypographyMeta {
         };
     }
     render() {
-        return (h("div", { key: 'f13545fb85df51846eadc1a23bd79da674851caf', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: '52a6d669d1b480c5226a22518379164b0f228d6d', class: "digi-typography-meta__meta" }, h("slot", { key: '0b05a2b4d29f28c76e2aaf3c8dc032ae714aa4ac' })), h("div", { key: 'ef78bd85632741210a3dab1a3475471a8ef7a5ef', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: '34fad6e489891596e7c68e9f3e6b9193a07c782b', name: "secondary" }))));
+        return (h("div", { key: '5d86b5fab03697a08c456f30efd43c270e5ecc13', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: 'caaf5aa1edd6233c2613ca3fee3ff4549e66e35c', class: "digi-typography-meta__meta" }, h("slot", { key: '35c6b0a568f0ed44f00184f5038210d1245f68fa' })), h("div", { key: 'b83127e93dc0091b8aa0edc262b76643cf25693a', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: 'faf4e8c8da51bce680c2cbd174b101cde86d2413', name: "secondary" }))));
     }
     static get is() { return "digi-typography-meta"; }
     static get encapsulation() { return "scoped"; }

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

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class TypographyPreamble {
     render() {
-        return (h("p", { key: 'a7aa20ba92ca92dd62a7d215edb3e0fb0d267ddc', class: "digi-typography-preamble" }, h("slot", { key: 'aacc61d671c2d7cb2ea5d42d5452c46ec4edcb9e' })));
+        return (h("p", { key: 'eb1c8dc2c62957198905635e3ed5db049083fffe', class: "digi-typography-preamble" }, h("slot", { key: '4260930021c7fe3b0ecc848f9e233b1537959083' })));
     }
     static get is() { return "digi-typography-preamble"; }
     static get encapsulation() { return "scoped"; }

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

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

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

@@ -30,7 +30,7 @@ export class UtilBreakpointObserver {
         }
     }
     render() {
-        return (h(Host, { key: '117a6274faa0c709162a6f6a176784b0553a736a' }, h("div", { key: '1cbd6bf86b846ad67f340e73b9bf5afc7e2a2125', class: "digi-util-breakpoint-observer" }, h("div", { key: 'e9e9ceff5ad75ed50ac752c1439915f5bb4a2bc8', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '2ac13582e56ef551982c8894e5507ae21201f9f2' }))));
+        return (h(Host, { key: '4424bda29d60cd0145cd444840492784458bc036' }, h("div", { key: 'aac9dad240a4d6c13cb1ccbdb9a726e61aaad1cb', class: "digi-util-breakpoint-observer" }, h("div", { key: 'b5afcb0f0f82052411fa6f625e55d486867593ea', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '543d436c99ddf2c56f85bcb452f0d9f7f8f2e44a' }))));
     }
     static get is() { return "digi-util-breakpoint-observer"; }
     static get encapsulation() { return "scoped"; }

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/collection/styles/src/themes/_common.mixin.scss

@@ -12,13 +12,13 @@
   --digi--grayscale--900: #333333;
   --digi--grayscale--1000: #000000;
   --digi--sentiment--informative--200: #e9e9ff;
-  --digi--sentiment--informative--500: #0000ff;
+  --digi--sentiment--informative--500: #0A4DD1;
   --digi--sentiment--informative--700: #0058a3;
   --digi--sentiment--error--200: #fdeded;
   --digi--sentiment--error--500: #da0000;
   --digi--sentiment--error--700: #c7311a;
   --digi--sentiment--success--200: #e9f6ec;
-  --digi--sentiment--success--500: #009322;
+  --digi--sentiment--success--500: #008A20;
   --digi--sentiment--success--700: #02703c;
   --digi--sentiment--warning--200: #fff398;
   --digi--sentiment--warning--50: #fffbdd;