@postnord/pn-marketweb-components 2.1.6 → 2.1.8

package/collection/components/cards/pn-teaser-card/pn-teaser-card.css

@@ -123,8 +123,8 @@ pn-teaser-card[data-card-color=white] > .pn-teaser-card__container {
   }
 }
 
-.onethirdwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image,
-.onequarterwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image {
+.onethirdwidth > pn-teaser-card .pn-teaser-card__container__image__container--no-image,
+.onequarterwidth > pn-teaser-card .pn-teaser-card__container__image__container--no-image {
   padding-top: 2.4rem;
 }
 .onethirdwidth .pn-teaser-card__container__content__cta .secondary-link--animated,
@@ -132,89 +132,89 @@ pn-teaser-card[data-card-color=white] > .pn-teaser-card__container {
   font-weight: 400;
 }
 
-.halfwidth pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated {
+.halfwidth > pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated {
   font-weight: 400;
 }
-.halfwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image {
+.halfwidth > pn-teaser-card .pn-teaser-card__container__image__container--no-image {
   padding-top: 2.4rem;
 }
 @media screen and (min-width: 992px) {
-  .halfwidth pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated {
+  .halfwidth > pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated {
     font-weight: 500;
   }
 }
 @media screen and (min-width: 1200px) {
-  .halfwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image {
+  .halfwidth > pn-teaser-card .pn-teaser-card__container__image__container--no-image {
     padding-top: 4rem;
   }
-  .halfwidth pn-teaser-card .pn-teaser-card__container__content {
+  .halfwidth > pn-teaser-card .pn-teaser-card__container__content {
     padding: 0 4rem 4rem;
   }
-  .halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container__heading {
+  .halfwidth > pn-teaser-card .pn-teaser-card__container__content__text__container__heading {
     font-weight: 700;
     font-size: 3.2rem;
     line-height: 3.52rem;
   }
-  .halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container__preamble {
+  .halfwidth > pn-teaser-card .pn-teaser-card__container__content__text__container__preamble {
     font-weight: 400;
     font-size: 2rem;
     line-height: 2.8rem;
   }
 }
 @media screen and (min-width: 1640px) {
-  .halfwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image {
+  .halfwidth > pn-teaser-card .pn-teaser-card__container__image__container--no-image {
     padding-top: 5.6rem;
   }
-  .halfwidth pn-teaser-card .pn-teaser-card__container__content {
+  .halfwidth > pn-teaser-card .pn-teaser-card__container__content {
     padding: 0 5.6rem 5.6rem;
   }
 }
 
-.fullwidth pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated {
+.fullwidth > pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated {
   font-weight: 400;
 }
-.fullwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image {
+.fullwidth > pn-teaser-card .pn-teaser-card__container__image__container--no-image {
   width: auto;
   padding-top: 2.4rem;
 }
 @media screen and (min-width: 768px) {
-  .fullwidth pn-teaser-card {
+  .fullwidth > pn-teaser-card {
     min-height: 35rem;
   }
-  .fullwidth pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated {
+  .fullwidth > pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated {
     font-weight: 500;
   }
-  .fullwidth pn-teaser-card .pn-teaser-card__container {
+  .fullwidth > pn-teaser-card .pn-teaser-card__container {
     flex-direction: row;
   }
-  .fullwidth pn-teaser-card .pn-teaser-card__container__content {
+  .fullwidth > pn-teaser-card .pn-teaser-card__container__content {
     align-self: center;
     gap: 2.4rem;
     padding: 3.2rem 3.2rem 3.2rem 2.4rem;
   }
-  .fullwidth pn-teaser-card .pn-teaser-card__container__image__container > [slot=illustration] {
+  .fullwidth > pn-teaser-card .pn-teaser-card__container__image__container > [slot=illustration] {
     border-top-left-radius: 2.4rem;
     border-bottom-left-radius: 2.4rem;
     clip-path: ellipse(100% 100% at 0% 50%);
   }
-  .fullwidth pn-teaser-card .pn-teaser-card__container__image__container > [slot=illustration] > picture > img {
+  .fullwidth > pn-teaser-card .pn-teaser-card__container__image__container > [slot=illustration] > picture > img {
     height: 100%;
     object-fit: cover;
   }
 }
 @media screen and (min-width: 1200px) {
-  .fullwidth pn-teaser-card {
+  .fullwidth > pn-teaser-card {
     min-height: 52rem;
   }
-  .fullwidth pn-teaser-card .pn-teaser-card__container__content {
+  .fullwidth > pn-teaser-card .pn-teaser-card__container__content {
     padding: 4rem 4rem 4rem 3.2rem;
   }
-  .fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container__heading {
+  .fullwidth > pn-teaser-card .pn-teaser-card__container__content__text__container__heading {
     font-weight: 700;
     font-size: 4.8rem;
     line-height: 5.28rem;
   }
-  .fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container__preamble {
+  .fullwidth > pn-teaser-card .pn-teaser-card__container__content__text__container__preamble {
     font-size: 2rem;
     line-height: 2.8rem;
   }

package/collection/components/charts/pn-charts-card/pn-charts-card.css

@@ -7,7 +7,6 @@ pn-charts-card .pn-charts-card__wrapper {
   width: 100%;
   display: flex;
   flex-direction: column;
-  background-color: #EFFBFF;
   border-radius: 2.4rem;
   padding: 2.4rem;
 }
@@ -136,85 +135,89 @@ pn-charts-card .pn-charts-card__source a[target=_blank]:not(.pn-button):after {
   display: none;
 }
 
-.fullwidth pn-charts-card .pn-charts-card__wrapper {
+.fullwidth > pn-charts-card .pn-charts-card__wrapper {
   padding: 2.4rem;
 }
 @media screen and (min-width: 992px) {
-  .fullwidth pn-charts-card .pn-charts-card__wrapper {
+  .fullwidth > pn-charts-card .pn-charts-card__wrapper {
     padding: 4rem;
   }
 }
-.fullwidth pn-charts-card .pn-charts-card__heading__wrapper {
+.fullwidth > pn-charts-card .pn-charts-card__heading__wrapper {
   margin-bottom: 3.2rem;
   gap: 1.6rem;
 }
 @media screen and (min-width: 768px) {
-  .fullwidth pn-charts-card .pn-charts-card__heading__wrapper {
+  .fullwidth > pn-charts-card .pn-charts-card__heading__wrapper {
     justify-content: flex-start;
   }
 }
-.fullwidth pn-charts-card .pn-charts-card__heading,
-.fullwidth pn-charts-card .pn-charts-card__heading__highlight {
+.fullwidth > pn-charts-card .pn-charts-card__heading,
+.fullwidth > pn-charts-card .pn-charts-card__heading__highlight {
   font-size: 2.4rem;
 }
 @media screen and (min-width: 768px) {
-  .fullwidth pn-charts-card .pn-charts-card__heading,
-.fullwidth pn-charts-card .pn-charts-card__heading__highlight {
+  .fullwidth > pn-charts-card .pn-charts-card__heading,
+.fullwidth > pn-charts-card .pn-charts-card__heading__highlight {
     font-size: 3.2rem;
   }
 }
-.fullwidth pn-charts-card .pn-charts-card__content__wrapper {
+.fullwidth > pn-charts-card .pn-charts-card__content__wrapper {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }
 @media screen and (min-width: 992px) {
-  .fullwidth pn-charts-card .pn-charts-card__content__wrapper {
+  .fullwidth > pn-charts-card .pn-charts-card__content__wrapper {
     flex-direction: row-reverse;
     gap: 5.6rem;
   }
 }
 @media screen and (min-width: 1200px) {
-  .fullwidth pn-charts-card .pn-charts-card__content__wrapper {
+  .fullwidth > pn-charts-card .pn-charts-card__content__wrapper {
     gap: 4rem;
   }
 }
 @media screen and (min-width: 1640px) {
-  .fullwidth pn-charts-card .pn-charts-card__content__wrapper {
+  .fullwidth > pn-charts-card .pn-charts-card__content__wrapper {
     gap: 3.2rem;
   }
 }
-.fullwidth pn-charts-card .pn-charts-card__text__container {
+.fullwidth > pn-charts-card .pn-charts-card__text__container {
   justify-content: center;
 }
 @media screen and (min-width: 768px) {
-  .fullwidth pn-charts-card .pn-charts-card__text__container {
+  .fullwidth > pn-charts-card .pn-charts-card__text__container {
     width: 100%;
   }
 }
-.fullwidth pn-charts-card .pn-charts-card__heading__wrapper--vertical {
+.fullwidth > pn-charts-card .pn-charts-card__heading__wrapper--vertical {
   display: flex;
 }
 @media screen and (min-width: 992px) {
-  .fullwidth pn-charts-card .pn-charts-card__heading__wrapper--vertical {
+  .fullwidth > pn-charts-card .pn-charts-card__heading__wrapper--vertical {
     display: none;
   }
 }
-.fullwidth pn-charts-card .pn-charts-card__heading__wrapper--horizontal {
+.fullwidth > pn-charts-card .pn-charts-card__heading__wrapper--horizontal {
   display: none;
 }
 @media screen and (min-width: 992px) {
-  .fullwidth pn-charts-card .pn-charts-card__heading__wrapper--horizontal {
+  .fullwidth > pn-charts-card .pn-charts-card__heading__wrapper--horizontal {
     display: flex;
   }
 }
 @media screen and (min-width: 768px) {
-  .fullwidth pn-charts-card .pn-charts-card__preamble {
+  .fullwidth > pn-charts-card .pn-charts-card__preamble {
     flex-grow: 0;
     font-size: 2rem;
   }
 }
 
+pn-charts-card[data-chart-color=blue] > .pn-charts-card__wrapper {
+  background-color: #EFFBFF;
+}
+
 pn-charts-card[data-chart-color=coral] > .pn-charts-card__wrapper {
   background-color: #FDEFEE;
 }

package/collection/components/charts/pn-charts-card/pn-charts-card.stories.js

@@ -72,6 +72,7 @@ const TemplateChartsCardOne = ({ ...args }) => {
           source="${args.source}"
           source-url="${args.sourceUrl}"
           open-in-new-window="${args.openInNewWindow}"
+          data-chart-color="coral"
         >
           <pn-chart data-chart-type="line" slot="chart" labels='["Jan", "Feb", "Mars"]' data-sets='[{ "label": "# of packages in billions", "backgroundColor": ["#E0F8FF", "#8EDDF9", "#00A0D6"], "data": [300, 600, 50] }, { "label": "c02 emission", "borderColor":"green", "fill":true, "backgroundColor": ["#E0F8FF", "#8EDDF9", "#00A0D6"], "data": [20, 50, 90] }]'></pn-chart>
       </pn-charts-card>

package/collection/components/data-visualization/pn-stats-info/pn-stats-info.css

@@ -379,48 +379,48 @@ pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-data__cont
   color: #FFFFFF;
 }
 
-pn-stats-info[data-stats-background-color=greendarkest] .pn-stats-info__container__content,
-pn-stats-info[data-stats-background-color=greendarkest] .pn-stats-info__container__map {
+pn-stats-info[data-stats-background-color=greendark] .pn-stats-info__container__content,
+pn-stats-info[data-stats-background-color=greendark] .pn-stats-info__container__map {
   background-color: #005E41;
 }
-pn-stats-info[data-stats-background-color=greendarkest] .pn-stats-info-image-container {
+pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-image-container {
   background-color: transparent;
 }
-pn-stats-info[data-stats-background-color=greendarkest] .pn-stats-info-image-container [slot=illustration] {
+pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-image-container [slot=illustration] {
   background-color: #005E41;
 }
 @media screen and (min-width: 992px) {
-  pn-stats-info[data-stats-background-color=greendarkest] .pn-stats-info-image-container {
+  pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-image-container {
     background-color: #005E41;
   }
 }
-pn-stats-info[data-stats-background-color=greendarkest] .pn-stats-info__container__content__heading,
-pn-stats-info[data-stats-background-color=greendarkest] .pn-stats-info-data__container__content {
+pn-stats-info[data-stats-background-color=greendark] .pn-stats-info__container__content__heading,
+pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-data__container__content {
   color: #FFFFFF;
 }
-pn-stats-info[data-stats-background-color=greendarkest] .pn-stats-info-data__container__content__preamble {
+pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-data__container__content__preamble {
   color: #FFFFFF;
 }
 
-pn-stats-info[data-stats-background-color=greenlightest] .pn-stats-info__container__content,
-pn-stats-info[data-stats-background-color=greenlightest] .pn-stats-info__container__map {
+pn-stats-info[data-stats-background-color=green25] .pn-stats-info__container__content,
+pn-stats-info[data-stats-background-color=green25] .pn-stats-info__container__map {
   background-color: #EDFBF3;
 }
-pn-stats-info[data-stats-background-color=greenlightest] .pn-stats-info-image-container {
+pn-stats-info[data-stats-background-color=green25] .pn-stats-info-image-container {
   background-color: transparent;
 }
-pn-stats-info[data-stats-background-color=greenlightest] .pn-stats-info-image-container [slot=illustration] {
+pn-stats-info[data-stats-background-color=green25] .pn-stats-info-image-container [slot=illustration] {
   background-color: #EDFBF3;
 }
 @media screen and (min-width: 992px) {
-  pn-stats-info[data-stats-background-color=greenlightest] .pn-stats-info-image-container {
+  pn-stats-info[data-stats-background-color=green25] .pn-stats-info-image-container {
     background-color: #EDFBF3;
   }
 }
-pn-stats-info[data-stats-background-color=greenlightest] .pn-stats-info__container__content__heading,
-pn-stats-info[data-stats-background-color=greenlightest] .pn-stats-info-data__container__content {
+pn-stats-info[data-stats-background-color=green25] .pn-stats-info__container__content__heading,
+pn-stats-info[data-stats-background-color=green25] .pn-stats-info-data__container__content {
   color: #005D92;
 }
-pn-stats-info[data-stats-background-color=greenlightest] .pn-stats-info-data__container__content__preamble {
+pn-stats-info[data-stats-background-color=green25] .pn-stats-info-data__container__content__preamble {
   color: #0D234B;
 }

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.js

@@ -9,12 +9,11 @@ export class PnMarketwebSiteheaderLoginButton {
   }
   nagivateToLoginUrl() {
     const navigationUrl = `${this.loginUrl}${window.location.href}`;
-    //console.log('navigate to: ', navigationUrl);
-    location.href = navigationUrl;
+    return navigationUrl;
   }
   render() {
     return (h(Host, null,
-      h("pn-button", { onClick: () => this.nagivateToLoginUrl() }, this.label)));
+      h("pn-button", { href: this.nagivateToLoginUrl() }, this.label)));
   }
   static get is() { return "pn-marketweb-siteheader-login-button"; }
   static get originalStyleUrls() { return {

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.css

@@ -3,6 +3,46 @@ pn-marketweb-siteheader-login {
   max-height: 5.2rem;
   position: relative;
 }
+pn-marketweb-siteheader-login pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content {
+  max-width: 350px;
+  display: flex;
+  flex-direction: column;
+  gap: 2.4rem;
+  padding: 4rem;
+}
+pn-marketweb-siteheader-login pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content pn-button {
+  width: 100%;
+}
+pn-marketweb-siteheader-login pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content pn-marketweb-siteheader-unified-login::after {
+  display: block;
+  content: "";
+  height: 2px;
+  background: #F9F8F8;
+  width: 100%;
+  margin-top: 2.4rem;
+}
+pn-marketweb-siteheader-login pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span::before {
+  display: block;
+  content: "";
+  height: 2px;
+  background: #F9F8F8;
+  width: 100%;
+  margin-bottom: 2.4rem;
+}
+pn-marketweb-siteheader-login pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span {
+  font-size: 1.4rem;
+  color: #2D2013;
+}
+pn-marketweb-siteheader-login pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span a {
+  text-decoration: none;
+  color: #005D92;
+}
+pn-marketweb-siteheader-login pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span a:hover {
+  text-decoration: underline;
+}
+pn-marketweb-siteheader-login pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span * {
+  margin-bottom: 0;
+}
 pn-marketweb-siteheader-login pn-nav-dropdown {
   display: none;
 }

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.js

@@ -160,7 +160,7 @@ export class PnMarketwebSiteheaderLogin {
       h("pn-nav-dropdown", { label: this.toggleButtonText, icon: "user", class: "siteheader-logindialog" },
         this.showUnifiedLogin && (h("pn-marketweb-siteheader-unified-login", { loggedIn: this.loggedin, myPageLabel: this.i18n.unifiedMyPagesButton, myPageUrl: "https://account.postnord.com/secure/profile", logInLabel: this.i18n.unifiedLoginButton })),
         this.loggedin && this.showProfileSelection ? (h("pn-marketweb-siteheader-login-profileselection", { loginDialog: this.loginDialog, loggedin: this.loggedin, i18n: this.i18n, idNamespace: this.emitEvents ? '1' : '2', endpoint: this.endpoint })) : (h("pn-marketweb-siteheader-login-links", { loginDialog: this.loginDialog, loggedin: this.loggedin, idNamespace: this.emitEvents ? '1' : '2', username: this.username, showUnifiedLogin: this.showUnifiedLogin })),
-        !this.loggedin && h("span", { innerHTML: `${this.loginInfo}` }))));
+        !this.loggedin && h("span", { innerHTML: `${this.loginDialog.loginInfo}` }))));
   }
   static get is() { return "pn-marketweb-siteheader-login"; }
   static get originalStyleUrls() { return {
@@ -390,23 +390,6 @@ export class PnMarketwebSiteheaderLogin {
       },
       "attribute": "environment",
       "reflect": false
-    },
-    "loginInfo": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "login-info",
-      "reflect": false
     }
   }; }
   static get states() { return {

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.css

@@ -87,46 +87,6 @@ pn-marketweb-siteheader .siteheader-row > pn-marketweb-siteheader-search {
 pn-marketweb-siteheader pn-spinner {
   display: none;
 }
-pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content {
-  max-width: 350px;
-  display: flex;
-  flex-direction: column;
-  gap: 2.4rem;
-  padding: 4rem;
-}
-pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content pn-button {
-  width: 100%;
-}
-pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content pn-marketweb-siteheader-unified-login::after {
-  display: block;
-  content: "";
-  height: 2px;
-  background: #F9F8F8;
-  width: 100%;
-  margin-top: 2.4rem;
-}
-pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span::before {
-  display: block;
-  content: "";
-  height: 2px;
-  background: #F9F8F8;
-  width: 100%;
-  margin-bottom: 2.4rem;
-}
-pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span {
-  font-size: 1.4rem;
-  color: #2D2013;
-}
-pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span a {
-  text-decoration: none;
-  color: #005D92;
-}
-pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span a:hover {
-  text-decoration: underline;
-}
-pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span * {
-  margin-bottom: 0;
-}
 pn-marketweb-siteheader pn-nav-dropdown:not(.hydrated) .nav-dropdown-content-container {
   display: none;
 }

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js

@@ -349,7 +349,7 @@ export class PnMarketwebSiteheader {
                   h("path", { d: "M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z", fill: "#00A0D6", transform: "translate(0 0)" }))))),
           h("div", { class: "siteheader-topright" },
             h("slot", { name: "toprightstart" }),
-            this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { token: this.userToken, siteUrl: this.siteDefinition.url, fullname: this.userFullname, loggedin: this.userLoggedin, loginDialog: this.loginDialog, endpoint: this.endpoint, i18n: this.i18n, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, loginInfo: this.loginInfo, "check-user-logged-in-state-interval": this.checkUserLoggedInStateInterval })),
+            this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { token: this.userToken, siteUrl: this.siteDefinition.url, fullname: this.userFullname, loggedin: this.userLoggedin, loginDialog: this.loginDialog, endpoint: this.endpoint, i18n: this.i18n, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, "check-user-logged-in-state-interval": this.checkUserLoggedInStateInterval })),
             this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => (h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))),
             h("slot", { name: "toprightend" }),
             h("div", { class: "siteheader-menu-top-search" },
@@ -371,7 +371,7 @@ export class PnMarketwebSiteheader {
               })),
               h("div", { slot: "footer", class: "siteheader-menu-footer" },
                 h("slot", { name: "menu-footer-cta" }),
-                this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { emitEvents: false, siteUrl: this.siteDefinition.url, loginDialog: this.loginDialog, endpoint: this.endpoint, fullname: this.userFullname, loggedin: this.userLoggedin, i18n: this.i18n, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, loginInfo: this.loginInfo, environment: this.environment })),
+                this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { emitEvents: false, siteUrl: this.siteDefinition.url, loginDialog: this.loginDialog, endpoint: this.endpoint, fullname: this.userFullname, loggedin: this.userLoggedin, i18n: this.i18n, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, environment: this.environment })),
                 this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => (h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))),
                 !this.hideSiteSelector && (h("pn-site-selector", { language: this.language },
                   this.gotData && ((_e = this.siteSelector) === null || _e === void 0 ? void 0 : _e.currentSiteTitle) && (h("pn-site-selector-item", { heading: this.siteSelector.currentSiteTitle, description: this.siteSelector.currentSiteDescription })),
@@ -661,23 +661,6 @@ export class PnMarketwebSiteheader {
       "reflect": false,
       "defaultValue": "false"
     },
-    "loginInfo": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "login-info",
-      "reflect": false
-    },
     "siteDomainInUrls": {
       "type": "boolean",
       "mutable": false,

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js

@@ -466,7 +466,6 @@ const DotComSiteHeaderTemplate = ({ ...args }) => {
     user-loggedin="${args.loggedin}"
     show-unified-login=${args.unified}
     show-profile-selection=${args.showProfileSelection}
-    login-info=${loginInfo}
     >
       <pn-button slot="toprightend" href="http:www.google.se" small="true">Get started</pn-button>
       <pn-button slot="menu-footer-cta" href="http:www.google.se" small="true">Get started</pn-button>
@@ -481,7 +480,7 @@ DotComSiteHeader.args = {
   endpoint: 'https://com-integration.postnord.com',
   name: 'DotCom User',
   loggedin: false,
-  loginInfo: 'Hello i am a <a href="#">link!</a>',
+  loginInfo: encodeURIComponent('Hello i am a <a href="#">link!</a>'),
   unified: true,
   showProfileSelection: false,
 };