@designsystem-se/af 37.0.2-beta.1 → 38.0.0

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

@@ -115,24 +115,24 @@ export class NavigationVerticalMenuItem {
         }
     }
     render() {
-        return (h("host", { key: '831f600bb3be81e7eb6b39b1125c056e7dfa3564', class: {
+        return (h("host", { key: '67c7871d23f512607046d45d50085b70f370b7af', class: {
                 'digi-navigation-vertical-menu-item--has-subnav': this.hasSubnav,
                 'digi-navigation-vertical-menu-item--active-subnav': this.activeSubnav
-            } }, h("div", { key: 'c636dcbad3f5060a1568bb10e92feee35f10dd61', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (h("div", { key: '0740173821da4e2879360fe0a5ad43d654b218ee', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, h("a", { key: 'f82cdfb6ed836e5c481ae12a60fba655eda8e4aa', id: `${this.afId}-link`, href: this.afHref, class: {
+            } }, h("div", { key: '3f43c7c256fa35ed9653615f370ae49b0f832dee', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (h("div", { key: 'c5af8667325b2de5ac2ec0706ef9bbf5a19db4af', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, h("a", { key: '80a62def33a8a4752c6df50536fe20b5399c8503', id: `${this.afId}-link`, href: this.afHref, class: {
                 'digi-navigation-vertical-menu-item__link': true,
                 'digi-navigation-vertical-menu-item__has-subnav': true,
                 'digi-navigation-vertical-menu-item__link--active': this.isActive,
                 'digi-navigation-vertical-menu-item__link--expanded': this.activeSubnav
-            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: 'b778e1e5497d1936979ed1bec64dd1a6786b2974', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '0de5873363746a89ceff108ff720d26c5e3c033e', name: "icon" })), h("span", { key: '63104dbf34e6c7deccbda3095c4fd0d8d2ae8ccf', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '9d45b2cc780a9d03b9abdcddcf16600953a3f71c', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '02411e2ddf9a55929b43202e5d6fb94930849055', name: "badge" }))), h("button", { key: 'd45ed8d0afa7b0daa5bbb21532354f55ec01a8a3', type: "button", id: `${this.afId}-toggle-button`, class: {
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '3370b52d57b8d872cce81388a119f4dbeb7b8475', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '3d4f1f87e16eef944578702e14399087d9ca938c', name: "icon" })), h("span", { key: 'f51cfb09590f361d86bf121863a6ed357d0637fc', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '82d057cc45df77c2ceeb7804fd4dab063924393d', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '94fd64b983ba088f8612313d2a374f32e90810e1', name: "badge" }))), h("button", { key: '6578c99213d6dc02f1a370fea214744137b3f397', type: "button", id: `${this.afId}-toggle-button`, class: {
                 'digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--toggle': true,
                 'digi-navigation-vertical-menu-item__button--active': this.isActive
-            }, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, h("span", { key: '637181e113d06884ea746addd703782e71fce6f8', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '277050ea6a5e5f5937d4f9ba1800229fc46bead3', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (h("div", { key: 'edd3cded5d09fa987e148c6bd57c70e3873cd9f0', class: "digi-navigation-vertical-menu-item__inner" }, h("button", { key: '6669e3e1c091f1e3e3c9fb728e5aaad6ce1cedf7', id: `${this.afId}-toggle-button`, class: "digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--only-toggle", onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', type: "button" }, h("span", { key: '722adf95ad9d1a50f2b4dbb1e82c43a06e6f8f22', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'f0887a508f78e2e4d085a56ae28bfe62ec5f7c6a', name: "icon" })), h("span", { key: '75819f2f65263af970b274195c1cdd37b1aca54b', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'b9a2cb1da360f5ac4cf7abf02ea5c07d9bb1725b', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '811ce3dea1dfdc945493010ece752d947fb8dd48', name: "badge" })), h("span", { key: '7861ac8a986f1ba4a4043d1ef60d0899efb2e54c', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '7572ae648dea2fe6c494d1ab78c154391dd3edba' }, this.toggleIcon))))), !this.hasSubnav && (h("div", { key: 'f6e6318c57e612d8b449b9a009b19311678c87d8', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (h("a", { key: '334bc20a2df68386cae4a7d2499f851d24a108a0', id: `${this.afId}-link`, href: this.afHref, class: {
+            }, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, h("span", { key: 'eac1099ec83f96c2a7e8044fd1927353fd97d340', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '76b940edf5499dfd7b970fd91fc3745a29671fca', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (h("div", { key: 'edbaf19156900edc40fe2a0bb73e30d0d8fbaa6a', class: "digi-navigation-vertical-menu-item__inner" }, h("button", { key: 'c1efb592002b27b53eaa8d3f2a899ec6f4f40c3b', id: `${this.afId}-toggle-button`, class: "digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--only-toggle", onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', type: "button" }, h("span", { key: 'c0c76a8f3eddd80eb5a8e8cd914c5bfaf8e43ae2', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'a7c6cfa627bdf6574e0e7c724344cbe436a8d90b', name: "icon" })), h("span", { key: 'c00bd28763f9e5c559be63f19e0b0f35d1cc5550', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'fd383bae0f2d73f70faef8aa9d076d1d9ec1d75b', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '5d4b04fd5693cc938390904f471d38c191295117', name: "badge" })), h("span", { key: 'f501d62e7d5abc1ef26c42f51d18ea3ea85773fb', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '3c6860f4237f943ac7e85f60e595a7f0ec4584d2' }, this.toggleIcon))))), !this.hasSubnav && (h("div", { key: 'a314f823071c1a79942e2cd75907fe1edea5ec1e', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (h("a", { key: '3af0a0e21bf18764b514970eafa30832aa1d3c74', id: `${this.afId}-link`, href: this.afHref, class: {
                 'digi-navigation-vertical-menu-item__link': true,
                 'digi-navigation-vertical-menu-item__link--active': this.isActive
-            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '53ab9bf11c7690dc417375be3f1affd7fe21ec6d', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'b08623e61374243b1fb4f681a1ad66e91c452fc4', name: "icon" })), h("span", { key: '818c610c8473b7c31fbcc80aaf84b6d86a025737', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'f866b6689358c3461dcc19487a466699a46b27e8', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '13943e887a862cfe1654862dcdf899c27c607a70', name: "badge" })))), this.isActive && (h("a", { key: 'bf9a7ba9b7e4fd72c113afabd51a02bbfbb0f957', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '78d55a5465cb6699acefcbf2481befbb13f53258', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '0d1de01ecc905cb30e15ddb7029c70f2026159ee', name: "icon" })), h("span", { key: 'ed2b9c17d1cff67efe8db9091184d11a72e001f3', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'deae35cd3cfaaccbfd742b64bcf46219bc243bed', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'b3ef712cfe5441750295b9dbd3aef421af084624', name: "badge" })))), this.isActive && (h("a", { key: '6115a77664458d3db0deb4f8dd5d0148b3b0851b', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
                 'digi-navigation-vertical-menu-item__link': true,
                 'digi-navigation-vertical-menu-item__link--active': this.isActive
-            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '20ff961f85090e27a0dbeaea8f8974a025113e1f', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '4f16c6e58f5789c7564136daafa900b3d0dd3038', name: "icon" })), h("span", { key: '2ed83aee8e224497f97b9c34f92dd7808eb4614e', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '6d0ec7a4ca665bd297fbf6c12ed5a5281ed15da3', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'a37605a7371b7a835abb80a443e98125a634cc27', name: "badge" })))))))));
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '92cb991faaef6f6b9ca34d0ddfcfa575b5ed2afe', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '68861f6a119f711d46f0b29529b53aa664ff7db3', name: "icon" })), h("span", { key: '9db9cf3727a39627305318f0db3e9e0a2e9c87ff', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '70fb7bd332b8af769b428752f70dfcb3a46ea431', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '84c4d6cd185c018f18840c6b813ea371736e4ae0', name: "badge" })))))))));
     }
     static get is() { return "digi-navigation-vertical-menu-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -127,7 +127,7 @@ License: none (public domain)
   --digi--button--color--function: var(--digi--color--text--primary);
   --digi--button--color--function--hover: var(--digi--color--text--primary);
 }
