@designsystem-se/af 35.0.1 → 35.1.0

package/dist/cjs/{typography-variation.enum-d6a04b47.js → typography-variation.enum-e636523c.js}

@@ -157,6 +157,38 @@ exports.InfoCardHeadingLevel = void 0;
     InfoCardHeadingLevel["H6"] = "h6";
 })(exports.InfoCardHeadingLevel || (exports.InfoCardHeadingLevel = {}));
 
+exports.LayoutBlockContainer = void 0;
+(function (LayoutBlockContainer) {
+    LayoutBlockContainer["STATIC"] = "static";
+    LayoutBlockContainer["FLUID"] = "fluid";
+    LayoutBlockContainer["NONE"] = "none";
+})(exports.LayoutBlockContainer || (exports.LayoutBlockContainer = {}));
+
+exports.LayoutContainerVariation = void 0;
+(function (LayoutContainerVariation) {
+    LayoutContainerVariation["STATIC"] = "static";
+    LayoutContainerVariation["FLUID"] = "fluid";
+    LayoutContainerVariation["NONE"] = "none";
+})(exports.LayoutContainerVariation || (exports.LayoutContainerVariation = {}));
+
+exports.LayoutContainerMaxWidth = void 0;
+(function (LayoutContainerMaxWidth) {
+    LayoutContainerMaxWidth["WIDTH_1200"] = "1200";
+    LayoutContainerMaxWidth["WIDTH_1400"] = "1400";
+})(exports.LayoutContainerMaxWidth || (exports.LayoutContainerMaxWidth = {}));
+
+exports.LogoColor = void 0;
+(function (LogoColor) {
+    LogoColor["PRIMARY"] = "primary";
+    LogoColor["SECONDARY"] = "secondary";
+})(exports.LogoColor || (exports.LogoColor = {}));
+
+exports.LogoVariation = void 0;
+(function (LogoVariation) {
+    LogoVariation["SMALL"] = "small";
+    LogoVariation["LARGE"] = "large";
+})(exports.LogoVariation || (exports.LogoVariation = {}));
+
 exports.NotificationAlertHeadingLevel = void 0;
 (function (NotificationAlertHeadingLevel) {
     NotificationAlertHeadingLevel["H1"] = "h1";
@@ -216,6 +248,22 @@ exports.FeedbackVariation = void 0;
     FeedbackVariation["SECONDARY"] = "secondary";
 })(exports.FeedbackVariation || (exports.FeedbackVariation = {}));
 
