@designsystem-se/af 35.2.1-beta.0 → 35.3.0

package/dist/cjs/{typography-variation.enum-d803f3a6.js → typography-variation.enum-6a934f5b.js}

@@ -51,32 +51,12 @@ exports.DialogVariation = void 0;
     DialogVariation["SECONDARY"] = "secondary";
 })(exports.DialogVariation || (exports.DialogVariation = {}));
 
-exports.ExpandableAccordionHeaderLevel = void 0;
-(function (ExpandableAccordionHeaderLevel) {
-    ExpandableAccordionHeaderLevel["H1"] = "h1";
-    ExpandableAccordionHeaderLevel["H2"] = "h2";
-    ExpandableAccordionHeaderLevel["H3"] = "h3";
-    ExpandableAccordionHeaderLevel["H4"] = "h4";
-    ExpandableAccordionHeaderLevel["H5"] = "h5";
-    ExpandableAccordionHeaderLevel["H6"] = "h6";
-})(exports.ExpandableAccordionHeaderLevel || (exports.ExpandableAccordionHeaderLevel = {}));
-
-exports.ExpandableFaqItemHeadingLevel = void 0;
-(function (ExpandableFaqItemHeadingLevel) {
-    ExpandableFaqItemHeadingLevel["H1"] = "h1";
-    ExpandableFaqItemHeadingLevel["H2"] = "h2";
-    ExpandableFaqItemHeadingLevel["H3"] = "h3";
-    ExpandableFaqItemHeadingLevel["H4"] = "h4";
-    ExpandableFaqItemHeadingLevel["H5"] = "h5";
-    ExpandableFaqItemHeadingLevel["H6"] = "h6";
-})(exports.ExpandableFaqItemHeadingLevel || (exports.ExpandableFaqItemHeadingLevel = {}));
-
-exports.ExpandableFaqItemVariation = void 0;
-(function (ExpandableFaqItemVariation) {
-    ExpandableFaqItemVariation["PRIMARY"] = "primary";
-    ExpandableFaqItemVariation["SECONDARY"] = "secondary";
-    ExpandableFaqItemVariation["TERTIARY"] = "tertiary";
-})(exports.ExpandableFaqItemVariation || (exports.ExpandableFaqItemVariation = {}));
+exports.FooterCardVariation = void 0;
+(function (FooterCardVariation) {
+    FooterCardVariation["NONE"] = "none";
+    FooterCardVariation["ICON"] = "icon";
+    FooterCardVariation["BORDER"] = "border";
+})(exports.FooterCardVariation || (exports.FooterCardVariation = {}));
 
 exports.FooterVariation = void 0;
 (function (FooterVariation) {
@@ -94,23 +74,6 @@ exports.FormErrorListHeadingLevel = void 0;
     FormErrorListHeadingLevel["H6"] = "h6";
 })(exports.FormErrorListHeadingLevel || (exports.FormErrorListHeadingLevel = {}));
 
-exports.FormRadiobuttonLayout = void 0;
-(function (FormRadiobuttonLayout) {
-    FormRadiobuttonLayout["INLINE"] = "inline";
-    FormRadiobuttonLayout["BLOCK"] = "block";
-})(exports.FormRadiobuttonLayout || (exports.FormRadiobuttonLayout = {}));
-
-exports.FormRadiobuttonValidation = void 0;
-(function (FormRadiobuttonValidation) {
-    FormRadiobuttonValidation["ERROR"] = "error";
-})(exports.FormRadiobuttonValidation || (exports.FormRadiobuttonValidation = {}));
-
-exports.FormRadiobuttonVariation = void 0;
-(function (FormRadiobuttonVariation) {
-    FormRadiobuttonVariation["PRIMARY"] = "primary";
-    FormRadiobuttonVariation["SECONDARY"] = "secondary";
-})(exports.FormRadiobuttonVariation || (exports.FormRadiobuttonVariation = {}));
-
 exports.FormReceiptHeadingLevel = void 0;
 (function (FormReceiptHeadingLevel) {
     FormReceiptHeadingLevel["H1"] = "h1";
@@ -148,6 +111,13 @@ exports.HeaderCenterContentWidth = void 0;
     HeaderCenterContentWidth["WIDTH_1400"] = "1400";
 })(exports.HeaderCenterContentWidth || (exports.HeaderCenterContentWidth = {}));
 