-@media screen and (max-width: 47.9375rem) {
+@media screen and (max-width: 36rem) {
   :host .digi-notification-alert__close-button__text {
     border: 0;
     clip: rect(1px, 1px, 1px, 1px);

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

@@ -56,8 +56,8 @@ export class NotificationAlert {
         }
     }
     render() {
-        return (h("div", { key: 'bf3f0a58082fb86cf6642f9769c101489c72edde', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: '31a46f56e2bd7248c2b9df479a02c21e2efade82', class: "digi-notification-alert__layout" }, h("div", { key: '3a9b948108d510282da3d344036df3b15d4c6a6b', class: "digi-notification-alert__icon-wrapper" }, h("div", { key: '6de4451514422b7b54e96767d7fc0aaf1d85ad4a', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: 'cb537642611e6fcc4fbe72d97906eb879455ab28', class: "digi-notification-alert__main-wrapper" }, h("div", { key: '41f8b5af01d7d24dc147e536b14417a15bb3c53c', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: '4ac49d9ee2cd397995e7d70ce7159cb2a04d7ccc', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: 'efcb9359dc3b64b26b1bb549200912432ce332ed', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '0e3d6e993740cc994f7cf944d5a6c65feb8d4c38', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: 'bb436a69524dd58366d46e70e5a173d2e2626d96', class: "digi-notification-alert__text" }, this.afHeading &&
-            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '85aaea1e186d5f81edc8b9c9bc4d0de13c499e67', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: 'e5e9fcbc2189a8574553ed8af87e17e32c1b2a7d', class: "digi-notification-alert__content" }, h("digi-typography", { key: 'f50d6ae9bcd718c69d1ccb18a054454e37cce865', "af-variation": TypographyVariation.SMALL }, h("slot", { key: '26714715984cec58976af688ac94eaae77b9320e' })))))))));
+        return (h("div", { key: '3297ae5ddb9efe2729baa229781a33a9aac1d55a', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: 'ad2c19f2c08f0105e32b8bc8da5e2dea81cb1541', class: "digi-notification-alert__layout" }, h("div", { key: '018f007c7ec9632f44dd6502c474215f9fbc12b6', class: "digi-notification-alert__icon-wrapper" }, h("div", { key: '1a565a732bff9906db703af8a8950a50a61eb6e2', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: 'cfc5175c9be878e673bf8c7d7b716e88e98c9cf1', class: "digi-notification-alert__main-wrapper" }, h("div", { key: '94362e524d06ece62a966659f0924a1443fc2c6e', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: 'd564b594e19b69139a02f1df211959bcf7689d8a', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: 'b4971294f4a93d60dd9b06bb9937ca2533db10a9', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: 'ccc9123308baf1c77c402f6132404a9f88e01d4d', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: '1d0c1d474feb154ee3b2c5f5ca146f8c92ce95c1', class: "digi-notification-alert__text" }, this.afHeading &&
+            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '6e9630c5ccfcf5afc36b2a752363802f79d9fdd3', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: 'b9cbdca0fc92cd898c4fd5e4cee615201d0ba561', class: "digi-notification-alert__content" }, h("digi-typography", { key: '436522235ec6fbcce4aa4b204378d58ccac1d2e6', "af-variation": TypographyVariation.SMALL }, h("slot", { key: '3c5bd933115d6919cbfb9580f2972b32a6e55904' })))))))));
     }
     static get is() { return "digi-notification-alert"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_notification/notification-error-page/illustrations/illustrations.js

@@ -38,7 +38,7 @@ export const notificationIllustrations = {
     },
     'ill-blocked': {
         NotificationIllustrationComponent(children) {
-            return (h("svg", { width: "516", height: "384", viewBox: "0 0 516 384", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("rect", { width: "501.943", height: "384", fill: "#ffffff" }), h("rect", { width: "501.943", height: "384", fill: "#ffffff" }), children, h("g", { "clip-path": "url(#clip0_5542_2220)" }, h("path", { d: "M372.16 35.3853H96.7727C92.7462 35.3853 89.4821 38.6493 89.4821 42.6758V205.277C89.4821 209.303 92.7462 212.567 96.7727 212.567H372.16C376.186 212.567 379.45 209.303 379.45 205.277V42.6758C379.45 38.6493 376.186 35.3853 372.16 35.3853Z", stroke: "#333333", "stroke-width": "3", "stroke-miterlimit": "10" }), h("path", { d: "M88.7387 188.031H380.194", stroke: "#333333", "stroke-width": "3", "stroke-miterlimit": "10" }), h("path", { d: "M206.895 248.388V212.566H262.039V248.388", stroke: "#333333", "stroke-width": "3", "stroke-miterlimit": "10" }), h("path", { d: "M211.709 239.446H257.223", stroke: "#333333", "stroke-width": "3", "stroke-miterlimit": "10" }), h("path", { d: "M234.467 205.587C236.788 205.587 238.669 203.705 238.669 201.384C238.669 199.063 236.788 197.182 234.467 197.182C232.146 197.182 230.264 199.063 230.264 201.384C230.264 203.705 232.146 205.587 234.467 205.587Z", fill: "#333333" }), h("path", { d: "M262.342 220.784L206.591 217.804L206.654 212.567H261.799L262.342 220.784Z", fill: "#333333" }), h("path", { d: "M87.2779 248.387H417.481", stroke: "#333333", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M290.224 236.033V119.634C290.224 116.531 292.74 114.015 295.843 114.015H467.163C470.267 114.015 472.782 116.532 472.782 119.634V236.033", fill: "#ffffff" }), h("path", { d: "M288.957 236.742V119.279C288.957 116.146 291.495 113.608 294.628 113.608H467.515C470.647 113.608 473.186 116.146 473.186 119.279V236.742", stroke: "#333333", "stroke-width": "3", "stroke-miterlimit": "10" }), h("path", { d: "M270.509 236.742H491.634C492.938 236.742 493.997 237.801 493.997 239.105C493.997 244.228 489.837 248.388 484.714 248.388H277.431C272.307 248.388 268.147 244.228 268.147 239.105C268.147 237.801 269.206 236.742 270.51 236.742H270.509Z", stroke: "#333333", "stroke-width": "3", "stroke-miterlimit": "10" }), h("path", { d: "M135.481 114.364H73.5094C70.1271 114.364 67.3852 117.106 67.3852 120.488V242.263C67.3852 245.645 70.1271 248.387 73.5094 248.387H135.481C138.864 248.387 141.606 245.645 141.606 242.263V120.488C141.606 117.106 138.864 114.364 135.481 114.364Z", fill: "#ffffff" }), h("path", { d: "M67.3852 131.975H141.606", stroke: "#333333", "stroke-width": "2.191", "stroke-miterlimit": "10" }), h("path", { d: "M67.3852 227.074H141.606", stroke: "#333333", "stroke-width": "3", "stroke-miterlimit": "10" }), h("path", { d: "M135.481 114.364H73.5094C70.1271 114.364 67.3852 117.106 67.3852 120.488V242.263C67.3852 245.645 70.1271 248.387 73.5094 248.387H135.481C138.864 248.387 141.606 245.645 141.606 242.263V120.488C141.606 117.106 138.864 114.364 135.481 114.364Z", stroke: "#333333", "stroke-width": "3", "stroke-miterlimit": "10" }), h("path", { d: "M104.495 242.875C107.423 242.875 109.797 240.502 109.797 237.574C109.797 234.646 107.423 232.272 104.495 232.272C101.567 232.272 99.1939 234.646 99.1939 237.574C99.1939 240.502 101.567 242.875 104.495 242.875Z", fill: "#333333" }), h("path", { d: "M95.5713 124.28H113.42", stroke: "#333333", "stroke-width": "2.191", "stroke-miterlimit": "10" }), h("path", { d: "M88.6501 125.969C89.5615 125.969 90.3003 125.23 90.3003 124.319C90.3003 123.407 89.5615 122.668 88.6501 122.668C87.7388 122.668 86.9999 123.407 86.9999 124.319C86.9999 125.23 87.7388 125.969 88.6501 125.969Z", fill: "#333333" }), h("path", { d: "M500.585 89.3286L480.677 108.656", class: "infography-tertiary-stroke", "stroke-width": "2.739", "stroke-miterlimit": "10", "stroke-linecap": "round" }), h("path", { d: "M472.77 73.814L466.171 100.387", class: "infography-tertiary-stroke", "stroke-width": "2.739", "stroke-miterlimit": "10", "stroke-linecap": "round" }), h("path", { d: "M514.736 116.078L487.508 123.036", class: "infography-tertiary-stroke", "stroke-width": "2.739", "stroke-miterlimit": "10", "stroke-linecap": "round" }), h("mask", { id: "mask0_5542_2220", maskUnits: "userSpaceOnUse", x: "381", y: "185", width: "6", height: "8" }, h("path", { d: "M383.602 189.498C383.602 190.604 384.03 191.614 384.737 192.383C382.808 192.28 381.277 190.727 381.277 188.827C381.277 186.86 382.918 185.264 384.944 185.264C385.42 185.264 385.876 185.354 386.293 185.514C384.711 186.182 383.602 187.717 383.602 189.498Z", fill: "#ffffff" })), h("g", { mask: "url(#mask0_5542_2220)" }, h("path", { d: "M387.033 184.525H380.537V193.122H387.033V184.525Z", class: "infography-tertiary-fill" })), h("mask", { id: "mask1_5542_2220", maskUnits: "userSpaceOnUse", x: "385", y: "186", width: "4", height: "6" }, h("path", { d: "M388.613 188.828C388.613 190.168 387.85 191.339 386.72 191.945C385.824 191.473 385.214 190.553 385.214 189.498C385.214 188.02 386.406 186.809 387.905 186.725C388.351 187.315 388.614 188.041 388.614 188.828", fill: "#ffffff" })), h("g", { mask: "url(#mask1_5542_2220)" }, h("path", { d: "M389.352 185.985H384.474V192.685H389.352V185.985Z", class: "infography-tertiary-fill" })), h("mask", { id: "mask2_5542_2220", maskUnits: "userSpaceOnUse", x: "380", y: "160", width: "7", height: "23" }, h("path", { d: "M384.56 180.876C384.672 181.329 384.87 181.743 385.138 182.103C385.073 182.108 385.009 182.11 384.945 182.11C384.282 182.11 383.674 181.888 383.195 181.515C382.714 181.142 382.361 180.621 382.212 180.022C382.161 179.816 381.024 164.634 381.024 164.634C380.994 164.447 380.98 164.252 380.98 164.056C380.98 161.931 382.755 160.206 384.945 160.206C385.417 160.206 385.867 160.286 386.286 160.434C384.539 161.122 383.306 162.787 383.306 164.727C383.306 164.948 383.321 165.172 383.354 165.391C384.493 180.608 384.539 180.795 384.56 180.876Z", fill: "#ffffff" })), h("g", { mask: "url(#mask2_5542_2220)" }, h("path", { d: "M387.025 159.466H380.241V182.849H387.025V159.466Z", class: "infography-tertiary-fill" })), h("mask", { id: "mask3_5542_2220", maskUnits: "userSpaceOnUse", x: "384", y: "161", width: "5", height: "21" }, h("path", { d: "M388.91 164.055C388.91 164.236 388.896 164.413 388.873 164.585L387.678 180.022C387.531 180.607 387.19 181.12 386.725 181.492C386.447 181.246 386.237 180.922 386.136 180.546C386.057 179.829 385.394 171.063 384.958 165.246L384.952 165.187C384.927 165.033 384.915 164.879 384.915 164.725C384.915 163.044 386.315 161.674 388.044 161.656C388.585 162.313 388.91 163.149 388.91 164.055Z", fill: "#ffffff" })), h("g", { mask: "url(#mask3_5542_2220)" }, h("path", { d: "M389.65 160.918H384.176V182.231H389.65V160.918Z", class: "infography-tertiary-fill" })), h("mask", { id: "mask4_5542_2220", maskUnits: "userSpaceOnUse", x: "383", y: "185", width: "10", height: "9" }, h("path", { d: "M388.077 185.153C387.443 185.153 386.839 185.282 386.293 185.515C384.711 186.184 383.602 187.717 383.602 189.498C383.602 190.604 384.03 191.613 384.737 192.383C385.554 193.277 386.749 193.842 388.077 193.842C390.544 193.842 392.552 191.893 392.552 189.498C392.552 187.102 390.544 185.153 388.077 185.153ZM388.077 192.277C387.585 192.277 387.122 192.156 386.719 191.945C385.824 191.473 385.213 190.552 385.213 189.498C385.213 188.02 386.406 186.809 387.904 186.724C387.962 186.719 388.02 186.717 388.077 186.717C389.656 186.717 390.941 187.964 390.941 189.498C390.941 191.032 389.656 192.277 388.077 192.277Z", fill: "#ffffff" })), h("g", { mask: "url(#mask4_5542_2220)" }, h("path", { d: "M393.292 184.413H382.862V194.581H393.292V184.413Z", fill: "#333333" })), h("mask", { id: "mask5_5542_2220", maskUnits: "userSpaceOnUse", x: "383", y: "160", width: "10", height: "24" }, h("path", { d: "M388.077 160.093C387.443 160.093 386.839 160.214 386.286 160.433C384.539 161.121 383.305 162.786 383.305 164.726C383.305 164.946 383.321 165.171 383.354 165.389C384.493 180.606 384.539 180.794 384.56 180.874C384.672 181.328 384.87 181.741 385.138 182.101C385.801 182.997 386.88 183.561 388.077 183.561C389.753 183.561 391.198 182.457 391.594 180.875L391.608 180.815L392.806 165.336C392.834 165.13 392.849 164.925 392.849 164.727C392.849 162.172 390.709 160.094 388.078 160.094M391.205 165.149L390.012 180.565C389.773 181.409 388.986 181.998 388.076 181.998C387.561 181.998 387.083 181.81 386.724 181.493C386.445 181.247 386.237 180.923 386.135 180.547C386.056 179.829 385.393 171.064 384.957 165.246L384.952 165.188C384.926 165.034 384.915 164.88 384.915 164.726C384.915 163.045 386.315 161.675 388.044 161.657H388.076C389.819 161.657 391.236 163.034 391.236 164.726C391.236 164.861 391.225 165.005 391.204 165.148", fill: "#ffffff" })), h("g", { mask: "url(#mask5_5542_2220)" }, h("path", { d: "M393.588 159.354H382.565V184.302H393.588V159.354Z", fill: "#333333" })), h("path", { d: "M421.178 193.634C423.396 197.398 420.612 202.103 416.182 202.103H358.524C354.086 202.103 351.316 197.391 353.528 193.634L382.357 144.687C384.576 140.921 390.133 140.928 392.349 144.687L421.177 193.634H421.178Z", stroke: "#333333", "stroke-width": "2.5", "stroke-miterlimit": "10" }), h("mask", { id: "mask6_5542_2220", maskUnits: "userSpaceOnUse", x: "101", y: "188", width: "5", height: "6" }, h("path", { d: "M103.208 191.651C103.208 192.442 103.514 193.162 104.018 193.712C102.641 193.639 101.548 192.53 101.548 191.173C101.548 189.768 102.72 188.63 104.166 188.63C104.506 188.63 104.832 188.694 105.129 188.809C104 189.286 103.207 190.381 103.207 191.652", fill: "#ffffff" })), h("g", { mask: "url(#mask6_5542_2220)" }, h("path", { d: "M105.658 188.102H101.021V194.24H105.658V188.102Z", class: "infography-tertiary-fill" })), h("mask", { id: "mask7_5542_2220", maskUnits: "userSpaceOnUse", x: "104", y: "189", width: "3", height: "5" }, h("path", { d: "M106.786 191.173C106.786 192.131 106.241 192.966 105.434 193.399C104.794 193.062 104.359 192.406 104.359 191.652C104.359 190.598 105.21 189.732 106.28 189.672C106.599 190.093 106.786 190.612 106.786 191.174", fill: "#ffffff" })), h("g", { mask: "url(#mask7_5542_2220)" }, h("path", { d: "M107.314 189.143H103.831V193.927H107.314V189.143Z", class: "infography-tertiary-fill" })), h("mask", { id: "mask8_5542_2220", maskUnits: "userSpaceOnUse", x: "101", y: "170", width: "5", height: "17" }, h("path", { d: "M103.891 185.496C103.972 185.82 104.113 186.114 104.304 186.372C104.258 186.375 104.212 186.377 104.167 186.377C103.693 186.377 103.259 186.219 102.917 185.952C102.574 185.685 102.322 185.314 102.215 184.886C102.179 184.739 101.367 173.9 101.367 173.9C101.346 173.766 101.335 173.628 101.335 173.487C101.335 171.969 102.602 170.738 104.166 170.738C104.503 170.738 104.825 170.796 105.124 170.901C103.877 171.392 102.996 172.581 102.996 173.966C102.996 174.124 103.007 174.283 103.03 174.439C103.843 185.305 103.877 185.439 103.891 185.496Z", fill: "#ffffff" })), h("g", { mask: "url(#mask8_5542_2220)" }, h("path", { d: "M105.652 170.209H100.808V186.905H105.652V170.209Z", class: "infography-tertiary-fill" })), h("mask", { id: "mask9_5542_2220", maskUnits: "userSpaceOnUse", x: "104", y: "171", width: "3", height: "15" }, h("path", { d: "M106.998 173.486C106.998 173.616 106.988 173.741 106.972 173.865L106.119 184.886C106.014 185.304 105.771 185.67 105.438 185.936C105.24 185.761 105.09 185.53 105.018 185.261C104.962 184.749 104.489 178.49 104.177 174.337L104.173 174.295C104.156 174.185 104.147 174.075 104.147 173.966C104.147 172.766 105.146 171.787 106.381 171.775C106.767 172.244 106.999 172.841 106.999 173.487", fill: "#ffffff" })), h("g", { mask: "url(#mask9_5542_2220)" }, h("path", { d: "M107.526 171.246H103.618V186.463H107.526V171.246Z", class: "infography-tertiary-fill" })), h("mask", { id: "mask10_5542_2220", maskUnits: "userSpaceOnUse", x: "103", y: "188", width: "7", height: "7" }, h("path", { d: "M106.403 188.55C105.952 188.55 105.519 188.642 105.13 188.808C104 189.286 103.208 190.38 103.208 191.652C103.208 192.442 103.514 193.163 104.019 193.712C104.603 194.351 105.455 194.754 106.404 194.754C108.166 194.754 109.599 193.363 109.599 191.652C109.599 189.942 108.166 188.55 106.404 188.55M106.403 193.637C106.051 193.637 105.722 193.551 105.434 193.399C104.795 193.062 104.359 192.405 104.359 191.652C104.359 190.597 105.21 189.732 106.279 189.672C106.321 189.669 106.362 189.667 106.403 189.667C107.531 189.667 108.448 190.557 108.448 191.652C108.448 192.748 107.531 193.637 106.403 193.637Z", fill: "#ffffff" })), h("g", { mask: "url(#mask10_5542_2220)" }, h("path", { d: "M110.127 188.021H102.68V195.281H110.127V188.021Z", fill: "#333333" })), h("mask", { id: "mask11_5542_2220", maskUnits: "userSpaceOnUse", x: "102", y: "170", width: "8", height: "18" }, h("path", { d: "M106.403 170.657C105.951 170.657 105.519 170.743 105.124 170.9C103.877 171.391 102.996 172.581 102.996 173.966C102.996 174.124 103.008 174.283 103.031 174.439C103.844 185.305 103.878 185.438 103.892 185.496C103.973 185.82 104.114 186.115 104.305 186.372C104.779 187.012 105.549 187.415 106.404 187.415C107.601 187.415 108.632 186.626 108.916 185.497L108.926 185.453L109.781 174.402C109.801 174.255 109.813 174.108 109.813 173.967C109.813 172.143 108.284 170.659 106.406 170.659M108.637 174.267L107.786 185.274C107.615 185.877 107.052 186.296 106.403 186.296C106.035 186.296 105.695 186.162 105.438 185.936C105.24 185.761 105.09 185.53 105.018 185.261C104.962 184.749 104.489 178.491 104.177 174.337L104.174 174.295C104.156 174.185 104.148 174.076 104.148 173.966C104.148 172.766 105.147 171.787 106.382 171.774H106.405C107.649 171.774 108.662 172.758 108.662 173.966C108.662 174.063 108.654 174.165 108.639 174.267", fill: "#ffffff" })), h("g", { mask: "url(#mask11_5542_2220)" }, h("path", { d: "M110.339 170.129H102.468V187.942H110.339V170.129Z", fill: "#333333" })), h("path", { d: "M130.038 194.605C131.621 197.293 129.633 200.652 126.471 200.652H85.3036C82.1353 200.652 80.1563 197.288 81.7372 194.605L102.321 159.657C103.905 156.968 107.873 156.972 109.454 159.657L130.038 194.605Z", stroke: "#333333", "stroke-width": "2.5", "stroke-miterlimit": "10" }), h("mask", { id: "mask12_5542_2220", maskUnits: "userSpaceOnUse", x: "227", y: "129", width: "7", height: "9" }, h("path", { d: "M230.165 134.121C230.165 135.408 230.663 136.584 231.486 137.478C229.242 137.359 227.46 135.551 227.46 133.341C227.46 131.053 229.37 129.196 231.728 129.196C232.283 129.196 232.813 129.3 233.298 129.487C231.457 130.265 230.165 132.049 230.165 134.121Z", fill: "#ffffff" })), h("g", { mask: "url(#mask12_5542_2220)" }, h("path", { d: "M234.157 128.335H226.6V138.339H234.157V128.335Z", class: "infography-tertiary-fill" })), h("mask", { id: "mask13_5542_2220", maskUnits: "userSpaceOnUse", x: "232", y: "130", width: "4", height: "7" }, h("path", { d: "M235.997 133.341C235.997 134.902 235.107 136.264 233.792 136.968C232.75 136.42 232.041 135.348 232.041 134.121C232.041 132.403 233.428 130.993 235.172 130.894C235.691 131.58 235.997 132.425 235.997 133.341Z", fill: "#ffffff" })), h("g", { mask: "url(#mask13_5542_2220)" }, h("path", { d: "M236.856 130.034H231.18V137.829H236.856V130.034Z", class: "infography-tertiary-fill" })), h("mask", { id: "mask14_5542_2220", maskUnits: "userSpaceOnUse", x: "227", y: "100", width: "7", height: "26" }, h("path", { d: "M231.28 124.089C231.411 124.616 231.641 125.097 231.952 125.517C231.877 125.522 231.802 125.524 231.728 125.524C230.957 125.524 230.249 125.266 229.692 124.832C229.132 124.398 228.722 123.792 228.548 123.095C228.489 122.856 227.166 105.191 227.166 105.191C227.131 104.973 227.115 104.746 227.115 104.518C227.115 102.044 229.18 100.037 231.728 100.037C232.276 100.037 232.802 100.131 233.289 100.302C231.256 101.103 229.821 103.04 229.821 105.297C229.821 105.555 229.839 105.814 229.876 106.07C231.202 123.776 231.256 123.996 231.28 124.089Z", fill: "#ffffff" })), h("g", { mask: "url(#mask14_5542_2220)" }, h("path", { d: "M234.149 99.1765H226.254V126.384H234.149V99.1765Z", class: "infography-tertiary-fill" })), h("mask", { id: "mask15_5542_2220", maskUnits: "userSpaceOnUse", x: "231", y: "101", width: "6", height: "24" }, h("path", { d: "M236.342 104.517C236.342 104.728 236.326 104.933 236.3 105.133L234.909 123.094C234.738 123.776 234.341 124.371 233.8 124.805C233.476 124.519 233.232 124.142 233.115 123.706C233.023 122.871 232.252 112.672 231.743 105.903L231.738 105.835C231.709 105.656 231.695 105.477 231.695 105.298C231.695 103.342 233.323 101.748 235.336 101.728C235.965 102.492 236.343 103.465 236.343 104.517", fill: "#ffffff" })), h("g", { mask: "url(#mask15_5542_2220)" }, h("path", { d: "M237.202 100.867H230.834V125.666H237.202V100.867Z", class: "infography-tertiary-fill" })), h("mask", { id: "mask16_5542_2220", maskUnits: "userSpaceOnUse", x: "230", y: "129", width: "11", height: "11" }, h("path", { d: "M235.372 129.065C234.636 129.065 233.931 129.216 233.297 129.486C231.456 130.264 230.165 132.048 230.165 134.121C230.165 135.408 230.664 136.583 231.486 137.478C232.437 138.518 233.827 139.175 235.372 139.175C238.243 139.175 240.58 136.908 240.58 134.12C240.58 131.332 238.243 129.065 235.372 129.065ZM235.372 137.356C234.799 137.356 234.262 137.216 233.792 136.969C232.751 136.421 232.041 135.348 232.041 134.122C232.041 132.403 233.428 130.994 235.171 130.895C235.239 130.889 235.305 130.887 235.372 130.887C237.21 130.887 238.704 132.338 238.704 134.123C238.704 135.908 237.21 137.358 235.372 137.358", fill: "#ffffff" })), h("g", { mask: "url(#mask16_5542_2220)" }, h("path", { d: "M241.439 128.206H229.305V140.037H241.439V128.206Z", fill: "#333333" })), h("mask", { id: "mask17_5542_2220", maskUnits: "userSpaceOnUse", x: "229", y: "99", width: "12", height: "29" }, h("path", { d: "M235.372 99.9067C234.636 99.9067 233.931 100.047 233.288 100.302C231.255 101.103 229.819 103.04 229.819 105.298C229.819 105.554 229.838 105.815 229.875 106.07C231.201 123.776 231.255 123.995 231.279 124.088C231.41 124.616 231.64 125.097 231.951 125.516C232.722 126.558 233.978 127.214 235.372 127.214C237.321 127.214 239.003 125.929 239.464 124.088L239.48 124.018L240.873 106.007C240.906 105.768 240.924 105.529 240.924 105.298C240.924 102.325 238.435 99.9067 235.372 99.9067ZM239.013 105.789L237.626 123.727C237.347 124.709 236.431 125.394 235.373 125.394C234.773 125.394 234.219 125.176 233.801 124.806C233.477 124.52 233.233 124.143 233.116 123.707C233.024 122.872 232.253 112.673 231.744 105.904L231.739 105.836C231.709 105.657 231.696 105.478 231.696 105.299C231.696 103.343 233.324 101.749 235.336 101.728H235.374C237.401 101.728 239.051 103.33 239.051 105.299C239.051 105.457 239.039 105.624 239.014 105.79", fill: "#ffffff" })), h("g", { mask: "url(#mask17_5542_2220)" }, h("path", { d: "M241.785 99.0461H228.959V128.074H241.785V99.0461Z", fill: "#333333" })), h("path", { d: "M273.887 138.934C276.468 143.314 273.229 148.789 268.075 148.789H200.987C195.823 148.789 192.6 143.306 195.175 138.934L228.719 81.981C231.301 77.5993 237.767 77.6067 240.344 81.981L273.887 138.934Z", stroke: "#333333", "stroke-width": "2.5", "stroke-miterlimit": "10" })), h("defs", null, h("clipPath", { id: "clip0_5542_2220" }, h("rect", { width: "450", height: "215.773", fill: "#ffffff", transform: "translate(66 34)" })))));
+            return (h("svg", { width: "516", height: "384", viewBox: "0 0 516 384", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("rect", { width: "501.943", height: "384", fill: "#ffffff" }), h("rect", { width: "501.943", height: "384", fill: "#ffffff" }), children, h("g", { "clip-path": "url(#clip0_5542_2220)" }, h("path", { d: "M372.16 35.3853H96.7727C92.7462 35.3853 89.4821 38.6493 89.4821 42.6758V205.277C89.4821 209.303 92.7462 212.567 96.7727 212.567H372.16C376.186 212.567 379.45 209.303 379.45 205.277V42.6758C379.45 38.6493 376.186 35.3853 372.16 35.3853Z", stroke: "#333333", "stroke-width": "3", "stroke-miterlimit": "10" }), h("path", { d: "M88.7387 188.031H380.194", stroke: "#333333", "stroke-width": "3", "stroke-miterlimit": "10" }), h("path", { d: "M206.895 248.388V212.566H262.039V248.388", stroke: "#333333", "stroke-width": "3", "stroke-miterlimit": "10" }), h("path", { d: "M211.709 239.446H257.223", stroke: "#333333", "stroke-width": "3", "stroke-miterlimit": "10" }), h("path", { d: "M234.467 205.587C236.788 205.587 238.669 203.705 238.669 201.384C238.669 199.063 236.788 197.182 234.467 197.182C232.146 197.182 230.264 199.063 230.264 201.384C230.264 203.705 232.146 205.587 234.467 205.587Z", fill: "#333333" }), h("path", { d: "M262.342 220.784L206.591 217.804L206.654 212.567H261.799L262.342 220.784Z", fill: "#333333" }), h("path", { d: "M87.2779 248.387H417.481", stroke: "#333333", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M290.224 236.033V119.634C290.224 116.531 292.74 114.015 295.843 114.015H467.163C470.267 114.015 472.782 116.532 472.782 119.634V236.033", fill: "#ffffff" }), h("path", { d: "M288.957 236.742V119.279C288.957 116.146 291.495 113.608 294.628 113.608H467.515C470.647 113.608 473.186 116.146 473.186 119.279V236.742", stroke: "#333333", "stroke-width": "3", "stroke-miterlimit": "10" }), h("path", { d: "M270.509 236.742H491.634C492.938 236.742 493.997 237.801 493.997 239.105C493.997 244.228 489.837 248.388 484.714 248.388H277.431C272.307 248.388 268.147 244.228 268.147 239.105C268.147 237.801 269.206 236.742 270.51 236.742H270.509Z", stroke: "#333333", "stroke-width": "3", "stroke-miterlimit": "10" }), h("path", { d: "M135.481 114.364H73.5094C70.1271 114.364 67.3852 117.106 67.3852 120.488V242.263C67.3852 245.645 70.1271 248.387 73.5094 248.387H135.481C138.864 248.387 141.606 245.645 141.606 242.263V120.488C141.606 117.106 138.864 114.364 135.481 114.364Z", fill: "#ffffff" }), h("path", { d: "M67.3852 131.975H141.606", stroke: "#333333", "stroke-width": "2.191", "stroke-miterlimit": "10" }), h("path", { d: "M67.3852 227.074H141.606", stroke: "#333333", "stroke-width": "3", "stroke-miterlimit": "10" }), h("path", { d: "M135.481 114.364H73.5094C70.1271 114.364 67.3852 117.106 67.3852 120.488V242.263C67.3852 245.645 70.1271 248.387 73.5094 248.387H135.481C138.864 248.387 141.606 245.645 141.606 242.263V120.488C141.606 117.106 138.864 114.364 135.481 114.364Z", stroke: "#333333", "stroke-width": "3", "stroke-miterlimit": "10" }), h("path", { d: "M104.495 242.875C107.423 242.875 109.797 240.502 109.797 237.574C109.797 234.646 107.423 232.272 104.495 232.272C101.567 232.272 99.1939 234.646 99.1939 237.574C99.1939 240.502 101.567 242.875 104.495 242.875Z", fill: "#333333" }), h("path", { d: "M95.5713 124.28H113.42", stroke: "#333333", "stroke-width": "2.191", "stroke-miterlimit": "10" }), h("path", { d: "M88.6501 125.969C89.5615 125.969 90.3003 125.23 90.3003 124.319C90.3003 123.407 89.5615 122.668 88.6501 122.668C87.7388 122.668 86.9999 123.407 86.9999 124.319C86.9999 125.23 87.7388 125.969 88.6501 125.969Z", fill: "#333333" }), h("path", { d: "M500.585 89.3286L480.677 108.656", class: "infography-primary-stroke", "stroke-width": "2.739", "stroke-miterlimit": "10", "stroke-linecap": "round" }), h("path", { d: "M472.77 73.814L466.171 100.387", class: "infography-primary-stroke", "stroke-width": "2.739", "stroke-miterlimit": "10", "stroke-linecap": "round" }), h("path", { d: "M514.736 116.078L487.508 123.036", class: "infography-primary-stroke", "stroke-width": "2.739", "stroke-miterlimit": "10", "stroke-linecap": "round" }), h("mask", { id: "mask0_5542_2220", maskUnits: "userSpaceOnUse", x: "381", y: "185", width: "6", height: "8" }, h("path", { d: "M383.602 189.498C383.602 190.604 384.03 191.614 384.737 192.383C382.808 192.28 381.277 190.727 381.277 188.827C381.277 186.86 382.918 185.264 384.944 185.264C385.42 185.264 385.876 185.354 386.293 185.514C384.711 186.182 383.602 187.717 383.602 189.498Z", fill: "#ffffff" })), h("g", { mask: "url(#mask0_5542_2220)" }, h("path", { d: "M387.033 184.525H380.537V193.122H387.033V184.525Z", class: "infography-secondary" })), h("mask", { id: "mask1_5542_2220", maskUnits: "userSpaceOnUse", x: "385", y: "186", width: "4", height: "6" }, h("path", { d: "M388.613 188.828C388.613 190.168 387.85 191.339 386.72 191.945C385.824 191.473 385.214 190.553 385.214 189.498C385.214 188.02 386.406 186.809 387.905 186.725C388.351 187.315 388.614 188.041 388.614 188.828", fill: "#ffffff" })), h("g", { mask: "url(#mask1_5542_2220)" }, h("path", { d: "M389.352 185.985H384.474V192.685H389.352V185.985Z", class: "infography-secondary" })), h("mask", { id: "mask2_5542_2220", maskUnits: "userSpaceOnUse", x: "380", y: "160", width: "7", height: "23" }, h("path", { d: "M384.56 180.876C384.672 181.329 384.87 181.743 385.138 182.103C385.073 182.108 385.009 182.11 384.945 182.11C384.282 182.11 383.674 181.888 383.195 181.515C382.714 181.142 382.361 180.621 382.212 180.022C382.161 179.816 381.024 164.634 381.024 164.634C380.994 164.447 380.98 164.252 380.98 164.056C380.98 161.931 382.755 160.206 384.945 160.206C385.417 160.206 385.867 160.286 386.286 160.434C384.539 161.122 383.306 162.787 383.306 164.727C383.306 164.948 383.321 165.172 383.354 165.391C384.493 180.608 384.539 180.795 384.56 180.876Z", fill: "#ffffff" })), h("g", { mask: "url(#mask2_5542_2220)" }, h("path", { d: "M387.025 159.466H380.241V182.849H387.025V159.466Z", class: "infography-secondary" })), h("mask", { id: "mask3_5542_2220", maskUnits: "userSpaceOnUse", x: "384", y: "161", width: "5", height: "21" }, h("path", { d: "M388.91 164.055C388.91 164.236 388.896 164.413 388.873 164.585L387.678 180.022C387.531 180.607 387.19 181.12 386.725 181.492C386.447 181.246 386.237 180.922 386.136 180.546C386.057 179.829 385.394 171.063 384.958 165.246L384.952 165.187C384.927 165.033 384.915 164.879 384.915 164.725C384.915 163.044 386.315 161.674 388.044 161.656C388.585 162.313 388.91 163.149 388.91 164.055Z", fill: "#ffffff" })), h("g", { mask: "url(#mask3_5542_2220)" }, h("path", { d: "M389.65 160.918H384.176V182.231H389.65V160.918Z", class: "infography-secondary" })), h("mask", { id: "mask4_5542_2220", maskUnits: "userSpaceOnUse", x: "383", y: "185", width: "10", height: "9" }, h("path", { d: "M388.077 185.153C387.443 185.153 386.839 185.282 386.293 185.515C384.711 186.184 383.602 187.717 383.602 189.498C383.602 190.604 384.03 191.613 384.737 192.383C385.554 193.277 386.749 193.842 388.077 193.842C390.544 193.842 392.552 191.893 392.552 189.498C392.552 187.102 390.544 185.153 388.077 185.153ZM388.077 192.277C387.585 192.277 387.122 192.156 386.719 191.945C385.824 191.473 385.213 190.552 385.213 189.498C385.213 188.02 386.406 186.809 387.904 186.724C387.962 186.719 388.02 186.717 388.077 186.717C389.656 186.717 390.941 187.964 390.941 189.498C390.941 191.032 389.656 192.277 388.077 192.277Z", fill: "#ffffff" })), h("g", { mask: "url(#mask4_5542_2220)" }, h("path", { d: "M393.292 184.413H382.862V194.581H393.292V184.413Z", fill: "#333333" })), h("mask", { id: "mask5_5542_2220", maskUnits: "userSpaceOnUse", x: "383", y: "160", width: "10", height: "24" }, h("path", { d: "M388.077 160.093C387.443 160.093 386.839 160.214 386.286 160.433C384.539 161.121 383.305 162.786 383.305 164.726C383.305 164.946 383.321 165.171 383.354 165.389C384.493 180.606 384.539 180.794 384.56 180.874C384.672 181.328 384.87 181.741 385.138 182.101C385.801 182.997 386.88 183.561 388.077 183.561C389.753 183.561 391.198 182.457 391.594 180.875L391.608 180.815L392.806 165.336C392.834 165.13 392.849 164.925 392.849 164.727C392.849 162.172 390.709 160.094 388.078 160.094M391.205 165.149L390.012 180.565C389.773 181.409 388.986 181.998 388.076 181.998C387.561 181.998 387.083 181.81 386.724 181.493C386.445 181.247 386.237 180.923 386.135 180.547C386.056 179.829 385.393 171.064 384.957 165.246L384.952 165.188C384.926 165.034 384.915 164.88 384.915 164.726C384.915 163.045 386.315 161.675 388.044 161.657H388.076C389.819 161.657 391.236 163.034 391.236 164.726C391.236 164.861 391.225 165.005 391.204 165.148", fill: "#ffffff" })), h("g", { mask: "url(#mask5_5542_2220)" }, h("path", { d: "M393.588 159.354H382.565V184.302H393.588V159.354Z", fill: "#333333" })), h("path", { d: "M421.178 193.634C423.396 197.398 420.612 202.103 416.182 202.103H358.524C354.086 202.103 351.316 197.391 353.528 193.634L382.357 144.687C384.576 140.921 390.133 140.928 392.349 144.687L421.177 193.634H421.178Z", stroke: "#333333", "stroke-width": "2.5", "stroke-miterlimit": "10" }), h("mask", { id: "mask6_5542_2220", maskUnits: "userSpaceOnUse", x: "101", y: "188", width: "5", height: "6" }, h("path", { d: "M103.208 191.651C103.208 192.442 103.514 193.162 104.018 193.712C102.641 193.639 101.548 192.53 101.548 191.173C101.548 189.768 102.72 188.63 104.166 188.63C104.506 188.63 104.832 188.694 105.129 188.809C104 189.286 103.207 190.381 103.207 191.652", fill: "#ffffff" })), h("g", { mask: "url(#mask6_5542_2220)" }, h("path", { d: "M105.658 188.102H101.021V194.24H105.658V188.102Z", class: "infography-secondary" })), h("mask", { id: "mask7_5542_2220", maskUnits: "userSpaceOnUse", x: "104", y: "189", width: "3", height: "5" }, h("path", { d: "M106.786 191.173C106.786 192.131 106.241 192.966 105.434 193.399C104.794 193.062 104.359 192.406 104.359 191.652C104.359 190.598 105.21 189.732 106.28 189.672C106.599 190.093 106.786 190.612 106.786 191.174", fill: "#ffffff" })), h("g", { mask: "url(#mask7_5542_2220)" }, h("path", { d: "M107.314 189.143H103.831V193.927H107.314V189.143Z", class: "infography-secondary" })), h("mask", { id: "mask8_5542_2220", maskUnits: "userSpaceOnUse", x: "101", y: "170", width: "5", height: "17" }, h("path", { d: "M103.891 185.496C103.972 185.82 104.113 186.114 104.304 186.372C104.258 186.375 104.212 186.377 104.167 186.377C103.693 186.377 103.259 186.219 102.917 185.952C102.574 185.685 102.322 185.314 102.215 184.886C102.179 184.739 101.367 173.9 101.367 173.9C101.346 173.766 101.335 173.628 101.335 173.487C101.335 171.969 102.602 170.738 104.166 170.738C104.503 170.738 104.825 170.796 105.124 170.901C103.877 171.392 102.996 172.581 102.996 173.966C102.996 174.124 103.007 174.283 103.03 174.439C103.843 185.305 103.877 185.439 103.891 185.496Z", fill: "#ffffff" })), h("g", { mask: "url(#mask8_5542_2220)" }, h("path", { d: "M105.652 170.209H100.808V186.905H105.652V170.209Z", class: "infography-secondary" })), h("mask", { id: "mask9_5542_2220", maskUnits: "userSpaceOnUse", x: "104", y: "171", width: "3", height: "15" }, h("path", { d: "M106.998 173.486C106.998 173.616 106.988 173.741 106.972 173.865L106.119 184.886C106.014 185.304 105.771 185.67 105.438 185.936C105.24 185.761 105.09 185.53 105.018 185.261C104.962 184.749 104.489 178.49 104.177 174.337L104.173 174.295C104.156 174.185 104.147 174.075 104.147 173.966C104.147 172.766 105.146 171.787 106.381 171.775C106.767 172.244 106.999 172.841 106.999 173.487", fill: "#ffffff" })), h("g", { mask: "url(#mask9_5542_2220)" }, h("path", { d: "M107.526 171.246H103.618V186.463H107.526V171.246Z", class: "infography-secondary" })), h("mask", { id: "mask10_5542_2220", maskUnits: "userSpaceOnUse", x: "103", y: "188", width: "7", height: "7" }, h("path", { d: "M106.403 188.55C105.952 188.55 105.519 188.642 105.13 188.808C104 189.286 103.208 190.38 103.208 191.652C103.208 192.442 103.514 193.163 104.019 193.712C104.603 194.351 105.455 194.754 106.404 194.754C108.166 194.754 109.599 193.363 109.599 191.652C109.599 189.942 108.166 188.55 106.404 188.55M106.403 193.637C106.051 193.637 105.722 193.551 105.434 193.399C104.795 193.062 104.359 192.405 104.359 191.652C104.359 190.597 105.21 189.732 106.279 189.672C106.321 189.669 106.362 189.667 106.403 189.667C107.531 189.667 108.448 190.557 108.448 191.652C108.448 192.748 107.531 193.637 106.403 193.637Z", fill: "#ffffff" })), h("g", { mask: "url(#mask10_5542_2220)" }, h("path", { d: "M110.127 188.021H102.68V195.281H110.127V188.021Z", fill: "#333333" })), h("mask", { id: "mask11_5542_2220", maskUnits: "userSpaceOnUse", x: "102", y: "170", width: "8", height: "18" }, h("path", { d: "M106.403 170.657C105.951 170.657 105.519 170.743 105.124 170.9C103.877 171.391 102.996 172.581 102.996 173.966C102.996 174.124 103.008 174.283 103.031 174.439C103.844 185.305 103.878 185.438 103.892 185.496C103.973 185.82 104.114 186.115 104.305 186.372C104.779 187.012 105.549 187.415 106.404 187.415C107.601 187.415 108.632 186.626 108.916 185.497L108.926 185.453L109.781 174.402C109.801 174.255 109.813 174.108 109.813 173.967C109.813 172.143 108.284 170.659 106.406 170.659M108.637 174.267L107.786 185.274C107.615 185.877 107.052 186.296 106.403 186.296C106.035 186.296 105.695 186.162 105.438 185.936C105.24 185.761 105.09 185.53 105.018 185.261C104.962 184.749 104.489 178.491 104.177 174.337L104.174 174.295C104.156 174.185 104.148 174.076 104.148 173.966C104.148 172.766 105.147 171.787 106.382 171.774H106.405C107.649 171.774 108.662 172.758 108.662 173.966C108.662 174.063 108.654 174.165 108.639 174.267", fill: "#ffffff" })), h("g", { mask: "url(#mask11_5542_2220)" }, h("path", { d: "M110.339 170.129H102.468V187.942H110.339V170.129Z", fill: "#333333" })), h("path", { d: "M130.038 194.605C131.621 197.293 129.633 200.652 126.471 200.652H85.3036C82.1353 200.652 80.1563 197.288 81.7372 194.605L102.321 159.657C103.905 156.968 107.873 156.972 109.454 159.657L130.038 194.605Z", stroke: "#333333", "stroke-width": "2.5", "stroke-miterlimit": "10" }), h("mask", { id: "mask12_5542_2220", maskUnits: "userSpaceOnUse", x: "227", y: "129", width: "7", height: "9" }, h("path", { d: "M230.165 134.121C230.165 135.408 230.663 136.584 231.486 137.478C229.242 137.359 227.46 135.551 227.46 133.341C227.46 131.053 229.37 129.196 231.728 129.196C232.283 129.196 232.813 129.3 233.298 129.487C231.457 130.265 230.165 132.049 230.165 134.121Z", fill: "#ffffff" })), h("g", { mask: "url(#mask12_5542_2220)" }, h("path", { d: "M234.157 128.335H226.6V138.339H234.157V128.335Z", class: "infography-secondary" })), h("mask", { id: "mask13_5542_2220", maskUnits: "userSpaceOnUse", x: "232", y: "130", width: "4", height: "7" }, h("path", { d: "M235.997 133.341C235.997 134.902 235.107 136.264 233.792 136.968C232.75 136.42 232.041 135.348 232.041 134.121C232.041 132.403 233.428 130.993 235.172 130.894C235.691 131.58 235.997 132.425 235.997 133.341Z", fill: "#ffffff" })), h("g", { mask: "url(#mask13_5542_2220)" }, h("path", { d: "M236.856 130.034H231.18V137.829H236.856V130.034Z", class: "infography-secondary" })), h("mask", { id: "mask14_5542_2220", maskUnits: "userSpaceOnUse", x: "227", y: "100", width: "7", height: "26" }, h("path", { d: "M231.28 124.089C231.411 124.616 231.641 125.097 231.952 125.517C231.877 125.522 231.802 125.524 231.728 125.524C230.957 125.524 230.249 125.266 229.692 124.832C229.132 124.398 228.722 123.792 228.548 123.095C228.489 122.856 227.166 105.191 227.166 105.191C227.131 104.973 227.115 104.746 227.115 104.518C227.115 102.044 229.18 100.037 231.728 100.037C232.276 100.037 232.802 100.131 233.289 100.302C231.256 101.103 229.821 103.04 229.821 105.297C229.821 105.555 229.839 105.814 229.876 106.07C231.202 123.776 231.256 123.996 231.28 124.089Z", fill: "#ffffff" })), h("g", { mask: "url(#mask14_5542_2220)" }, h("path", { d: "M234.149 99.1765H226.254V126.384H234.149V99.1765Z", class: "infography-secondary" })), h("mask", { id: "mask15_5542_2220", maskUnits: "userSpaceOnUse", x: "231", y: "101", width: "6", height: "24" }, h("path", { d: "M236.342 104.517C236.342 104.728 236.326 104.933 236.3 105.133L234.909 123.094C234.738 123.776 234.341 124.371 233.8 124.805C233.476 124.519 233.232 124.142 233.115 123.706C233.023 122.871 232.252 112.672 231.743 105.903L231.738 105.835C231.709 105.656 231.695 105.477 231.695 105.298C231.695 103.342 233.323 101.748 235.336 101.728C235.965 102.492 236.343 103.465 236.343 104.517", fill: "#ffffff" })), h("g", { mask: "url(#mask15_5542_2220)" }, h("path", { d: "M237.202 100.867H230.834V125.666H237.202V100.867Z", class: "infography-secondary" })), h("mask", { id: "mask16_5542_2220", maskUnits: "userSpaceOnUse", x: "230", y: "129", width: "11", height: "11" }, h("path", { d: "M235.372 129.065C234.636 129.065 233.931 129.216 233.297 129.486C231.456 130.264 230.165 132.048 230.165 134.121C230.165 135.408 230.664 136.583 231.486 137.478C232.437 138.518 233.827 139.175 235.372 139.175C238.243 139.175 240.58 136.908 240.58 134.12C240.58 131.332 238.243 129.065 235.372 129.065ZM235.372 137.356C234.799 137.356 234.262 137.216 233.792 136.969C232.751 136.421 232.041 135.348 232.041 134.122C232.041 132.403 233.428 130.994 235.171 130.895C235.239 130.889 235.305 130.887 235.372 130.887C237.21 130.887 238.704 132.338 238.704 134.123C238.704 135.908 237.21 137.358 235.372 137.358", fill: "#ffffff" })), h("g", { mask: "url(#mask16_5542_2220)" }, h("path", { d: "M241.439 128.206H229.305V140.037H241.439V128.206Z", fill: "#333333" })), h("mask", { id: "mask17_5542_2220", maskUnits: "userSpaceOnUse", x: "229", y: "99", width: "12", height: "29" }, h("path", { d: "M235.372 99.9067C234.636 99.9067 233.931 100.047 233.288 100.302C231.255 101.103 229.819 103.04 229.819 105.298C229.819 105.554 229.838 105.815 229.875 106.07C231.201 123.776 231.255 123.995 231.279 124.088C231.41 124.616 231.64 125.097 231.951 125.516C232.722 126.558 233.978 127.214 235.372 127.214C237.321 127.214 239.003 125.929 239.464 124.088L239.48 124.018L240.873 106.007C240.906 105.768 240.924 105.529 240.924 105.298C240.924 102.325 238.435 99.9067 235.372 99.9067ZM239.013 105.789L237.626 123.727C237.347 124.709 236.431 125.394 235.373 125.394C234.773 125.394 234.219 125.176 233.801 124.806C233.477 124.52 233.233 124.143 233.116 123.707C233.024 122.872 232.253 112.673 231.744 105.904L231.739 105.836C231.709 105.657 231.696 105.478 231.696 105.299C231.696 103.343 233.324 101.749 235.336 101.728H235.374C237.401 101.728 239.051 103.33 239.051 105.299C239.051 105.457 239.039 105.624 239.014 105.79", fill: "#ffffff" })), h("g", { mask: "url(#mask17_5542_2220)" }, h("path", { d: "M241.785 99.0461H228.959V128.074H241.785V99.0461Z", fill: "#333333" })), h("path", { d: "M273.887 138.934C276.468 143.314 273.229 148.789 268.075 148.789H200.987C195.823 148.789 192.6 143.306 195.175 138.934L228.719 81.981C231.301 77.5993 237.767 77.6067 240.344 81.981L273.887 138.934Z", stroke: "#333333", "stroke-width": "2.5", "stroke-miterlimit": "10" })), h("defs", null, h("clipPath", { id: "clip0_5542_2220" }, h("rect", { width: "450", height: "215.773", fill: "#ffffff", transform: "translate(66 34)" })))));
         }
     }
 };

package/dist/collection/components/_notification/notification-error-page/notification-error-page.css

@@ -77,12 +77,6 @@
 :host .digi-notification-error-page .infography-secondary-stroke {
   stroke: var(--digi--color--infographic--brand--secondary);
 }
-:host .digi-notification-error-page .infography-tertiary-stroke {
-  stroke: var(--digi--color--infographic--brand--tertiary);
-}
-:host .digi-notification-error-page .infography-tertiary-fill {
-  fill: var(--digi--color--infographic--brand--tertiary);
-}
 @media (min-width: 48rem) {
   :host .digi-notification-error-page {
     --digi--container-width--largest: var(--digi--notification-error-page--max-width);

package/dist/collection/components/_notification/notification-error-page/notification-error-page.js

@@ -128,15 +128,15 @@ export class NotificationErrorPage {
         }
     }
     render() {
-        return (h(Host, { key: '7132d02556205f3a8df00a9ae2829d8afc6139cc' }, h("digi-layout-container", { key: 'e943d320a879f7264e538c8af35aed20be0a8791', class: {
+        return (h(Host, { key: '0e32da48a006474eb67b5fa456222526e1d0ff48' }, h("digi-layout-container", { key: 'faf76cdc561f5dacb534f516df9154cbfa67c720', class: {
                 'digi-notification-error-page': true,
                 'digi-notification-error-page--mobile': this.isMobile
-            }, id: this.afId }, h("digi-typography", { key: '35de8a240c50757407d3d7bcad0dcd8e88a17db1' }, h("digi-util-breakpoint-observer", { key: '26b85e4f592d078a4d6ce979a5567efdada9b76b', onAfOnChange: (e) => {
+            }, id: this.afId }, h("digi-typography", { key: 'cb8ef01d5f3aa16f634261206d08ed0eb497d16d' }, h("digi-util-breakpoint-observer", { key: 'dd2625ac2e7c7f55d2ebcc361f84dab7b579affb', onAfOnChange: (e) => {
                 const val = e.detail.value;
                 this.isMobile =
                     val === UtilBreakpointObserverBreakpoints.SMALL ||
                         val === UtilBreakpointObserverBreakpoints.MEDIUM;
-            } }), h("div", { key: '8392d1f2661092a15c20a946a43a501a081ea24b', class: "digi-notification-error-page__grid" }, h("div", { key: '6c90176019a70cbe8aeae9583792aed09b390c53', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: '938cb252cee93be8d7ff404645ef1059a0a49faf', class: "digi-notification-error-page__content" }, h("h1", { key: 'b669a1b610407a9273aafd6a3dccee7bb72e7bd9', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (h("div", { class: "digi-notification-error-page__content__bodytext" }, h("slot", { name: "bodytext" }))) : (h("div", { class: "digi-notification-error-page__content__bodytext" }, h("div", { innerHTML: this.getText().body }))), this.hasSearch && (h("div", { key: '1516df6d4e27147c1ae1112b9a3e1865df4d2102', class: "digi-notification-error-page__content__search" }, h("slot", { key: '6b03baeca3965ea06a22431561eba06648ea8873', name: "search" }))), this.hasLinks && (h("div", { key: '6f70ba31fe9e20b1c830ede49423c00ce5418c18', class: "digi-notification-error-page__content__links" }, h("slot", { key: 'a0e0e50c68ebb18143174efdfd714745f1ef0112', name: "links" })))))))));
+            } }), h("div", { key: '8c2d898b02a938a32844c6c00ed4863ab6d6e1e5', class: "digi-notification-error-page__grid" }, h("div", { key: 'f25ee9c216afc499c50edea9fa30ce137e68355f', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: '024767a0825f4daa38f71ffcce74aca9397634c6', class: "digi-notification-error-page__content" }, h("h1", { key: '00dbc3bb41137a9a738d2bbd619dba6fef87cc7a', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (h("div", { class: "digi-notification-error-page__content__bodytext" }, h("slot", { name: "bodytext" }))) : (h("div", { class: "digi-notification-error-page__content__bodytext" }, h("div", { innerHTML: this.getText().body }))), this.hasSearch && (h("div", { key: 'a3e36f1ec1a3f9871fa8d1d97f837321431bf034', class: "digi-notification-error-page__content__search" }, h("slot", { key: '2959b7215068d325122824420c7c8cf7749b19aa', name: "search" }))), this.hasLinks && (h("div", { key: 'cb3a5c36630f32cf3bc3b103f0bc4d640eb805d6', class: "digi-notification-error-page__content__links" }, h("slot", { key: '8981c3acade0847c7991da0ee8f3ff54a9243537', name: "links" })))))))));
     }
     static get is() { return "digi-notification-error-page"; }
     static get encapsulation() { return "scoped"; }

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

@@ -56,20 +56,20 @@ export class ProgressCircle {
         return;
     }
     render() {
-        return (h("div", { key: '6cc91dbd99da313c9bc4d8639380a9538b2a8908', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
+        return (h("div", { key: 'ca6512b28f62524a92f09546e74bb071641f3049', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
                 ? ProgressCircleRole.STATUS
-                : null }, h("div", { key: '0ded9f8e78bf58fbe4821af9b603043c09be8ba7', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: '1d51bf3a7a07e4cd357501e8c59a993da15b40ee', class: "digi-progress-circle__circle" }, h("p", { key: 'fa01d4c20571f341c7f5f47450109a3390a782e7', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: 'b15187dcb4fb9dc6ab1ffbb81e5a76a5c2b79129', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '1f9a897a4ae0d0c54f30a78b4487941ed39e9783' }, h("mask", { key: '2356d545f65e0525ef5003c50831f1bbc3556484', id: this.afId }, h("circle", { key: 'a52e67c3b0705d5d84fea738926cdf268e2b14cc', 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: '20745e03812ba5bdaccd656fa7f9d0a76b3601f6' }, h("circle", { key: '89f67b5b1557d4e9e32e52316017bd8eff3c6e69', 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: 'b8df7adfdbe47bf9ff961f8a3ac5515bd913e8eb', 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: '4ae7cb174d1de1bb92516c736e9da865175f0bd8', 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: '0714640dbcdc65d3ee9a4bf7a8845517163b013a', 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: '0fee9d3bab6cd9ad25c44da34b39586a80be1c9a', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: 'db16f9872eee33561595075e92377fe184ab588e', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+                : 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: {
                 visibility: 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: 'a43a0bf9cc155c90a40a726d939b57ade7487029', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: '705a62347ae918312757296bd03abb2b173964aa', 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: 'b6ccf2b4f8c401799296e56a881cce673fdcd8da', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: '4c590699e3ff5c7086ca2de0d30fb9beb1cfb3c2', class: "digi-progress-circle__icon--warning" }), h("span", { key: '6c2f4a94074098eec7bb9cf3352da28675e797a3' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '0a6b069d3a5cae4702f5ac0ca59f80d1e57458bd', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: 'c530a4556badcb1ed5ad0970288b2945793d8af2', class: "digi-progress-circle__icon--error" }), h("span", { key: 'a0b4617bbef6b223c663766ee9a610b8132a5655' }, this.afValidationLabel)))));
+            } }, `${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)))));
     }
     static get is() { return "digi-progress-circle"; }
     static get encapsulation() { return "scoped"; }

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

@@ -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

@@ -95,9 +95,9 @@ export class ProgressIndicator {
         return;
     }
     render() {
-        return (h("div", { key: '5763d619dddfe0028aa30c2c706aa8800ef30c0a', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
+        return (h("div", { key: 'fdad0002fd35380021d269316ee56870b952ae3c', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
                 ? ProgressIndicatorRole.STATUS
-                : null }, h("div", { key: 'ab811ef804c68bd6d6fa47f676d90bf7b1dd0a58' }, 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: '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: {
                 visibility: this.afStepNextLabel !== null &&
                     this.afStepNextLabel !== undefined
                     ? 'visible'
@@ -123,7 +123,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: 'c4465748927571aa44f39769a38e2e9f527ff2d6', class: "digi-progress-indicator__label" }, h("span", { key: 'cae3c5c57ec28320ad0f932c62ad95a6a0dc2f97' }, `${this.afStepText}`, " "), h("span", { key: '58f49e0e04662c58fa875657800c12a0af721c86', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '034d1ef6ea2c97f11020cab0103b82623cab4e4e', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: '745ce996c30f69279c190e187f67fa6dd5aaeef8', class: "digi-progress-indicator__icon--warning" }), h("span", { key: 'de4b7e4b02ef2beb4fbdacda65beff7b226e4027' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: 'dc7fe8b9a28a07c1a429944aab6f823226d2ed17', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '6da7baefbd3179746484e0cfea883ef803e31cf8', class: "digi-progress-indicator__icon--error" }), h("span", { key: 'e355c9334dd70c697add67155151298869fbd274' }, this.afValidationLabel))), h("div", { key: '5f2c08b4298feb9b142b160ecd89e7a64ab86e0b', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: 'fa9be4e7a4fe3088718914bd354ec20e88c3023d', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '1b238590bff48daedee5ceedc8d1e0e541913a5c' })))));
+        }))), 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' })))));
     }
     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: '391a3cb87b3daed9b67a393fedb38ebf87dc5050', class: "digi-progress-list" }, h("digi-typography", { key: '2491b8fbd564d59a5fd9b91cbf16202030f3a272' }, this.renderHeading(), h("ol", { key: '9c909a9c632cafe6aaf5080c232a0b559d24eeb6', class: "digi-progress-list__content" }, h("slot", { key: '104b7e0fd030bd406725bbcf6cf9f2af929b0ce2' })))));
+        return (h("div", { key: '0db50446c5044f0cd9cb2dec3d5d0ba38ed084c9', class: "digi-progress-list" }, h("digi-typography", { key: '62ed9eb55a6d07c176fc563b3446ca9451a6e40d' }, this.renderHeading(), h("ol", { key: '641f26a87b06196d6f08769be3a6e6bd6a530fa1', class: "digi-progress-list__content" }, h("slot", { key: 'f41cb5b7a6172ea48641c2c176b1b487e5ccc57b' })))));
     }
     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: '33209c43c08ba15bc81ab58e80acb43dde115fde', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: '9b42e1e104d2cedc726327827ab5506086e4d4e8', class: {
+        return (h(Host, { key: 'dad1c85bbde1111481f538c8794a77e77c99a28c', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: 'e5c92271ee0514ecf2a7cfe8f31ddc87988e6c75', 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: 'ecc897115cd0368b3d2cde87f3880978dd396302', class: "digi-progress-list-item__indicator" }, h("span", { key: '50ce3e6e373c0a46d894f24eb5e5e8e1b0a92d10', class: {
+            } }, h("span", { key: '3429bd1b7a48ede98a871105193da301ba9411ff', class: "digi-progress-list-item__indicator" }, h("span", { key: '3078765505309ab62b926fc459c5595964d1b460', 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: '62038682fbed1f751aeb09f55d22fccd099781a0', class: "digi-progress-list-item__indicator--line" })), h("div", { key: 'a025b1f860bef4aeef6d49cf134796553f6d645a', class: {
+            } }, this.renderStatusIcon()), h("span", { key: 'aed449cbee77e5d66f4f0dfd3adce45a66d4db19', class: "digi-progress-list-item__indicator--line" })), h("div", { key: 'fdaf63aba491485a777950f9d022350c29873247', class: {
                 'digi-progress-list-item__wrapper': true,
                 'digi-progress-list-item__wrapper--last': this.afIsLast
-            } }, h("div", { key: '7fddb2e9bfa0e8279243e59e98ced58e3caba29b', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: '764ff1a17696b1623ce9de4b1dc8204d1d2ff167', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: 'ad8a10cfefd864d6f4a6fa9f8cf1380a3c7e1610', class: {
+            } }, h("div", { key: '1156ce5725dcb8cf8d1ae968ae69dfa019bd076b', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: '544fab1a62041f0c7bbabfd688c4626bc16dea27', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: '350efd1958402c564a151199182d12e9931f932e', 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: '48fd95bae125a02fee9dcdbcf9920047eb759201' }, h("slot", { key: '2433e874c96fac908c89e1d5b0d86670bc51e8d0' })))))));
+            }, id: `${this.afId}-content` }, h("div", { key: '90a8a8c4f5c17be2df1657e381d71210f3078ab6' }, h("slot", { key: 'b25be0ea55c84fd9e7615f9b9a08b3702edce91d' })))))));
     }
     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: '470fc8cac35335633e5ecb2dcf715783a5a8a134', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: 'f03153dcc9b835e8e55c0b5d10659f2c54d5bf4d', 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: 'a419e09c4d67c59bfde87377906d635c23b19336', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: '2cacb0b2a2dc6cb0fa2e9c28b98bfdfd68011c61', 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: '179cd4b3f4c49a361d4157e400a91bd0d0d284f0', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: 'e762e318d6a37de34da5a25c7175a9a1b494836f', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: 'ba9a323a34d459103b84103c0715a5583e5b343d' })))));
+        }))), h("div", { key: '1c347133f7006bfebc9c2712d666b2bd367baf01', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: '1e17bed1af9c2492656b2886f1f7bd672934081f', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: 'a16e4b14e11d07e593180e7de6efd0737603a345' })))));
     }
     static get is() { return "digi-progressbar"; }
     static get encapsulation() { return "scoped"; }

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 {
@@ -125,7 +125,7 @@ License: none (public domain)
 :host .digi-quote--transparent .digi-quote__image-wrapper {
   gap: 1.5rem;
 }
-@media (max-width: 47.9375rem) {
+@media (max-width: 36rem) {
   :host .digi-quote__image-position--left, :host .digi-quote__image-position--right {
     display: flex;
     flex-direction: column;
@@ -194,7 +194,7 @@ License: none (public domain)
   width: fit-content;
   align-self: center;
 }
-@media (max-width: 47.9375rem) {
+@media (max-width: 36rem) {
   :host .digi-quote .digi-quote__variation--highlight-wrapper {
     flex-direction: column;
     gap: 0;

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: '6350c61528ed2c3e20eddef23e7470b5f433f866' }, h("digi-util-breakpoint-observer", { key: '75b40cc20a7be575982f36e594bc9375564ae08d', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: 'e3c0abbe0c37a54fe9deee447e06e8452f8f6fcd', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
+        return (h(Host, { key: '52b1e566fdfa49ddf986445eada41c97bc1825da' }, h("digi-util-breakpoint-observer", { key: 'd13cf3eb5aca84480fd4000b8cf8b15ae523e418', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '85e91494f8e0097a3deb44b61e8700e72ac9205e', 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: 'ea91bdd07d34afa1392d8d08deeba1212d0f519a', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: '8f6ebb810e736e2f94aa1a34eb674a9e974c135a', class: "digi-table__scroll-container" }, h("slot", { key: '3f97ad0f1e0adc497acac87281d0e18a0c7c7fef' }))));
+        return (h("div", { key: '80156eb566010955015fd79f530d717e8e1a9eee', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: '2ef824b3ba0900bb2b9426615758a64f3406d6d6', class: "digi-table__scroll-container" }, h("slot", { key: 'b5490c239b111d0a2d8ec0e50843c7f15db5a273' }))));
     }
     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: '4bb9dc472f8d2e00cb6a34329236b7470bb641b3', 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: '342fd9cf7155df6c02506750598cabc297b66648', slot: "icon-secondary" })));
+        return (h("digi-button", { key: '8e73c3fad4b8543e65bf9c8c5f722ae036613ad9', 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: '618d56b558da3948e247248bebf998656e7410c7', 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: 'f91941868b18791f39706a3baa8b07de301ee59a' }, h("div", { key: 'cc57923a2b96233b3839a65dd2bc7dea48e4dec1', class: {
+        return (h(Host, { key: 'd658da608355e65842a65ec477cdd27ec0348e95' }, h("div", { key: 'ad38e95db5d26c080d3f4d1338fdc86ad2e99ea5', class: {
                 'digi-tag-media': true
-            } }, this.tagIcon, h("span", { key: '1d8916745128e58c9cb47c1b2f9b2067e3c474ff', class: "digi-tag-media__text" }, this.afText))));
+            } }, this.tagIcon, h("span", { key: 'a58c8630cb5712bfadb438581e8dd8302e29352d', 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.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);

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: '487c064a988cb756eabce24dfff13bded47957a2', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: 'b20d0b7045a0b1d528fe459e8929bdafe4b2bc2f', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
+        return (h("div", { key: '8d8391ebc8fbc5a4a597e74965dc8ec42051e795', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: '3af4691534a06683985b40ae583bb00da3e8f43d', 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: '0398b699deb5db5795c116fd1809d04bcb202678', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: 'b382c5e62e43741d586671c3d39d538a9cd67ee3', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
+        return (h("div", { key: 'a8d0c416ba8392031fc8b19e03ef32e428d08662', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: '3c7d5c096b29f9483e58f06aa577d5785d2aea71', 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.css

@@ -25,7 +25,7 @@ License: none (public domain)
     padding-top: var(--digi--padding--medium);
   }
 }
-@media (max-width: 47.9375rem) {
+@media (max-width: 36rem) {
   :host .digi-tools-feedback-rating__wrapper {
     padding-inline: var(--digi--padding--medium);
   }
@@ -44,7 +44,7 @@ License: none (public domain)
 :host .digi-tools-feedback-rating__step1-wrapper {
   display: block;
 }
-@media (min-width: 47.9375rem) {
+@media (min-width: 36rem) {
   :host .digi-tools-feedback-rating__step1-wrapper {
     margin-top: 0;
   }

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: '45c7bd4bbb831bf44238b94cc8240dfd7cc10536', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: '580a7c46aeed45ff0d5ae534ff0a161147a724a1', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
+        return (h("div", { key: '92be9e5f875efdfaae5655bf648b4aef277ed240', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: 'b4dddd1ef54e948b267ba979bc2e8f02a031caa0', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
     }
     static get is() { return "digi-tools-feedback-rating"; }
     static get encapsulation() { return "scoped"; }