+exports.TypographyHeadingJumboLevel = void 0;
+(function (TypographyHeadingJumboLevel) {
+    TypographyHeadingJumboLevel["H1"] = "h1";
+    TypographyHeadingJumboLevel["H2"] = "h2";
+    TypographyHeadingJumboLevel["H3"] = "h3";
+    TypographyHeadingJumboLevel["H4"] = "h4";
+    TypographyHeadingJumboLevel["H5"] = "h5";
+    TypographyHeadingJumboLevel["H6"] = "h6";
+})(exports.TypographyHeadingJumboLevel || (exports.TypographyHeadingJumboLevel = {}));
+
+exports.TypographyHeadingJumboVariation = void 0;
+(function (TypographyHeadingJumboVariation) {
+    TypographyHeadingJumboVariation["PRIMARY"] = "primary";
+    TypographyHeadingJumboVariation["SECONDARY"] = "secondary";
+})(exports.TypographyHeadingJumboVariation || (exports.TypographyHeadingJumboVariation = {}));
+
 exports.TypographyVariation = void 0;
 (function (TypographyVariation) {
     TypographyVariation["SMALL"] = "small";

package/dist/collection/collection-manifest.json

@@ -235,7 +235,6 @@
     "components/_layout/layout-block/layout-block.js",
     "components/_layout/layout-columns/layout-columns.js",
     "components/_layout/layout-container/layout-container.js",
-    "components/_layout/layout-media-object/layout-media-object.js",
     "components/_link/link/link.js",
     "components/_link/link-button/link-button.js",
     "components/_link/link-external/link-external.js",

package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css

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

package/dist/collection/components/_code/code/code.css

@@ -20,6 +20,7 @@ digi-code .digi-code--light code[class*=language-] {
   color: #545454;
   background: none;
   font-family: var(--digi--global--typography--font-family--mono);
+  font-size: 14px;
   text-align: left;
   white-space: pre;
   word-spacing: normal;
@@ -36,6 +37,7 @@ digi-code .digi-code--light code[class*=language-] {
 }
 digi-code .digi-code--light code[class*=language-] {
   white-space: normal;
+  display: block;
 }
 digi-code .digi-code--light .token.comment,
 digi-code .digi-code--light .token.prolog,
@@ -144,6 +146,7 @@ digi-code .digi-code--dark code[class*=language-] {
   color: #f8f8f2;
   background: none;
   font-family: var(--digi--global--typography--font-family--mono);
+  font-size: 14px;
   text-align: left;
   white-space: pre;
   word-spacing: normal;
@@ -160,6 +163,7 @@ digi-code .digi-code--dark code[class*=language-] {
 }
 digi-code .digi-code--dark code[class*=language-] {
   white-space: normal;
+  display: block;
 }
 digi-code .digi-code--dark .token.comment,
 digi-code .digi-code--dark .token.prolog,

package/dist/collection/components/_form/form-checkbox/form-checkbox.css

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

package/dist/collection/components/_form/form-checkbox/form-checkbox.js

@@ -38,12 +38,6 @@ export class FormCheckbox {
     onAfCheckedChanged(checked) {
         this.checked = checked;
     }
-    onValueChanged(value) {
-        this.afValue = value;
-    }
-    onAfValueChanged(value) {
-        this.value = value;
-    }
     /**
      * Hämta en referens till inputelementet. Bra för att t.ex. sätta fokus programmatiskt.
      * @en Returns a reference to the input element. Handy for setting focus programmatically.
@@ -52,7 +46,7 @@ export class FormCheckbox {
         return this._input;
     }
     componentWillLoad() {
-        this.afValue ? (this.value = this.afValue) : (this.afValue = this.value);
+        this.value = this.afValue;
         this.afChecked
             ? (this.checked = this.afChecked)
             : (this.afChecked = this.checked);
@@ -79,7 +73,6 @@ export class FormCheckbox {
     }
     changeHandler(e) {
         this.checked = this.afChecked = e.target.checked;
-        this.afValue = this.value = e.target.value;
         this.afOnChange.emit(e);
     }
     focusHandler(e) {
@@ -96,7 +89,7 @@ export class FormCheckbox {
         this.afOnInput.emit(e);
     }
     render() {
-        return (h("div", { key: '266fa6ef76fcd877f880b84e707c0873efdd2230', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, h("input", { key: 'e12a90f12809022be19293c5823e367574e5ec62', class: "digi-form-checkbox__input", ref: (el) => {
+        return (h("div", { key: '84ff9eb3050fe3a8add28624cd41c6623cf47df8', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, h("input", { key: '8c7b8ac0fab0f665421c66d95305426d2b9b08b7', class: "digi-form-checkbox__input", ref: (el) => {
                 var _a;
                 this._input = el;
                 (_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
@@ -104,7 +97,7 @@ export class FormCheckbox {
                 ? null
                 : `${this.afAriaDescribedby ? `${this.afAriaDescribedby} ` : ''}${this.afDescription ? `${this.afId}-description` : ''}`, "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormCheckboxValidation.ERROR
                 ? 'true'
-                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "checkbox", checked: this.afChecked, value: this.afValue, indeterminate: this.afIndeterminate, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: 'b87e2622e53d0e34e7ace64757cefdd750e53a8b', htmlFor: this.afId, class: "digi-form-checkbox__label" }, h("span", { key: 'da7b4aaff400e0e262a0e4a9dbd8e37ed731def9', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (h("p", { key: 'a19ce65d5bc40a6257d7bea5770a429bd788d75b', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription))));
+                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "checkbox", checked: this.afChecked, value: this.afValue, indeterminate: this.afIndeterminate, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: 'db1a39efe7cacc41cfffc90ac0c37c3a51e5c0bf', htmlFor: this.afId, class: "digi-form-checkbox__label" }, h("span", { key: 'b928f122123147148460807981defe2d3aafe13e', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (h("p", { key: '17b8dda6c50fcd9554ac36726f19e355e3256b04', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription))));
     }
     static get is() { return "digi-form-checkbox"; }
     static get encapsulation() { return "scoped"; }
@@ -283,12 +276,12 @@ export class FormCheckbox {
                 "docs": {
                     "tags": [{
                             "name": "en",
-                            "text": "Input checked attribute"
+                            "text": "Internal mirror of afChecked. Used by Angular Reactive Forms (ControlValueAccessor).\nDo not use directly \u2014 use afChecked instead."
                         }, {
                             "name": "ignore",
                             "text": undefined
                         }],
-                    "text": "S\u00E4tter attributet 'checked'."
+                    "text": "Intern spegling av afChecked. Anv\u00E4nds av Angular Reactive Forms (ControlValueAccessor)\nSka inte anv\u00E4ndas direkt \u2014 anv\u00E4nd afChecked ist\u00E4llet."
                 },
                 "getter": false,
                 "setter": false,
@@ -375,12 +368,12 @@ export class FormCheckbox {
                 "docs": {
                     "tags": [{
                             "name": "en",
-                            "text": "Input value attribute"
+                            "text": "Internal mirror of afValue. \nDo not use directly \u2014 use afValue instead."
                         }, {
                             "name": "ignore",
                             "text": undefined
                         }],
-                    "text": "S\u00E4tter attributet 'value'"
+                    "text": "Intern spegling av afValue. \nSka inte anv\u00E4ndas direkt \u2014 anv\u00E4nd afValue ist\u00E4llet."
                 },
                 "getter": false,
                 "setter": false,
@@ -755,14 +748,8 @@ export class FormCheckbox {
                 "propName": "checked",
                 "methodName": "onCheckedChanged"
             }, {
-                "propName": "checked",
+                "propName": "afChecked",
                 "methodName": "onAfCheckedChanged"
-            }, {
-                "propName": "value",
-                "methodName": "onValueChanged"
-            }, {
-                "propName": "afValue",
-                "methodName": "onAfValueChanged"
             }];
     }
 }

package/dist/collection/components/_form/form-file-upload/form-file-upload.css

@@ -322,6 +322,7 @@ License: none (public domain)
   position: relative;
   top: 4px;
   left: 0px;
+  margin-right: 4px;
 }
 :host .digi-form-file-upload__item-green-check svg {
   --digi--icon--height: 16px;
@@ -354,7 +355,7 @@ License: none (public domain)
   outline-offset: 2px;
   box-shadow: 0px 0px 0px 5px white;
 }
-@container (max-width: 500px) {
+@container (max-width: 620px) {
   :host .digi-form-file-upload__item .digi-form-file-upload__item-name {
     max-width: 17.5rem;
   }
@@ -366,6 +367,8 @@ License: none (public domain)
   margin: 0;
   justify-content: space-between;
   align-items: center;
+  overflow-wrap: break-word;
+  gap: 32px;
 }
 :host .digi-form-file-upload__item-text-container-inner {
   display: flex;
@@ -398,7 +401,7 @@ License: none (public domain)
   position: relative;
   top: 6px;
   left: 5px;
-  margin-right: 0.75rem;
+  margin-right: 1.25rem;
 }
 :host .digi-form-file-upload__item-pdf-preview-bis::after {
   position: absolute;

package/dist/collection/components/_form/form-radiobutton/form-radiobutton.js

@@ -27,11 +27,8 @@ export class FormRadiobutton {
         this.afAriaDescribedby = undefined;
         this.afAutofocus = undefined;
     }
-    onValueChanged(value) {
-        this.afValue = value;
-    }
-    onAfValueChanged(value) {
-        this.value = value;
+    onValueChanged(newValue) {
+        this.afChecked = newValue === this.afValue;
     }
     onCheckedChanged(checked) {
         this.afChecked = checked;
@@ -47,9 +44,6 @@ export class FormRadiobutton {
         return this._input;
     }
     componentDidLoad() {
-        if (this.value) {
-            this.afValue = this.value;
-        }
         this.afOnReady.emit();
     }
     get cssModifiers() {
@@ -84,9 +78,9 @@ export class FormRadiobutton {
         this.afOnInput.emit(e);
     }
     render() {
-        return (h("div", { key: 'ad3ab77013c500a21c82d171077293be4b8a1d7e', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '4491cca214d38754bb6215e14e00a5eb5c8b5336', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormRadiobuttonValidation.ERROR
+        return (h("div", { key: 'e98a121c4cf889e19f002001738f7d43cf007368', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '6d135c7cb56a39ca2dfc7c002b74f7b27361b64d', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormRadiobuttonValidation.ERROR
                 ? 'true'
-                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '8e6a2bcfffa5da53edf122118c68f395ca6851fa', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '81403daa92652914cf76259a1f4a0d22023818fe', class: "digi-form-radiobutton__circle" }), this.afLabel)));
+                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '1ead5f1376f5a25cae92fe5637194d247dc42e62', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: 'e0c3deb04636143463dfec8505fe60c1b4ff4ca5', class: "digi-form-radiobutton__circle" }), this.afLabel)));
     }
     static get is() { return "digi-form-radiobutton"; }
     static get encapsulation() { return "scoped"; }
@@ -262,12 +256,12 @@ export class FormRadiobutton {
                 "docs": {
                     "tags": [{
                             "name": "en",
-                            "text": "Input value attribute"
+                            "text": "Internal mirror of afValue. Used by Angular Reactive Forms (ControlValueAccessor).\nDo not use directly \u2014 use afValue instead."
                         }, {
                             "name": "ignore",
                             "text": undefined
                         }],
-                    "text": "S\u00E4tter attributet 'value'"
+                    "text": "Intern spegling av afValue. L\u00E4ses av Angular Reactive Forms (ControlValueAccessor).\nSka inte anv\u00E4ndas direkt \u2014 anv\u00E4nd afValue ist\u00E4llet."
                 },
                 "getter": false,
                 "setter": false,
@@ -287,9 +281,9 @@ export class FormRadiobutton {
                 "docs": {
                     "tags": [{
                             "name": "en",
-                            "text": "Input initial value attribute"
+                            "text": "Sets the 'value' attribute."
                         }],
-                    "text": "S\u00E4tter initiala attributet 'value'"
+                    "text": "S\u00E4tter attributet 'value'."
                 },
                 "getter": false,
                 "setter": false,
@@ -309,9 +303,12 @@ export class FormRadiobutton {
                 "docs": {
                     "tags": [{
                             "name": "en",
-                            "text": "Sets if radiobutton should be checked."
+                            "text": "Internal mirror of afChecked. Used by Angular Reactive Forms (ControlValueAccessor).\nDo not use directly \u2014 use afChecked instead."
+                        }, {
+                            "name": "ignore",
+                            "text": undefined
                         }],
-                    "text": "S\u00E4tter om radioknappen ska vara ikryssad."
+                    "text": "Intern spegling av afChecked. Anv\u00E4nds av Angular Reactive Forms (ControlValueAccessor)\nSka inte anv\u00E4ndas direkt \u2014 anv\u00E4nd afChecked ist\u00E4llet."
                 },
                 "getter": false,
                 "setter": false,
@@ -622,9 +619,6 @@ export class FormRadiobutton {
         return [{
                 "propName": "value",
                 "methodName": "onValueChanged"
-            }, {
-                "propName": "afValue",
-                "methodName": "onAfValueChanged"
             }, {
                 "propName": "checked",
                 "methodName": "onCheckedChanged"

package/dist/collection/components/_header/header-avatar/header-avatar.css

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

package/dist/collection/components/_header/header-navigation/header-navigation.js

@@ -95,9 +95,14 @@ export class HeaderNavigation {
             this.isMobile =
                 e.detail.value === UtilBreakpointObserverBreakpoints.SMALL;
         }
-        setTimeout(() => {
+        if (this.isMobile) {
+            setTimeout(() => {
+                this.isVisible = true;
+            }, 100);
+        }
+        else {
             this.isVisible = true;
-        }, 100);
+        }
     }
     componentDidLoad() {
         const transition = this._wrapper;
@@ -153,10 +158,10 @@ export class HeaderNavigation {
         };
     }
     render() {
-        return (h("div", { key: 'fb9799e806c7d3206d7ddcf49ad0bd8e7ca6ffe2', class: Object.assign({ 'digi-header-navigation': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '562777731f122a7a2912e5b1775bb562b774ff71', onAfOnChange: (e) => (this.isMobile =
-                e.detail.value === UtilBreakpointObserverBreakpoints.SMALL) }, h("digi-util-keydown-handler", { key: '7c84be7716a54d1d83e54ef6526d038e356a4fd2', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: '4afd16f7da455f883f77dab67de218a8a950116f' }, this.isMobile && (h("div", { key: 'c35304399f6fabb8d030555cff53fffa147c27c4', class: "digi-header-navigation__backdrop", onClick: (e) => this.backdropClickHandler(e) })), h("nav", { key: 'b55416c51335f005d3670e3cac4e3918a118b790', class: "digi-header-navigation__wrapper", "aria-label": this.afNavAriaLabel, "af-centered": this.afCentered, ref: (el) => {
+        return (h("div", { key: '041d10bc22e9139c8b7871fdb07b11e159e062e8', class: Object.assign({ 'digi-header-navigation': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: 'b330fa131799b4b3f4ea1c08fca75e80ae3aa9d0', onAfOnChange: (e) => (this.isMobile =
+                e.detail.value === UtilBreakpointObserverBreakpoints.SMALL) }, h("digi-util-keydown-handler", { key: '0edae0d30f360c04c1fc31776a1aee62378cdcfd', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: '132a325306239f8a6d28bc5d91a6562c7d774e01' }, this.isMobile && (h("div", { key: '37826145d7a6f9b0b577f06660dfbc56ce3d5be5', class: "digi-header-navigation__backdrop", onClick: (e) => this.backdropClickHandler(e) })), h("nav", { key: '072e471c79bca52cd6bbe260ff2f54914c68765b', class: "digi-header-navigation__wrapper", "aria-label": this.afNavAriaLabel, "af-centered": this.afCentered, ref: (el) => {
                 this._wrapper = el;
-            } }, this.isMobile && (h("digi-button", { key: '6ef4bc09d8c93f1077b1c3e2fc962c02b0f4b012', onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-header-navigation__close-button" }, this.afCloseButtonText, h("digi-icon-x", { key: '8ede0075c443e4c818591a4bc9c708e0433fffef', slot: "icon-secondary" }))), this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, h("div", { role: "list", class: "digi-header-navigation__inner" }, h("slot", null)))) : (h("div", { role: "list", class: "digi-header-navigation__inner" }, h("slot", null)))))))));
+            } }, this.isMobile && (h("digi-button", { key: '5d7174634ad7b2ec795b1d44e30eea1866c88ad6', onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-header-navigation__close-button" }, this.afCloseButtonText, h("digi-icon-x", { key: '956d1d2eb12761866bfa918c67260758aad35bcb', slot: "icon-secondary" }))), this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, h("div", { role: "list", class: "digi-header-navigation__inner" }, h("slot", null)))) : (h("div", { role: "list", class: "digi-header-navigation__inner" }, h("slot", null)))))))));
     }
     static get is() { return "digi-header-navigation"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_link/link/link.js

@@ -59,7 +59,7 @@ export class Link {
         };
     }
     render() {
-        return (h(Host, { key: 'a125edce0c74b60e2a858219c2c31519e06d506f', class: Object.assign({ 'digi-link': true }, this.cssModifiers) }, !this.afLinkContainer && (h("a", { key: '4e9ebd11412bff21f8f98b7c90f0515d6a810b64', href: this.afHref, onClick: (e) => this.clickLinkHandler(e), target: this.afTarget, rel: this.relation, ref: (el) => (this._link = el), "aria-describedby": this.afDescribedby, "aria-label": this.afAriaLabel, download: this.afDownload }, this.hasIcon && (h("div", { key: '4e3d084f8e7bddfe1a57b05aa37628e8db466e54', class: "digi-link__icon-wrapper", "aria-hidden": "true" }, h("slot", { key: '4c9f95568cda8ed65deb33700adb9db61c4c3238', name: "icon" }))), h("slot", { key: '87ac7c8f15d37d75efd3a16e0e341f8d4a9667e5' }))), this.afLinkContainer && h("slot", { key: '34e0f44cf3c0c135c0e65c34ccff84025b9129f9' })));
+        return (h(Host, { key: '87e7fd02fc89746fe94f6fb235d22e5a0140285c', class: Object.assign({ 'digi-link': true }, this.cssModifiers) }, !this.afLinkContainer && (h("a", { key: 'd954dfa0f7fd69560f2884be1e1b07f2effa020d', href: this.afHref, onClick: (e) => this.clickLinkHandler(e), target: this.afTarget, rel: this.relation, ref: (el) => (this._link = el), "aria-describedby": this.afDescribedby, "aria-label": this.afAriaLabel, download: this.afDownload }, this.hasIcon && (h("div", { key: '6e61dfc9a10efc7b115b151b81329972b78a56f5', class: "digi-link__icon-wrapper", "aria-hidden": "true" }, h("slot", { key: 'cf8ef802b990f8af5589e3e6217ad72a918df7d8', name: "icon" }))), h("slot", { key: 'ad68f32ab628ce4a75eeb7fcb8f7b2aacad4d667' }))), this.afLinkContainer && h("slot", { key: '8a00d6c8b690d1265ace78d00d7b5adf16dc2c9b' })));
     }
     static get is() { return "digi-link"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_link/link-button/link-button.js

@@ -52,7 +52,7 @@ export class LinkButton {
         };
     }
     render() {
-        return (h(Host, { key: '30e402a58bd1490b57ef98773e4f7c916d0e93b6', class: Object.assign({ 'digi-link-button': true }, this.cssModifiers) }, !this.afLinkContainer && (h("a", { key: '04dbdc4b30ad9389fbd485aab4db8cb20a05d464', href: this.afHref, onClick: (e) => this.clickLinkHandler(e), ref: (el) => (this._link = el) }, h("span", { key: '60ae9a7694463a5e5c4198c9cdf8bd830fffacc8', class: "digi-link-button__text" }, h("slot", { key: 'e15ae2a21b1901f9ff5b7a2f2eaa222d56b5c470' })), this.hasNotification && h("slot", { key: 'a2c57dac82a3894899057b2ae63138f786294971', name: "notification" }), h("digi-icon-chevron-right", { key: 'aac8bed3171a89b522a0a5a2a5bab7320cc22554', class: "digi-link-button__icon" }))), this.afLinkContainer && (h(Fragment, { key: '26006f3fc8299cb70750cde33821b77dde693156' }, h("slot", { key: '52bd9508b2f057ac5097d005f1fe766cde635ff7' }), this.hasNotification && h("slot", { key: '418bf304a54b3f3b4d71b8b053bb497403fed475', name: "notification" })))));
+        return (h(Host, { key: 'dfaa4672ba955850781e1382f301aebf81eb3db4', class: Object.assign({ 'digi-link-button': true }, this.cssModifiers) }, !this.afLinkContainer && (h("a", { key: '7e8732c93d7f972691c51c04e5b529eb2eeeb0bd', href: this.afHref, onClick: (e) => this.clickLinkHandler(e), ref: (el) => (this._link = el) }, h("span", { key: '657b60bece832f2407f0caef98a4f7cfe2dfa550', class: "digi-link-button__text" }, h("slot", { key: '84391154b2ab7c6fd811cb10dc7439c7f49a4fae' })), this.hasNotification && h("slot", { key: '7546e0c630c3f9175468df5ec459b2a7ae5da7dc', name: "notification" }), h("digi-icon-chevron-right", { key: 'bbc9955e1b471fc3ea17109a53f99ae8f81a7b9f', class: "digi-link-button__icon" }))), this.afLinkContainer && (h(Fragment, { key: '883e381a151f2f3794f848c4d14512054f57cec6' }, h("slot", { key: 'cef84c11144d9991859ce9cde040b78eecd3eaad' }), this.hasNotification && h("slot", { key: 'eb9e852245306f3d51b67b382df153caf216ed10', name: "notification" })))));
     }
     static get is() { return "digi-link-button"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_link/link-external/link-external.js

@@ -22,7 +22,7 @@ export class LinkExternal {
         };
     }
     render() {
-        return (h(Host, { key: '920225a171758706523ea686d537dc6e08b4d0e9' }, h("digi-link", { key: '30c0b7a5a4b1e896f3e3186f69c7a86ad878d07f', class: Object.assign({ 'digi-link-external': true }, this.cssModifiers), afHref: this.afHref, onAfOnClick: (e) => this.clickLinkHandler(e), afTarget: this.afTarget, afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("digi-icon-external-link-alt", { key: '0dc13c43f836991996595d220e49cacc464bd6e3', class: "digi-link-external__icon", "aria-hidden": "true", slot: "icon" }), h("slot", { key: '0ddc109178aa3df7d2602dcb319bb7c8770f3fd3' }))));
+        return (h(Host, { key: '1bbb8cbd3a5e2e16b1490641180e1b8fa0818a60' }, h("digi-link", { key: '6bb870ce3c20b21bcc44f5ca12c03fcd1b32d4fa', class: Object.assign({ 'digi-link-external': true }, this.cssModifiers), afHref: this.afHref, onAfOnClick: (e) => this.clickLinkHandler(e), afTarget: this.afTarget, afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("digi-icon-external-link-alt", { key: '2156c423dd25c4afd3e05aabfbe549970e448673', class: "digi-link-external__icon", "aria-hidden": "true", slot: "icon" }), h("slot", { key: 'ed89aa59d8a79eb8ecebaeeadeceae63abec4360' }))));
     }
     static get is() { return "digi-link-external"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_link/link-internal/link-internal.css

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

package/dist/collection/components/_link/link-internal/link-internal.js

@@ -23,7 +23,7 @@ export class LinkInternal {
         };
     }
     render() {
-        return (h(Host, { key: 'ed136e4831da9e6621498367abece88cbf80d3f5' }, !this.afLinkContainer && (h("digi-link", { key: '7b6f2e65b9e1fc4187e70d6d9e5177ad58320138', class: Object.assign({ 'digi-link-internal': true }, this.cssModifiers), afHref: this.afHref, afOverrideLink: this.afOverrideLink, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("digi-icon-chevron-right", { key: 'e304b9b6fc78099087c39d2162233464c1925c1f', class: "digi-link-internal__icon", "aria-hidden": "true", slot: "icon" }), h("slot", { key: '7f1e8459eb98d3b1004db2270b0793daa8d24927' }))), this.afLinkContainer && (h("digi-link", { key: '9fbfba8fd214324f114d7c03ad0d1ac15a356893', afHref: this.afHref, afOverrideLink: true, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("slot", { key: 'c4990dea27fb6d0c44ab9cf01e87d1c454686f71' })))));
+        return (h(Host, { key: 'edd6c8a02f32f1aeeea39d87ef52083a52356c85' }, !this.afLinkContainer && (h("digi-link", { key: 'd5f931a7732aceb59f9eaeb7f50c73efbd17d10a', class: Object.assign({ 'digi-link-internal': true }, this.cssModifiers), afHref: this.afHref, afOverrideLink: this.afOverrideLink, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("digi-icon-chevron-right", { key: '355126e8ffaf983830ffee21cd74d5dccf960f15', class: "digi-link-internal__icon", "aria-hidden": "true", slot: "icon" }), h("slot", { key: '57d8aa20824d431329caec585dc5ed239de3fd68' }))), this.afLinkContainer && (h("digi-link", { key: 'b12288b2ed056edac070172bc40952fc7cb34a53', afHref: this.afHref, afOverrideLink: true, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("slot", { key: 'da00d4a0e459d9a69814f85b198f2cd85ee24da5' })))));
     }
     static get is() { return "digi-link-internal"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_list/list/list.js

@@ -78,7 +78,7 @@ export class List {
             'digi-list': true,
             [`digi-list--${this.afListType}`]: true
         };
-        return (h("digi-typography", { key: '34595881ec2a98722bd1eeaba3998a1daa06852b' }, h(Tag, { key: 'e15db9545b5b1bbb0628f7bb075cc19a5e173c45', class: className }, h("slot", { key: '1cf1ccebd72df670ee13f5d9467d4f73c37d4a6c' }))));
+        return (h("digi-typography", { key: 'a787394dfc9462e435f2e4ab5d1cfd26e105e95e' }, h(Tag, { key: '739dd65aba0dd2d45baa784c164e72b7ab786834', class: className }, h("slot", { key: 'b223de1ef4215c74502ec46924d34b25fcff7712' }))));
     }
     static get is() { return "digi-list"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_loader/loader-skeleton/loader-skeleton.js

@@ -23,17 +23,17 @@ export class LoaderSkeleton {
         };
     }
     render() {
-        return (h(Host, { key: 'f119a30b5429d300929c80ae28fcea187136360d' }, h("div", { key: '3a12295a37d9f78b9615b67770967585b2cd8c9c', "aria-busy": "true", "aria-hidden": "true", class: Object.assign({ 'digi-loader-skeleton': true }, this.cssModifiers) }, this.afVariation === LoaderSkeletonVariation.HEADER && (h("div", { key: '43b7a2bce7a87d3860e689b54a8eb54dd67dbf80', class: "digi-loader-skeleton__item digi-loader-skeleton__item--header" })), this.afVariation === LoaderSkeletonVariation.LINE && (h("div", { key: 'ffad3cde6b2da4191f02c795e081742aa61cf86a', class: "digi-loader-skeleton__item digi-loader-skeleton__item--line" })), this.afVariation === LoaderSkeletonVariation.TEXT &&
+        return (h(Host, { key: '2a0983c40aaccf2ec227949111a69902347414fe' }, h("div", { key: '02d13669298e462b11ac47217953c0c983b7fd24', "aria-busy": "true", "aria-hidden": "true", class: Object.assign({ 'digi-loader-skeleton': true }, this.cssModifiers) }, this.afVariation === LoaderSkeletonVariation.HEADER && (h("div", { key: '67d1e936ce1876ec495b8be8a97f549d15279332', class: "digi-loader-skeleton__item digi-loader-skeleton__item--header" })), this.afVariation === LoaderSkeletonVariation.LINE && (h("div", { key: '45ee15630772b6f259d086bd435a134ffb242ff8', class: "digi-loader-skeleton__item digi-loader-skeleton__item--line" })), this.afVariation === LoaderSkeletonVariation.TEXT &&
             Array(this.afCount)
                 .fill('')
                 .map(() => {
                 return (h("div", { class: "digi-loader-skeleton__item digi-loader-skeleton__item--text" }));
             }), this.afVariation === LoaderSkeletonVariation.SECTION && [
-            h("div", { key: '6fb24d2ca74d75334be2c2f42ae88ff6fcb99246', class: "digi-loader-skeleton__item digi-loader-skeleton__item--section-header" }),
+            h("div", { key: '7e5d5b53f152608a315a23e8e859955f28ba48a4', class: "digi-loader-skeleton__item digi-loader-skeleton__item--section-header" }),
             ...Array(this.afCount)
                 .fill('')
                 .map(() => (h("div", { class: "digi-loader-skeleton__item digi-loader-skeleton__item--section-text" })))
-        ], this.afVariation === LoaderSkeletonVariation.CIRCLE && (h("div", { key: '656f74f159f3fb4d1c40acc705aad72dbd8e68cf', class: "digi-loader-skeleton__item digi-loader-skeleton__item--circle" })), this.afVariation === LoaderSkeletonVariation.ROUNDED && (h("div", { key: '709f77e522f5a241d6023a90d981aa3861699982', class: "digi-loader-skeleton__item digi-loader-skeleton__item--rounded" })))));
+        ], this.afVariation === LoaderSkeletonVariation.CIRCLE && (h("div", { key: '8b46c7eae470ac33de1edaf4e55569de2ab173b4', class: "digi-loader-skeleton__item digi-loader-skeleton__item--circle" })), this.afVariation === LoaderSkeletonVariation.ROUNDED && (h("div", { key: '0914eb22a7c6164ad5cc3c8e95f07cfae4af7186', class: "digi-loader-skeleton__item digi-loader-skeleton__item--rounded" })))));
     }
     static get is() { return "digi-loader-skeleton"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_loader/loader-spinner/loader-spinner.js

@@ -18,7 +18,7 @@ export class LoaderSpinner {
         };
     }
     render() {
-        return (h(Host, { key: 'b6b24b6ff135e9bdb7ff0b691543246c8691d60d' }, h("div", { key: 'baf22b2eb5397becf37a70402d08fb10359ce4f0', "aria-label": this.afText, "aria-live": "assertive", class: Object.assign({ 'digi-loader-spinner': true }, this.cssModifiers) }, h("div", { key: '8cfd95cfe2151975de01f644c955ced40f81fecd', class: "digi-loader-spinner__container", "aria-hidden": "true" }, h("digi-icon-spinner", { key: '3447ec333d6a1d87f27b34242e7337389b60d065', class: "digi-loader-spinner__spinner" })), this.afText && (h("div", { key: 'd3a0dc40ea267f0a572714cc34105a558d6425de', class: "digi-loader-spinner__label" }, this.afText)))));
+        return (h(Host, { key: '13a35aee64e2f4f55d1c460beb824bb7a2a0e305' }, h("div", { key: 'e2d00fcb43ae460cc9e7914274bf41cb9e0e3878', "aria-label": this.afText, "aria-live": "assertive", class: Object.assign({ 'digi-loader-spinner': true }, this.cssModifiers) }, h("div", { key: '438ca904c9a6821284576385c5bff67323e99fd9', class: "digi-loader-spinner__container", "aria-hidden": "true" }, h("digi-icon-spinner", { key: '3b268cedb0085c6e01ec6e217ca6e4c1cc6558cc', class: "digi-loader-spinner__spinner" })), this.afText && (h("div", { key: '6bbfb86e7945a853af61b73ac5ef8b26385fb345', class: "digi-loader-spinner__label" }, this.afText)))));
     }
     static get is() { return "digi-loader-spinner"; }
     static get encapsulation() { return "scoped"; }