+exports.TitleLogoVariation = void 0;
+(function (TitleLogoVariation) {
+    TitleLogoVariation["MOBILE"] = "mobile";
+    TitleLogoVariation["ONE_ROW"] = "one-row";
+    TitleLogoVariation["TWO_ROWS"] = "two-rows";
+})(exports.TitleLogoVariation || (exports.TitleLogoVariation = {}));
+
 exports.InfoCardMultiContainerHeadingLevel = void 0;
 (function (InfoCardMultiContainerHeadingLevel) {
     InfoCardMultiContainerHeadingLevel["H1"] = "h1";

package/dist/collection/collection-manifest.json

@@ -243,6 +243,7 @@
     "components/_loader/loader-skeleton/loader-skeleton.js",
     "components/_loader/loader-spinner/loader-spinner.js",
     "components/_logo/logo/logo.js",
+    "components/_logo/title-logo/title-logo.js",
     "components/_media/media-figure/media-figure.js",
     "components/_media/media-image/media-image.js",
     "components/_navigation/navigation-breadcrumbs/navigation-breadcrumbs.js",

package/dist/collection/components/_footer/footer/footer.css

@@ -13,6 +13,7 @@ License: none (public domain)
   --digi--footer--link--border-color--hover: var(--digi--color--text--secondary);
   --digi--footer--padding-top: var(--digi--container-gutter--largest);
   --digi--footer--margin-top: var(--digi--container-gutter--large);
+  --digi--footer--logo-vertical-padding: var(--digi--container-gutter--large);
 }
 :host .digi-footer {
   --MARGIN-TOP: var(--digi--footer--margin-top);
@@ -66,6 +67,22 @@ License: none (public domain)
   grid-template-rows: repeat(2, auto);
   column-gap: var(--digi--gutter--largest);
 }
+:host ::slotted([slot^=content-bottom-left]) {
+  flex-basis: 100%;
+  display: flex;
+  justify-content: center;
+}
+:host ::slotted([slot^=content-bottom-left]) .digi-logo {
+  padding: var(--digi--footer--logo-vertical-padding) 0;
+}
+@media (min-width: 61.9375rem) {
+  :host ::slotted([slot^=content-bottom-left]) {
+    flex-basis: auto;
+  }
+  :host ::slotted([slot^=content-bottom-left]) .digi-logo {
+    padding: 0;
+  }
+}
 :host ::slotted([slot^=content-bottom-right]) {
   display: flex;
   align-items: flex-end;

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

@@ -487,7 +487,7 @@ export class FormFileUpload {
     }
     renderPDFThumbnail(file) {
         if (this.afShowThumbnail) {
-            return (h("span", { class: `${this.afShowThumbnail ? 'digi-form-file-upload__item-pdf-preview-bis' : null}`, "aria-label": file.name }, h("svg", { style: { scale: '1' }, width: "23.76", height: "32", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M22.888 6.124 17.696.88A2.955 2.955 0 0 0 15.6 0H2.97C1.33.006 0 1.35 0 3.006V29C0 30.657 1.33 32 2.97 32h17.82c1.64 0 2.97-1.343 2.97-3V8.249a3.03 3.03 0 0 0-.872-2.124Zm-2.34 1.88H15.84V3.25l4.709 4.756ZM2.97 29.002V3.006h9.9v6.498c0 .831.662 1.5 1.485 1.5h6.435v17.997H2.97Zm15.481-8.98c-.755-.75-2.908-.544-3.985-.406-1.064-.656-1.775-1.562-2.277-2.893.242-1.006.625-2.537.335-3.5-.26-1.637-2.34-1.474-2.636-.368-.273 1.006-.025 2.406.433 4.193-.619 1.493-1.54 3.499-2.19 4.649-1.238.643-2.909 1.637-3.156 2.887-.204.987 1.609 3.449 4.708-1.95 1.386-.462 2.896-1.031 4.233-1.256 1.17.637 2.537 1.062 3.452 1.062 1.578 0 1.733-1.762 1.083-2.418ZM6.194 24.883c.315-.856 1.516-1.844 1.88-2.187-1.175 1.893-1.88 2.23-1.88 2.187Zm5.049-11.91c.458 0 .414 2.005.111 2.549-.272-.869-.266-2.55-.111-2.55Zm-1.51 8.535c.6-1.056 1.114-2.312 1.528-3.418.514.944 1.17 1.7 1.863 2.219-1.287.268-2.407.818-3.391 1.2Zm8.143-.312s-.31.375-2.308-.488c2.172-.162 2.53.338 2.308.488Z", fill: "#1616B2", "fill-rule": "evenodd" }))));
+            return (h("span", { class: `${this.afShowThumbnail ? 'digi-form-file-upload__item-pdf-preview-bis' : null}`, "aria-label": file.name }, h("svg", { style: { scale: '1' }, width: "23.76", height: "32", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M22.888 6.124 17.696.88A2.955 2.955 0 0 0 15.6 0H2.97C1.33.006 0 1.35 0 3.006V29C0 30.657 1.33 32 2.97 32h17.82c1.64 0 2.97-1.343 2.97-3V8.249a3.03 3.03 0 0 0-.872-2.124Zm-2.34 1.88H15.84V3.25l4.709 4.756ZM2.97 29.002V3.006h9.9v6.498c0 .831.662 1.5 1.485 1.5h6.435v17.997H2.97Zm15.481-8.98c-.755-.75-2.908-.544-3.985-.406-1.064-.656-1.775-1.562-2.277-2.893.242-1.006.625-2.537.335-3.5-.26-1.637-2.34-1.474-2.636-.368-.273 1.006-.025 2.406.433 4.193-.619 1.493-1.54 3.499-2.19 4.649-1.238.643-2.909 1.637-3.156 2.887-.204.987 1.609 3.449 4.708-1.95 1.386-.462 2.896-1.031 4.233-1.256 1.17.637 2.537 1.062 3.452 1.062 1.578 0 1.733-1.762 1.083-2.418ZM6.194 24.883c.315-.856 1.516-1.844 1.88-2.187-1.175 1.893-1.88 2.23-1.88 2.187Zm5.049-11.91c.458 0 .414 2.005.111 2.549-.272-.869-.266-2.55-.111-2.55Zm-1.51 8.535c.6-1.056 1.114-2.312 1.528-3.418.514.944 1.17 1.7 1.863 2.219-1.287.268-2.407.818-3.391 1.2Zm8.143-.312s-.31.375-2.308-.488c2.172-.162 2.53.338 2.308.488Z", fill: "var(--digi--color--icon--cta)", "fill-rule": "evenodd" }))));
         }
         return this.renderCheckmark();
     }
@@ -543,22 +543,22 @@ export class FormFileUpload {
             } }, this.renderFiles())));
     }
     render() {
-        return (h(Fragment, { key: '920825d10b8100ea277f4dbc79a16dc88c714717' }, h("digi-util-breakpoint-observer", { key: 'e5b1cd0c5141dd7bb39c42a2fa23496061974f21', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '373bfd75114e5c84b17d25b1083d21f38ff68a21', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, h("digi-form-label", { key: 'f1ecec09a71cfdee9d99885494a80ee6bffcb963', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: '330fad34547f1ffd9977bff5a7efcf9b0820b25c', class: {
+        return (h(Fragment, { key: '9d6a24f2f19c019f7407af204ab5dc3e66079724' }, h("digi-util-breakpoint-observer", { key: 'a748998bb71bd4707ac78d1a95e25b890f946dd8', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '41f8cbc00e194d1ddb05ceca5efa448333f2ad43', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, h("digi-form-label", { key: '890b3bc2dd89d70d1313bacd2d02fe75e3be445d', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: 'bda9a9122d9eac9572d278bfd40930b96a55e66a', class: {
                 'digi-form-file-upload__upload-area': true,
                 'digi-form-file-upload__upload-area--hover': this.fileHover
             }, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), onDragEnter: (e) => this.handleOnDragEnterLeave(e), onDragLeave: (e) => this.handleOnDragEnterLeave(e), onClick: (e) => this.handleInputClick(e) }, this.fileHover &&
-            this.afVariation != FormFileUploadVariation.SMALL && (h("div", { key: '387c23d5443c713a843b71a7282643c51909a61f', class: "digi-form-file-upload__upload-area-overlay" })), h("div", { key: '380ad4206d9dd1c94141de7f2c7dceea6343dcb6', class: "digi-form-file-upload__text-area" }, h("button", { key: 'd419f031bae6048814efab8b03c79ae145d2d885', type: "button", ref: (el) => {
+            this.afVariation != FormFileUploadVariation.SMALL && (h("div", { key: 'dcdf9b2933e80cdc28da4f687149e3342654336b', class: "digi-form-file-upload__upload-area-overlay" })), h("div", { key: 'a3dcac52d26c381417b578555e5355e7654ea709', class: "digi-form-file-upload__text-area" }, h("button", { key: '77752f082b7581eafcfeef04cc2cc6faed3ff7ef', type: "button", ref: (el) => {
                 this._uploadButton = el;
             }, onClick: (e) => this.handleInputClick(e), class: "digi-form-file-upload__button hidden_mobile", style: {
                 margin: '0'
-            } }, h("digi-icon-paperclip", { key: '071ba86c8db40e830bef7970b02a3f90e39c2ba8', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
+            } }, h("digi-icon-paperclip", { key: '62a4abf7e10740a3a6ff049a4a8e91c48bdb94ac', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
             ? this.afUploadBtnText
-            : _t.form.file_choose), h("input", { key: '27b43406be72ea5f9d2f6e66f370281891cb4ff0', ref: (el) => {
+            : _t.form.file_choose), h("input", { key: '39a5e7b5a1998c3e1e82d74ccf8a02edeea0fd8b', ref: (el) => {
                 this._input = el;
-            }, onChange: (e) => this.onButtonUploadFileHandler(e), class: "digi-form-file-upload__input", multiple: true, type: "file", id: this.afId, accept: this.afFileTypes, name: this.afName ? this.afName : null, required: this.afRequired ? this.afRequired : null, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), "aria-errormessage": "digi-form-file-upload__error", "aria-describedBy": "digi-form-file-upload__error" }), h("span", { key: 'b5dd05435ffc8e1a19696d8179e7506a8796be1f' }, this.afVariation !== FormFileUploadVariation.SMALL &&
-            _t.form.file_dropzone))), h("p", { key: '92064a7d2719648ad9c7cc9a5c8708461dd54e9d', class: "visually-hidden", role: "alert", "aria-atomic": "true", ref: (el) => {
+            }, onChange: (e) => this.onButtonUploadFileHandler(e), class: "digi-form-file-upload__input", multiple: true, type: "file", id: this.afId, accept: this.afFileTypes, name: this.afName ? this.afName : null, required: this.afRequired ? this.afRequired : null, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), "aria-errormessage": "digi-form-file-upload__error", "aria-describedBy": "digi-form-file-upload__error" }), h("span", { key: '42447d4024cbd6b4abfbff0d9a51b7dd7538c167' }, this.afVariation !== FormFileUploadVariation.SMALL &&
+            _t.form.file_dropzone))), h("p", { key: '8240114263559f6a7da5c42e94d5d6cb8f07921f', class: "visually-hidden", role: "alert", "aria-atomic": "true", ref: (el) => {
                 this._srTextContainer = el;
-            } }), (this.files.length > 0 || this.error) && (h("div", { key: '129bfa4e491e809b8f4c07bbde126dd6f4661904', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
+            } }), (this.files.length > 0 || this.error) && (h("div", { key: '60c80571d84300d4a9151f142beb06194af9ead7', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
     }
     static get is() { return "digi-form-file-upload"; }
     static get encapsulation() { return "scoped"; }

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

@@ -4,54 +4,96 @@ License: none (public domain)
 */
 :host {
   display: block;
-  --digi--header--padding: var(--digi--padding--large);
+  --digi--header--logo--padding-right: var(--digi--padding--large);
   --digi--header--border-width: var(--digi--border-width--primary);
   --digi--header--border-color: var(--digi--color--divider--primary);
+  --digi--header--padding-left: var(--digi--padding--medium);
   --digi--header--padding-right: var(--digi--padding--medium);
-  --digi--header--font-size: var(--digi--typography--body--font-size--desktop);
-  --digi--header--font-weight: var(--digi--typography--title-logo--font-weight--desktop);
+  --digi--header--content--gap: 1rem;
 }
-:host .digi-header__logo {
+:host .digi-header__wrapper {
   display: flex;
-  width: 100%;
-  align-items: stretch;
-  padding-top: var(--digi--header--padding);
-  padding-bottom: var(--digi--header--padding);
+  align-items: center;
+  justify-content: space-between;
+  padding-left: var(--digi--header--padding-left);
+  padding-right: var(--digi--header--padding-right);
+}
+@media (max-width: 47.9375rem) {
+  :host .digi-header--has-navigation .digi-header__wrapper {
+    --digi--header--padding-right: 0;
+  }
 }
 :host .digi-header__border {
   border-bottom: var(--digi--header--border-width) solid var(--digi--header--border-color);
 }
-:host .digi-header__logo-link {
-  text-decoration: none;
-}
 :host .digi-header__content {
   display: flex;
   align-items: center;
-  margin-left: auto;
+  gap: var(--digi--header--content--gap);
 }
-:host .digi-header__wrapper {
-  position: relative;
+:host .digi-header ::slotted([slot=header-logo]) {
+  margin-left: -0.125rem;
+  text-decoration: none;
+  padding-right: var(--digi--header--logo--padding-right);
 }
-:host .digi-header ::slotted(a[slot=header-logo]) {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  top: 0;
-  left: 0;
+:host .digi-header ::slotted([slot=header-logo]) .digi-logo {
+  --digi--logo--img--max-width:23rem;
 }
-:host .digi-header ::slotted(a[slot=header-logo]):focus-visible {
-  outline: 2px solid black;
-  outline-offset: -3px;
-  box-shadow: 0px 0px 0px 5px inset white;
+:host .digi-header ::slotted([slot=header-logo]) .digi-logo__img {
+  flex-shrink: 0;
 }
 :host .digi-header ::slotted(div[slot=header-content]) {
-  --digi--header--padding: var(--digi--padding--large);
+  --digi--header--logo--padding-right: var(--digi--padding--large);
   --digi--header--border-width: var(--digi--border-width--primary);
   --digi--header--border-color: var(--digi--color--divider--primary);
+  --digi--header--padding-left: var(--digi--padding--medium);
   --digi--header--padding-right: var(--digi--padding--medium);
-  --digi--header--font-size: var(--digi--typography--body--font-size--desktop);
-  --digi--header--font-weight: var(--digi--typography--title-logo--font-weight--desktop);
+  --digi--header--content--gap: 1rem;
   display: flex;
   align-items: center;
-  padding-right: var(--digi--header--padding-right);
+  flex-wrap: wrap;
+  gap: var(--digi--header--content--gap);
+}
+:host .digi-header ::slotted(div[slot=header-content]) .digi-header-notification a {
+  margin: 0;
+}
+:host .digi-header ::slotted(div[slot=header-content]) .digi-header-avatar {
+  --digi--header-avatar--margin: 0;
+}
+:host .digi-header--af-centered ::slotted([slot=header-logo]) {
+  padding-left: 0;
+}
+:host .digi-header--af-centered .digi-header__wrapper {
+  --digi--header--padding-right: 0;
+  --digi--header--padding-left: 0;
+}
+@media (min-width: 47.9375rem) {
+  :host {
+    --digi--header--padding-left: var(--digi--global--spacing--large);
+    --digi--header--padding-right: var(--digi--global--spacing--large);
+  }
+}
+@media (min-width: 48rem) {
+  :host {
+    --digi--header--padding-left: var(--digi--global--spacing--largest-2);
+    --digi--header--padding-right: var(--digi--global--spacing--largest-2);
+  }
+}
+@media (min-width: 61.9375rem) {
+  :host {
+    --digi--header--padding-left: var(--digi--global--spacing--base);
+    --digi--header--padding-right: var(--digi--global--spacing--base);
+  }
+}
+@media (min-width: 75rem) {
+  :host {
+    --digi--header--padding-left: var(--digi--global--spacing--largest-3-5);
+    --digi--header--padding-right: var(--digi--global--spacing--largest-3-5);
+  }
+}
+@media (min-width: 87.5rem) {
+  :host {
+    --digi--header--padding-left: var(--digi--global--spacing--largest-5);
+    --digi--header--padding-right: var(--digi--global--spacing--largest-5);
+  }
 }

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

@@ -1,13 +1,16 @@
-import { Fragment, h } from "@stencil/core";
-import { HeaderCenterContentWidth, LayoutBlockContainer, UtilBreakpointObserverBreakpoints } from "../../../enums";
+import { h } from "@stencil/core";
+import { HeaderCenterContentWidth, LayoutBlockContainer, UtilBreakpointObserverBreakpoints, } from "../../../enums";
 /**
  * @enums HeaderCenterContentWidth - header-center-content-width.enum.ts
+ * @enums LayoutBlockContainer - layout-block-container.enum.ts
+ * @enums UtilBreakpointObserverBreakpoints - util-breakpoint-observer-breakpoints.enum.ts
  * @swedishName Sidhuvud
  */
 export class Header {
     constructor() {
         this.afActive = undefined;
         this.isMobile = undefined;
+        this.hasNavigation = undefined;
         this.afSystemName = undefined;
         this.afMenuButtonText = undefined;
         this.afAriaLabel = undefined;
@@ -23,20 +26,67 @@ export class Header {
     closeHandler() {
         this.afActive = false;
     }
-    breakpointChange(e) {
-        const element = e.target;
-        const type = element.nodeName;
-        if (type.toLowerCase() === 'digi-util-breakpoint-observer') {
-            this.isMobile =
-                e.detail.value === UtilBreakpointObserverBreakpoints.SMALL;
+    get cssModifiers() {
+        return {
+            'digi-header--af-centered': this.afCentered !== HeaderCenterContentWidth.DEFAULT,
+            'digi-header--has-navigation': this.hasNavigation
+        };
+    }
+    handleBreakpointObserver(e) {
+        this.isMobile = e.detail.value === UtilBreakpointObserverBreakpoints.SMALL;
+    }
+    get ariaLabel() {
+        return this.afAriaLabel || this.afSystemName;
+    }
+    /**
+     * Ta reda på om vi har en populerad navigations-slot. Om inte så renderar vi ingen menyknapp
+     * @en Find out if we have a populated navigation slot. If, we don't, let's not bother rendering the navigation toggle button
+     */
+    checkNavigation() {
+        this.hasNavigation = !!this.hostElement.querySelector('[slot="header-navigation"]');
+    }
+    /**
+    * Om vi inte har vare sig digi-title-logo eller digi-logo, men vi har ett af-system-name så renderar vi en digi-title-logo som fallback
+    * @en If we have neither a digi-title-logo or a digi-logo,but we do have an af-system name, we render a digi-title-logo as a fallback.
+    *
+    * This will be removed when we finally deprecate af-syetem-name.
+    */
+    createLegacyLogoIfNeeded() {
+        const logoSlot = this.hostElement.querySelector('[slot="header-logo"]');
+        const useFallbackTitleLogo = !!logoSlot
+            && !this.hostElement.querySelector('digi-title-logo')
+            && !this.hostElement.querySelector('digi-logo')
+            && !!this.afSystemName;
+        if (useFallbackTitleLogo) {
+            logoSlot.innerHTML = this.afHideSystemName
+                ? `<digi-logo af-only-symbol="true"></digi-logo>`
+                : `<digi-title-logo af-aria-label=${this.afSystemName}>
+            <div slot="logo-one-row">
+              ${this.afSystemName}
+            </div>
+          </digi-title-logo>
+        `;
+        }
+    }
+    componentWillLoad() {
+        this.checkNavigation();
+        this.createLegacyLogoIfNeeded();
+    }
+    /**
+     * If we have a <digi-logo> in the logo slot, make sure its afOnlySymbol prop
+     * is true when we're in mobile
+     */
+    componentWillRender() {
+        const afLogo = this.hostElement.querySelector('digi-logo');
+        if (afLogo) {
+            afLogo.afOnlySymbol = this.isMobile || afLogo.afOnlySymbol;
         }
     }
     renderContent() {
-        return (h(Fragment, null, h("div", { class: "digi-header__logo", "aria-label": this.afAriaLabel }, h("div", { class: "digi-header__wrapper" }, ((this.isMobile && !this.afHideSystemName) || !this.isMobile) && (h("digi-logo", { "af-system-name": this.afSystemName, afSvgAriaHidden: true })), this.afHideSystemName && this.isMobile && (h("digi-logo", { "af-system-name": " ", afSvgAriaHidden: true })), h("slot", { name: "header-logo" })), h("div", { class: "digi-header__content" }, h("slot", { name: "header-content" }), this.isMobile && (h("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))))));
+        return (h("div", { class: "digi-header__wrapper" }, h("slot", { name: "header-logo" }), h("div", { class: "digi-header__content" }, h("slot", { name: "header-content" }), this.hasNavigation && this.isMobile && (h("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText })))));
     }
     render() {
-        return (h("header", { key: 'd60b4cece74fc6fd9b821ede276ba6eb840e9b9f', class: "digi-header" }, h("digi-util-breakpoint-observer", { key: '81aab67807671c101ab7e4d9ff53d317c08742c1', onAfOnChange: (e) => (this.isMobile =
-                e.detail.value === UtilBreakpointObserverBreakpoints.SMALL) }), h("digi-layout-block", { key: '3eb88f002e5ac7465bb97a83225dc45560255e57', afContainer: LayoutBlockContainer.NONE }, this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), h("div", { key: '1de790bda0b7f12302b29dd05627ae2254c06163', class: "digi-header__border", "aria-label": this.afAriaLabel }), h("div", { key: 'e0b59d6f7cf32dfdea48b179d34a0ec1f62cc564', class: "digi-header__navigation" }, h("slot", { key: '0f627246aa632e42413eba9a1fb55fbfbe8a3559', name: "header-navigation" })))));
+        return (h("header", { key: '541675d708db44efd16a09721b27dcbbe44e2724', "aria-label": this.ariaLabel, class: Object.assign({ 'digi-header': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '419fba070dc583e81ad3ce29a88581ca736fe656', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), h("digi-layout-block", { key: '679370ad7ccfde35f14549e63cbdc35b35024ac0', afContainer: LayoutBlockContainer.NONE }, this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), h("div", { key: '072768a2e0754f294fa2617828c533f8c426fb40', class: "digi-header__border" }), h("slot", { key: 'ecf54055fbee49802ecf188a36a4868416e948f2', name: "header-navigation" }))));
     }
     static get is() { return "digi-header"; }
     static get encapsulation() { return "scoped"; }
@@ -66,6 +116,9 @@ export class Header {
                     "tags": [{
                             "name": "en",
                             "text": "Set system name."
+                        }, {
+                            "name": "deprecated",
+                            "text": "Anv\u00E4nd afAriaLabel ist\u00E4llet"
                         }],
                     "text": "S\u00E4tter systemnamnet"
                 },
@@ -132,6 +185,9 @@ export class Header {
                     "tags": [{
                             "name": "en",
                             "text": "Hide system name"
+                        }, {
+                            "name": "deprecated",
+                            "text": "Systemnamnet \u00E4r en del av titellogotypen och d\u00F6ljs automatiskt vid sm\u00E5 sk\u00E4rmstorlekar"
                         }],
                     "text": "D\u00F6ljer systemnamnet"
                 },
@@ -174,9 +230,11 @@ export class Header {
     static get states() {
         return {
             "afActive": {},
-            "isMobile": {}
+            "isMobile": {},
+            "hasNavigation": {}
         };
     }
+    static get elementRef() { return "hostElement"; }
     static get listeners() {
         return [{
                 "name": "afOnToggle",
@@ -190,12 +248,6 @@ export class Header {
                 "target": undefined,
                 "capture": false,
                 "passive": false
-            }, {
-                "name": "afOnChange",
-                "method": "breakpointChange",
-                "target": undefined,
-                "capture": false,
-                "passive": false
             }];
     }
 }

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

@@ -54,7 +54,7 @@ export class NavigationAvatar {
         if (this.afShowPlaceholderImage) {
             this.afHideImage = true;
         }
-        return (h("div", { key: '7abfbd7b1e1933cef757ab4a4ba169618a6189d9', class: "digi-header-avatar" }, !this.afHideImage && this.afIsLoggedIn && (h("digi-media-image", { key: '7d9e2d755739a39c0fed8acd21ca17e0384d0b64', class: 'digi-header-avatar__image', "af-height": "32", "af-width": "32", afUnlazy: true, "af-src": this.afSrc, afAlt: this.afAlt })), this.afShowPlaceholderImage && this.afIsLoggedIn && (h("span", { key: 'e0b721cc0ec670ec743bd6d0ec497fb58baf0f5a', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-in" }, h(this.currentAvatar, { key: '38d57fc3adb6ebb3b7c9f2683327960c0e1bbbc7' }, h("title", { key: '967f77cdc4194a063fafb6a7c684e29d7e1cbdf3' }, this.afPlacerholderTitle)))), this.afIsLoggedIn && (h("span", { key: 'c59653a35e8a1b441e518c482f047c483c8b68d7', class: "digi-header-avatar__name" }, this.setCurrentLoginName())), !this.afIsLoggedIn && (h("span", { key: 'e32d280aa3408a1e357afbe626304b56139238c1', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-out" }, h(this.currentAvatar, { key: 'e472df32ef3fc8354447df8b2b23815198d3b5cf' }, h("title", { key: 'e8191617054592c9a1216fb97ab3689c402e922a' }, this.afPlacerholderTitle)))), !this.afIsLoggedIn && h("slot", { key: 'c35f521b2882d8033241c9dc1e2a2b5972a00a74' })));
+        return (h("div", { key: 'c6a31dcf973d0838e6fcc15c46df3367a7ffbf05', class: "digi-header-avatar" }, !this.afHideImage && this.afIsLoggedIn && (h("digi-media-image", { key: 'd89ff3dd87bad2f574c9dc2332ab01cca92f14f7', class: 'digi-header-avatar__image', "af-height": "32", "af-width": "32", afUnlazy: true, "af-src": this.afSrc, afAlt: this.afAlt })), this.afShowPlaceholderImage && this.afIsLoggedIn && (h("span", { key: '578c4845722980eef2dcdd089e34bd74552f1c12', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-in" }, h(this.currentAvatar, { key: 'a607c3b7d8adad5e099348c2f934c11f6ca90f72' }, h("title", { key: 'e7bcf18ab68a3747bdfb67cd0099f361e1bdfc9b' }, this.afPlacerholderTitle)))), this.afIsLoggedIn && (h("span", { key: 'd89f15f40ac637eb8b5a469580fa99949f6e496b', class: "digi-header-avatar__name" }, this.setCurrentLoginName())), !this.afIsLoggedIn && (h("span", { key: '0fd876bc2059fbbafc6c676721ab72121721262b', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-out" }, h(this.currentAvatar, { key: '01a97ee947331bd9baf206bbc9dc2325c53f9015' }, h("title", { key: '2f96d6322af1e8926371a5971300fc229db60217' }, this.afPlacerholderTitle)))), !this.afIsLoggedIn && h("slot", { key: 'a56cb66e622b3eb8979b90fe33f051bf35a0a937' })));
     }
     static get is() { return "digi-header-avatar"; }
     static get encapsulation() { return "scoped"; }

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

@@ -5,6 +5,7 @@ License: none (public domain)
 :host {
   --digi--header--border-color: var(--digi--color--divider--secondary);
   --digi--header--close-button--padding: var(--digi--padding--smaller);
+  --digi--header-navigation--horizontal-padding: var(--digi--padding--smaller);
   display: block;
 }
 :host .digi-header-navigation {
@@ -23,6 +24,27 @@ License: none (public domain)
   grid-area: nav;
   background-color: var(--digi--color--background--secondary-muted);
   border-bottom: var(--digi--header--border-width) solid var(--digi--header--border-color);
+  padding: 0 var(--digi--header-navigation--horizontal-padding);
+}
+@media (min-width: 47.9375rem) {
+  :host .digi-header-navigation__wrapper {
+    --digi--header-navigation--horizontal-padding: var(--digi--global--spacing--smallest-2);
+  }
+}
+@media (min-width: 61.9375rem) {
+  :host .digi-header-navigation__wrapper {
+    --digi--header-navigation--horizontal-padding: 0;
+  }
+}
+@media (min-width: 75rem) {
+  :host .digi-header-navigation__wrapper {
+    --digi--header-navigation--horizontal-padding: var(--digi--global--spacing--small);
+  }
+}
+@media (min-width: 87.5rem) {
+  :host .digi-header-navigation__wrapper {
+    --digi--header-navigation--horizontal-padding: var(--digi--global--spacing--largest-2);
+  }
 }
 :host .digi-header-navigation--visible .digi-header-navigation__wrapper {
   display: block;
@@ -33,6 +55,14 @@ License: none (public domain)
   align-items: center;
   padding: var(--digi--header--close-button--padding) 0;
 }
+:host .digi-header-navigation--centered .digi-header-navigation__wrapper {
+  padding-left: 0;
+  padding-right: 0;
+}
+:host .digi-header-navigation--centered .digi-header-navigation__inner {
+  margin-left: calc(var(--digi--global--spacing--base) * -1);
+  margin-right: calc(var(--digi--global--spacing--base) * -1);
+}
 :host .digi-header-navigation--mobile {
   width: 0;
   position: fixed;
@@ -40,6 +70,7 @@ License: none (public domain)
   right: 0;
   top: 0;
   visibility: hidden;
+  --digi--header-navigation--horizontal-padding: 0;
 }
 :host .digi-header-navigation--mobile .digi-header-navigation__wrapper {
   position: absolute;
@@ -52,6 +83,7 @@ License: none (public domain)
   overflow-y: auto;
 }
 :host .digi-header-navigation--mobile .digi-header-navigation__inner {
+  margin: 0;
   padding: 0;
   display: block;
 }

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

@@ -154,14 +154,15 @@ export class HeaderNavigation {
         return {
             'digi-header-navigation--open': this.afActive,
             'digi-header-navigation--mobile': this.isMobile,
-            'digi-header-navigation--visible': this.isVisible
+            'digi-header-navigation--visible': this.isVisible,
+            'digi-header-navigation--centered': this.afCentered !== HeaderCenterContentWidth.DEFAULT
         };
     }
     render() {
-        return (h("div", { key: '7f86ada4157bc7b80710ba4c6b6b9835d13ce0aa', class: Object.assign({ 'digi-header-navigation': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '79a7ce07ce826cdc6aab8ea2b49c2efb4d446ee6', onAfOnChange: (e) => (this.isMobile =
-                e.detail.value === UtilBreakpointObserverBreakpoints.SMALL) }, h("digi-util-keydown-handler", { key: '5ca6d68ee16f879bb6bea86d7cf8acb616a4a343', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: '3a9bb92d59d7f309d42168ae64c7cb831a7c6f3b' }, this.isMobile && (h("div", { key: '7c30d15b98be4be782870241c7fa23c247861704', class: "digi-header-navigation__backdrop", onClick: (e) => this.backdropClickHandler(e) })), h("nav", { key: 'cd28610f82c7aee92f700b96e8212deb9dc419d9', class: "digi-header-navigation__wrapper", "aria-label": this.afNavAriaLabel, "af-centered": this.afCentered, ref: (el) => {
+        return (h("div", { key: 'a2645e18fa313178d65cd9a82ccee2e5121e9d15', class: Object.assign({ 'digi-header-navigation': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '78532433a10d7b25f84ffab92c17edd0d89c1eda', onAfOnChange: (e) => (this.isMobile =
+                e.detail.value === UtilBreakpointObserverBreakpoints.SMALL) }, h("digi-util-keydown-handler", { key: '318e69263ceba3cea1b2b5284953ea219641d3bb', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: 'bd4916bbdd14c6587ca283b0df6d70bdaf5f28e7' }, this.isMobile && (h("div", { key: '551a7f881618137861e3b4a40b66d9e4f835fa3c', class: "digi-header-navigation__backdrop", onClick: (e) => this.backdropClickHandler(e) })), h("nav", { key: 'bb011ce31ad95e5ad4a78a1ef71344d11f61f310', class: "digi-header-navigation__wrapper", "aria-label": this.afNavAriaLabel, "af-centered": this.afCentered, ref: (el) => {
                 this._wrapper = el;
-            } }, this.isMobile && (h("digi-button", { key: 'fa3d12e7548e063a96afa64d4a817f7d1668c362', 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: '6292b9652bbb177046c352b867ed96ba0dafa8ac', 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: '29de9286c4d31a0fa82eff4eb433cec6e207daaa', 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: '3cd3af6909b727e1545c5feb74ea4a67f6cac73f', 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/_header/header-navigation-item/header-navigation-item.js

@@ -15,7 +15,7 @@ export class HeaderNavigationItem {
         };
     }
     render() {
-        return (h("div", { key: '21fd3ec068563fc546bea986e10b1256018d3b3a', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, h("slot", { key: 'c518bf00a4e445f64c246575ddd7dd3ac505a5a3' }), h("div", { key: 'd5701be9f10650fd075ed4ae57a9da14e884f8af', class: Object.assign({ 'digi-header-navigation-item-indicator': true }, this.cssModifiers) })));
+        return (h("div", { key: 'f70697deec493a88ae225787e33c9781c892b1b5', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, h("slot", { key: 'de6147b23d7be7aa68d51e293db9ecb9e2fd4d3e' }), h("div", { key: '3ebd2fe503efff9bab1ebf460cb60bcb8e9c878f', class: Object.assign({ 'digi-header-navigation-item-indicator': true }, this.cssModifiers) })));
     }
     static get is() { return "digi-header-navigation-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -9,9 +9,9 @@ export class HeaderNotification {
         this.afNotificationAmount = undefined;
     }
     render() {
-        return (h("div", { key: '9fdf78a7fccb3604d0472f16874140892d8b9e08', class: "digi-header-notification" }, this.afNotificationAmount > 0 && (h("span", { key: '0ad609dcffcf41c1d35b303eb788d205d599e101', class: "digi-header-notification__number" }, this.afNotificationAmount < 100
+        return (h("div", { key: '95f98008df9604a1d8d3f99abc0ebd37ec4b149e', class: "digi-header-notification" }, this.afNotificationAmount > 0 && (h("span", { key: '7de1e2584744df0aa1f1481a1bae8f6b50ac70a0', class: "digi-header-notification__number" }, this.afNotificationAmount < 100
             ? this.afNotificationAmount
-            : '+99')), h("slot", { key: '8c3b44864f9ccf3a1d6741ecd9c37d493861d13c' })));
+            : '+99')), h("slot", { key: 'a44dd632a78363088c6fdb97a6c8707a70dc69cf' })));
     }
     static get is() { return "digi-header-notification"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_icon/icon-accessibility-deaf/icon-accessibility-deaf.js

@@ -9,11 +9,11 @@ export class IconAccessibilityDeaf {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'ad237e24c82d15eaeea0c904adde2c153d4d94ec', class: "digi-icon-accessibility-deaf", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'eb8cd686d2a167bc4cd3df9e13538ae76aafd11d', class: "digi-icon-accessibility-deaf", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '2611f6541c405c86e93320cc5cb0ffe9f2b882d4', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f2ce624525182ba97b8236f1342c3a8e41ea3c9b' }, this.afDesc), h("path", { key: '1e2e142ca8b2afb79fcb563d14d701ae6fac082c', class: "digi-icon-accessibility-deaf__shape", d: "M17.7327245,48 C16.4900679,48 15.4827238,46.9926559 15.4827238,45.7499993 C15.4827238,44.5073426 16.4900679,43.4999985 17.7327245,43.4999985 C21.1445694,43.4999985 23.9202265,40.6859976 23.9202265,37.2272778 L23.920414,37.1959653 C24.0147266,30.4331193 30.7500012,29.327244 30.7500012,24.7499925 C30.7500012,18.476428 25.7346646,13.4999874 19.5000063,13.4999874 C13.2768793,13.4999874 8.25000122,18.464053 8.25000122,24.7499925 C8.25000122,25.9926491 7.24265861,26.9999874 6.00000195,26.9999874 C4.7573453,26.9999874 3.75000122,25.9926491 3.75000122,24.7499925 C3.75000122,15.9995522 10.768691,8.99998739 19.5000063,8.99998739 C28.2159467,8.99998739 35.2500115,15.9828646 35.2500115,24.7499925 C35.2500115,31.749276 28.490728,32.9845264 28.420228,37.245184 C28.4102905,43.1769359 23.6197577,48 17.7327245,48 Z M27.7500037,24.7499925 C27.7500037,20.2009598 24.0490391,16.4999898 19.5000063,16.4999898 C14.9509736,16.4999898 11.2500037,20.2009598 11.2500037,24.7499925 C11.2500037,25.9926491 12.2573477,26.9999898 13.5000044,26.9999898 C14.742661,26.9999898 15.7500037,25.9926491 15.7500037,24.7499925 C15.7500037,22.6822418 17.4322557,20.9999898 19.5000063,20.9999898 C21.567757,20.9999898 23.2500037,22.6822418 23.2500037,24.7499925 C23.2500037,25.9926491 24.2573516,26.9999898 25.5000083,26.9999898 C26.742665,26.9999898 27.7500037,25.9926491 27.7500037,24.7499925 Z M40.0303255,18.0937403 C41.1497009,17.5542089 41.6198573,16.2093647 41.0803259,15.0899894 C39.4672628,11.743207 37.0557308,8.77086232 34.1067298,6.49423658 C33.1228233,5.73495508 31.7101041,5.91673639 30.9507288,6.90045546 C30.1913536,7.88417453 30.3732286,9.29698749 31.356854,10.0564565 C33.7550735,11.9078321 35.7155741,14.3240516 37.0265745,17.0438337 C37.566481,18.1637716 38.9117939,18.6329905 40.0303255,18.0937403 Z M46.7244527,14.7778018 C47.8442968,14.2393016 48.3157657,12.8950199 47.7772655,11.775082 C45.5383273,7.11776803 42.5447951,3.31498555 38.8788877,0.472109633 C37.8968561,-0.289328113 36.4836681,-0.110828055 35.7219491,0.871297262 C34.9605114,1.85323508 35.1391989,3.26661054 36.1211368,4.02814203 C39.2308253,6.43967406 41.7876698,9.70208137 43.721733,13.7248952 C44.2602332,14.8451143 45.6046086,15.3160207 46.7244527,14.7778018 Z M19.5000063,26.249993 C18.2573497,26.249993 17.2500056,27.257337 17.2500056,28.4999937 C17.2500056,29.7426503 18.2573497,30.749993 19.5000063,30.749993 C20.742663,30.749993 21.7500056,29.7426503 21.7500056,28.4999937 C21.7500056,27.257337 20.742663,26.249993 19.5000063,26.249993 Z M13.5000044,32.2499949 C12.2573477,32.2499949 11.2500037,33.257339 11.2500037,34.4999956 C11.2500037,35.7426523 12.2573477,36.7499949 13.5000044,36.7499949 C14.742661,36.7499949 15.7500037,35.7426523 15.7500037,34.4999956 C15.7500037,33.257339 14.742661,32.2499949 13.5000044,32.2499949 Z M2.25000073,43.4999985 C1.00734408,43.4999985 0,44.5073426 0,45.7499993 C0,46.9926559 1.00734408,47.9999985 2.25000073,47.9999985 C3.49265739,47.9999985 4.5,46.9926559 4.5,45.7499993 C4.5,44.5073426 3.49265739,43.4999985 2.25000073,43.4999985 Z M12.0910352,41.9089648 L6.09103323,35.9089648 L2.90906345,39.0909346 L8.90906345,45.0909366 L12.0910352,41.9089648 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'b6b23189f150e93da11617a2046bdc20cf478fc6', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '8fe7c174b5922996723f470f2e40af87d34a8489' }, this.afDesc), h("path", { key: '6b7496e1f77085f05182844b3c801b82aa6d93a6', class: "digi-icon-accessibility-deaf__shape", d: "M17.7327245,48 C16.4900679,48 15.4827238,46.9926559 15.4827238,45.7499993 C15.4827238,44.5073426 16.4900679,43.4999985 17.7327245,43.4999985 C21.1445694,43.4999985 23.9202265,40.6859976 23.9202265,37.2272778 L23.920414,37.1959653 C24.0147266,30.4331193 30.7500012,29.327244 30.7500012,24.7499925 C30.7500012,18.476428 25.7346646,13.4999874 19.5000063,13.4999874 C13.2768793,13.4999874 8.25000122,18.464053 8.25000122,24.7499925 C8.25000122,25.9926491 7.24265861,26.9999874 6.00000195,26.9999874 C4.7573453,26.9999874 3.75000122,25.9926491 3.75000122,24.7499925 C3.75000122,15.9995522 10.768691,8.99998739 19.5000063,8.99998739 C28.2159467,8.99998739 35.2500115,15.9828646 35.2500115,24.7499925 C35.2500115,31.749276 28.490728,32.9845264 28.420228,37.245184 C28.4102905,43.1769359 23.6197577,48 17.7327245,48 Z M27.7500037,24.7499925 C27.7500037,20.2009598 24.0490391,16.4999898 19.5000063,16.4999898 C14.9509736,16.4999898 11.2500037,20.2009598 11.2500037,24.7499925 C11.2500037,25.9926491 12.2573477,26.9999898 13.5000044,26.9999898 C14.742661,26.9999898 15.7500037,25.9926491 15.7500037,24.7499925 C15.7500037,22.6822418 17.4322557,20.9999898 19.5000063,20.9999898 C21.567757,20.9999898 23.2500037,22.6822418 23.2500037,24.7499925 C23.2500037,25.9926491 24.2573516,26.9999898 25.5000083,26.9999898 C26.742665,26.9999898 27.7500037,25.9926491 27.7500037,24.7499925 Z M40.0303255,18.0937403 C41.1497009,17.5542089 41.6198573,16.2093647 41.0803259,15.0899894 C39.4672628,11.743207 37.0557308,8.77086232 34.1067298,6.49423658 C33.1228233,5.73495508 31.7101041,5.91673639 30.9507288,6.90045546 C30.1913536,7.88417453 30.3732286,9.29698749 31.356854,10.0564565 C33.7550735,11.9078321 35.7155741,14.3240516 37.0265745,17.0438337 C37.566481,18.1637716 38.9117939,18.6329905 40.0303255,18.0937403 Z M46.7244527,14.7778018 C47.8442968,14.2393016 48.3157657,12.8950199 47.7772655,11.775082 C45.5383273,7.11776803 42.5447951,3.31498555 38.8788877,0.472109633 C37.8968561,-0.289328113 36.4836681,-0.110828055 35.7219491,0.871297262 C34.9605114,1.85323508 35.1391989,3.26661054 36.1211368,4.02814203 C39.2308253,6.43967406 41.7876698,9.70208137 43.721733,13.7248952 C44.2602332,14.8451143 45.6046086,15.3160207 46.7244527,14.7778018 Z M19.5000063,26.249993 C18.2573497,26.249993 17.2500056,27.257337 17.2500056,28.4999937 C17.2500056,29.7426503 18.2573497,30.749993 19.5000063,30.749993 C20.742663,30.749993 21.7500056,29.7426503 21.7500056,28.4999937 C21.7500056,27.257337 20.742663,26.249993 19.5000063,26.249993 Z M13.5000044,32.2499949 C12.2573477,32.2499949 11.2500037,33.257339 11.2500037,34.4999956 C11.2500037,35.7426523 12.2573477,36.7499949 13.5000044,36.7499949 C14.742661,36.7499949 15.7500037,35.7426523 15.7500037,34.4999956 C15.7500037,33.257339 14.742661,32.2499949 13.5000044,32.2499949 Z M2.25000073,43.4999985 C1.00734408,43.4999985 0,44.5073426 0,45.7499993 C0,46.9926559 1.00734408,47.9999985 2.25000073,47.9999985 C3.49265739,47.9999985 4.5,46.9926559 4.5,45.7499993 C4.5,44.5073426 3.49265739,43.4999985 2.25000073,43.4999985 Z M12.0910352,41.9089648 L6.09103323,35.9089648 L2.90906345,39.0909346 L8.90906345,45.0909366 L12.0910352,41.9089648 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-accessibility-deaf"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_icon/icon-accessibility-universal/icon-accessibility-universal.js

@@ -9,11 +9,11 @@ export class IconAccessibilityUniversal {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'e1b8714d79e2d05539c2d197e4674b711257fd75', class: "digi-icon-accessibility-universal", width: "48px", height: "48px", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '9bdcaeaf096d4c253f9914e99e017c636173c86a', class: "digi-icon-accessibility-universal", width: "48px", height: "48px", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '8637c65789a912c796d8718b23e150b1e2258adc', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f5a8780abdc7b88c00e27a97b709459576f3c785' }, this.afDesc), h("path", { key: 'd74d8a274e7915297e632e02e89a60f3e4270838', class: "digi-icon-accessibility-universal__shape", d: "M24,0 C10.745129,0 0,10.745129 0,24 C0,37.254871 10.745129,48 24,48 C37.254871,48 48,37.254871 48,24 C48,10.745129 37.254871,0 24,0 Z M24,44.1290323 C12.8755161,44.1290323 3.87096774,35.1262258 3.87096774,24 C3.87096774,12.8755161 12.8737742,3.87096774 24,3.87096774 C35.1244839,3.87096774 44.1290323,12.8737742 44.1290323,24 C44.1290323,35.1244839 35.1262258,44.1290323 24,44.1290323 Z M37.8961935,16.3877419 C38.1418065,17.4280645 37.4975806,18.4705161 36.4572581,18.7162258 C33.5670968,19.3985806 30.8599355,20.0019677 28.1736774,20.3372903 C28.2393871,31.1111613 29.3982581,32.7685161 30.7835806,36.3162581 C31.2503226,37.5110323 30.6601935,38.8580323 29.4653226,39.3246774 C28.271129,39.7914194 26.9237419,39.2017742 26.4569032,38.0064194 C25.5318387,35.6386452 24.7063548,33.8500645 24.1531935,29.769 L23.847,29.769 C23.2933548,33.8534516 22.466129,35.6437742 21.5432903,38.0064194 C21.0772258,39.1995484 19.7315806,39.792 18.534871,39.3247742 C17.3400968,38.8580323 16.749871,37.511129 17.2165161,36.3162581 C18.6032903,32.766 19.7607097,31.1062258 19.8264194,20.3372903 C17.1401613,20.0019677 14.433,19.3986774 11.5428387,18.7162258 C10.5025161,18.4706129 9.85829032,17.4280645 10.1039032,16.3877419 C10.3496129,15.3474194 11.3921613,14.7033871 12.4323871,14.9488065 C22.5712258,17.3426129 25.4433871,17.3392258 35.5678065,14.9488065 C36.6080323,14.7031935 37.6505806,15.3473226 37.8961935,16.3877419 Z M20.3038065,12.2123226 C20.3038065,10.1709677 21.9586452,8.51612903 24,8.51612903 C26.0413548,8.51612903 27.6961935,10.1709677 27.6961935,12.2123226 C27.6961935,14.2536774 26.0413548,15.9085161 24,15.9085161 C21.9586452,15.9085161 20.3038065,14.2535806 20.3038065,12.2123226 L20.3038065,12.2123226 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '9165ed4001a1af1a847ccc18f7b713eebc62ac21', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'c7390d038c95953dca5f73c68edc9bdb9332f9ad' }, this.afDesc), h("path", { key: 'a241ac969fb606799fdee3ff4552aa40aaa32e81', class: "digi-icon-accessibility-universal__shape", d: "M24,0 C10.745129,0 0,10.745129 0,24 C0,37.254871 10.745129,48 24,48 C37.254871,48 48,37.254871 48,24 C48,10.745129 37.254871,0 24,0 Z M24,44.1290323 C12.8755161,44.1290323 3.87096774,35.1262258 3.87096774,24 C3.87096774,12.8755161 12.8737742,3.87096774 24,3.87096774 C35.1244839,3.87096774 44.1290323,12.8737742 44.1290323,24 C44.1290323,35.1244839 35.1262258,44.1290323 24,44.1290323 Z M37.8961935,16.3877419 C38.1418065,17.4280645 37.4975806,18.4705161 36.4572581,18.7162258 C33.5670968,19.3985806 30.8599355,20.0019677 28.1736774,20.3372903 C28.2393871,31.1111613 29.3982581,32.7685161 30.7835806,36.3162581 C31.2503226,37.5110323 30.6601935,38.8580323 29.4653226,39.3246774 C28.271129,39.7914194 26.9237419,39.2017742 26.4569032,38.0064194 C25.5318387,35.6386452 24.7063548,33.8500645 24.1531935,29.769 L23.847,29.769 C23.2933548,33.8534516 22.466129,35.6437742 21.5432903,38.0064194 C21.0772258,39.1995484 19.7315806,39.792 18.534871,39.3247742 C17.3400968,38.8580323 16.749871,37.511129 17.2165161,36.3162581 C18.6032903,32.766 19.7607097,31.1062258 19.8264194,20.3372903 C17.1401613,20.0019677 14.433,19.3986774 11.5428387,18.7162258 C10.5025161,18.4706129 9.85829032,17.4280645 10.1039032,16.3877419 C10.3496129,15.3474194 11.3921613,14.7033871 12.4323871,14.9488065 C22.5712258,17.3426129 25.4433871,17.3392258 35.5678065,14.9488065 C36.6080323,14.7031935 37.6505806,15.3473226 37.8961935,16.3877419 Z M20.3038065,12.2123226 C20.3038065,10.1709677 21.9586452,8.51612903 24,8.51612903 C26.0413548,8.51612903 27.6961935,10.1709677 27.6961935,12.2123226 C27.6961935,14.2536774 26.0413548,15.9085161 24,15.9085161 C21.9586452,15.9085161 20.3038065,14.2535806 20.3038065,12.2123226 L20.3038065,12.2123226 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-accessibility-universal"; }
     static get encapsulation() { return "scoped"; }